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

2
 * @provides phui-object-box-css

3
 */

4


5
.phui-object-box {

6
  position: relative;

7
  padding: 12px 12px 4px 12px;

8
}

9


10
.phui-object-box.phui-object-box-collapsed {

11
  padding: 12px 0 0 0;

12
}

13


14
.device-phone .phui-object-box.phui-object-box-collapsed {

15
  padding: 8px 0 0 0;

16
}

17


18
.phui-object-box.phui-object-box-collapsed .phui-header-shell {

19
  padding: 0 8px 12px 16px;

20
}

21


22
.device-phone .phui-object-box.phui-object-box-collapsed .phui-header-shell {

23
  padding: 0 8px 8px;

24
}

25


26
div.phui-object-box.phui-object-box-flush {

27
  margin-top: 0;

28
}

29


30
.phui-object-box .phui-header-shell + .phui-info-view {

31
  margin: 12px 0 0 0;

32
}

33


34
.phui-object-box.phui-object-box-collapsed

35
  .phui-header-shell + .phui-info-view {

36
  margin: 0;

37
  border-radius: 0;

38
  border: 0;

39
  border-bottom: 1px solid {$thinblueborder};

40
}

41


42
.device-phone .phui-object-box {

43
  margin: 8px;

44
  padding: 8px 8px 4px 8px;

45
}

46


47
.device-phone .phui-object-box .phui-header-shell {

48
  padding: 4px 0 12px 4px;

49
}

50


51
.device-tablet .phui-object-box {

52
  margin: 8px 8px 0 8px;

53
}

54


55
.phui-object-box .phui-header-header .phui-tag-view {

56
  margin-left: 8px;

57
}

58


59
.phui-object-box .phui-header-header .phui-tag-core {

60
  border-color: transparent;

61
  padding: 1px 6px;

62
  font-size: {$normalfontsize};

63
}

64


65
.phui-object-box-tail-buttons {

66
  padding: 8px;

67
  background: {$lightgreybackground};

68
  border-top: 1px solid {$lightgreyborder};

69
}

70


71
/* - Object Box Colors ------------------------------------------------------ */

72


73
.phui-box-border.phui-object-box-green {

74
  border: 1px solid {$green};

75
}

76


77
.phui-box-border.phui-object-box-green .phui-header-view {

78
  color: {$green};

79
}

80


81
.phui-box-border.phui-object-box-green .phui-header-shell {

82
  border-bottom-color: {$lightgreen};

83
}

84


85
.phui-box-border.phui-object-box-blue {

86
  border: 1px solid {$blue};

87
}

88


89
.phui-box-border.phui-object-box-blue .phui-header-view {

90
  color: {$blue};

91
}

92


93
.phui-box-border.phui-object-box-blue .phui-header-shell {

94
  border-bottom-color: {$lightblue};

95
}

96


97
.phui-box-border.phui-object-box-red {

98
  border: 1px solid {$red};

99
}

100


101
.phui-box-border.phui-object-box-red .phui-header-view {

102
  color: {$red};

103
}

104


105
.phui-box-border.phui-object-box-red .phui-header-shell {

106
  border-bottom-color: {$lightred};

107
}

108


109
.phui-object-box-hidden-content {

110
  background: {$lightgreybackground};

111
  border-bottom: 1px solid {$thinblueborder};

112
}

113


114
.phui-object-box.phui-object-box-collapsed .phui-object-box-hidden-content {

115
  margin: 0;

116
}

117


118
/* - Double Object Box Override --------------------------------------------- */

119


120
.phui-object-box .phui-object-box {

121
  padding: 0;

122
}

123


124
/* eh oh el */

125
.phui-object-box .phui-object-box + .phui-object-box {

126
  border-top: 1px solid {$thinblueborder};

127
}

128


129
.phui-object-box .phui-object-box .phui-header-shell .phui-header-header {

130
  font-family: {$fontfamily};

131
}

132


133
.phui-object-box .phui-box-border {

134
  border-width: 0;

135
  padding: 0;

136
  margin: 0;

137
}

138


139
.phui-object-box .phui-box-border.phui-box-blue-property {

140
  border-width: 1px;

141
}

142


143
.phui-object-box .phui-object-box .phui-header-shell .phui-header-header {

144
  font-size: {$normalfontsize};

145
  margin: 0;

146
  color: {$darkbluetext};

147
  font-weight: bold;

148
}

149


150
.phui-object-box .phui-object-box .phui-header-shell {

151
  margin: 0;

152
  padding: 4px 8px;

153
  background-color: {$lightgreybackground};

154
}

155


156
/* - Pager at the bottom ---------------------------------------------------- */

157


158
.phui-object-box-pager {

159
  background-color: {$bluebackground};

160
  border-top: 1px solid {$lightblueborder};

161
}

162


163
.phui-object-box-pager a.button {

164
  margin-top: 8px;

165
  margin-bottom: 8px;

166
}

167


168
.phui-object-box-instructions {

169
  padding: 16px;

170
  border-bottom: 1px solid {$thinblueborder};

171
}

172


173