| ... |
... |
@@ -22,7 +22,7 @@ |
| 22 |
22 |
font-size: 16px; |
| 23 |
23 |
} |
| 24 |
24 |
} |
| 25 |
|
-/* |
|
25 |
+ |
| 26 |
26 |
.clb-box{ |
| 27 |
27 |
background-color:#fff; |
| 28 |
28 |
box-shadow:0 1px 2px 0 rgba(0,0,0,.1); |
| ... |
... |
@@ -55,7 +55,6 @@ |
| 55 |
55 |
background-color: darken(@color-brand-primary, 15%); |
| 56 |
56 |
} |
| 57 |
57 |
} |
| 58 |
|
-*/ |
| 59 |
59 |
|
| 60 |
60 |
#xwikicontent .get-started__row__title { |
| 61 |
61 |
margin: 1rem 0; |
| ... |
... |
@@ -150,3 +150,44 @@ |
| 150 |
150 |
border-top: 1px solid #ccc; |
| 151 |
151 |
/*border-bottom: 1px solid #ccc;*/ |
| 152 |
152 |
} |
|
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 |
+ |