CoCalc -- project-card-view.css

GitHub Repository: freebsd/phabricator
Path: blob/master/webroot/rsrc/css/application/project/project-card-view.css
¹²²⁴² views
1
/**
2
 * @provides project-card-view-css
3
 */
4

5
.project-card-view {
6
  margin: 0 12px 16px 0;
7
  text-align: left;
8
  background: {$page.content};
9
  border: 1px solid {$lightblueborder};
10
  border-radius: 3px;
11
  box-shadow: {$dropshadow};
12
  width: 420px;
13
  position: relative;
14
}
15

16
.project-card-view .phui-header-shell {
17
  margin: 0;
18
  padding: 12px 12px 4px 12px;
19
  border: none;
20
  border-radius: 3px;
21
}
22

23
.project-card-view .phui-header-shell .phui-header-image {
24
  border: 3px solid {$page.content};
25
  border-radius: 3px;
26
  background-color: {$page.content};
27
}
28

29
.project-card-view .phui-header-shell .phui-header-header {
30
  font-size: 18px;
31
  width: 290px;
32
  overflow: hidden;
33
  white-space: nowrap;
34
  text-overflow: ellipsis;
35
  display: block;
36
}
37

38
.project-card-view .project-card-image {
39
  position: absolute;
40
  height: 140px;
41
  width: 140px;
42
  top: 6px;
43
  left: 6px;
44
  border-radius: 3px;
45
}
46

47
.project-card-view .project-card-image-href {
48
  display: block;
49
}
50

51
.project-card-view .project-card-item div {
52
  display: inline;
53
}
54

55
.project-card-inner {
56
  position: relative;
57
}
58

59
.people-card-view .project-card-inner {
60
  padding: 6px;
61
  min-height: 140px;
62
}
63

64
.project-card-view .project-card-item {
65
  margin-bottom: 2px;
66
  white-space: nowrap;
67
  overflow: hidden;
68
  text-overflow: ellipsis;
69
}
70

71
.project-card-view .project-card-item-text {
72
  color: {$greytext};
73
}
74

75
.project-card-view .project-card-item-exiled {
76
  background-color: {$lightredbackground};
77
  border-radius: 4px;
78
  padding: 2px 8px;
79
  margin: 2px 0;
80
}
81

82
.project-card-view .project-card-item-exiled .project-card-item-text {
83
  color: {$red};
84
}
85

86
.project-card-view .project-card-item-icon {
87
  width: 20px;
88
}
89

90
.project-card-view .project-card-header {
91
  margin-top: 6px;
92
  margin-left: 152px;
93
  overflow: hidden;
94
}
95

96
.project-card-header .project-card-name {
97
  font-size: 20px;
98
  font-weight: bold;
99
  color: {$blacktext};
100
  margin-bottom: 2px;
101
  text-overflow: ellipsis;
102
  white-space: nowrap;
103
  width: 250px;
104
  overflow: hidden;
105
}
106

107
.project-card-header .project-card-username {
108
  font-size: 14px;
109
  color: {$bluetext};
110
  margin-bottom: 12px;
111
}
112

113
.project-card-view .phui-header-shell .phui-header-col1 {
114
  vertical-align: top;
115
  width: 64px;
116
}
117

118
.project-card-view .phui-header-subheader {
119
  font-size: {$normalfontsize};
120
  margin-top: 12px;
121
  padding-bottom: 12px;
122
}
123

124
.project-card-view .phui-header-header .phui-tag-view {
125
  display: block;
126
  font-weight: normal;
127
  color: {$bluetext};
128
  font-size: {$normalfontsize};
129
  font-family: {$fontfamily};
130
  margin-top: 8px;
131
}
132

133
.people-card-view .phui-header-subheader .phui-tag-core {
134
  text-overflow: ellipsis;
135
  white-space: nowrap;
136
  max-width: 232px;
137
  overflow: hidden;
138
  display: inline-block;
139
}
140

141
.project-card-view .phui-header-header .phui-tag-view .phui-tag-core {
142
  padding: 0;
143
}
144

145
.project-card-view .phui-header-header .phui-tag-view .phui-icon-view {
146
  margin-left: 0;
147
  color: {$bluetext};
148
}
149

150
.project-card-view .project-card-body {
151
  padding: 0 12px 12px 12px;
152
  color: {$darkbluetext};
153
}
154

155
/* Colors */
156

157
.project-card-view.project-card-red .phui-header-shell {
158
  background: linear-gradient(to bottom,
159
    {$sh-redbackground} 42px, {$page.content} 42px);
160
}
161

162
.project-card-view.project-card-orange .phui-header-shell {
163
  background: linear-gradient(to bottom,
164
    {$sh-orangebackground} 42px, {$page.content} 42px);
165
}
166

167
.project-card-view.project-card-yellow .phui-header-shell {
168
  background: linear-gradient(to bottom,
169
    {$sh-yellowbackground} 42px, {$page.content} 42px);
170
}
171

172
.project-card-view.project-card-green .phui-header-shell {
173
  background: linear-gradient(to bottom,
174
    {$sh-greenbackground} 42px, {$page.content} 42px);
175
}
176

177
.project-card-view.project-card-blue .phui-header-shell {
178
  background: linear-gradient(to bottom,
179
    {$sh-bluebackground} 42px, {$page.content} 42px);
180
}
181

182
.project-card-view.project-card-indigo .phui-header-shell {
183
  background: linear-gradient(to bottom,
184
    {$sh-indigobackground} 42px, {$page.content} 42px);
185
}
186

187
.project-card-view.project-card-violet .phui-header-shell {
188
  background: linear-gradient(to bottom,
189
    {$sh-violetbackground} 42px, {$page.content} 42px);
190
}
191

192
.project-card-view.project-card-pink .phui-header-shell {
193
  background: linear-gradient(to bottom,
194
    {$sh-pinkbackground} 42px, {$page.content} 42px);
195
}
196

197
.project-card-view.project-card-grey .phui-header-shell,
198
.project-card-view.project-card-checkered .phui-header-shell {
199
  background: linear-gradient(to bottom,
200
    {$sh-greybackground} 42px, {$page.content} 42px);
201
}
202

203
Product

Resources

Company
