| changeset 317 | 46c78cc30b74 |
| parent 293 | b2f7d60562ba |
| child 319 | 29ffc22ece57 |
| 316:c12f6c3ac809 | 317:46c78cc30b74 |
|---|---|
25 } |
25 } |
26 svg { |
26 svg { |
27 width: 100%; |
27 width: 100%; |
28 height: 100%; |
28 height: 100%; |
29 } |
29 } |
30 dd ul { |
|
31 position: relative; |
|
32 list-style-position: outside; |
|
33 list-style-type: none; |
|
34 padding-left: 1em; |
|
35 } |
|
36 dd ul li::before { |
|
37 position: absolute; |
|
38 left: 0; |
|
39 content: '-'; |
|
40 } |
|
41 .no-padding { |
|
42 padding: 0!important; |
|
43 } |
|
30 /** |
44 /** |
31 * Spacer styles |
45 * Spacer styles |
32 */ |
46 */ |
33 .spacer { |
47 .spacer { |
34 padding: 1em 0; |
48 padding: 1em 0; |
103 margin-bottom: 1rem; |
117 margin-bottom: 1rem; |
104 } |
118 } |
105 .page-header { |
119 .page-header { |
106 margin-top: 2rem; |
120 margin-top: 2rem; |
107 } |
121 } |
108 .footer-simple .nav { |
122 .footer-simple { |
109 display: flex; |
123 display: flex; |
110 justify-content: center; |
|
111 } |
|
112 .footer-simple .nav-tabs { |
|
113 margin-top: 2em; |
124 margin-top: 2em; |
114 border-top: 1px solid #ddd; |
125 border-top: 1px solid #ddd; |
115 border-bottom: 0; |
126 border-bottom: 0; |
127 background-color: #39413b; |
|
128 color: white; |
|
129 flex-direction: row; |
|
130 justify-content: space-evenly; |
|
131 align-items: flex-start; |
|
132 padding-top: 1em; |
|
133 padding-bottom: 1em; |
|
134 } |
|
135 .footer-simple .title { |
|
136 font-weight: bold; |
|
137 margin-bottom: 0.5em; |
|
138 } |
|
139 .footer-simple ul { |
|
140 padding-top: 3px; |
|
141 padding-left: 1em; |
|
142 } |
|
143 .footer-simple li { |
|
144 list-style-type: square; |
|
145 list-style-position: outside; |
|
146 padding-left: 0; |
|
147 } |
|
148 .footer-simple a, |
|
149 .footer-simple a:hover { |
|
150 color: #eeeeee; |
|
151 cursor: default; |
|
152 text-decoration: none; |
|
153 } |
|
154 .footer-simple a[href]:hover { |
|
155 cursor: pointer; |
|
156 text-decoration: underline; |
|
116 } |
157 } |
117 @media only screen and (min-width: 1200px) { |
158 @media only screen and (min-width: 1200px) { |
118 .portal-page .slot.col-lg-0 { |
159 .portal-page .slot.col-lg-0 { |
119 display: none; |
160 display: none; |
120 } |
161 } |
138 display: flex; |
179 display: flex; |
139 flex-direction: column; |
180 flex-direction: column; |
140 } |
181 } |
141 .toolbox button { |
182 .toolbox button { |
142 text-align: left; |
183 text-align: left; |
143 display: flex!important; |
184 display: flex !important; |
144 align-items: center; |
185 align-items: center; |
145 } |
186 } |
146 .toolbox button i.fa { |
187 .toolbox button i.fa { |
147 display: inline-block; |
188 display: inline-block; |
148 margin-right: 1rem; |
189 margin-right: 1rem; |
149 } |
190 } |
150 @media only screen and (min-width: 1340px) { |
191 @media only screen and (min-width: 1340px) { |
151 .col-lg-12 .portlet > section.wrapper { |
192 .col-lg-12 .portlet > section.wrapper { |
152 margin-left: calc(0vw); |
193 margin-left: calc(-50vw + 50%); |
153 margin-right: calc(0vw); |
194 margin-right: calc(-50vw + 50%); |
154 } |
195 } |
155 } |
196 } |
156 @media only screen and (min-width: 1052px) { |
197 @media only screen and (min-width: 1052px) { |
157 .col-md-12 .portlet > section.wrapper { |
198 .col-md-12 .portlet > section.wrapper { |
158 margin-left: calc(0vw); |
199 margin-left: calc(-50vw + 50%); |
159 margin-right: calc(0vw); |
200 margin-right: calc(-50vw + 50%); |
160 } |
201 } |
161 } |
202 } |
162 @media only screen and (max-width: 1051px) { |
203 @media only screen and (max-width: 1051px) { |
163 .col-sm-12 .portlet > section.wrapper { |
204 .col-sm-12 .portlet > section.wrapper { |
164 margin-left: calc(0vw); |
205 margin-left: calc(-50vw + 50%); |
165 margin-right: calc(0vw); |
206 margin-right: calc(-50vw + 50%); |
166 } |
207 } |
167 } |
208 } |
168 @media only screen and (max-width: 767px) { |
209 @media only screen and (max-width: 767px) { |
169 .navbar.affix .dropdown-menu { |
210 .navbar.affix .dropdown-menu { |
170 background-color: #39413b; |
211 background-color: #39413b; |
171 } |
212 } |
172 .navbar.affix .dropdown-menu a { |
213 .navbar.affix .dropdown-menu a { |
173 color: white; |
214 color: white; |
174 } |
215 } |
175 .col-xs-12 .portlet > section.wrapper { |
216 .col-xs-12 .portlet > section.wrapper { |
176 margin-left: calc(0vw); |
217 margin-left: calc(-50vw + 50%); |
177 margin-right: calc(0vw); |
218 margin-right: calc(-50vw + 50%); |
178 } |
219 } |
179 } |
220 } |
180 /** |
221 /** |
181 * Summary styles |
222 * Summary styles |
182 */ |
223 */ |
201 margin-top: 2rem; |
242 margin-top: 2rem; |
202 } |
243 } |
203 /** |
244 /** |
204 * Search results |
245 * Search results |
205 */ |
246 */ |
247 .search-results header, |
|
248 .search-results header > div { |
|
249 display: flex; |
|
250 align-items: center; |
|
251 justify-content: space-between; |
|
252 flex-flow: row nowrap; |
|
253 white-space: nowrap; |
|
254 } |
|
206 .search-results .breadcrumb:empty { |
255 .search-results .breadcrumb:empty { |
207 margin: 0; |
256 margin: 0; |
208 padding: 0; |
257 padding: 0; |
209 } |
258 } |
210 .search-results .thumbnail.pull-left { |
259 .search-results .thumbnail.pull-left { |
211 margin-right: 3rem; |
260 margin-right: 3rem; |
212 } |
261 } |
213 .search-results .tags span { |
262 .search-results .tags span { |
214 margin: 0 0.2rem; |
263 margin: 0 0.2rem; |
264 } |
|
265 .search-results li .current { |
|
266 font-weight: bold; |
|
267 } |
|
268 .search-results li .current:hover, |
|
269 .search-results li .disabled:hover { |
|
270 background-color: transparent; |
|
215 } |
271 } |
216 /** |
272 /** |
217 * Images gallery |
273 * Images gallery |
218 */ |
274 */ |
219 .illustration { |
275 .illustration { |
246 font-style: italic; |
302 font-style: italic; |
247 font-size: 0.8em; |
303 font-size: 0.8em; |
248 } |
304 } |
249 .ekko-lightbox { |
305 .ekko-lightbox { |
250 position: fixed; |
306 position: fixed; |
251 top: 0!important; |
307 top: 0 !important; |
252 height: 100vh; |
308 height: 100vh; |
253 } |
309 } |
254 .ekko-lightbox .modal-footer { |
310 .ekko-lightbox .modal-footer { |
255 padding-top: 0; |
311 padding-top: 0; |
256 text-align: right!important; |
312 text-align: right !important; |
257 font-style: italic; |
313 font-style: italic; |
258 font-size: 0.8em; |
314 font-size: 0.8em; |
259 } |
315 } |
260 /** |
316 /** |
261 * Videos |
317 * Videos |
309 */ |
365 */ |
310 .source pre { |
366 .source pre { |
311 font-family: 'Source Code Pro', monospace; |
367 font-family: 'Source Code Pro', monospace; |
312 } |
368 } |
313 /** |
369 /** |
370 * Glossary term |
|
371 */ |
|
372 .thesaurus-term { |
|
373 color: #337ab7; |
|
374 text-decoration: none; |
|
375 font-weight: bold; |
|
376 cursor: pointer; |
|
377 } |
|
378 /** |
|
314 * Modal dialogs |
379 * Modal dialogs |
315 */ |
380 */ |
381 .modal { |
|
382 z-index: 10050; |
|
383 } |
|
384 .modal fieldset legend { |
|
385 padding-top: 10px; |
|
386 } |
|
387 .modal footer { |
|
388 margin: 15px 40px; |
|
389 display: flex; |
|
390 flex-direction: row-reverse; |
|
391 } |
|
316 .modal-backdrop, |
392 .modal-backdrop, |
317 .modal-backdrop.fade.in { |
393 .modal-backdrop.fade.in { |
318 position: fixed; |
394 position: fixed; |
319 width: 100%; |
395 width: 100%; |
320 height: 100%; |
396 height: 100%; |
376 .modal-title img { |
452 .modal-title img { |
377 margin: 0 15px 0 0; |
453 margin: 0 15px 0 0; |
378 } |
454 } |
379 .modal-overflow { |
455 .modal-overflow { |
380 position: relative; |
456 position: relative; |
381 height: 98%; |
|
382 } |
457 } |
383 .modal-overflow .modal-body { |
458 .modal-overflow .modal-body { |
384 overflow: hidden; |
459 overflow: hidden; |
385 } |
460 } |
386 .modal-overflow .scrollmarker { |
461 .modal-overflow .scrollmarker { |
387 position: absolute; |
462 position: absolute; |
388 width: 100%; |
463 width: 100%; |
389 height: 20px; |
464 height: 20px; |
465 } |
|
466 @media only screen and (max-width: 991px) { |
|
467 .modal-overflow .scrollmarker { |
|
468 display: none!important; |
|
469 } |
|
390 } |
470 } |
391 .modal-overflow .scrollmarker.top { |
471 .modal-overflow .scrollmarker.top { |
392 background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
472 background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
393 /* FF3.6+ */ |
473 /* FF3.6+ */ |
394 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
474 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
421 overflow-y: auto; |
501 overflow-y: auto; |
422 } |
502 } |
423 .modal-viewport fieldset .alert { |
503 .modal-viewport fieldset .alert { |
424 margin: 0 -5px 5px !important; |
504 margin: 0 -5px 5px !important; |
425 } |
505 } |
506 /** |
|
507 * Forms |
|
508 */ |
|
509 .search-form .form-group { |
|
510 display: flex; |
|
511 } |
|
512 .search-form input { |
|
513 flex-grow: 5; |
|
514 } |
|
515 .ams-form fieldset { |
|
516 display: block; |
|
517 position: relative; |
|
518 padding: 10px 15px 5px; |
|
519 border: 0; |
|
520 background: rgba(255, 255, 255, 0.9); |
|
521 } |
|
522 .ams-form:before, |
|
523 .ams-form:after { |
|
524 margin: 0; |
|
525 } |
|
426 /*# sourceMappingURL=pyams-default.css.map */ |
526 /*# sourceMappingURL=pyams-default.css.map */ |