| ... |
... |
@@ -1,8 +1,9 @@ |
|
1 |
+/* |
| 1 |
1 |
.teasing .collaborate {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/collaborate.jpg');} |
| 2 |
2 |
.teasing .reproductible {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/reproducible.jpg');} |
| 3 |
3 |
.teasing .science {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/science.jpg');} |
| 4 |
4 |
.teasing .anywhere {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/anywhere.jpg');} |
| 5 |
|
- |
|
6 |
+*/ |
| 6 |
6 |
#mainContentArea{ |
| 7 |
7 |
padding:0; |
| 8 |
8 |
padding-top:1.25rem |
| ... |
... |
@@ -26,7 +26,7 @@ |
| 26 |
26 |
padding-left:0; |
| 27 |
27 |
padding-right:0; |
| 28 |
28 |
min-height:300px; |
| 29 |
|
- /* |
|
30 |
+/* |
| 30 |
30 |
p.alert-info{ |
| 31 |
31 |
padding:2rem |
| 32 |
32 |
} |
| ... |
... |
@@ -119,7 +119,7 @@ |
| 119 |
119 |
.clb-content>.row{ |
| 120 |
120 |
margin-bottom:5rem |
| 121 |
121 |
} |
| 122 |
|
- */ |
|
123 |
+*/ |
| 123 |
123 |
.clb-search-bar{ |
| 124 |
124 |
display:flex; |
| 125 |
125 |
align-items:stretch; |
| ... |
... |
@@ -177,10 +177,10 @@ |
| 177 |
177 |
height:100%; |
| 178 |
178 |
display:block |
| 179 |
179 |
} |
| 180 |
|
- */ |
| 181 |
181 |
} |
|
182 |
+ */ |
| 182 |
182 |
} |
| 183 |
|
-/* |
|
184 |
+ |
| 184 |
184 |
.clb-box{ |
| 185 |
185 |
background-color:#fff; |
| 186 |
186 |
box-shadow:0 1px 2px 0 rgba(0,0,0,.1); |
| ... |
... |
@@ -213,4 +213,83 @@ |
| 213 |
213 |
background-color: darken(@color-brand-primary, 15%); |
| 214 |
214 |
} |
| 215 |
215 |
} |
| 216 |
|
-*/ |
|
217 |
+ |
|
218 |
+#xwikicontent .get-started__row__title { |
|
219 |
+ margin: 1rem 0; |
|
220 |
+ font-weight: 400; |
|
221 |
+ color: var(@color-brand-primary); |
|
222 |
+} |
|
223 |
+ |
|
224 |
+.get-started__row__text { |
|
225 |
+ color: #4a5568; |
|
226 |
+} |
|
227 |
+.get-started__title { |
|
228 |
+ text-align: center; |
|
229 |
+ color: #aaa; |
|
230 |
+ padding: 10rem 0; |
|
231 |
+ font-size: 4rem; |
|
232 |
+ border-top: 1px solid #ccc; |
|
233 |
+ margin-top: 10rem; |
|
234 |
+} |
|
235 |
+.get-started__row { |
|
236 |
+ margin-top: 3rem; |
|
237 |
+} |
|
238 |
+ |
|
239 |
+@media screen and (min-width: 992px) { |
|
240 |
+ .get-started__row { |
|
241 |
+ display: flex; |
|
242 |
+ align-items: center; |
|
243 |
+ } |
|
244 |
+ #xwikicontent .get-started__row__title { |
|
245 |
+ margin: 0; |
|
246 |
+ margin-bottom: 1rem; |
|
247 |
+ } |
|
248 |
+} |
|
249 |
+.pre-footer { |
|
250 |
+ margin: 10rem 0; |
|
251 |
+ padding: 10rem 0; |
|
252 |
+ text-align: center; |
|
253 |
+ border-top: 1px solid #ccc; |
|
254 |
+ border-bottom: 1px solid #ccc; |
|
255 |
+} |
|
256 |
+ |
|
257 |
+.tags__title { |
|
258 |
+ text-align: center; |
|
259 |
+} |
|
260 |
+ |
|
261 |
+.tags__title--collaborate, |
|
262 |
+.tags__title--science, |
|
263 |
+.tags__title--reproducible, |
|
264 |
+.tags__title--anywhere { |
|
265 |
+ padding-top: 8rem; |
|
266 |
+ position: relative; |
|
267 |
+} |
|
268 |
+ |
|
269 |
+.tags__title--collaborate::before, |
|
270 |
+.tags__title--science::before, |
|
271 |
+.tags__title--reproducible::before, |
|
272 |
+.tags__title--anywhere::before { |
|
273 |
+ position: absolute; |
|
274 |
+ width: 50px; |
|
275 |
+ height: 50px; |
|
276 |
+ background-repeat: none; |
|
277 |
+ top: 0; |
|
278 |
+ margin-left: 50%; |
|
279 |
+ left: -25px; |
|
280 |
+ content: " "; |
|
281 |
+ display: table; |
|
282 |
+} |
|
283 |
+ |
|
284 |
+.tags__title--collaborate::before { |
|
285 |
+ background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Collaborate.svg"); |
|
286 |
+} |
|
287 |
+.tags__title--science::before { |
|
288 |
+ background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Science.svg"); |
|
289 |
+} |
|
290 |
+.tags__title--reproducible::before { |
|
291 |
+ background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Reproducible.svg"); |
|
292 |
+} |
|
293 |
+.tags__title--anywhere::before { |
|
294 |
+ background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Anywhere.svg"); |
|
295 |
+} |
|
296 |
+ |