OLD | NEW |
| (Empty) |
1 /* Global styles */ | |
2 * { | |
3 margin: 0; | |
4 padding: 0; | |
5 font: 400 14px 'Montserrat', sans-serif; | |
6 color: #333; | |
7 box-sizing: border-box; | |
8 } | |
9 | |
10 .content { | |
11 padding-left: 10%; | |
12 font: 400 14px 'Montserrat', sans-serif; | |
13 } | |
14 | |
15 .content-centered { | |
16 padding-left: 10%; | |
17 padding-right: 10%; | |
18 font: 400 14px 'Montserrat', sans-serif; | |
19 } | |
20 | |
21 .content-centered-big { | |
22 padding-left: 5%; | |
23 padding-right: 5%; | |
24 font: 400 14px 'Montserrat', sans-serif; | |
25 } | |
26 | |
27 h1 { | |
28 font: 400 18px 'Montserrat', sans-serif; | |
29 } | |
30 | |
31 .memberList { | |
32 display: table; | |
33 } | |
34 | |
35 .memberItem { | |
36 display: table-row; | |
37 } | |
38 | |
39 .memberName, .memberValue { | |
40 display: table-cell; | |
41 vertical-align: top; | |
42 padding: 3px 0 3px 1em; | |
43 font: 400 14px 'Montserrat', sans-serif; | |
44 } | |
45 | |
46 .memberSmall { | |
47 display: table-cell; | |
48 vertical-align: top; | |
49 padding: 3px 0 3px 1em; | |
50 font: 400 12px 'Montserrat', sans-serif; | |
51 } | |
52 | |
53 .monospace { | |
54 font-family: consolas, courier, monospace; | |
55 font-size: 1em; | |
56 line-height: 1.2em; | |
57 white-space: nowrap; | |
58 } | |
59 | |
60 a { | |
61 color: #0489c3; | |
62 text-decoration: none; | |
63 } | |
64 | |
65 a:hover { | |
66 text-decoration: underline; | |
67 } | |
68 | |
69 em { | |
70 color: inherit; | |
71 font-style: italic; | |
72 } | |
73 | |
74 b { | |
75 color: inherit; | |
76 font-weight: bold; | |
77 } | |
78 | |
79 hr { | |
80 margin-top: 20px; | |
81 margin-bottom: 20px; | |
82 border: 0; | |
83 border-top: 1px solid #eee; | |
84 height: 0; | |
85 box-sizing: content-box; | |
86 } | |
87 | |
88 .list-group { | |
89 padding-left: 0; | |
90 margin-bottom: 20px; | |
91 } | |
92 | |
93 .list-group-item { | |
94 position: relative; | |
95 display: block; | |
96 padding: 10px 15px; | |
97 margin-bottom: -1px; | |
98 background-color: #fff; | |
99 } | |
100 | |
101 .list-group-item:first-child { | |
102 /* rounded top corners */ | |
103 border-top-right-radius:4px; | |
104 border-top-left-radius:4px; | |
105 } | |
106 | |
107 .list-group-item:last-child { | |
108 margin-bottom: 0; | |
109 /* rounded bottom corners */ | |
110 border-bottom-right-radius: 4px; | |
111 border-bottom-left-radius:4px; | |
112 } | |
113 | |
114 /* Flex row container */ | |
115 .flex-row { | |
116 display: flex; | |
117 flex-direction: row; | |
118 } | |
119 | |
120 /* Flex column container */ | |
121 .flex-column { | |
122 display: flex; | |
123 flex-direction: column; | |
124 } | |
125 | |
126 .flex-item-fit { | |
127 flex-grow: 1; | |
128 flex-shrink: 1; | |
129 flex-basis: auto; | |
130 } | |
131 | |
132 .flex-item-no-shrink { | |
133 flex-grow: 0; | |
134 flex-shrink: 0; | |
135 flex-basis: auto; | |
136 } | |
137 | |
138 .flex-item-fill { | |
139 flex-grow: 0; | |
140 flex-shrink: 1; /* shrink when pressured */ | |
141 flex-basis: 100%; /* try and take 100% */ | |
142 } | |
143 | |
144 .flex-item-fixed-1-12 { | |
145 flex-grow: 0; | |
146 flex-shrink: 0; | |
147 flex-basis: 8.3%; | |
148 } | |
149 | |
150 .flex-item-fixed-2-12 { | |
151 flex-grow: 0; | |
152 flex-shrink: 0; | |
153 flex-basis: 16.6%; | |
154 } | |
155 | |
156 .flex-item-fixed-4-12 { | |
157 flex-grow: 0; | |
158 flex-shrink: 0; | |
159 flex-basis: 33.3333%; | |
160 } | |
161 | |
162 .flex-item-fixed-6-12, .flex-item-50-percent { | |
163 flex-grow: 0; | |
164 flex-shrink: 0; | |
165 flex-basis: 50%; | |
166 } | |
167 | |
168 .flex-item-fixed-8-12 { | |
169 flex-grow: 0; | |
170 flex-shrink: 0; | |
171 flex-basis: 66.6666%; | |
172 } | |
173 | |
174 .flex-item-fixed-9-12 { | |
175 flex-grow: 0; | |
176 flex-shrink: 0; | |
177 flex-basis: 75%; | |
178 } | |
179 | |
180 | |
181 .flex-item-fixed-12-12 { | |
182 flex-grow: 0; | |
183 flex-shrink: 0; | |
184 flex-basis: 100%; | |
185 } | |
186 | |
187 .flex-item-10-percent { | |
188 flex-grow: 0; | |
189 flex-shrink: 0; | |
190 flex-basis: 10%; | |
191 } | |
192 | |
193 .flex-item-15-percent { | |
194 flex-grow: 0; | |
195 flex-shrink: 0; | |
196 flex-basis: 15%; | |
197 } | |
198 | |
199 .flex-item-20-percent { | |
200 flex-grow: 0; | |
201 flex-shrink: 0; | |
202 flex-basis: 20%; | |
203 } | |
204 | |
205 .flex-item-30-percent { | |
206 flex-grow: 0; | |
207 flex-shrink: 0; | |
208 flex-basis: 30%; | |
209 } | |
210 | |
211 .flex-item-40-percent { | |
212 flex-grow: 0; | |
213 flex-shrink: 0; | |
214 flex-basis: 40%; | |
215 } | |
216 | |
217 .flex-item-50-percent { | |
218 flex-grow: 0; | |
219 flex-shrink: 0; | |
220 flex-basis: 50%; | |
221 } | |
222 | |
223 .flex-item-60-percent { | |
224 flex-grow: 0; | |
225 flex-shrink: 0; | |
226 flex-basis: 60%; | |
227 } | |
228 | |
229 .flex-item-70-percent { | |
230 flex-grow: 0; | |
231 flex-shrink: 0; | |
232 flex-basis: 70%; | |
233 } | |
234 | |
235 .flex-item-80-percent { | |
236 flex-grow: 0; | |
237 flex-shrink: 0; | |
238 flex-basis: 80%; | |
239 } | |
240 | |
241 .well { | |
242 min-height: 20px; | |
243 padding: 19px; | |
244 margin-bottom: 20px; | |
245 background-color: #f5f5f5; | |
246 border: 1px solid #e3e3e3; | |
247 border-radius: 4px; | |
248 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | |
249 } | |
250 | |
251 .break-wrap { | |
252 word-wrap: break-word; | |
253 } | |
OLD | NEW |