| ... |
... |
@@ -20,11 +20,42 @@ |
| 20 |
20 |
min-height:300px; |
| 21 |
21 |
.search__row input[type="search"] { |
| 22 |
22 |
font-size: 16px; |
| 23 |
|
- height: 54px; |
| 24 |
|
- padding: 10px 16px; |
| 25 |
|
- line-height: 1.3333333; |
| 26 |
26 |
} |
| 27 |
27 |
} |
|
25 |
+ |
|
26 |
+.clb-box{ |
|
27 |
+ background-color:#fff; |
|
28 |
+ box-shadow:0 1px 2px 0 rgba(0,0,0,.1); |
|
29 |
+ padding:2rem; |
|
30 |
+ padding-bottom:5rem; |
|
31 |
+ color: @color-brand-primary; |
|
32 |
+ display:block |
|
33 |
+ .clb-box-title { |
|
34 |
+ color:#45b07c; |
|
35 |
+ font-weight:600; |
|
36 |
+ margin-bottom:5rem; |
|
37 |
+ } |
|
38 |
+} |
|
39 |
+ |
|
40 |
+.clb-btn-default,button { |
|
41 |
+ background-image:none; |
|
42 |
+ box-shadow:none; |
|
43 |
+ border:0; |
|
44 |
+ border-radius: @border-radius-default; |
|
45 |
+ padding-top:.5rem; |
|
46 |
+ padding-bottom:.5rem; |
|
47 |
+ padding-left:1rem; |
|
48 |
+ padding-right:1rem; |
|
49 |
+ background-color:@color-brand-primary; |
|
50 |
+ color: @color-white; |
|
51 |
+ &:hover { |
|
52 |
+ background-color: darken(@color-brand-primary, 10%); |
|
53 |
+ } |
|
54 |
+ &:active { |
|
55 |
+ background-color: darken(@color-brand-primary, 15%); |
|
56 |
+ } |
|
57 |
+} |
|
58 |
+ |
| 28 |
28 |
#xwikicontent .get-started__row__title { |
| 29 |
29 |
margin: 1rem 0; |
| 30 |
30 |
font-weight: 400; |
| ... |
... |
@@ -118,3 +118,44 @@ |
| 118 |
118 |
border-top: 1px solid #ccc; |
| 119 |
119 |
/*border-bottom: 1px solid #ccc;*/ |
| 120 |
120 |
} |
|
152 |
+ |
|
153 |
+.tags__title, .tags__text { |
|
154 |
+ text-align: center; |
|
155 |
+} |
|
156 |
+ |
|
157 |
+.tags__title--collaborate, |
|
158 |
+.tags__title--science, |
|
159 |
+.tags__title--reproducible, |
|
160 |
+.tags__title--anywhere { |
|
161 |
+ padding-top: 4rem; |
|
162 |
+ position: relative; |
|
163 |
+} |
|
164 |
+ |
|
165 |
+.tags__title--collaborate::before, |
|
166 |
+.tags__title--science::before, |
|
167 |
+.tags__title--reproducible::before, |
|
168 |
+.tags__title--anywhere::before { |
|
169 |
+ position: absolute; |
|
170 |
+ width: 50px; |
|
171 |
+ height: 50px; |
|
172 |
+ background-repeat: none; |
|
173 |
+ top: 0; |
|
174 |
+ margin-left: 50%; |
|
175 |
+ left: -25px; |
|
176 |
+ content: " "; |
|
177 |
+ display: table; |
|
178 |
+} |
|
179 |
+ |
|
180 |
+.tags__title--collaborate::before { |
|
181 |
+ background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Collaborate.svg"); |
|
182 |
+} |
|
183 |
+.tags__title--science::before { |
|
184 |
+ background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Science.svg"); |
|
185 |
+} |
|
186 |
+.tags__title--reproducible::before { |
|
187 |
+ background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Reproducible.svg"); |
|
188 |
+} |
|
189 |
+.tags__title--anywhere::before { |
|
190 |
+ background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Anywhere.svg"); |
|
191 |
+} |
|
192 |
+ |