Changeset 96338 in spip-zone
- Timestamp:
- Mar 30, 2016, 6:39:49 PM (5 years ago)
- Location:
- _plugins_/foundation_6/trunk
- Files:
-
- 5 added
- 4 deleted
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
_plugins_/foundation_6/trunk/inclure/head-foundation.html
r96272 r96338 1 1 [(#REM) Inclusion des fichier Javascript si la config le permet ] 2 2 [(#CONFIG{foundation_6/javascript}|oui) 3 [<script src="(#CHEMIN{lib/foundation-6/js/ foundation.js})" type="text/javascript"></script>]3 [<script src="(#CHEMIN{lib/foundation-6/js/vendor/foundation.js})" type="text/javascript"></script>] 4 4 <script type="text/javascript"> 5 5 // Charger les scripts foundations 6 6 $(function () { 7 $.getScript("[(#CHEMIN{ bower_components/what-input/what-input.min.js}|timestamp)]");7 $.getScript("[(#CHEMIN{lib/foundation-6/js/vendorwhat-input.min.js}|timestamp)]"); 8 8 $.getScript("[(#CHEMIN{javascript/app.js}|timestamp)]"); 9 9 }); -
_plugins_/foundation_6/trunk/lib/foundation-6/css/foundation.css
r94957 r96338 2 2 /** 3 3 * Foundation for Sites by ZURB 4 * Version 6. 1.24 * Version 6.2.0 5 5 * foundation.zurb.com 6 6 * Licensed under MIT Open Source 7 7 */ 8 .slide-in-down.mui-enter, .slide-in-left.mui-enter, .slide-in-up.mui-enter, .slide-in-right.mui-enter, .slide-out-down.mui-leave, .slide-out-right.mui-leave, .slide-out-up.mui-leave, .slide-out-left.mui-leave, .fade-in.mui-enter, .fade-out.mui-leave, .hinge-in-from-top.mui-enter, .hinge-in-from-right.mui-enter, .hinge-in-from-bottom.mui-enter, .hinge-in-from-left.mui-enter, .hinge-in-from-middle-x.mui-enter, .hinge-in-from-middle-y.mui-enter, .hinge-out-from-top.mui-leave, .hinge-out-from-right.mui-leave, .hinge-out-from-bottom.mui-leave, .hinge-out-from-left.mui-leave, .hinge-out-from-middle-x.mui-leave, .hinge-out-from-middle-y.mui-leave, .scale-in-up.mui-enter, .scale-in-down.mui-enter, .scale-out-up.mui-leave, .scale-out-down.mui-leave, .spin-in.mui-enter, .spin-out.mui-leave, .spin-in-ccw.mui-enter, .spin-out-ccw.mui-leave {9 transition-duration: 500ms;10 transition-timing-function: linear; }11 12 .slide-in-down.mui-enter {13 -webkit-transform: translateY(-100%);14 -ms-transform: translateY(-100%);15 transform: translateY(-100%);16 transition-property: -webkit-transform, opacity;17 transition-property: transform, opacity;18 -webkit-backface-visibility: hidden;19 backface-visibility: hidden; }20 21 .slide-in-down.mui-enter.mui-enter-active {22 -webkit-transform: translateY(0);23 -ms-transform: translateY(0);24 transform: translateY(0); }25 26 .slide-in-left.mui-enter {27 -webkit-transform: translateX(-100%);28 -ms-transform: translateX(-100%);29 transform: translateX(-100%);30 transition-property: -webkit-transform, opacity;31 transition-property: transform, opacity;32 -webkit-backface-visibility: hidden;33 backface-visibility: hidden; }34 35 .slide-in-left.mui-enter.mui-enter-active {36 -webkit-transform: translateX(0);37 -ms-transform: translateX(0);38 transform: translateX(0); }39 40 .slide-in-up.mui-enter {41 -webkit-transform: translateY(100%);42 -ms-transform: translateY(100%);43 transform: translateY(100%);44 transition-property: -webkit-transform, opacity;45 transition-property: transform, opacity;46 -webkit-backface-visibility: hidden;47 backface-visibility: hidden; }48 49 .slide-in-up.mui-enter.mui-enter-active {50 -webkit-transform: translateY(0);51 -ms-transform: translateY(0);52 transform: translateY(0); }53 54 .slide-in-right.mui-enter {55 -webkit-transform: translateX(100%);56 -ms-transform: translateX(100%);57 transform: translateX(100%);58 transition-property: -webkit-transform, opacity;59 transition-property: transform, opacity;60 -webkit-backface-visibility: hidden;61 backface-visibility: hidden; }62 63 .slide-in-right.mui-enter.mui-enter-active {64 -webkit-transform: translateX(0);65 -ms-transform: translateX(0);66 transform: translateX(0); }67 68 .slide-out-down.mui-leave {69 -webkit-transform: translateY(0);70 -ms-transform: translateY(0);71 transform: translateY(0);72 transition-property: -webkit-transform, opacity;73 transition-property: transform, opacity;74 -webkit-backface-visibility: hidden;75 backface-visibility: hidden; }76 77 .slide-out-down.mui-leave.mui-leave-active {78 -webkit-transform: translateY(-100%);79 -ms-transform: translateY(-100%);80 transform: translateY(-100%); }81 82 .slide-out-right.mui-leave {83 -webkit-transform: translateX(0);84 -ms-transform: translateX(0);85 transform: translateX(0);86 transition-property: -webkit-transform, opacity;87 transition-property: transform, opacity;88 -webkit-backface-visibility: hidden;89 backface-visibility: hidden; }90 91 .slide-out-right.mui-leave.mui-leave-active {92 -webkit-transform: translateX(100%);93 -ms-transform: translateX(100%);94 transform: translateX(100%); }95 96 .slide-out-up.mui-leave {97 -webkit-transform: translateY(0);98 -ms-transform: translateY(0);99 transform: translateY(0);100 transition-property: -webkit-transform, opacity;101 transition-property: transform, opacity;102 -webkit-backface-visibility: hidden;103 backface-visibility: hidden; }104 105 .slide-out-up.mui-leave.mui-leave-active {106 -webkit-transform: translateY(-100%);107 -ms-transform: translateY(-100%);108 transform: translateY(-100%); }109 110 .slide-out-left.mui-leave {111 -webkit-transform: translateX(0);112 -ms-transform: translateX(0);113 transform: translateX(0);114 transition-property: -webkit-transform, opacity;115 transition-property: transform, opacity;116 -webkit-backface-visibility: hidden;117 backface-visibility: hidden; }118 119 .slide-out-left.mui-leave.mui-leave-active {120 -webkit-transform: translateX(-100%);121 -ms-transform: translateX(-100%);122 transform: translateX(-100%); }123 124 .fade-in.mui-enter {125 opacity: 0;126 transition-property: opacity; }127 128 .fade-in.mui-enter.mui-enter-active {129 opacity: 1; }130 131 .fade-out.mui-leave {132 opacity: 1;133 transition-property: opacity; }134 135 .fade-out.mui-leave.mui-leave-active {136 opacity: 0; }137 138 .hinge-in-from-top.mui-enter {139 -webkit-transform: perspective(2000px) rotateX(-90deg);140 transform: perspective(2000px) rotateX(-90deg);141 -webkit-transform-origin: top;142 -ms-transform-origin: top;143 transform-origin: top;144 transition-property: -webkit-transform, opacity;145 transition-property: transform, opacity;146 opacity: 0; }147 148 .hinge-in-from-top.mui-enter.mui-enter-active {149 -webkit-transform: perspective(2000px) rotate(0deg);150 transform: perspective(2000px) rotate(0deg);151 opacity: 1; }152 153 .hinge-in-from-right.mui-enter {154 -webkit-transform: perspective(2000px) rotateY(-90deg);155 transform: perspective(2000px) rotateY(-90deg);156 -webkit-transform-origin: right;157 -ms-transform-origin: right;158 transform-origin: right;159 transition-property: -webkit-transform, opacity;160 transition-property: transform, opacity;161 opacity: 0; }162 163 .hinge-in-from-right.mui-enter.mui-enter-active {164 -webkit-transform: perspective(2000px) rotate(0deg);165 transform: perspective(2000px) rotate(0deg);166 opacity: 1; }167 168 .hinge-in-from-bottom.mui-enter {169 -webkit-transform: perspective(2000px) rotateX(90deg);170 transform: perspective(2000px) rotateX(90deg);171 -webkit-transform-origin: bottom;172 -ms-transform-origin: bottom;173 transform-origin: bottom;174 transition-property: -webkit-transform, opacity;175 transition-property: transform, opacity;176 opacity: 0; }177 178 .hinge-in-from-bottom.mui-enter.mui-enter-active {179 -webkit-transform: perspective(2000px) rotate(0deg);180 transform: perspective(2000px) rotate(0deg);181 opacity: 1; }182 183 .hinge-in-from-left.mui-enter {184 -webkit-transform: perspective(2000px) rotateY(90deg);185 transform: perspective(2000px) rotateY(90deg);186 -webkit-transform-origin: left;187 -ms-transform-origin: left;188 transform-origin: left;189 transition-property: -webkit-transform, opacity;190 transition-property: transform, opacity;191 opacity: 0; }192 193 .hinge-in-from-left.mui-enter.mui-enter-active {194 -webkit-transform: perspective(2000px) rotate(0deg);195 transform: perspective(2000px) rotate(0deg);196 opacity: 1; }197 198 .hinge-in-from-middle-x.mui-enter {199 -webkit-transform: perspective(2000px) rotateX(-90deg);200 transform: perspective(2000px) rotateX(-90deg);201 -webkit-transform-origin: center;202 -ms-transform-origin: center;203 transform-origin: center;204 transition-property: -webkit-transform, opacity;205 transition-property: transform, opacity;206 opacity: 0; }207 208 .hinge-in-from-middle-x.mui-enter.mui-enter-active {209 -webkit-transform: perspective(2000px) rotate(0deg);210 transform: perspective(2000px) rotate(0deg);211 opacity: 1; }212 213 .hinge-in-from-middle-y.mui-enter {214 -webkit-transform: perspective(2000px) rotateY(-90deg);215 transform: perspective(2000px) rotateY(-90deg);216 -webkit-transform-origin: center;217 -ms-transform-origin: center;218 transform-origin: center;219 transition-property: -webkit-transform, opacity;220 transition-property: transform, opacity;221 opacity: 0; }222 223 .hinge-in-from-middle-y.mui-enter.mui-enter-active {224 -webkit-transform: perspective(2000px) rotate(0deg);225 transform: perspective(2000px) rotate(0deg);226 opacity: 1; }227 228 .hinge-out-from-top.mui-leave {229 -webkit-transform: perspective(2000px) rotate(0deg);230 transform: perspective(2000px) rotate(0deg);231 -webkit-transform-origin: top;232 -ms-transform-origin: top;233 transform-origin: top;234 transition-property: -webkit-transform, opacity;235 transition-property: transform, opacity;236 opacity: 1; }237 238 .hinge-out-from-top.mui-leave.mui-leave-active {239 -webkit-transform: perspective(2000px) rotateX(-90deg);240 transform: perspective(2000px) rotateX(-90deg);241 opacity: 0; }242 243 .hinge-out-from-right.mui-leave {244 -webkit-transform: perspective(2000px) rotate(0deg);245 transform: perspective(2000px) rotate(0deg);246 -webkit-transform-origin: right;247 -ms-transform-origin: right;248 transform-origin: right;249 transition-property: -webkit-transform, opacity;250 transition-property: transform, opacity;251 opacity: 1; }252 253 .hinge-out-from-right.mui-leave.mui-leave-active {254 -webkit-transform: perspective(2000px) rotateY(-90deg);255 transform: perspective(2000px) rotateY(-90deg);256 opacity: 0; }257 258 .hinge-out-from-bottom.mui-leave {259 -webkit-transform: perspective(2000px) rotate(0deg);260 transform: perspective(2000px) rotate(0deg);261 -webkit-transform-origin: bottom;262 -ms-transform-origin: bottom;263 transform-origin: bottom;264 transition-property: -webkit-transform, opacity;265 transition-property: transform, opacity;266 opacity: 1; }267 268 .hinge-out-from-bottom.mui-leave.mui-leave-active {269 -webkit-transform: perspective(2000px) rotateX(90deg);270 transform: perspective(2000px) rotateX(90deg);271 opacity: 0; }272 273 .hinge-out-from-left.mui-leave {274 -webkit-transform: perspective(2000px) rotate(0deg);275 transform: perspective(2000px) rotate(0deg);276 -webkit-transform-origin: left;277 -ms-transform-origin: left;278 transform-origin: left;279 transition-property: -webkit-transform, opacity;280 transition-property: transform, opacity;281 opacity: 1; }282 283 .hinge-out-from-left.mui-leave.mui-leave-active {284 -webkit-transform: perspective(2000px) rotateY(90deg);285 transform: perspective(2000px) rotateY(90deg);286 opacity: 0; }287 288 .hinge-out-from-middle-x.mui-leave {289 -webkit-transform: perspective(2000px) rotate(0deg);290 transform: perspective(2000px) rotate(0deg);291 -webkit-transform-origin: center;292 -ms-transform-origin: center;293 transform-origin: center;294 transition-property: -webkit-transform, opacity;295 transition-property: transform, opacity;296 opacity: 1; }297 298 .hinge-out-from-middle-x.mui-leave.mui-leave-active {299 -webkit-transform: perspective(2000px) rotateX(-90deg);300 transform: perspective(2000px) rotateX(-90deg);301 opacity: 0; }302 303 .hinge-out-from-middle-y.mui-leave {304 -webkit-transform: perspective(2000px) rotate(0deg);305 transform: perspective(2000px) rotate(0deg);306 -webkit-transform-origin: center;307 -ms-transform-origin: center;308 transform-origin: center;309 transition-property: -webkit-transform, opacity;310 transition-property: transform, opacity;311 opacity: 1; }312 313 .hinge-out-from-middle-y.mui-leave.mui-leave-active {314 -webkit-transform: perspective(2000px) rotateY(-90deg);315 transform: perspective(2000px) rotateY(-90deg);316 opacity: 0; }317 318 .scale-in-up.mui-enter {319 -webkit-transform: scale(0.5);320 -ms-transform: scale(0.5);321 transform: scale(0.5);322 transition-property: -webkit-transform, opacity;323 transition-property: transform, opacity;324 opacity: 0; }325 326 .scale-in-up.mui-enter.mui-enter-active {327 -webkit-transform: scale(1);328 -ms-transform: scale(1);329 transform: scale(1);330 opacity: 1; }331 332 .scale-in-down.mui-enter {333 -webkit-transform: scale(1.5);334 -ms-transform: scale(1.5);335 transform: scale(1.5);336 transition-property: -webkit-transform, opacity;337 transition-property: transform, opacity;338 opacity: 0; }339 340 .scale-in-down.mui-enter.mui-enter-active {341 -webkit-transform: scale(1);342 -ms-transform: scale(1);343 transform: scale(1);344 opacity: 1; }345 346 .scale-out-up.mui-leave {347 -webkit-transform: scale(1);348 -ms-transform: scale(1);349 transform: scale(1);350 transition-property: -webkit-transform, opacity;351 transition-property: transform, opacity;352 opacity: 1; }353 354 .scale-out-up.mui-leave.mui-leave-active {355 -webkit-transform: scale(1.5);356 -ms-transform: scale(1.5);357 transform: scale(1.5);358 opacity: 0; }359 360 .scale-out-down.mui-leave {361 -webkit-transform: scale(1);362 -ms-transform: scale(1);363 transform: scale(1);364 transition-property: -webkit-transform, opacity;365 transition-property: transform, opacity;366 opacity: 1; }367 368 .scale-out-down.mui-leave.mui-leave-active {369 -webkit-transform: scale(0.5);370 -ms-transform: scale(0.5);371 transform: scale(0.5);372 opacity: 0; }373 374 .spin-in.mui-enter {375 -webkit-transform: rotate(-0.75turn);376 -ms-transform: rotate(-0.75turn);377 transform: rotate(-0.75turn);378 transition-property: -webkit-transform, opacity;379 transition-property: transform, opacity;380 opacity: 0; }381 382 .spin-in.mui-enter.mui-enter-active {383 -webkit-transform: rotate(0);384 -ms-transform: rotate(0);385 transform: rotate(0);386 opacity: 1; }387 388 .spin-out.mui-leave {389 -webkit-transform: rotate(0);390 -ms-transform: rotate(0);391 transform: rotate(0);392 transition-property: -webkit-transform, opacity;393 transition-property: transform, opacity;394 opacity: 1; }395 396 .spin-out.mui-leave.mui-leave-active {397 -webkit-transform: rotate(0.75turn);398 -ms-transform: rotate(0.75turn);399 transform: rotate(0.75turn);400 opacity: 0; }401 402 .spin-in-ccw.mui-enter {403 -webkit-transform: rotate(0.75turn);404 -ms-transform: rotate(0.75turn);405 transform: rotate(0.75turn);406 transition-property: -webkit-transform, opacity;407 transition-property: transform, opacity;408 opacity: 0; }409 410 .spin-in-ccw.mui-enter.mui-enter-active {411 -webkit-transform: rotate(0);412 -ms-transform: rotate(0);413 transform: rotate(0);414 opacity: 1; }415 416 .spin-out-ccw.mui-leave {417 -webkit-transform: rotate(0);418 -ms-transform: rotate(0);419 transform: rotate(0);420 transition-property: -webkit-transform, opacity;421 transition-property: transform, opacity;422 opacity: 1; }423 424 .spin-out-ccw.mui-leave.mui-leave-active {425 -webkit-transform: rotate(-0.75turn);426 -ms-transform: rotate(-0.75turn);427 transform: rotate(-0.75turn);428 opacity: 0; }429 430 .slow {431 transition-duration: 750ms !important; }432 433 .fast {434 transition-duration: 250ms !important; }435 436 .linear {437 transition-timing-function: linear !important; }438 439 .ease {440 transition-timing-function: ease !important; }441 442 .ease-in {443 transition-timing-function: ease-in !important; }444 445 .ease-out {446 transition-timing-function: ease-out !important; }447 448 .ease-in-out {449 transition-timing-function: ease-in-out !important; }450 451 .bounce-in {452 transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }453 454 .bounce-out {455 transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }456 457 .bounce-in-out {458 transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }459 460 .short-delay {461 transition-delay: 300ms !important; }462 463 .long-delay {464 transition-delay: 700ms !important; }465 466 .shake {467 -webkit-animation-name: shake-7;468 animation-name: shake-7; }469 470 @-webkit-keyframes shake-7 {471 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {472 -webkit-transform: translateX(7%);473 transform: translateX(7%); }474 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {475 -webkit-transform: translateX(-7%);476 transform: translateX(-7%); } }477 478 @keyframes shake-7 {479 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {480 -webkit-transform: translateX(7%);481 transform: translateX(7%); }482 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {483 -webkit-transform: translateX(-7%);484 transform: translateX(-7%); } }485 486 .spin-cw {487 -webkit-animation-name: spin-cw-1turn;488 animation-name: spin-cw-1turn; }489 490 @-webkit-keyframes spin-cw-1turn {491 0% {492 -webkit-transform: rotate(-1turn);493 transform: rotate(-1turn); }494 100% {495 -webkit-transform: rotate(0);496 transform: rotate(0); } }497 498 @keyframes spin-cw-1turn {499 0% {500 -webkit-transform: rotate(-1turn);501 transform: rotate(-1turn); }502 100% {503 -webkit-transform: rotate(0);504 transform: rotate(0); } }505 506 .spin-ccw {507 -webkit-animation-name: spin-cw-1turn;508 animation-name: spin-cw-1turn; }509 510 @keyframes spin-cw-1turn {511 0% {512 -webkit-transform: rotate(0);513 transform: rotate(0); }514 100% {515 -webkit-transform: rotate(1turn);516 transform: rotate(1turn); } }517 518 .wiggle {519 -webkit-animation-name: wiggle-7deg;520 animation-name: wiggle-7deg; }521 522 @-webkit-keyframes wiggle-7deg {523 40%, 50%, 60% {524 -webkit-transform: rotate(7deg);525 transform: rotate(7deg); }526 35%, 45%, 55%, 65% {527 -webkit-transform: rotate(-7deg);528 transform: rotate(-7deg); }529 0%, 30%, 70%, 100% {530 -webkit-transform: rotate(0);531 transform: rotate(0); } }532 533 @keyframes wiggle-7deg {534 40%, 50%, 60% {535 -webkit-transform: rotate(7deg);536 transform: rotate(7deg); }537 35%, 45%, 55%, 65% {538 -webkit-transform: rotate(-7deg);539 transform: rotate(-7deg); }540 0%, 30%, 70%, 100% {541 -webkit-transform: rotate(0);542 transform: rotate(0); } }543 544 .infinite {545 -webkit-animation-iteration-count: infinite;546 animation-iteration-count: infinite; }547 548 .slow {549 -webkit-animation-duration: 750ms !important;550 animation-duration: 750ms !important; }551 552 .fast {553 -webkit-animation-duration: 250ms !important;554 animation-duration: 250ms !important; }555 556 .linear {557 -webkit-animation-timing-function: linear !important;558 animation-timing-function: linear !important; }559 560 .ease {561 -webkit-animation-timing-function: ease !important;562 animation-timing-function: ease !important; }563 564 .ease-in {565 -webkit-animation-timing-function: ease-in !important;566 animation-timing-function: ease-in !important; }567 568 .ease-out {569 -webkit-animation-timing-function: ease-out !important;570 animation-timing-function: ease-out !important; }571 572 .ease-in-out {573 -webkit-animation-timing-function: ease-in-out !important;574 animation-timing-function: ease-in-out !important; }575 576 .bounce-in {577 -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;578 animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }579 580 .bounce-out {581 -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;582 animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }583 584 .bounce-in-out {585 -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;586 animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }587 588 .short-delay {589 -webkit-animation-delay: 300ms !important;590 animation-delay: 300ms !important; }591 592 .long-delay {593 -webkit-animation-delay: 700ms !important;594 animation-delay: 700ms !important; }595 596 8 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ 597 9 /** … … 958 370 959 371 *, 960 *: before,961 *: after {372 *::before, 373 *::after { 962 374 box-sizing: inherit; } 963 375 … … 968 380 font-weight: normal; 969 381 line-height: 1.5; 970 color: # 222222;382 color: #0a0a0a; 971 383 background: #fefefe; 972 384 -webkit-font-smoothing: antialiased; … … 983 395 height: auto; 984 396 min-height: 50px; 985 border-radius: 3px; }397 border-radius: 0; } 986 398 987 399 select { 988 400 width: 100%; 989 border-radius: 3px; }401 border-radius: 0; } 990 402 991 403 #map_canvas img, … … 1006 418 padding: 0; 1007 419 border: 0; 1008 border-radius: 3px;420 border-radius: 0; 1009 421 line-height: 1; } 422 [data-whatinput='mouse'] button { 423 outline: 0; } 1010 424 1011 425 .is-visible { … … 1016 430 1017 431 .row { 1018 max-width: 62.5rem;432 max-width: 75rem; 1019 433 margin-left: auto; 1020 434 margin-right: auto; } 1021 435 .row::before, .row::after { 1022 436 content: ' '; 1023 display: table; } 437 display: table; 438 flex-basis: 0; 439 order: 1; } 1024 440 .row::after { 1025 441 clear: both; } … … 1044 460 1045 461 .column, .columns { 462 width: 100%; 463 float: left; 1046 464 padding-left: 0.625rem; 1047 padding-right: 0.625rem; 1048 width: 100%; 1049 float: left; } 465 padding-right: 0.625rem; } 1050 466 @media screen and (min-width: 40em) { 1051 467 .column, .columns { … … 1797 1213 font-weight: normal; 1798 1214 font-style: normal; 1799 color: #222222;1215 color: inherit; 1800 1216 text-rendering: optimizeLegibility; 1801 1217 margin-top: 0; … … 1844 1260 1845 1261 a { 1846 color: #2 ba6cb;1262 color: #2199e8; 1847 1263 text-decoration: none; 1848 1264 line-height: inherit; 1849 1265 cursor: pointer; } 1850 1266 a:hover, a:focus { 1851 color: # 258faf; }1267 color: #1585cf; } 1852 1268 a img { 1853 1269 border: 0; } 1854 1270 1855 1271 hr { 1856 max-width: 62.5rem;1272 max-width: 75rem; 1857 1273 height: 0; 1858 1274 border-right: 0; … … 1906 1322 1907 1323 abbr { 1908 color: # 222222;1324 color: #0a0a0a; 1909 1325 cursor: help; 1910 1326 border-bottom: 1px dotted #0a0a0a; } … … 2016 1432 pre, 2017 1433 blockquote { 2018 border: 1px solid # 999;1434 border: 1px solid #8a8a8a; 2019 1435 page-break-inside: avoid; } 2020 1436 thead { … … 2045 1461 vertical-align: middle; 2046 1462 border: 1px solid transparent; 2047 border-radius: 3px;1463 border-radius: 0; 2048 1464 padding: 0.85em 1em; 2049 1465 margin: 0 0 1rem 0; 2050 1466 font-size: 0.9rem; 2051 background-color: #2 ba6cb;2052 color: #f ff; }1467 background-color: #2199e8; 1468 color: #fefefe; } 2053 1469 [data-whatinput='mouse'] .button { 2054 1470 outline: 0; } 2055 1471 .button:hover, .button:focus { 2056 background-color: # 258dad;2057 color: #f ff; }1472 background-color: #1583cc; 1473 color: #fefefe; } 2058 1474 .button.tiny { 2059 1475 font-size: 0.6rem; } … … 2068 1484 margin-right: 0; } 2069 1485 .button.primary { 2070 background-color: #2 ba6cb;2071 color: #f ff; }1486 background-color: #2199e8; 1487 color: #fefefe; } 2072 1488 .button.primary:hover, .button.primary:focus { 2073 background-color: # 2285a2;2074 color: #f ff; }1489 background-color: #147cc0; 1490 color: #fefefe; } 2075 1491 .button.secondary { 2076 background-color: # e9e9e9;2077 color: #f ff; }1492 background-color: #777; 1493 color: #fefefe; } 2078 1494 .button.secondary:hover, .button.secondary:focus { 2079 background-color: # bababa;2080 color: #f ff; }1495 background-color: #5f5f5f; 1496 color: #fefefe; } 2081 1497 .button.success { 2082 background-color: # 5da423;2083 color: #f ff; }1498 background-color: #3adb76; 1499 color: #fefefe; } 2084 1500 .button.success:hover, .button.success:focus { 2085 background-color: #4a831c; 2086 color: #fff; } 2087 .button.alert { 2088 background-color: #c60f13; 2089 color: #fff; } 2090 .button.alert:hover, .button.alert:focus { 2091 background-color: #9e0c0f; 2092 color: #fff; } 1501 background-color: #22bb5b; 1502 color: #fefefe; } 2093 1503 .button.warning { 2094 1504 background-color: #ffae00; 2095 color: #f ff; }1505 color: #fefefe; } 2096 1506 .button.warning:hover, .button.warning:focus { 2097 1507 background-color: #cc8b00; 2098 color: #fff; } 1508 color: #fefefe; } 1509 .button.alert { 1510 background-color: #ec5840; 1511 color: #fefefe; } 1512 .button.alert:hover, .button.alert:focus { 1513 background-color: #da3116; 1514 color: #fefefe; } 2099 1515 .button.hollow { 2100 border: 1px solid #2 ba6cb;2101 color: #2 ba6cb; }1516 border: 1px solid #2199e8; 1517 color: #2199e8; } 2102 1518 .button.hollow, .button.hollow:hover, .button.hollow:focus { 2103 1519 background-color: transparent; } 2104 1520 .button.hollow:hover, .button.hollow:focus { 2105 border-color: # 165366;2106 color: # 165366; }1521 border-color: #0c4d78; 1522 color: #0c4d78; } 2107 1523 .button.hollow.primary { 2108 border: 1px solid #2 ba6cb;2109 color: #2 ba6cb; }1524 border: 1px solid #2199e8; 1525 color: #2199e8; } 2110 1526 .button.hollow.primary:hover, .button.hollow.primary:focus { 2111 border-color: # 165366;2112 color: # 165366; }1527 border-color: #0c4d78; 1528 color: #0c4d78; } 2113 1529 .button.hollow.secondary { 2114 border: 1px solid # e9e9e9;2115 color: # e9e9e9; }1530 border: 1px solid #777; 1531 color: #777; } 2116 1532 .button.hollow.secondary:hover, .button.hollow.secondary:focus { 2117 border-color: # 757575;2118 color: # 757575; }1533 border-color: #3c3c3c; 1534 color: #3c3c3c; } 2119 1535 .button.hollow.success { 2120 border: 1px solid # 5da423;2121 color: # 5da423; }1536 border: 1px solid #3adb76; 1537 color: #3adb76; } 2122 1538 .button.hollow.success:hover, .button.hollow.success:focus { 2123 border-color: #2f5212; 2124 color: #2f5212; } 2125 .button.hollow.alert { 2126 border: 1px solid #c60f13; 2127 color: #c60f13; } 2128 .button.hollow.alert:hover, .button.hollow.alert:focus { 2129 border-color: #63080a; 2130 color: #63080a; } 1539 border-color: #157539; 1540 color: #157539; } 2131 1541 .button.hollow.warning { 2132 1542 border: 1px solid #ffae00; … … 2135 1545 border-color: #805700; 2136 1546 color: #805700; } 1547 .button.hollow.alert { 1548 border: 1px solid #ec5840; 1549 color: #ec5840; } 1550 .button.hollow.alert:hover, .button.hollow.alert:focus { 1551 border-color: #881f0e; 1552 color: #881f0e; } 2137 1553 .button.disabled, .button[disabled] { 2138 1554 opacity: 0.25; … … 2156 1572 margin-left: 0; 2157 1573 float: none; 2158 top: 0.2em; }1574 top: -0.1em; } 2159 1575 2160 1576 [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], … … 2172 1588 background-color: #fefefe; 2173 1589 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); 2174 border-radius: 3px;1590 border-radius: 0; 2175 1591 transition: box-shadow 0.5s, border-color 0.25s ease-in-out; 2176 1592 -webkit-appearance: none; … … 2189 1605 height: auto; } 2190 1606 1607 input::placeholder, 1608 textarea::placeholder { 1609 color: #cacaca; } 1610 2191 1611 input:disabled, input[readonly], 2192 1612 textarea:disabled, … … 2197 1617 [type='submit'], 2198 1618 [type='button'] { 2199 border-radius: 3px;1619 border-radius: 0; 2200 1620 -webkit-appearance: none; 2201 1621 -moz-appearance: none; } … … 2216 1636 margin-bottom: 0; 2217 1637 vertical-align: baseline; } 1638 [type='checkbox'] + label[for], 1639 [type='radio'] + label[for] { 1640 cursor: pointer; } 2218 1641 2219 1642 label > [type='checkbox'], 2220 label > [type=' label'] {1643 label > [type='radio'] { 2221 1644 margin-right: 0.5rem; } 2222 1645 … … 2239 1662 font-size: 0.8125rem; 2240 1663 font-style: italic; 2241 color: # 333; }1664 color: #0a0a0a; } 2242 1665 2243 1666 .input-group { … … 2246 1669 margin-bottom: 1rem; } 2247 1670 .input-group > :first-child { 2248 border-radius: 3px 0 0 3px; }1671 border-radius: 0 0 0 0; } 2249 1672 .input-group > :last-child > * { 2250 border-radius: 0 3px 3px0; }1673 border-radius: 0 0 0 0; } 2251 1674 2252 1675 .input-group-label, .input-group-field, .input-group-button { 1676 margin: 0; 2253 1677 display: table-cell; 2254 margin: 0;2255 1678 vertical-align: middle; } 2256 1679 2257 1680 .input-group-label { 2258 1681 text-align: center; 2259 width: 1%;2260 height: 100%;2261 1682 padding: 0 1rem; 2262 1683 background: #e6e6e6; 2263 1684 color: #0a0a0a; 2264 1685 border: 1px solid #cacaca; 2265 white-space: nowrap; } 1686 white-space: nowrap; 1687 width: 1%; 1688 height: 100%; } 2266 1689 .input-group-label:first-child { 2267 1690 border-right: 0; } … … 2274 1697 2275 1698 .input-group-button { 2276 height: 100%;2277 1699 padding-top: 0; 2278 1700 padding-bottom: 0; 2279 1701 text-align: center; 1702 height: 100%; 2280 1703 width: 1%; } 2281 1704 .input-group-button a, … … 2283 1706 .input-group-button button { 2284 1707 margin: 0; } 1708 1709 .input-group .input-group-button { 1710 display: table-cell; } 2285 1711 2286 1712 fieldset { … … 2313 1739 color: #0a0a0a; 2314 1740 background-color: #fefefe; 2315 border-radius: 3px;1741 border-radius: 0; 2316 1742 -webkit-appearance: none; 2317 1743 -moz-appearance: none; 2318 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28 51, 51, 51%29"></polygon></svg>');1744 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>'); 2319 1745 background-size: 9px 6px; 2320 1746 background-position: right center; … … 2333 1759 2334 1760 .is-invalid-input:not(:focus) { 2335 background-color: rgba( 198, 15, 19, 0.1);2336 border-color: # c60f13; }1761 background-color: rgba(236, 88, 64, 0.1); 1762 border-color: #ec5840; } 2337 1763 2338 1764 .is-invalid-label { 2339 color: # c60f13; }1765 color: #ec5840; } 2340 1766 2341 1767 .form-error { … … 2345 1771 font-size: 0.75rem; 2346 1772 font-weight: bold; 2347 color: # c60f13; }1773 color: #ec5840; } 2348 1774 .form-error.is-visible { 2349 1775 display: block; } 2350 2351 .hide {2352 display: none !important; }2353 2354 .invisible {2355 visibility: hidden; }2356 2357 @media screen and (min-width: 0em) and (max-width: 39.9375em) {2358 .hide-for-small-only {2359 display: none !important; } }2360 2361 @media screen and (max-width: 0em), screen and (min-width: 40em) {2362 .show-for-small-only {2363 display: none !important; } }2364 2365 @media screen and (min-width: 40em) {2366 .hide-for-medium {2367 display: none !important; } }2368 2369 @media screen and (max-width: 39.9375em) {2370 .show-for-medium {2371 display: none !important; } }2372 2373 @media screen and (min-width: 40em) and (max-width: 63.9375em) {2374 .hide-for-medium-only {2375 display: none !important; } }2376 2377 @media screen and (max-width: 39.9375em), screen and (min-width: 64em) {2378 .show-for-medium-only {2379 display: none !important; } }2380 2381 @media screen and (min-width: 64em) {2382 .hide-for-large {2383 display: none !important; } }2384 2385 @media screen and (max-width: 63.9375em) {2386 .show-for-large {2387 display: none !important; } }2388 2389 @media screen and (min-width: 64em) and (max-width: 74.9375em) {2390 .hide-for-large-only {2391 display: none !important; } }2392 2393 @media screen and (max-width: 63.9375em), screen and (min-width: 75em) {2394 .show-for-large-only {2395 display: none !important; } }2396 2397 .show-for-sr,2398 .show-on-focus {2399 position: absolute !important;2400 width: 1px;2401 height: 1px;2402 overflow: hidden;2403 clip: rect(0, 0, 0, 0); }2404 2405 .show-on-focus:active, .show-on-focus:focus {2406 position: static !important;2407 height: auto;2408 width: auto;2409 overflow: visible;2410 clip: auto; }2411 2412 .show-for-landscape,2413 .hide-for-portrait {2414 display: block !important; }2415 @media screen and (orientation: landscape) {2416 .show-for-landscape,2417 .hide-for-portrait {2418 display: block !important; } }2419 @media screen and (orientation: portrait) {2420 .show-for-landscape,2421 .hide-for-portrait {2422 display: none !important; } }2423 2424 .hide-for-landscape,2425 .show-for-portrait {2426 display: none !important; }2427 @media screen and (orientation: landscape) {2428 .hide-for-landscape,2429 .show-for-portrait {2430 display: none !important; } }2431 @media screen and (orientation: portrait) {2432 .hide-for-landscape,2433 .show-for-portrait {2434 display: block !important; } }2435 2436 .float-left {2437 float: left !important; }2438 2439 .float-right {2440 float: right !important; }2441 2442 .float-center {2443 display: block;2444 margin-left: auto;2445 margin-right: auto; }2446 2447 .clearfix::before, .clearfix::after {2448 content: ' ';2449 display: table; }2450 2451 .clearfix::after {2452 clear: both; }2453 1776 2454 1777 .accordion { … … 2457 1780 border: 1px solid #e6e6e6; 2458 1781 border-bottom: 0; 2459 border-radius: 3px;1782 border-radius: 0; 2460 1783 margin-left: 0; } 2461 1784 … … 2465 1788 line-height: 1; 2466 1789 font-size: 0.75rem; 2467 color: #2 ba6cb;1790 color: #2199e8; 2468 1791 position: relative; 2469 1792 border-bottom: 1px solid #e6e6e6; } … … 2493 1816 height: 0; 2494 1817 border: inset 6px; 2495 border-color: #2 ba6cbtransparent transparent;1818 border-color: #2199e8 transparent transparent; 2496 1819 border-top-style: solid; 2497 1820 border-bottom-width: 0; … … 2502 1825 2503 1826 .is-accordion-submenu-parent[aria-expanded='true'] > a::after { 2504 -webkit-transform-origin: 50% 50%; 2505 -ms-transform-origin: 50% 50%; 2506 transform-origin: 50% 50%; 2507 -webkit-transform: scaleY(-1); 2508 -ms-transform: scaleY(-1); 2509 transform: scaleY(-1); } 1827 transform-origin: 50% 50%; 1828 transform: scaleY(-1); } 2510 1829 2511 1830 .badge { … … 2516 1835 text-align: center; 2517 1836 border-radius: 50%; 2518 background: #2 ba6cb;1837 background: #2199e8; 2519 1838 color: #fefefe; } 2520 1839 .badge.secondary { 2521 background: # e9e9e9;2522 color: # 0a0a0a; }1840 background: #777; 1841 color: #fefefe; } 2523 1842 .badge.success { 2524 background: #5da423; 2525 color: #fefefe; } 2526 .badge.alert { 2527 background: #c60f13; 1843 background: #3adb76; 2528 1844 color: #fefefe; } 2529 1845 .badge.warning { 2530 1846 background: #ffae00; 1847 color: #fefefe; } 1848 .badge.alert { 1849 background: #ec5840; 2531 1850 color: #fefefe; } 2532 1851 … … 2536 1855 .breadcrumbs::before, .breadcrumbs::after { 2537 1856 content: ' '; 2538 display: table; } 1857 display: table; 1858 flex-basis: 0; 1859 order: 1; } 2539 1860 .breadcrumbs::after { 2540 1861 clear: both; } … … 2553 1874 opacity: 1; } 2554 1875 .breadcrumbs a { 2555 color: #2 ba6cb; }1876 color: #2199e8; } 2556 1877 .breadcrumbs a:hover { 2557 1878 text-decoration: underline; } … … 2561 1882 .button-group { 2562 1883 margin-bottom: 1rem; 2563 font-size: 0 .9rem; }1884 font-size: 0; } 2564 1885 .button-group::before, .button-group::after { 2565 1886 content: ' '; 2566 display: table; } 1887 display: table; 1888 flex-basis: 0; 1889 order: 1; } 2567 1890 .button-group::after { 2568 1891 clear: both; } 2569 1892 .button-group .button { 2570 float: left;2571 1893 margin: 0; 2572 font-size: inherit; } 1894 font-size: 0.9rem; 1895 float: left; } 2573 1896 .button-group .button:not(:last-child) { 2574 1897 border-right: 1px solid #fefefe; } 2575 .button-group.tiny {1898 .button-group.tiny .button { 2576 1899 font-size: 0.6rem; } 2577 .button-group.small {1900 .button-group.small .button { 2578 1901 font-size: 0.75rem; } 2579 .button-group.large {1902 .button-group.large .button { 2580 1903 font-size: 1.25rem; } 2581 1904 .button-group.expanded { 2582 display: table; 2583 table-layout: fixed; 2584 width: 100%; } 1905 margin-right: -1px; } 2585 1906 .button-group.expanded::before, .button-group.expanded::after { 2586 1907 display: none; } 2587 .button-group.expanded .button { 2588 display: table-cell; 2589 float: none; } 1908 .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { 1909 display: inline-block; 1910 width: calc(50% - 1px); 1911 margin-right: 1px; } 1912 .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { 1913 display: inline-block; 1914 width: calc(33.33333% - 1px); 1915 margin-right: 1px; } 1916 .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { 1917 display: inline-block; 1918 width: calc(25% - 1px); 1919 margin-right: 1px; } 1920 .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { 1921 display: inline-block; 1922 width: calc(20% - 1px); 1923 margin-right: 1px; } 1924 .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { 1925 display: inline-block; 1926 width: calc(16.66667% - 1px); 1927 margin-right: 1px; } 2590 1928 .button-group.primary .button { 2591 background-color: #2 ba6cb;1929 background-color: #2199e8; 2592 1930 color: #fefefe; } 2593 1931 .button-group.primary .button:hover, .button-group.primary .button:focus { 2594 background-color: # 2285a2;1932 background-color: #147cc0; 2595 1933 color: #fefefe; } 2596 1934 .button-group.secondary .button { 2597 background-color: # e9e9e9;2598 color: # 0a0a0a; }1935 background-color: #777; 1936 color: #fefefe; } 2599 1937 .button-group.secondary .button:hover, .button-group.secondary .button:focus { 2600 background-color: # bababa;2601 color: # 0a0a0a; }1938 background-color: #5f5f5f; 1939 color: #fefefe; } 2602 1940 .button-group.success .button { 2603 background-color: # 5da423;1941 background-color: #3adb76; 2604 1942 color: #fefefe; } 2605 1943 .button-group.success .button:hover, .button-group.success .button:focus { 2606 background-color: #4a831c; 2607 color: #fefefe; } 2608 .button-group.alert .button { 2609 background-color: #c60f13; 2610 color: #fefefe; } 2611 .button-group.alert .button:hover, .button-group.alert .button:focus { 2612 background-color: #9e0c0f; 1944 background-color: #22bb5b; 2613 1945 color: #fefefe; } 2614 1946 .button-group.warning .button { … … 2618 1950 background-color: #cc8b00; 2619 1951 color: #fefefe; } 2620 .button-group.stacked .button, .button-group.stacked-for-small .button { 1952 .button-group.alert .button { 1953 background-color: #ec5840; 1954 color: #fefefe; } 1955 .button-group.alert .button:hover, .button-group.alert .button:focus { 1956 background-color: #da3116; 1957 color: #fefefe; } 1958 .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { 2621 1959 width: 100%; } 2622 .button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child) {2623 border-right: 1px solid; }1960 .button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child), .button-group.stacked-for-medium .button:not(:last-child) { 1961 margin-right: 0; } 2624 1962 @media screen and (min-width: 40em) { 2625 1963 .button-group.stacked-for-small .button { 2626 1964 width: auto; } 2627 1965 .button-group.stacked-for-small .button:not(:last-child) { 2628 border-right: 1px solid #fefefe; } } 2629 @media screen and (min-width: 0em) and (max-width: 39.9375em) { 1966 margin-right: 1px; } } 1967 @media screen and (min-width: 64em) { 1968 .button-group.stacked-for-medium .button { 1969 width: auto; } 1970 .button-group.stacked-for-medium .button:not(:last-child) { 1971 margin-right: 1px; } } 1972 @media screen and (max-width: 39.9375em) { 2630 1973 .button-group.stacked-for-small.expanded { 2631 1974 display: block; } 2632 1975 .button-group.stacked-for-small.expanded .button { 2633 1976 display: block; 2634 border-right: 0; } }1977 margin-right: 0; } } 2635 1978 2636 1979 .callout { … … 2638 1981 padding: 1rem; 2639 1982 border: 1px solid rgba(10, 10, 10, 0.25); 2640 border-radius: 3px;1983 border-radius: 0; 2641 1984 position: relative; 2642 color: # 222222;1985 color: #0a0a0a; 2643 1986 background-color: white; } 2644 1987 .callout > :first-child { … … 2647 1990 margin-bottom: 0; } 2648 1991 .callout.primary { 2649 background-color: #def 2f8; }1992 background-color: #def0fc; } 2650 1993 .callout.secondary { 2651 background-color: # fcfcfc; }1994 background-color: #ebebeb; } 2652 1995 .callout.success { 2653 background-color: #e6f7d9; } 2654 .callout.alert { 2655 background-color: #fcd6d6; } 1996 background-color: #e1faea; } 2656 1997 .callout.warning { 2657 1998 background-color: #fff3d9; } 1999 .callout.alert { 2000 background-color: #fce6e2; } 2658 2001 .callout.small { 2659 2002 padding-top: 0.5rem; … … 2679 2022 .close-button:hover, .close-button:focus { 2680 2023 color: #0a0a0a; } 2681 2682 .is-drilldown {2683 position: relative;2684 overflow: hidden; }2685 2686 .is-drilldown-submenu {2687 position: absolute;2688 top: 0;2689 left: 100%;2690 z-index: -1;2691 height: 100%;2692 width: 100%;2693 background: #fefefe;2694 transition: -webkit-transform 0.15s linear;2695 transition: transform 0.15s linear; }2696 .is-drilldown-submenu.is-active {2697 z-index: 1;2698 display: block;2699 -webkit-transform: translateX(-100%);2700 -ms-transform: translateX(-100%);2701 transform: translateX(-100%); }2702 .is-drilldown-submenu.is-closing {2703 -webkit-transform: translateX(100%);2704 -ms-transform: translateX(100%);2705 transform: translateX(100%); }2706 2707 .is-drilldown-submenu-parent > a {2708 position: relative; }2709 .is-drilldown-submenu-parent > a::after {2710 content: '';2711 display: block;2712 width: 0;2713 height: 0;2714 border: inset 6px;2715 border-color: transparent transparent transparent #2ba6cb;2716 border-left-style: solid;2717 border-right-width: 0;2718 position: absolute;2719 top: 50%;2720 margin-top: -6px;2721 right: 1rem; }2722 2723 .js-drilldown-back > a::before {2724 content: '';2725 display: block;2726 width: 0;2727 height: 0;2728 border: inset 6px;2729 border-color: transparent #2ba6cb transparent transparent;2730 border-right-style: solid;2731 border-left-width: 0;2732 border-left-width: 0;2733 display: inline-block;2734 vertical-align: middle;2735 margin-right: 0.75rem; }2736 2737 .dropdown-pane {2738 background-color: #fefefe;2739 border: 1px solid #cacaca;2740 border-radius: 3px;2741 display: block;2742 font-size: 1rem;2743 padding: 1rem;2744 position: absolute;2745 visibility: hidden;2746 width: 300px;2747 z-index: 10; }2748 .dropdown-pane.is-open {2749 visibility: visible; }2750 2751 .dropdown-pane.tiny {2752 width: 100px; }2753 2754 .dropdown-pane.small {2755 width: 200px; }2756 2757 .dropdown-pane.large {2758 width: 400px; }2759 2760 [data-whatinput='mouse'] .dropdown.menu a {2761 outline: 0; }2762 2763 .no-js .dropdown.menu ul {2764 display: none; }2765 2766 .dropdown.menu:not(.vertical) .is-dropdown-submenu.first-sub {2767 top: 100%;2768 left: 0;2769 right: auto; }2770 2771 .dropdown.menu.align-right .is-dropdown-submenu.first-sub {2772 top: 100%;2773 left: auto;2774 right: 0; }2775 2776 .is-dropdown-menu.vertical {2777 width: 100px; }2778 .is-dropdown-menu.vertical.align-right {2779 float: right; }2780 .is-dropdown-menu.vertical > li .is-dropdown-submenu {2781 top: 0;2782 left: 100%; }2783 2784 .is-dropdown-submenu-parent {2785 position: relative; }2786 .is-dropdown-submenu-parent a::after {2787 float: right;2788 margin-top: 3px;2789 margin-left: 10px; }2790 .is-dropdown-submenu-parent.is-down-arrow a {2791 padding-right: 1.5rem;2792 position: relative; }2793 .is-dropdown-submenu-parent.is-down-arrow > a::after {2794 content: '';2795 display: block;2796 width: 0;2797 height: 0;2798 border: inset 5px;2799 border-color: #2ba6cb transparent transparent;2800 border-top-style: solid;2801 border-bottom-width: 0;2802 position: absolute;2803 top: 0.825rem;2804 right: 5px; }2805 .is-dropdown-submenu-parent.is-left-arrow > a::after {2806 content: '';2807 display: block;2808 width: 0;2809 height: 0;2810 border: inset 5px;2811 border-color: transparent #2ba6cb transparent transparent;2812 border-right-style: solid;2813 border-left-width: 0;2814 float: left;2815 margin-left: 0;2816 margin-right: 10px; }2817 .is-dropdown-submenu-parent.is-right-arrow > a::after {2818 content: '';2819 display: block;2820 width: 0;2821 height: 0;2822 border: inset 5px;2823 border-color: transparent transparent transparent #2ba6cb;2824 border-left-style: solid;2825 border-right-width: 0; }2826 .is-dropdown-submenu-parent.is-left-arrow.opens-inner .is-dropdown-submenu {2827 right: 0;2828 left: auto; }2829 .is-dropdown-submenu-parent.is-right-arrow.opens-inner .is-dropdown-submenu {2830 left: 0;2831 right: auto; }2832 .is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu {2833 top: 100%; }2834 .is-dropdown-submenu-parent.opens-left .is-dropdown-submenu {2835 left: auto;2836 right: 100%; }2837 2838 .is-dropdown-submenu {2839 display: none;2840 position: absolute;2841 top: 0;2842 left: 100%;2843 min-width: 200px;2844 z-index: 1;2845 background: #fefefe;2846 border: 1px solid #cacaca; }2847 .is-dropdown-submenu .is-dropdown-submenu {2848 margin-top: -1px; }2849 .is-dropdown-submenu > li {2850 width: 100%; }2851 .is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active {2852 display: block; }2853 2854 .flex-video {2855 position: relative;2856 height: 0;2857 padding-bottom: 75%;2858 margin-bottom: 1rem;2859 overflow: hidden; }2860 .flex-video iframe,2861 .flex-video object,2862 .flex-video embed,2863 .flex-video video {2864 position: absolute;2865 top: 0;2866 left: 0;2867 width: 100%;2868 height: 100%; }2869 .flex-video.widescreen {2870 padding-bottom: 56.25%; }2871 .flex-video.vimeo {2872 padding-top: 0; }2873 2874 .label {2875 display: inline-block;2876 padding: 0.33333rem 0.5rem;2877 font-size: 0.8rem;2878 line-height: 1;2879 white-space: nowrap;2880 cursor: default;2881 border-radius: 3px;2882 background: #2ba6cb;2883 color: #fefefe; }2884 .label.secondary {2885 background: #e9e9e9;2886 color: #0a0a0a; }2887 .label.success {2888 background: #5da423;2889 color: #fefefe; }2890 .label.alert {2891 background: #c60f13;2892 color: #fefefe; }2893 .label.warning {2894 background: #ffae00;2895 color: #fefefe; }2896 2897 .media-object {2898 margin-bottom: 1rem;2899 display: block; }2900 .media-object img {2901 max-width: none; }2902 @media screen and (min-width: 0em) and (max-width: 39.9375em) {2903 .media-object.stack-for-small .media-object-section {2904 display: block;2905 padding: 0;2906 padding-bottom: 1rem; }2907 .media-object.stack-for-small .media-object-section img {2908 width: 100%; } }2909 2910 .media-object-section {2911 display: table-cell;2912 vertical-align: top; }2913 .media-object-section:first-child {2914 padding-right: 1rem; }2915 .media-object-section:last-child:not(:nth-child(2)) {2916 padding-left: 1rem; }2917 .media-object-section.middle {2918 vertical-align: middle; }2919 .media-object-section.bottom {2920 vertical-align: bottom; }2921 2024 2922 2025 .menu { … … 2936 2039 .menu button { 2937 2040 margin-bottom: 0; } 2938 .menu > li > a >img,2939 .menu > li > a >i {2041 .menu > li > a img, 2042 .menu > li > a i { 2940 2043 vertical-align: middle; } 2941 .menu > li > a > span { 2044 .menu > li > a i + span, 2045 .menu > li > a img + span { 2942 2046 vertical-align: middle; } 2943 .menu > li > a >img,2944 .menu > li > a >i {2945 display: inline-block;2946 margin-right: 0.25rem; }2047 .menu > li > a img, 2048 .menu > li > a i { 2049 margin-right: 0.25rem; 2050 display: inline-block; } 2947 2051 .menu > li { 2948 2052 display: table-cell; } … … 2965 2069 .menu.simple a { 2966 2070 padding: 0; } 2071 .menu.align-right::before, .menu.align-right::after { 2072 content: ' '; 2073 display: table; 2074 flex-basis: 0; 2075 order: 1; } 2076 .menu.align-right::after { 2077 clear: both; } 2967 2078 .menu.align-right > li { 2968 2079 float: right; } 2969 2080 .menu.expanded { 2081 width: 100%; 2970 2082 display: table; 2971 table-layout: fixed; 2972 width: 100%; } 2083 table-layout: fixed; } 2973 2084 .menu.expanded > li:first-child:last-child { 2974 2085 width: 100%; } 2975 2086 .menu.icon-top > li > a { 2976 2087 text-align: center; } 2977 .menu.icon-top > li > a >img,2978 .menu.icon-top > li > a >i {2088 .menu.icon-top > li > a img, 2089 .menu.icon-top > li > a i { 2979 2090 display: block; 2980 2091 margin: 0 auto 0.25rem; } 2981 2092 .menu.nested { 2982 2093 margin-left: 1rem; } 2094 .menu .active > a { 2095 color: #fefefe; 2096 background: #2199e8; } 2983 2097 2984 2098 .menu-text { … … 2990 2104 padding: 0.7rem 1rem; } 2991 2105 2106 .menu-centered { 2107 text-align: center; } 2108 .menu-centered > .menu { 2109 display: inline-block; } 2110 2992 2111 .no-js [data-responsive-menu] ul { 2993 2112 display: none; } 2113 2114 .is-drilldown { 2115 position: relative; 2116 overflow: hidden; } 2117 .is-drilldown li { 2118 display: block !important; } 2119 2120 .is-drilldown-submenu { 2121 position: absolute; 2122 top: 0; 2123 left: 100%; 2124 z-index: -1; 2125 height: 100%; 2126 width: 100%; 2127 background: #fefefe; 2128 transition: transform 0.15s linear; } 2129 .is-drilldown-submenu.is-active { 2130 z-index: 1; 2131 display: block; 2132 transform: translateX(-100%); } 2133 .is-drilldown-submenu.is-closing { 2134 transform: translateX(100%); } 2135 2136 .is-drilldown-submenu-parent > a { 2137 position: relative; } 2138 .is-drilldown-submenu-parent > a::after { 2139 content: ''; 2140 display: block; 2141 width: 0; 2142 height: 0; 2143 border: inset 6px; 2144 border-color: transparent transparent transparent #2199e8; 2145 border-left-style: solid; 2146 border-right-width: 0; 2147 position: absolute; 2148 top: 50%; 2149 margin-top: -6px; 2150 right: 1rem; } 2151 2152 .js-drilldown-back > a::before { 2153 content: ''; 2154 display: block; 2155 width: 0; 2156 height: 0; 2157 border: inset 6px; 2158 border-color: transparent #2199e8 transparent transparent; 2159 border-right-style: solid; 2160 border-left-width: 0; 2161 border-left-width: 0; 2162 display: inline-block; 2163 vertical-align: middle; 2164 margin-right: 0.75rem; } 2165 2166 .dropdown-pane { 2167 background-color: #fefefe; 2168 border: 1px solid #cacaca; 2169 border-radius: 0; 2170 display: block; 2171 font-size: 1rem; 2172 padding: 1rem; 2173 position: absolute; 2174 visibility: hidden; 2175 width: 300px; 2176 z-index: 10; } 2177 .dropdown-pane.is-open { 2178 visibility: visible; } 2179 2180 .dropdown-pane.tiny { 2181 width: 100px; } 2182 2183 .dropdown-pane.small { 2184 width: 200px; } 2185 2186 .dropdown-pane.large { 2187 width: 400px; } 2188 2189 .dropdown.menu > li.opens-left > .is-dropdown-submenu { 2190 left: auto; 2191 right: 0; 2192 top: 100%; } 2193 2194 .dropdown.menu > li.opens-right > .is-dropdown-submenu { 2195 right: auto; 2196 left: 0; 2197 top: 100%; } 2198 2199 .dropdown.menu > li.is-dropdown-submenu-parent > a { 2200 padding-right: 1.5rem; 2201 position: relative; } 2202 2203 .dropdown.menu > li.is-dropdown-submenu-parent > a::after { 2204 content: ''; 2205 display: block; 2206 width: 0; 2207 height: 0; 2208 border: inset 5px; 2209 border-color: #2199e8 transparent transparent; 2210 border-top-style: solid; 2211 border-bottom-width: 0; 2212 right: 5px; 2213 margin-top: -2px; } 2214 2215 [data-whatinput='mouse'] .dropdown.menu a { 2216 outline: 0; } 2217 2218 .no-js .dropdown.menu ul { 2219 display: none; } 2220 2221 .dropdown.menu.vertical > li .is-dropdown-submenu { 2222 top: 0; } 2223 2224 .dropdown.menu.vertical > li.opens-left .is-dropdown-submenu { 2225 left: auto; 2226 right: 100%; } 2227 2228 .dropdown.menu.vertical > li.opens-right .is-dropdown-submenu { 2229 right: auto; 2230 left: 100%; } 2231 2232 .dropdown.menu.vertical > li > a::after { 2233 right: 14px; 2234 margin-top: -3px; } 2235 2236 .dropdown.menu.vertical > li.opens-left > a::after { 2237 content: ''; 2238 display: block; 2239 width: 0; 2240 height: 0; 2241 border: inset 5px; 2242 border-color: transparent #2199e8 transparent transparent; 2243 border-right-style: solid; 2244 border-left-width: 0; } 2245 2246 .dropdown.menu.vertical > li.opens-right > a::after { 2247 content: ''; 2248 display: block; 2249 width: 0; 2250 height: 0; 2251 border: inset 5px; 2252 border-color: transparent transparent transparent #2199e8; 2253 border-left-style: solid; 2254 border-right-width: 0; } 2255 2256 @media screen and (min-width: 40em) { 2257 .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { 2258 left: auto; 2259 right: 0; 2260 top: 100%; } 2261 .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { 2262 right: auto; 2263 left: 0; 2264 top: 100%; } 2265 .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { 2266 padding-right: 1.5rem; 2267 position: relative; } 2268 .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { 2269 content: ''; 2270 display: block; 2271 width: 0; 2272 height: 0; 2273 border: inset 5px; 2274 border-color: #2199e8 transparent transparent; 2275 border-top-style: solid; 2276 border-bottom-width: 0; 2277 right: 5px; 2278 margin-top: -2px; } 2279 .dropdown.menu.medium-vertical > li .is-dropdown-submenu { 2280 top: 0; } 2281 .dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu { 2282 left: auto; 2283 right: 100%; } 2284 .dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu { 2285 right: auto; 2286 left: 100%; } 2287 .dropdown.menu.medium-vertical > li > a::after { 2288 right: 14px; 2289 margin-top: -3px; } 2290 .dropdown.menu.medium-vertical > li.opens-left > a::after { 2291 content: ''; 2292 display: block; 2293 width: 0; 2294 height: 0; 2295 border: inset 5px; 2296 border-color: transparent #2199e8 transparent transparent; 2297 border-right-style: solid; 2298 border-left-width: 0; } 2299 .dropdown.menu.medium-vertical > li.opens-right > a::after { 2300 content: ''; 2301 display: block; 2302 width: 0; 2303 height: 0; 2304 border: inset 5px; 2305 border-color: transparent transparent transparent #2199e8; 2306 border-left-style: solid; 2307 border-right-width: 0; } } 2308 2309 @media screen and (min-width: 64em) { 2310 .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { 2311 left: auto; 2312 right: 0; 2313 top: 100%; } 2314 .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { 2315 right: auto; 2316 left: 0; 2317 top: 100%; } 2318 .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { 2319 padding-right: 1.5rem; 2320 position: relative; } 2321 .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { 2322 content: ''; 2323 display: block; 2324 width: 0; 2325 height: 0; 2326 border: inset 5px; 2327 border-color: #2199e8 transparent transparent; 2328 border-top-style: solid; 2329 border-bottom-width: 0; 2330 right: 5px; 2331 margin-top: -2px; } 2332 .dropdown.menu.large-vertical > li .is-dropdown-submenu { 2333 top: 0; } 2334 .dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu { 2335 left: auto; 2336 right: 100%; } 2337 .dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu { 2338 right: auto; 2339 left: 100%; } 2340 .dropdown.menu.large-vertical > li > a::after { 2341 right: 14px; 2342 margin-top: -3px; } 2343 .dropdown.menu.large-vertical > li.opens-left > a::after { 2344 content: ''; 2345 display: block; 2346 width: 0; 2347 height: 0; 2348 border: inset 5px; 2349 border-color: transparent #2199e8 transparent transparent; 2350 border-right-style: solid; 2351 border-left-width: 0; } 2352 .dropdown.menu.large-vertical > li.opens-right > a::after { 2353 content: ''; 2354 display: block; 2355 width: 0; 2356 height: 0; 2357 border: inset 5px; 2358 border-color: transparent transparent transparent #2199e8; 2359 border-left-style: solid; 2360 border-right-width: 0; } } 2361 2362 .dropdown.menu.align-right .is-dropdown-submenu.first-sub { 2363 top: 100%; 2364 left: auto; 2365 right: 0; } 2366 2367 .is-dropdown-menu.vertical { 2368 width: 100px; } 2369 .is-dropdown-menu.vertical.align-right { 2370 float: right; } 2371 2372 .is-dropdown-submenu-parent { 2373 position: relative; } 2374 .is-dropdown-submenu-parent a::after { 2375 position: absolute; 2376 top: 50%; 2377 right: 5px; 2378 margin-top: -2px; } 2379 .is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu { 2380 top: 100%; } 2381 .is-dropdown-submenu-parent.opens-left .is-dropdown-submenu { 2382 left: auto; 2383 right: 100%; } 2384 2385 .is-dropdown-submenu { 2386 display: none; 2387 position: absolute; 2388 top: 0; 2389 left: 100%; 2390 min-width: 200px; 2391 z-index: 1; 2392 background: #fefefe; 2393 border: 1px solid #cacaca; } 2394 .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { 2395 right: 14px; 2396 margin-top: -3px; } 2397 .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { 2398 content: ''; 2399 display: block; 2400 width: 0; 2401 height: 0; 2402 border: inset 5px; 2403 border-color: transparent #2199e8 transparent transparent; 2404 border-right-style: solid; 2405 border-left-width: 0; } 2406 .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { 2407 content: ''; 2408 display: block; 2409 width: 0; 2410 height: 0; 2411 border: inset 5px; 2412 border-color: transparent transparent transparent #2199e8; 2413 border-left-style: solid; 2414 border-right-width: 0; } 2415 .is-dropdown-submenu .is-dropdown-submenu { 2416 margin-top: -1px; } 2417 .is-dropdown-submenu > li { 2418 width: 100%; } 2419 .is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active { 2420 display: block; } 2421 2422 .flex-video { 2423 position: relative; 2424 height: 0; 2425 padding-bottom: 75%; 2426 margin-bottom: 1rem; 2427 overflow: hidden; } 2428 .flex-video iframe, 2429 .flex-video object, 2430 .flex-video embed, 2431 .flex-video video { 2432 position: absolute; 2433 top: 0; 2434 left: 0; 2435 width: 100%; 2436 height: 100%; } 2437 .flex-video.widescreen { 2438 padding-bottom: 56.25%; } 2439 .flex-video.vimeo { 2440 padding-top: 0; } 2441 2442 .label { 2443 display: inline-block; 2444 padding: 0.33333rem 0.5rem; 2445 font-size: 0.8rem; 2446 line-height: 1; 2447 white-space: nowrap; 2448 cursor: default; 2449 border-radius: 0; 2450 background: #2199e8; 2451 color: #fefefe; } 2452 .label.secondary { 2453 background: #777; 2454 color: #fefefe; } 2455 .label.success { 2456 background: #3adb76; 2457 color: #fefefe; } 2458 .label.warning { 2459 background: #ffae00; 2460 color: #fefefe; } 2461 .label.alert { 2462 background: #ec5840; 2463 color: #fefefe; } 2464 2465 .media-object { 2466 margin-bottom: 1rem; 2467 display: block; } 2468 .media-object img { 2469 max-width: none; } 2470 @media screen and (max-width: 39.9375em) { 2471 .media-object.stack-for-small .media-object-section { 2472 padding: 0; 2473 padding-bottom: 1rem; 2474 display: block; } 2475 .media-object.stack-for-small .media-object-section img { 2476 width: 100%; } } 2477 2478 .media-object-section { 2479 display: table-cell; 2480 vertical-align: top; } 2481 .media-object-section:first-child { 2482 padding-right: 1rem; } 2483 .media-object-section:last-child:not(:nth-child(2)) { 2484 padding-left: 1rem; } 2485 .media-object-section.middle { 2486 vertical-align: middle; } 2487 .media-object-section.bottom { 2488 vertical-align: bottom; } 2994 2489 2995 2490 html, … … 3001 2496 overflow-x: hidden; 3002 2497 position: relative; 3003 -webkit-backface-visibility: hidden; 3004 backface-visibility: hidden; 2498 backface-visibility: hidden; 3005 2499 -webkit-overflow-scrolling: auto; } 3006 2500 … … 3008 2502 position: relative; 3009 2503 width: 100%; 3010 transition: -webkit-transform 0.5s ease;3011 2504 transition: transform 0.5s ease; } 3012 2505 .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after { 3013 2506 content: ' '; 3014 display: table; } 2507 display: table; 2508 flex-basis: 0; 2509 order: 1; } 3015 2510 .off-canvas-wrapper-inner::after { 3016 2511 clear: both; } … … 3020 2515 min-height: 100%; 3021 2516 background: #fefefe; 3022 transition: -webkit-transform 0.5s ease;3023 2517 transition: transform 0.5s ease; 3024 -webkit-backface-visibility: hidden; 3025 backface-visibility: hidden; 2518 backface-visibility: hidden; 3026 2519 z-index: 1; 2520 padding-bottom: 0.1px; 3027 2521 box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); } 3028 2522 … … 3044 2538 max-height: 100%; 3045 2539 overflow-y: auto; 3046 -webkit-transform: translateX(0); 3047 -ms-transform: translateX(0); 3048 transform: translateX(0); } 2540 transform: translateX(0); } 3049 2541 [data-whatinput='mouse'] .off-canvas { 3050 2542 outline: 0; } … … 3054 2546 width: 250px; } 3055 2547 .is-open-left { 3056 -webkit-transform: translateX(250px); 3057 -ms-transform: translateX(250px); 3058 transform: translateX(250px); } 2548 transform: translateX(250px); } 3059 2549 .off-canvas.position-right { 3060 2550 right: -250px; … … 3062 2552 width: 250px; } 3063 2553 .is-open-right { 3064 -webkit-transform: translateX(-250px); 3065 -ms-transform: translateX(-250px); 3066 transform: translateX(-250px); } 2554 transform: translateX(-250px); } 3067 2555 3068 2556 @media screen and (min-width: 40em) { … … 3130 2618 position: absolute; 3131 2619 top: 50%; 3132 -webkit-transform: translateY(-50%); 3133 -ms-transform: translateY(-50%); 3134 transform: translateY(-50%); 2620 transform: translateY(-50%); 3135 2621 z-index: 10; 3136 2622 padding: 1rem; … … 3166 2652 background-color: #8a8a8a; } 3167 2653 3168 .pagination {3169 margin-left: 0;3170 margin-bottom: 1rem; }3171 .pagination::before, .pagination::after {3172 content: ' ';3173 display: table; }3174 .pagination::after {3175 clear: both; }3176 .pagination li {3177 font-size: 0.875rem;3178 margin-right: 0.0625rem;3179 border-radius: 3px;3180 display: none; }3181 .pagination li:last-child, .pagination li:first-child {3182 display: inline-block; }3183 @media screen and (min-width: 40em) {3184 .pagination li {3185 display: inline-block; } }3186 .pagination a,3187 .pagination button {3188 color: #0a0a0a;3189 display: block;3190 padding: 0.1875rem 0.625rem;3191 border-radius: 3px; }3192 .pagination a:hover,3193 .pagination button:hover {3194 background: #e6e6e6; }3195 .pagination .current {3196 padding: 0.1875rem 0.625rem;3197 background: #2ba6cb;3198 color: #fefefe;3199 cursor: default; }3200 .pagination .disabled {3201 padding: 0.1875rem 0.625rem;3202 color: #cacaca;3203 cursor: default; }3204 .pagination .disabled:hover {3205 background: transparent; }3206 .pagination .ellipsis::after {3207 content: '…';3208 padding: 0.1875rem 0.625rem;3209 color: #0a0a0a; }3210 3211 .pagination-previous a::before,3212 .pagination-previous.disabled::before {3213 content: '«';3214 display: inline-block;3215 margin-right: 0.5rem; }3216 3217 .pagination-next a::after,3218 .pagination-next.disabled::after {3219 content: '»';3220 display: inline-block;3221 margin-left: 0.5rem; }3222 3223 2654 .progress { 3224 2655 background-color: #cacaca; 3225 2656 height: 1rem; 3226 2657 margin-bottom: 1rem; 3227 border-radius: 3px; }2658 border-radius: 0; } 3228 2659 .progress.primary .progress-meter { 3229 background-color: #2 ba6cb; }2660 background-color: #2199e8; } 3230 2661 .progress.secondary .progress-meter { 3231 background-color: # e9e9e9; }2662 background-color: #777; } 3232 2663 .progress.success .progress-meter { 3233 background-color: #5da423; } 3234 .progress.alert .progress-meter { 3235 background-color: #c60f13; } 2664 background-color: #3adb76; } 3236 2665 .progress.warning .progress-meter { 3237 2666 background-color: #ffae00; } 2667 .progress.alert .progress-meter { 2668 background-color: #ec5840; } 3238 2669 3239 2670 .progress-meter { … … 3242 2673 width: 0%; 3243 2674 height: 100%; 3244 background-color: #2ba6cb; 3245 border-radius: 3px; } 2675 background-color: #2199e8; } 3246 2676 3247 2677 .progress-meter-text { … … 3249 2679 top: 50%; 3250 2680 left: 50%; 3251 -webkit-transform: translate(-50%, -50%); 3252 -ms-transform: translate(-50%, -50%); 3253 transform: translate(-50%, -50%); 2681 transform: translate(-50%, -50%); 3254 2682 position: absolute; 3255 2683 margin: 0; … … 3257 2685 font-weight: bold; 3258 2686 color: #fefefe; 3259 white-space: nowrap; 3260 border-radius: 3px; } 3261 3262 .slider { 3263 position: relative; 3264 height: 0.5rem; 3265 margin-top: 1.25rem; 3266 margin-bottom: 2.25rem; 3267 background-color: #e6e6e6; 3268 cursor: pointer; 3269 -webkit-user-select: none; 3270 -moz-user-select: none; 3271 -ms-user-select: none; 3272 user-select: none; 3273 -ms-touch-action: none; 3274 touch-action: none; } 3275 3276 .slider-fill { 3277 position: absolute; 3278 top: 0; 3279 left: 0; 3280 display: inline-block; 3281 max-width: 100%; 3282 height: 0.5rem; 3283 background-color: #cacaca; 3284 transition: all 0.2s ease-in-out; } 3285 .slider-fill.is-dragging { 3286 transition: all 0s linear; } 3287 3288 .slider-handle { 3289 position: absolute; 3290 top: 50%; 3291 -webkit-transform: translateY(-50%); 3292 -ms-transform: translateY(-50%); 3293 transform: translateY(-50%); 3294 position: absolute; 3295 left: 0; 3296 z-index: 1; 3297 display: inline-block; 3298 width: 1.4rem; 3299 height: 1.4rem; 3300 background-color: #2ba6cb; 3301 transition: all 0.2s ease-in-out; 3302 -ms-touch-action: manipulation; 3303 touch-action: manipulation; 3304 border-radius: 3px; } 3305 [data-whatinput='mouse'] .slider-handle { 3306 outline: 0; } 3307 .slider-handle:hover { 3308 background-color: #258dad; } 3309 .slider-handle.is-dragging { 3310 transition: all 0s linear; } 3311 3312 .slider.disabled, 3313 .slider[disabled] { 3314 opacity: 0.25; 3315 cursor: not-allowed; } 3316 3317 .slider.vertical { 3318 display: inline-block; 3319 width: 0.5rem; 3320 height: 12.5rem; 3321 margin: 0 1.25rem; 3322 -webkit-transform: scale(1, -1); 3323 -ms-transform: scale(1, -1); 3324 transform: scale(1, -1); } 3325 .slider.vertical .slider-fill { 3326 top: 0; 3327 width: 0.5rem; 3328 max-height: 100%; } 3329 .slider.vertical .slider-handle { 3330 position: absolute; 3331 top: 0; 3332 left: 50%; 3333 width: 1.4rem; 3334 height: 1.4rem; 3335 -webkit-transform: translateX(-50%); 3336 -ms-transform: translateX(-50%); 3337 transform: translateX(-50%); } 3338 3339 .sticky-container { 3340 position: relative; } 3341 3342 .sticky { 3343 position: absolute; 3344 z-index: 0; 3345 -webkit-transform: translate3d(0, 0, 0); 3346 transform: translate3d(0, 0, 0); } 3347 3348 .sticky.is-stuck { 3349 position: fixed; 3350 z-index: 5; } 3351 .sticky.is-stuck.is-at-top { 3352 top: 0; } 3353 .sticky.is-stuck.is-at-bottom { 3354 bottom: 0; } 3355 3356 .sticky.is-anchored { 3357 position: absolute; 3358 left: auto; 3359 right: auto; } 3360 .sticky.is-anchored.is-at-bottom { 3361 bottom: 0; } 2687 white-space: nowrap; } 3362 2688 3363 2689 body.is-reveal-open { … … 3380 2706 padding: 1rem; 3381 2707 border: 1px solid #cacaca; 3382 margin: 6.25rem auto 0;3383 2708 background-color: #fefefe; 3384 border-radius: 3px; 3385 position: absolute; 2709 border-radius: 0; 2710 position: relative; 2711 top: 100px; 2712 margin-left: auto; 2713 margin-right: auto; 3386 2714 overflow-y: auto; } 3387 2715 [data-whatinput='mouse'] .reveal { … … 3398 2726 .reveal { 3399 2727 width: 600px; 3400 max-width: 62.5rem; } }2728 max-width: 75rem; } } 3401 2729 @media screen and (min-width: 40em) { 3402 2730 .reveal .reveal { … … 3409 2737 .reveal.tiny { 3410 2738 width: 30%; 3411 max-width: 62.5rem; } }2739 max-width: 75rem; } } 3412 2740 @media screen and (min-width: 40em) { 3413 2741 .reveal.small { 3414 2742 width: 50%; 3415 max-width: 62.5rem; } }2743 max-width: 75rem; } } 3416 2744 @media screen and (min-width: 40em) { 3417 2745 .reveal.large { 3418 2746 width: 90%; 3419 max-width: 62.5rem; } }2747 max-width: 75rem; } } 3420 2748 .reveal.full { 3421 2749 top: 0; … … 3428 2756 margin-left: 0; 3429 2757 border: 0; } 2758 @media screen and (max-width: 39.9375em) { 2759 .reveal { 2760 top: 0; 2761 left: 0; 2762 width: 100%; 2763 height: 100%; 2764 height: 100vh; 2765 min-height: 100vh; 2766 max-width: none; 2767 margin-left: 0; 2768 border: 0; } } 2769 .reveal.without-overlay { 2770 position: fixed; } 2771 2772 .slider { 2773 position: relative; 2774 height: 0.5rem; 2775 margin-top: 1.25rem; 2776 margin-bottom: 2.25rem; 2777 background-color: #e6e6e6; 2778 cursor: pointer; 2779 user-select: none; 2780 touch-action: none; } 2781 2782 .slider-fill { 2783 position: absolute; 2784 top: 0; 2785 left: 0; 2786 display: inline-block; 2787 max-width: 100%; 2788 height: 0.5rem; 2789 background-color: #cacaca; 2790 transition: all 0.2s ease-in-out; } 2791 .slider-fill.is-dragging { 2792 transition: all 0s linear; } 2793 2794 .slider-handle { 2795 position: absolute; 2796 top: 50%; 2797 transform: translateY(-50%); 2798 position: absolute; 2799 left: 0; 2800 z-index: 1; 2801 display: inline-block; 2802 width: 1.4rem; 2803 height: 1.4rem; 2804 background-color: #2199e8; 2805 transition: all 0.2s ease-in-out; 2806 touch-action: manipulation; 2807 border-radius: 0; } 2808 [data-whatinput='mouse'] .slider-handle { 2809 outline: 0; } 2810 .slider-handle:hover { 2811 background-color: #1583cc; } 2812 .slider-handle.is-dragging { 2813 transition: all 0s linear; } 2814 2815 .slider.disabled, 2816 .slider[disabled] { 2817 opacity: 0.25; 2818 cursor: not-allowed; } 2819 2820 .slider.vertical { 2821 display: inline-block; 2822 width: 0.5rem; 2823 height: 12.5rem; 2824 margin: 0 1.25rem; 2825 transform: scale(1, -1); } 2826 .slider.vertical .slider-fill { 2827 top: 0; 2828 width: 0.5rem; 2829 max-height: 100%; } 2830 .slider.vertical .slider-handle { 2831 position: absolute; 2832 top: 0; 2833 left: 50%; 2834 width: 1.4rem; 2835 height: 1.4rem; 2836 transform: translateX(-50%); } 2837 2838 .sticky-container { 2839 position: relative; } 2840 2841 .sticky { 2842 position: absolute; 2843 z-index: 0; 2844 transform: translate3d(0, 0, 0); } 2845 2846 .sticky.is-stuck { 2847 position: fixed; 2848 z-index: 5; } 2849 .sticky.is-stuck.is-at-top { 2850 top: 0; } 2851 .sticky.is-stuck.is-at-bottom { 2852 bottom: 0; } 2853 2854 .sticky.is-anchored { 2855 position: absolute; 2856 left: auto; 2857 right: auto; } 2858 .sticky.is-anchored.is-at-bottom { 2859 bottom: 0; } 3430 2860 3431 2861 .switch { … … 3433 2863 outline: 0; 3434 2864 position: relative; 3435 -webkit-user-select: none; 3436 -moz-user-select: none; 3437 -ms-user-select: none; 3438 user-select: none; 2865 user-select: none; 3439 2866 color: #fefefe; 3440 2867 font-weight: bold; … … 3453 2880 height: 2rem; 3454 2881 transition: all 0.25s ease-out; 3455 border-radius: 3px;2882 border-radius: 0; 3456 2883 color: inherit; 3457 2884 font-weight: inherit; } … … 3468 2895 width: 1.5rem; 3469 2896 transition: all 0.25s ease-out; 3470 -webkit-transform: translate3d(0, 0, 0); 3471 transform: translate3d(0, 0, 0); 3472 border-radius: 3px; } 2897 transform: translate3d(0, 0, 0); 2898 border-radius: 0; } 3473 2899 input:checked ~ .switch-paddle { 3474 background: #2 ba6cb; }2900 background: #2199e8; } 3475 2901 input:checked ~ .switch-paddle::after { 3476 2902 left: 2.25rem; } … … 3481 2907 position: absolute; 3482 2908 top: 50%; 3483 -webkit-transform: translateY(-50%); 3484 -ms-transform: translateY(-50%); 3485 transform: translateY(-50%); } 2909 transform: translateY(-50%); } 3486 2910 3487 2911 .switch-active { … … 3505 2929 height: 1rem; } 3506 2930 3507 .switch.tiny input:checked ~ .switch-paddle: after {2931 .switch.tiny input:checked ~ .switch-paddle::after { 3508 2932 left: 1.75rem; } 3509 2933 … … 3517 2941 height: 1.25rem; } 3518 2942 3519 .switch.small input:checked ~ .switch-paddle: after {2943 .switch.small input:checked ~ .switch-paddle::after { 3520 2944 left: 2rem; } 3521 2945 … … 3529 2953 height: 2rem; } 3530 2954 3531 .switch.large input:checked ~ .switch-paddle: after {2955 .switch.large input:checked ~ .switch-paddle::after { 3532 2956 left: 2.75rem; } 3533 2957 … … 3535 2959 width: 100%; 3536 2960 margin-bottom: 1rem; 3537 border-radius: 3px; }2961 border-radius: 0; } 3538 2962 table thead, 3539 2963 table tbody, … … 3547 2971 table tfoot { 3548 2972 background: #f8f8f8; 3549 color: # 222222; }2973 color: #0a0a0a; } 3550 2974 table thead tr, 3551 2975 table tfoot tr { … … 3587 3011 background-color: #ececec; } 3588 3012 3013 .table-scroll { 3014 overflow-x: auto; } 3015 .table-scroll table { 3016 width: auto; } 3017 3589 3018 .tabs { 3590 3019 margin: 0; … … 3594 3023 .tabs::before, .tabs::after { 3595 3024 content: ' '; 3596 display: table; } 3025 display: table; 3026 flex-basis: 0; 3027 order: 1; } 3597 3028 .tabs::after { 3598 3029 clear: both; } … … 3609 3040 3610 3041 .tabs.primary { 3611 background: #2 ba6cb; }3042 background: #2199e8; } 3612 3043 .tabs.primary > li > a { 3613 3044 color: #fefefe; } 3614 3045 .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { 3615 background: # 299ec1; }3046 background: #1893e4; } 3616 3047 3617 3048 .tabs-title { … … 3621 3052 padding: 1.25rem 1.5rem; 3622 3053 line-height: 1; 3623 font-size: 12px; 3624 color: #2ba6cb; } 3054 font-size: 0.75rem; } 3625 3055 .tabs-title > a:hover { 3626 3056 background: #fefefe; } … … 3651 3081 max-width: 100%; 3652 3082 transition: box-shadow 200ms ease-out; 3653 border-radius: 3px;3083 border-radius: 0; 3654 3084 margin-bottom: 1rem; } 3655 3085 .thumbnail:hover, .thumbnail:focus { 3656 box-shadow: 0 0 6px 1px rgba( 43, 166, 203, 0.5); }3086 box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); } 3657 3087 3658 3088 .title-bar { … … 3662 3092 .title-bar::before, .title-bar::after { 3663 3093 content: ' '; 3664 display: table; } 3094 display: table; 3095 flex-basis: 0; 3096 order: 1; } 3665 3097 .title-bar::after { 3666 3098 clear: both; } … … 3680 3112 vertical-align: middle; 3681 3113 display: inline-block; } 3682 3683 .menu-icon {3684 position: relative;3685 display: inline-block;3686 vertical-align: middle;3687 cursor: pointer;3688 width: 20px;3689 height: 16px; }3690 .menu-icon::after {3691 content: '';3692 position: absolute;3693 display: block;3694 width: 100%;3695 height: 2px;3696 background: #fefefe;3697 top: 0;3698 left: 0;3699 box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; }3700 .menu-icon:hover::after {3701 background: #cacaca;3702 box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }3703 3114 3704 3115 .menu-icon.dark { … … 3739 3150 top: calc(100% + 0.6495rem); 3740 3151 max-width: 10rem !important; 3741 border-radius: 3px; }3152 border-radius: 0; } 3742 3153 .tooltip::before { 3743 3154 content: ''; … … 3752 3163 position: absolute; 3753 3164 left: 50%; 3754 -webkit-transform: translateX(-50%); 3755 -ms-transform: translateX(-50%); 3756 transform: translateX(-50%); } 3165 transform: translateX(-50%); } 3757 3166 .tooltip.top::before { 3758 3167 content: ''; … … 3778 3187 left: 100%; 3779 3188 top: 50%; 3780 -webkit-transform: translateY(-50%); 3781 -ms-transform: translateY(-50%); 3782 transform: translateY(-50%); } 3189 transform: translateY(-50%); } 3783 3190 .tooltip.right::before { 3784 3191 content: ''; … … 3794 3201 right: 100%; 3795 3202 top: 50%; 3796 -webkit-transform: translateY(-50%); 3797 -ms-transform: translateY(-50%); 3798 transform: translateY(-50%); } 3203 transform: translateY(-50%); } 3799 3204 3800 3205 .top-bar { … … 3802 3207 .top-bar::before, .top-bar::after { 3803 3208 content: ' '; 3804 display: table; } 3209 display: table; 3210 flex-basis: 0; 3211 order: 1; } 3805 3212 .top-bar::after { 3806 3213 clear: both; } … … 3809 3216 background-color: #e6e6e6; } 3810 3217 .top-bar input { 3811 width: 200px;3218 max-width: 200px; 3812 3219 margin-right: 1rem; } 3220 .top-bar .input-group-field { 3221 width: 100%; 3222 margin-right: 0; } 3813 3223 .top-bar input.button { 3814 3224 width: auto; } 3815 3816 @media screen and (max-width: 39.9375em) { 3817 .stacked-for-small .top-bar-title { 3225 .top-bar .top-bar-left, 3226 .top-bar .top-bar-right { 3818 3227 width: 100%; } 3819 .stacked-for-small .top-bar-right { 3820 width: 100%; } 3821 .stacked-for-small .top-bar-left { 3822 width: 100%; } } 3823 3824 @media screen and (max-width: 63.9375em) { 3825 .stacked-for-medium .top-bar-title { 3826 width: 100%; } 3827 .stacked-for-medium .top-bar-right { 3828 width: 100%; } 3829 .stacked-for-medium .top-bar-left { 3830 width: 100%; } } 3831 3832 @media screen and (max-width: 74.9375em) { 3833 .stacked-for-large .top-bar-title { 3834 width: 100%; } 3835 .stacked-for-large .top-bar-right { 3836 width: 100%; } 3837 .stacked-for-large .top-bar-left { 3838 width: 100%; } } 3839 3840 @media screen and (min-width: 0em) and (max-width: 39.9375em) { 3841 .top-bar-title { 3842 width: 100%; } 3843 .top-bar-right { 3844 width: 100%; } 3845 .top-bar-left { 3846 width: 100%; } } 3228 @media screen and (min-width: 40em) { 3229 .top-bar .top-bar-left, 3230 .top-bar .top-bar-right { 3231 width: auto; } } 3232 @media screen and (max-width: 63.9375em) { 3233 .top-bar.stacked-for-medium .top-bar-left, 3234 .top-bar.stacked-for-medium .top-bar-right { 3235 width: 100%; } } 3236 @media screen and (max-width: 74.9375em) { 3237 .top-bar.stacked-for-large .top-bar-left, 3238 .top-bar.stacked-for-large .top-bar-right { 3239 width: 100%; } } 3847 3240 3848 3241 .top-bar-title { … … 3856 3249 float: right; } 3857 3250 3858 /*# sourceMappingURL=foundation.css.map */ 3251 .hide { 3252 display: none !important; } 3253 3254 .invisible { 3255 visibility: hidden; } 3256 3257 @media screen and (max-width: 39.9375em) { 3258 .hide-for-small-only { 3259 display: none !important; } } 3260 3261 @media screen and (max-width: 0em), screen and (min-width: 40em) { 3262 .show-for-small-only { 3263 display: none !important; } } 3264 3265 @media screen and (min-width: 40em) { 3266 .hide-for-medium { 3267 display: none !important; } } 3268 3269 @media screen and (max-width: 39.9375em) { 3270 .show-for-medium { 3271 display: none !important; } } 3272 3273 @media screen and (min-width: 40em) and (max-width: 63.9375em) { 3274 .hide-for-medium-only { 3275 display: none !important; } } 3276 3277 @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { 3278 .show-for-medium-only { 3279 display: none !important; } } 3280 3281 @media screen and (min-width: 64em) { 3282 .hide-for-large { 3283 display: none !important; } } 3284 3285 @media screen and (max-width: 63.9375em) { 3286 .show-for-large { 3287 display: none !important; } } 3288 3289 @media screen and (min-width: 64em) and (max-width: 74.9375em) { 3290 .hide-for-large-only { 3291 display: none !important; } } 3292 3293 @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { 3294 .show-for-large-only { 3295 display: none !important; } } 3296 3297 .show-for-sr, 3298 .show-on-focus { 3299 position: absolute !important; 3300 width: 1px; 3301 height: 1px; 3302 overflow: hidden; 3303 clip: rect(0, 0, 0, 0); } 3304 3305 .show-on-focus:active, .show-on-focus:focus { 3306 position: static !important; 3307 height: auto; 3308 width: auto; 3309 overflow: visible; 3310 clip: auto; } 3311 3312 .show-for-landscape, 3313 .hide-for-portrait { 3314 display: block !important; } 3315 @media screen and (orientation: landscape) { 3316 .show-for-landscape, 3317 .hide-for-portrait { 3318 display: block !important; } } 3319 @media screen and (orientation: portrait) { 3320 .show-for-landscape, 3321 .hide-for-portrait { 3322 display: none !important; } } 3323 3324 .hide-for-landscape, 3325 .show-for-portrait { 3326 display: none !important; } 3327 @media screen and (orientation: landscape) { 3328 .hide-for-landscape, 3329 .show-for-portrait { 3330 display: none !important; } } 3331 @media screen and (orientation: portrait) { 3332 .hide-for-landscape, 3333 .show-for-portrait { 3334 display: block !important; } } 3335 3336 .float-left { 3337 float: left !important; } 3338 3339 .float-right { 3340 float: right !important; } 3341 3342 .float-center { 3343 display: block; 3344 margin-left: auto; 3345 margin-right: auto; } 3346 3347 .clearfix::before, .clearfix::after { 3348 content: ' '; 3349 display: table; 3350 flex-basis: 0; 3351 order: 1; } 3352 3353 .clearfix::after { 3354 clear: both; } 3355 3356 .slide-in-down.mui-enter { 3357 transition-duration: 500ms; 3358 transition-timing-function: linear; 3359 transform: translateY(-100%); 3360 transition-property: transform, opacity; 3361 backface-visibility: hidden; } 3362 3363 .slide-in-down.mui-enter.mui-enter-active { 3364 transform: translateY(0); } 3365 3366 .slide-in-left.mui-enter { 3367 transition-duration: 500ms; 3368 transition-timing-function: linear; 3369 transform: translateX(-100%); 3370 transition-property: transform, opacity; 3371 backface-visibility: hidden; } 3372 3373 .slide-in-left.mui-enter.mui-enter-active { 3374 transform: translateX(0); } 3375 3376 .slide-in-up.mui-enter { 3377 transition-duration: 500ms; 3378 transition-timing-function: linear; 3379 transform: translateY(100%); 3380 transition-property: transform, opacity; 3381 backface-visibility: hidden; } 3382 3383 .slide-in-up.mui-enter.mui-enter-active { 3384 transform: translateY(0); } 3385 3386 .slide-in-right.mui-enter { 3387 transition-duration: 500ms; 3388 transition-timing-function: linear; 3389 transform: translateX(100%); 3390 transition-property: transform, opacity; 3391 backface-visibility: hidden; } 3392 3393 .slide-in-right.mui-enter.mui-enter-active { 3394 transform: translateX(0); } 3395 3396 .slide-out-down.mui-leave { 3397 transition-duration: 500ms; 3398 transition-timing-function: linear; 3399 transform: translateY(0); 3400 transition-property: transform, opacity; 3401 backface-visibility: hidden; } 3402 3403 .slide-out-down.mui-leave.mui-leave-active { 3404 transform: translateY(100%); } 3405 3406 .slide-out-right.mui-leave { 3407 transition-duration: 500ms; 3408 transition-timing-function: linear; 3409 transform: translateX(0); 3410 transition-property: transform, opacity; 3411 backface-visibility: hidden; } 3412 3413 .slide-out-right.mui-leave.mui-leave-active { 3414 transform: translateX(100%); } 3415 3416 .slide-out-up.mui-leave { 3417 transition-duration: 500ms; 3418 transition-timing-function: linear; 3419 transform: translateY(0); 3420 transition-property: transform, opacity; 3421 backface-visibility: hidden; } 3422 3423 .slide-out-up.mui-leave.mui-leave-active { 3424 transform: translateY(-100%); } 3425 3426 .slide-out-left.mui-leave { 3427 transition-duration: 500ms; 3428 transition-timing-function: linear; 3429 transform: translateX(0); 3430 transition-property: transform, opacity; 3431 backface-visibility: hidden; } 3432 3433 .slide-out-left.mui-leave.mui-leave-active { 3434 transform: translateX(-100%); } 3435 3436 .fade-in.mui-enter { 3437 transition-duration: 500ms; 3438 transition-timing-function: linear; 3439 opacity: 0; 3440 transition-property: opacity; } 3441 3442 .fade-in.mui-enter.mui-enter-active { 3443 opacity: 1; } 3444 3445 .fade-out.mui-leave { 3446 transition-duration: 500ms; 3447 transition-timing-function: linear; 3448 opacity: 1; 3449 transition-property: opacity; } 3450 3451 .fade-out.mui-leave.mui-leave-active { 3452 opacity: 0; } 3453 3454 .hinge-in-from-top.mui-enter { 3455 transition-duration: 500ms; 3456 transition-timing-function: linear; 3457 transform: perspective(2000px) rotateX(-90deg); 3458 transform-origin: top; 3459 transition-property: transform, opacity; 3460 opacity: 0; } 3461 3462 .hinge-in-from-top.mui-enter.mui-enter-active { 3463 transform: perspective(2000px) rotate(0deg); 3464 opacity: 1; } 3465 3466 .hinge-in-from-right.mui-enter { 3467 transition-duration: 500ms; 3468 transition-timing-function: linear; 3469 transform: perspective(2000px) rotateY(-90deg); 3470 transform-origin: right; 3471 transition-property: transform, opacity; 3472 opacity: 0; } 3473 3474 .hinge-in-from-right.mui-enter.mui-enter-active { 3475 transform: perspective(2000px) rotate(0deg); 3476 opacity: 1; } 3477 3478 .hinge-in-from-bottom.mui-enter { 3479 transition-duration: 500ms; 3480 transition-timing-function: linear; 3481 transform: perspective(2000px) rotateX(90deg); 3482 transform-origin: bottom; 3483 transition-property: transform, opacity; 3484 opacity: 0; } 3485 3486 .hinge-in-from-bottom.mui-enter.mui-enter-active { 3487 transform: perspective(2000px) rotate(0deg); 3488 opacity: 1; } 3489 3490 .hinge-in-from-left.mui-enter { 3491 transition-duration: 500ms; 3492 transition-timing-function: linear; 3493 transform: perspective(2000px) rotateY(90deg); 3494 transform-origin: left; 3495 transition-property: transform, opacity; 3496 opacity: 0; } 3497 3498 .hinge-in-from-left.mui-enter.mui-enter-active { 3499 transform: perspective(2000px) rotate(0deg); 3500 opacity: 1; } 3501 3502 .hinge-in-from-middle-x.mui-enter { 3503 transition-duration: 500ms; 3504 transition-timing-function: linear; 3505 transform: perspective(2000px) rotateX(-90deg); 3506 transform-origin: center; 3507 transition-property: transform, opacity; 3508 opacity: 0; } 3509 3510 .hinge-in-from-middle-x.mui-enter.mui-enter-active { 3511 transform: perspective(2000px) rotate(0deg); 3512 opacity: 1; } 3513 3514 .hinge-in-from-middle-y.mui-enter { 3515 transition-duration: 500ms; 3516 transition-timing-function: linear; 3517 transform: perspective(2000px) rotateY(-90deg); 3518 transform-origin: center; 3519 transition-property: transform, opacity; 3520 opacity: 0; } 3521 3522 .hinge-in-from-middle-y.mui-enter.mui-enter-active { 3523 transform: perspective(2000px) rotate(0deg); 3524 opacity: 1; } 3525 3526 .hinge-out-from-top.mui-leave { 3527 transition-duration: 500ms; 3528 transition-timing-function: linear; 3529 transform: perspective(2000px) rotate(0deg); 3530 transform-origin: top; 3531 transition-property: transform, opacity; 3532 opacity: 1; } 3533 3534 .hinge-out-from-top.mui-leave.mui-leave-active { 3535 transform: perspective(2000px) rotateX(-90deg); 3536 opacity: 0; } 3537 3538 .hinge-out-from-right.mui-leave { 3539 transition-duration: 500ms; 3540 transition-timing-function: linear; 3541 transform: perspective(2000px) rotate(0deg); 3542 transform-origin: right; 3543 transition-property: transform, opacity; 3544 opacity: 1; } 3545 3546 .hinge-out-from-right.mui-leave.mui-leave-active { 3547 transform: perspective(2000px) rotateY(-90deg); 3548 opacity: 0; } 3549 3550 .hinge-out-from-bottom.mui-leave { 3551 transition-duration: 500ms; 3552 transition-timing-function: linear; 3553 transform: perspective(2000px) rotate(0deg); 3554 transform-origin: bottom; 3555 transition-property: transform, opacity; 3556 opacity: 1; } 3557 3558 .hinge-out-from-bottom.mui-leave.mui-leave-active { 3559 transform: perspective(2000px) rotateX(90deg); 3560 opacity: 0; } 3561 3562 .hinge-out-from-left.mui-leave { 3563 transition-duration: 500ms; 3564 transition-timing-function: linear; 3565 transform: perspective(2000px) rotate(0deg); 3566 transform-origin: left; 3567 transition-property: transform, opacity; 3568 opacity: 1; } 3569 3570 .hinge-out-from-left.mui-leave.mui-leave-active { 3571 transform: perspective(2000px) rotateY(90deg); 3572 opacity: 0; } 3573 3574 .hinge-out-from-middle-x.mui-leave { 3575 transition-duration: 500ms; 3576 transition-timing-function: linear; 3577 transform: perspective(2000px) rotate(0deg); 3578 transform-origin: center; 3579 transition-property: transform, opacity; 3580 opacity: 1; } 3581 3582 .hinge-out-from-middle-x.mui-leave.mui-leave-active { 3583 transform: perspective(2000px) rotateX(-90deg); 3584 opacity: 0; } 3585 3586 .hinge-out-from-middle-y.mui-leave { 3587 transition-duration: 500ms; 3588 transition-timing-function: linear; 3589 transform: perspective(2000px) rotate(0deg); 3590 transform-origin: center; 3591 transition-property: transform, opacity; 3592 opacity: 1; } 3593 3594 .hinge-out-from-middle-y.mui-leave.mui-leave-active { 3595 transform: perspective(2000px) rotateY(-90deg); 3596 opacity: 0; } 3597 3598 .scale-in-up.mui-enter { 3599 transition-duration: 500ms; 3600 transition-timing-function: linear; 3601 transform: scale(0.5); 3602 transition-property: transform, opacity; 3603 opacity: 0; } 3604 3605 .scale-in-up.mui-enter.mui-enter-active { 3606 transform: scale(1); 3607 opacity: 1; } 3608 3609 .scale-in-down.mui-enter { 3610 transition-duration: 500ms; 3611 transition-timing-function: linear; 3612 transform: scale(1.5); 3613 transition-property: transform, opacity; 3614 opacity: 0; } 3615 3616 .scale-in-down.mui-enter.mui-enter-active { 3617 transform: scale(1); 3618 opacity: 1; } 3619 3620 .scale-out-up.mui-leave { 3621 transition-duration: 500ms; 3622 transition-timing-function: linear; 3623 transform: scale(1); 3624 transition-property: transform, opacity; 3625 opacity: 1; } 3626 3627 .scale-out-up.mui-leave.mui-leave-active { 3628 transform: scale(1.5); 3629 opacity: 0; } 3630 3631 .scale-out-down.mui-leave { 3632 transition-duration: 500ms; 3633 transition-timing-function: linear; 3634 transform: scale(1); 3635 transition-property: transform, opacity; 3636 opacity: 1; } 3637 3638 .scale-out-down.mui-leave.mui-leave-active { 3639 transform: scale(0.5); 3640 opacity: 0; } 3641 3642 .spin-in.mui-enter { 3643 transition-duration: 500ms; 3644 transition-timing-function: linear; 3645 transform: rotate(-0.75turn); 3646 transition-property: transform, opacity; 3647 opacity: 0; } 3648 3649 .spin-in.mui-enter.mui-enter-active { 3650 transform: rotate(0); 3651 opacity: 1; } 3652 3653 .spin-out.mui-leave { 3654 transition-duration: 500ms; 3655 transition-timing-function: linear; 3656 transform: rotate(0); 3657 transition-property: transform, opacity; 3658 opacity: 1; } 3659 3660 .spin-out.mui-leave.mui-leave-active { 3661 transform: rotate(0.75turn); 3662 opacity: 0; } 3663 3664 .spin-in-ccw.mui-enter { 3665 transition-duration: 500ms; 3666 transition-timing-function: linear; 3667 transform: rotate(0.75turn); 3668 transition-property: transform, opacity; 3669 opacity: 0; } 3670 3671 .spin-in-ccw.mui-enter.mui-enter-active { 3672 transform: rotate(0); 3673 opacity: 1; } 3674 3675 .spin-out-ccw.mui-leave { 3676 transition-duration: 500ms; 3677 transition-timing-function: linear; 3678 transform: rotate(0); 3679 transition-property: transform, opacity; 3680 opacity: 1; } 3681 3682 .spin-out-ccw.mui-leave.mui-leave-active { 3683 transform: rotate(-0.75turn); 3684 opacity: 0; } 3685 3686 .slow { 3687 transition-duration: 750ms !important; } 3688 3689 .fast { 3690 transition-duration: 250ms !important; } 3691 3692 .linear { 3693 transition-timing-function: linear !important; } 3694 3695 .ease { 3696 transition-timing-function: ease !important; } 3697 3698 .ease-in { 3699 transition-timing-function: ease-in !important; } 3700 3701 .ease-out { 3702 transition-timing-function: ease-out !important; } 3703 3704 .ease-in-out { 3705 transition-timing-function: ease-in-out !important; } 3706 3707 .bounce-in { 3708 transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } 3709 3710 .bounce-out { 3711 transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } 3712 3713 .bounce-in-out { 3714 transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } 3715 3716 .short-delay { 3717 transition-delay: 300ms !important; } 3718 3719 .long-delay { 3720 transition-delay: 700ms !important; } 3721 3722 .shake { 3723 animation-name: shake-7; } 3724 3725 @keyframes shake-7 { 3726 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { 3727 transform: translateX(7%); } 3728 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { 3729 transform: translateX(-7%); } } 3730 3731 .spin-cw { 3732 animation-name: spin-cw-1turn; } 3733 3734 @keyframes spin-cw-1turn { 3735 0% { 3736 transform: rotate(-1turn); } 3737 100% { 3738 transform: rotate(0); } } 3739 3740 .spin-ccw { 3741 animation-name: spin-cw-1turn; } 3742 3743 @keyframes spin-cw-1turn { 3744 0% { 3745 transform: rotate(0); } 3746 100% { 3747 transform: rotate(1turn); } } 3748 3749 .wiggle { 3750 animation-name: wiggle-7deg; } 3751 3752 @keyframes wiggle-7deg { 3753 40%, 50%, 60% { 3754 transform: rotate(7deg); } 3755 35%, 45%, 55%, 65% { 3756 transform: rotate(-7deg); } 3757 0%, 30%, 70%, 100% { 3758 transform: rotate(0); } } 3759 3760 .shake, 3761 .spin-cw, 3762 .spin-ccw, 3763 .wiggle { 3764 animation-duration: 500ms; } 3765 3766 .infinite { 3767 animation-iteration-count: infinite; } 3768 3769 .slow { 3770 animation-duration: 750ms !important; } 3771 3772 .fast { 3773 animation-duration: 250ms !important; } 3774 3775 .linear { 3776 animation-timing-function: linear !important; } 3777 3778 .ease { 3779 animation-timing-function: ease !important; } 3780 3781 .ease-in { 3782 animation-timing-function: ease-in !important; } 3783 3784 .ease-out { 3785 animation-timing-function: ease-out !important; } 3786 3787 .ease-in-out { 3788 animation-timing-function: ease-in-out !important; } 3789 3790 .bounce-in { 3791 animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } 3792 3793 .bounce-out { 3794 animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } 3795 3796 .bounce-in-out { 3797 animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } 3798 3799 .short-delay { 3800 animation-delay: 300ms !important; } 3801 3802 .long-delay { 3803 animation-delay: 700ms !important; } -
_plugins_/foundation_6/trunk/lib/foundation-6/index.html
r93770 r96338 1 1 <!doctype html> 2 <html class="no-js" lang="en" >2 <html class="no-js" lang="en" dir="ltr"> 3 3 <head> 4 <meta charset="utf-8" />4 <meta charset="utf-8"> 5 5 <meta http-equiv="x-ua-compatible" content="ie=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" />7 <title>Foundation | Welcome</title>8 <link rel="stylesheet" href="css/foundation.css" />9 <link rel="stylesheet" href="css/app.css" />6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Foundation for Sites</title> 8 <link rel="stylesheet" href="css/foundation.css"> 9 <link rel="stylesheet" href="css/app.css"> 10 10 </head> 11 11 <body> 12 13 12 <div class="row"> 14 13 <div class="large-12 columns"> 15 <h1>Welcome to Foundation for Sites 6</h1>14 <h1>Welcome to Foundation</h1> 16 15 </div> 17 16 </div> … … 19 18 <div class="row"> 20 19 <div class="large-12 columns"> 21 <div class="callout large">20 <div class="callout"> 22 21 <h3>We’re stoked you want to try Foundation! </h3> 23 22 <p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p> … … 25 24 <div class="row"> 26 25 <div class="large-4 medium-4 columns"> 27 <p><a href="http://foundation.zurb.com/ sites/docs/">Foundation Documentation</a><br />Everything you need to know about using the framework.</p>26 <p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</p> 28 27 </div> 29 28 <div class="large-4 medium-4 columns"> … … 53 52 <div class="row"> 54 53 <div class="large-12 columns"> 55 <div class=" callout">54 <div class="primary callout"> 56 55 <p><strong>This is a twelve column section in a row.</strong> Each of these includes a div.callout element so you can see where the columns are - it's not required at all for the grid.</p> 57 56 </div> … … 60 59 <div class="row"> 61 60 <div class="large-6 medium-6 columns"> 62 <div class=" callout">61 <div class="primary callout"> 63 62 <p>Six columns</p> 64 63 </div> 65 64 </div> 66 65 <div class="large-6 medium-6 columns"> 67 <div class=" callout">66 <div class="primary callout"> 68 67 <p>Six columns</p> 69 68 </div> … … 72 71 <div class="row"> 73 72 <div class="large-4 medium-4 small-4 columns"> 74 <div class=" callout">73 <div class="primary callout"> 75 74 <p>Four columns</p> 76 75 </div> 77 76 </div> 78 77 <div class="large-4 medium-4 small-4 columns"> 79 <div class=" callout">78 <div class="primary callout"> 80 79 <p>Four columns</p> 81 80 </div> 82 81 </div> 83 82 <div class="large-4 medium-4 small-4 columns"> 84 <div class=" callout">83 <div class="primary callout"> 85 84 <p>Four columns</p> 86 85 </div> … … 108 107 </div> 109 108 <div class="large-4 medium-4 columns"> 110 <label>Input Label</label> 111 <div class="input-group"> 112 <input type="text" placeholder="small-9.columns" class="input-group-field" /> 113 <span class="input-group-label">.com</span> 109 <div class="row collapse"> 110 <label>Input Label</label> 111 <div class="input-group"> 112 <input type="text" placeholder="small-9.columns" class="input-group-field" /> 113 <span class="input-group-label">.com</span> 114 </div> 114 115 </div> 115 116 </div> … … 149 150 <div class="large-4 medium-4 columns"> 150 151 <h5>Try one of these buttons:</h5> 151 <p><a href="#" class=" smallbutton">Simple Button</a><br/>152 <a href="#" class=" medium success button">Success Button</a><br/>153 <a href="#" class=" medium alert button">Alert Button</a><br/>154 <a href="#" class=" medium secondary button">Secondary Button</a></p>152 <p><a href="#" class="button">Simple Button</a><br/> 153 <a href="#" class="success button">Success Btn</a><br/> 154 <a href="#" class="alert button">Alert Btn</a><br/> 155 <a href="#" class="secondary button">Secondary Btn</a></p> 155 156 <div class="callout"> 156 157 <h5>So many components, girl!</h5> 157 158 <p>A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.</p> 158 <a href="http://foundation.zurb.com/ docs/" class="small button">Go to Foundation Docs</a>159 <a href="http://foundation.zurb.com/sites/docs/" class="small button">Go to Foundation Docs</a> 159 160 </div> 160 161 </div> 161 162 </div> 162 163 163 <script src="js/vendor/jquery. min.js"></script>164 <script src="js/vendor/what-input. min.js"></script>165 <script src="js/ foundation.min.js"></script>164 <script src="js/vendor/jquery.js"></script> 165 <script src="js/vendor/what-input.js"></script> 166 <script src="js/vendor/foundation.js"></script> 166 167 <script src="js/app.js"></script> 167 168 </body> -
_plugins_/foundation_6/trunk/lib/foundation-6/js/app.js
r93770 r96338 1 $(document).foundation() ;1 $(document).foundation()
Note: See TracChangeset
for help on using the changeset viewer.