Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
freebsd
GitHub Repository: freebsd/phabricator
 Path: blob/master/webroot/rsrc/css/phui/phui-box.css
12241 views
1
/**

2
 * @provides phui-box-css

3
 */

4


5
.phui-box-border {

6
  border: 1px solid {$lightblueborder};

7
  background-color: {$page.content};

8
  border-radius: 3px;

9
}

10


11
.phui-box.focus {

12
  box-shadow: 0 0 5px 5px rgba(255, 255, 0, 0.90);

13
}

14


15
.phui-box-grey {

16
  background-color: {$lightgreybackground};

17
  border-radius: 3px;

18
  border-color: rgba({$alphagrey},.2);

19
}

20


21
.phui-box-blue {

22
  background-color: {$bluebackground};

23
  border-radius: 3px;

24
  border-color: {$thinblueborder};

25
}

26


27
.phui-box-blue .phui-oi,

28
.phui-box-grey .phui-oi {

29
  background: transparent;

30
}

31


32
.phui-box-blue .phui-oi-link,

33
.phui-box-grey .phui-oi-link {

34
  color: {$darkbluetext};

35
}

36


37
.phui-box-blue .phui-oi-list-view,

38
.phui-box-grey .phui-oi-list-view {

39
  background-color: {$page.content};

40
}

41


42
.phui-box-blue .phui-header-shell {

43
  border-color: {$thinblueborder};

44
}

45


46
.phui-box-grey .phui-header-shell {

47
  border-color: rgba({$alphagrey},.1);

48
}

49


50
.phui-object-box.phui-box-blue div.phui-info-severity-nodata,

51
.phui-object-box.phui-box-grey div.phui-info-severity-nodata {

52
  background: {$page.content};

53
  padding: 32px 0;

54
  text-align: center;

55
  border: none;

56
  margin: 0;

57
  color: {$greytext};

58
}

59


60


61
/* Property Boxes */

62


63
.phui-box.phui-box-blue-property {

64
  border-radius: 3px;

65
  border-color: {$lightblueborder};

66
  margin: 0;

67
  padding: 0;

68
}

69


70
.phui-box.phui-box-blue-property .phui-header-header .phui-header-icon {

71
  margin-right: 6px;

72
}

73


74
.phui-box.phui-box-blue-property .phui-header-action-link {

75
  margin-top: 0;

76
  margin-bottom: 0;

77
}

78


79
.device .phui-box.phui-box-blue-property {

80
  padding: 0;

81
}

82


83
.phui-box.phui-object-box.phui-box-blue-property .phui-header-shell {

84
  background-color: {$bluepropertybackground};

85
  border-top-right-radius: 3px;

86
  border-top-left-radius: 3px;

87
  padding: 6px 16px;

88
}

89


90
body.device .phui-box.phui-box-blue-property .phui-header-shell,

91
body.device .phui-box-blue-property.phui-object-box.phui-object-box-collapsed

92
  .phui-header-shell {

93
    padding: 6px 12px;

94
    margin-top: 0;

95
}

96


97
.phui-box.phui-box-blue-property .phui-header-header {

98
  font-size: {$biggerfontsize};

99
  color: {$bluetext};

100
}

101


102
.phui-box-blue-property .phui-oi-list-view {

103
  padding: 2px 8px;

104
}

105


106
.phui-box-blue-property .phui-oi-list-view.phui-oi-list-flush {

107
  padding: 0;

108
}

109


110
body .phui-box-blue-property.phui-object-box.phui-object-box-collapsed {

111
  padding: 0;

112
}

113


114
body .phui-box-blue-property .phui-header-shell + .phui-object-box {

115
  margin-bottom: 0;

116
}

117


118
.phui-box-blue-property .phui-header-shell + .phui-object-box

119
  .phui-header-shell {

120
    background: {$page.content};

121
}

122


123
/* Config Boxes */

124


125
.phui-box-white-config.phui-box-border {

126
  border-color: #e2e2e2;

127
  border-radius: 5px;

128
}

129


130
.phui-box-white-config.phui-object-box {

131
  padding: 16px 0 0 0;

132
}

133


134
.phui-box-white-config .phui-header-shell {

135
  border-bottom: 1px solid #e2e2e2;

136
  overflow: hidden;

137
  padding: 0 16px 16px;

138
}

139


140
.phui-box-white-config .phui-header-header {

141
  color: {$bluetext};

142
}

143


144
.phui-box-white-config .phui-header-action-links .button {

145
  margin-top: 0;

146
  margin-bottom: 0;

147
}

148


149