|
|
Line 206: |
Line 206: |
| font-size: 12px; | | font-size: 12px; |
| } | | } |
− |
| |
− |
| |
− | /*!
| |
− | _ _ _ _
| |
− | | |__ _ _ __| |_ __ ___ ___ __ _ _ _ __ _| | |
| |
− | | '_ \| | | |/ _` | '__/ _ \/ __|/ _` | | | |/ _` | | |
| |
− | | | | | |_| | (_| | | | (_) \__ \ (_| | |_| | (_| | | |
| |
− | |_| |_|\__, |\__,_|_| \___/|___/\__, |\__,_|\__,_|_|_|
| |
− | |___/ |_|
| |
− |
| |
− | // made with intenspiration
| |
− | @hydrosquall - Cameron Yick 2015
| |
− | */
| |
− | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
| |
− | /**
| |
− | * 1. Set default font family to sans-serif.
| |
− | * 2. Prevent iOS and IE text size adjust after device orientation change,
| |
− | * without disabling user zoom.
| |
− | */
| |
− | html {
| |
− | font-family: sans-serif;
| |
− | /* 1 */
| |
− | -ms-text-size-adjust: 100%;
| |
− | /* 2 */
| |
− | -webkit-text-size-adjust: 100%;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Remove default margin.
| |
− | */
| |
− | body {
| |
− | margin: 0;
| |
− | }
| |
− |
| |
− | /* HTML5 display definitions
| |
− | ========================================================================== */
| |
− | /**
| |
− | * Correct `block` display not defined for any HTML5 element in IE 8/9.
| |
− | * Correct `block` display not defined for `details` or `summary` in IE 10/11
| |
− | * and Firefox.
| |
− | * Correct `block` display not defined for `main` in IE 11.
| |
− | */
| |
− | article,
| |
− | aside,
| |
− | details,
| |
− | figcaption,
| |
− | figure,
| |
− | footer,
| |
− | header,
| |
− | hgroup,
| |
− | main,
| |
− | menu,
| |
− | nav,
| |
− | section,
| |
− | summary {
| |
− | display: block;
| |
− | }
| |
− |
| |
− | /**
| |
− | * 1. Correct `inline-block` display not defined in IE 8/9.
| |
− | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
| |
− | */
| |
− | audio,
| |
− | canvas,
| |
− | progress,
| |
− | video {
| |
− | display: inline-block;
| |
− | /* 1 */
| |
− | vertical-align: baseline;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Prevent modern browsers from displaying `audio` without controls.
| |
− | * Remove excess height in iOS 5 devices.
| |
− | */
| |
− | audio:not([controls]) {
| |
− | display: none;
| |
− | height: 0;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Address `[hidden]` styling not present in IE 8/9/10.
| |
− | * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
| |
− | */
| |
− | [hidden],
| |
− | template {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | /* Links
| |
− | ========================================================================== */
| |
− | /**
| |
− | * Remove the gray background color from active links in IE 10.
| |
− | */
| |
− | a {
| |
− | background-color: transparent;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Improve readability of focused elements when they are also in an
| |
− | * active/hover state.
| |
− | */
| |
− | a:active,
| |
− | a:hover {
| |
− | outline: 0;
| |
− | }
| |
− |
| |
− | /* Text-level semantics
| |
− | ========================================================================== */
| |
− | /**
| |
− | * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
| |
− | */
| |
− | abbr[title] {
| |
− | border-bottom: 1px dotted;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
| |
− | */
| |
− | b,
| |
− | strong {
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Address styling not present in Safari and Chrome.
| |
− | */
| |
− | dfn {
| |
− | font-style: italic;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Address variable `h1` font-size and margin within `section` and `article`
| |
− | * contexts in Firefox 4+, Safari, and Chrome.
| |
− | */
| |
− | h1 {
| |
− | font-size: 2em;
| |
− | margin: 0.67em 0;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Address styling not present in IE 8/9.
| |
− | */
| |
− | mark {
| |
− | background: #ff0;
| |
− | color: #000;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Address inconsistent and variable font size in all browsers.
| |
− | */
| |
− | small {
| |
− | font-size: 80%;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Prevent `sub` and `sup` affecting `line-height` in all browsers.
| |
− | */
| |
− | sub,
| |
− | sup {
| |
− | font-size: 75%;
| |
− | line-height: 0;
| |
− | position: relative;
| |
− | vertical-align: baseline;
| |
− | }
| |
− |
| |
− | sup {
| |
− | top: -0.5em;
| |
− | }
| |
− |
| |
− | sub {
| |
− | bottom: -0.25em;
| |
− | }
| |
− |
| |
− | /* Embedded content
| |
− | ========================================================================== */
| |
− | /**
| |
− | * Remove border when inside `a` element in IE 8/9/10.
| |
− | */
| |
− | img {
| |
− | border: 0;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Correct overflow not hidden in IE 9/10/11.
| |
− | */
| |
− | svg:not(:root) {
| |
− | overflow: hidden;
| |
− | }
| |
− |
| |
− | /* Grouping content
| |
− | ========================================================================== */
| |
− | /**
| |
− | * Address margin not present in IE 8/9 and Safari.
| |
− | */
| |
− | figure {
| |
− | margin: 1em 40px;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Address differences between Firefox and other browsers.
| |
− | */
| |
− | hr {
| |
− | box-sizing: content-box;
| |
− | height: 0;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Contain overflow in all browsers.
| |
− | */
| |
− | pre {
| |
− | overflow: auto;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Address odd `em`-unit font size rendering in all browsers.
| |
− | */
| |
− | code,
| |
− | kbd,
| |
− | pre,
| |
− | samp {
| |
− | font-family: monospace, monospace;
| |
− | font-size: 1em;
| |
− | }
| |
− |
| |
− | /* Forms
| |
− | ========================================================================== */
| |
− | /**
| |
− | * Known limitation: by default, Chrome and Safari on OS X allow very limited
| |
− | * styling of `select`, unless a `border` property is set.
| |
− | */
| |
− | /**
| |
− | * 1. Correct color not being inherited.
| |
− | * Known issue: affects color of disabled elements.
| |
− | * 2. Correct font properties not being inherited.
| |
− | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
| |
− | */
| |
− | button,
| |
− | input,
| |
− | optgroup,
| |
− | select,
| |
− | textarea {
| |
− | color: inherit;
| |
− | /* 1 */
| |
− | font: inherit;
| |
− | /* 2 */
| |
− | margin: 0;
| |
− | /* 3 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Address `overflow` set to `hidden` in IE 8/9/10/11.
| |
− | */
| |
− | button {
| |
− | overflow: visible;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Address inconsistent `text-transform` inheritance for `button` and `select`.
| |
− | * All other form control elements do not inherit `text-transform` values.
| |
− | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
| |
− | * Correct `select` style inheritance in Firefox.
| |
− | */
| |
− | button,
| |
− | select {
| |
− | text-transform: none;
| |
− | }
| |
− |
| |
− | /**
| |
− | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
| |
− | * and `video` controls.
| |
− | * 2. Correct inability to style clickable `input` types in iOS.
| |
− | * 3. Improve usability and consistency of cursor style between image-type
| |
− | * `input` and others.
| |
− | */
| |
− | button,
| |
− | html input[type="button"], input[type="reset"],
| |
− | input[type="submit"] {
| |
− | -webkit-appearance: button;
| |
− | /* 2 */
| |
− | cursor: pointer;
| |
− | /* 3 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Re-set default cursor for disabled elements.
| |
− | */
| |
− | button[disabled],
| |
− | html input[disabled] {
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Remove inner padding and border in Firefox 4+.
| |
− | */
| |
− | button::-moz-focus-inner,
| |
− | input::-moz-focus-inner {
| |
− | border: 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Address Firefox 4+ setting `line-height` on `input` using `!important` in
| |
− | * the UA stylesheet.
| |
− | */
| |
− | input {
| |
− | line-height: normal;
| |
− | }
| |
− |
| |
− | /**
| |
− | * It's recommended that you don't attempt to style these elements.
| |
− | * Firefox's implementation doesn't respect box-sizing, padding, or width.
| |
− | *
| |
− | * 1. Address box sizing set to `content-box` in IE 8/9/10.
| |
− | * 2. Remove excess padding in IE 8/9/10.
| |
− | */
| |
− | input[type="checkbox"],
| |
− | input[type="radio"] {
| |
− | box-sizing: border-box;
| |
− | /* 1 */
| |
− | padding: 0;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Fix the cursor style for Chrome's increment/decrement buttons. For certain
| |
− | * `font-size` values of the `input`, it causes the cursor style of the
| |
− | * decrement button to change from `default` to `text`.
| |
− | */
| |
− | input[type="number"]::-webkit-inner-spin-button,
| |
− | input[type="number"]::-webkit-outer-spin-button {
| |
− | height: auto;
| |
− | }
| |
− |
| |
− | /**
| |
− | * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
| |
− | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
| |
− | */
| |
− | input[type="search"] {
| |
− | -webkit-appearance: textfield;
| |
− | /* 1 */
| |
− | box-sizing: content-box;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Remove inner padding and search cancel button in Safari and Chrome on OS X.
| |
− | * Safari (but not Chrome) clips the cancel button when the search input has
| |
− | * padding (and `textfield` appearance).
| |
− | */
| |
− | input[type="search"]::-webkit-search-cancel-button,
| |
− | input[type="search"]::-webkit-search-decoration {
| |
− | -webkit-appearance: none;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Define consistent border, margin, and padding.
| |
− | */
| |
− | fieldset {
| |
− | border: 1px solid #c0c0c0;
| |
− | margin: 0 2px;
| |
− | padding: 0.35em 0.625em 0.75em;
| |
− | }
| |
− |
| |
− | /**
| |
− | * 1. Correct `color` not being inherited in IE 8/9/10/11.
| |
− | * 2. Remove padding so people aren't caught out if they zero out fieldsets.
| |
− | */
| |
− | legend {
| |
− | border: 0;
| |
− | /* 1 */
| |
− | padding: 0;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Remove default vertical scrollbar in IE 8/9/10/11.
| |
− | */
| |
− | textarea {
| |
− | overflow: auto;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Don't inherit the `font-weight` (applied by a rule above).
| |
− | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
| |
− | */
| |
− | optgroup {
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | /* Tables
| |
− | ========================================================================== */
| |
− | /**
| |
− | * Remove most spacing between table cells.
| |
− | */
| |
− | table {
| |
− | border-collapse: collapse;
| |
− | border-spacing: 0;
| |
− | }
| |
− |
| |
− | td,
| |
− | th {
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | meta.foundation-version {
| |
− | font-family: "/5.5.2/";
| |
− | }
| |
− |
| |
− | meta.foundation-mq-small {
| |
− | font-family: "/only screen/";
| |
− | width: 0;
| |
− | }
| |
− |
| |
− | meta.foundation-mq-small-only {
| |
− | font-family: "/only screen and (max-width: 40em)/";
| |
− | width: 0;
| |
− | }
| |
− |
| |
− | meta.foundation-mq-medium {
| |
− | font-family: "/only screen and (min-width:40.0625em)/";
| |
− | width: 40.0625em;
| |
− | }
| |
− |
| |
− | meta.foundation-mq-medium-only {
| |
− | font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
| |
− | width: 40.0625em;
| |
− | }
| |
− |
| |
− | meta.foundation-mq-large {
| |
− | font-family: "/only screen and (min-width:64.0625em)/";
| |
− | width: 64.0625em;
| |
− | }
| |
− |
| |
− | meta.foundation-mq-large-only {
| |
− | font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
| |
− | width: 64.0625em;
| |
− | }
| |
− |
| |
− | meta.foundation-mq-xlarge {
| |
− | font-family: "/only screen and (min-width:90.0625em)/";
| |
− | width: 90.0625em;
| |
− | }
| |
− |
| |
− | meta.foundation-mq-xlarge-only {
| |
− | font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
| |
− | width: 90.0625em;
| |
− | }
| |
− |
| |
− | meta.foundation-mq-xxlarge {
| |
− | font-family: "/only screen and (min-width:120.0625em)/";
| |
− | width: 120.0625em;
| |
− | }
| |
− |
| |
− | meta.foundation-data-attribute-namespace {
| |
− | font-family: false;
| |
− | }
| |
− |
| |
− | html, body {
| |
− | height: 100%;
| |
− | }
| |
− |
| |
− | html {
| |
− | box-sizing: border-box;
| |
− | }
| |
− |
| |
− | *,
| |
− | *:before,
| |
− | *:after {
| |
− | -webkit-box-sizing: inherit;
| |
− | -moz-box-sizing: inherit;
| |
− | box-sizing: inherit;
| |
− | }
| |
− |
| |
− | html,
| |
− | body {
| |
− | font-size: 100%;
| |
− | }
| |
− |
| |
− | body {
| |
− | background: #fff;
| |
− | color: #222;
| |
− | cursor: auto;
| |
− | font-family: "Noto Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
| |
− | font-style: normal;
| |
− | font-weight: normal;
| |
− | line-height: 1.5;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | a:hover {
| |
− | cursor: pointer;
| |
− | }
| |
− |
| |
− | img {
| |
− | max-width: 100%;
| |
− | height: auto;
| |
− | }
| |
− |
| |
− | img {
| |
− | -ms-interpolation-mode: bicubic;
| |
− | }
| |
− |
| |
− | #map_canvas img,
| |
− | #map_canvas embed,
| |
− | #map_canvas object,
| |
− | .map_canvas img,
| |
− | .map_canvas embed,
| |
− | .map_canvas object,
| |
− | .mqa-display img,
| |
− | .mqa-display embed,
| |
− | .mqa-display object {
| |
− | max-width: none !important;
| |
− | }
| |
− |
| |
− | .left {
| |
− | float: left !important;
| |
− | }
| |
− |
| |
− | .right {
| |
− | float: right !important;
| |
− | }
| |
− |
| |
− | .clearfix:before, .clearfix:after {
| |
− | content: " ";
| |
− | display: table;
| |
− | }
| |
− |
| |
− | .clearfix:after {
| |
− | clear: both;
| |
− | }
| |
− |
| |
− | .hide {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | .invisible {
| |
− | visibility: hidden;
| |
− | }
| |
− |
| |
− | .antialiased {
| |
− | -webkit-font-smoothing: antialiased;
| |
− | -moz-osx-font-smoothing: grayscale;
| |
− | }
| |
− |
| |
− | img {
| |
− | display: inline-block;
| |
− | vertical-align: middle;
| |
− | }
| |
− |
| |
− | textarea {
| |
− | height: auto;
| |
− | min-height: 50px;
| |
− | }
| |
− |
| |
− | select {
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | .row {
| |
− | margin: 0 auto;
| |
− | max-width: 62.5rem;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | .row:before, .row:after {
| |
− | content: " ";
| |
− | display: table;
| |
− | }
| |
− |
| |
− | .row:after {
| |
− | clear: both;
| |
− | }
| |
− |
| |
− | .row.collapse > .column,
| |
− | .row.collapse > .columns {
| |
− | padding-left: 0;
| |
− | padding-right: 0;
| |
− | }
| |
− |
| |
− | .row.collapse .row {
| |
− | margin-left: 0;
| |
− | margin-right: 0;
| |
− | }
| |
− |
| |
− | .row .row {
| |
− | margin: 0 -0.9375rem;
| |
− | max-width: none;
| |
− | width: auto;
| |
− | }
| |
− |
| |
− | .row .row:before, .row .row:after {
| |
− | content: " ";
| |
− | display: table;
| |
− | }
| |
− |
| |
− | .row .row:after {
| |
− | clear: both;
| |
− | }
| |
− |
| |
− | .row .row.collapse {
| |
− | margin: 0;
| |
− | max-width: none;
| |
− | width: auto;
| |
− | }
| |
− |
| |
− | .row .row.collapse:before, .row .row.collapse:after {
| |
− | content: " ";
| |
− | display: table;
| |
− | }
| |
− |
| |
− | .row .row.collapse:after {
| |
− | clear: both;
| |
− | }
| |
− |
| |
− | .column,
| |
− | .columns {
| |
− | padding-left: 0.9375rem;
| |
− | padding-right: 0.9375rem;
| |
− | width: 100%;
| |
− | float: left;
| |
− | }
| |
− |
| |
− | .column + .column:last-child,
| |
− | .columns + .columns:last-child {
| |
− | float: right;
| |
− | }
| |
− |
| |
− | .column + .column.end,
| |
− | .columns + .columns.end {
| |
− | float: left;
| |
− | }
| |
− |
| |
− | @media only screen {
| |
− | .small-push-0 {
| |
− | position: relative;
| |
− | left: 0;
| |
− | right: auto;
| |
− | }
| |
− | .small-pull-0 {
| |
− | position: relative;
| |
− | right: 0;
| |
− | left: auto;
| |
− | }
| |
− | .small-push-1 {
| |
− | position: relative;
| |
− | left: 8.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .small-pull-1 {
| |
− | position: relative;
| |
− | right: 8.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .small-push-2 {
| |
− | position: relative;
| |
− | left: 16.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .small-pull-2 {
| |
− | position: relative;
| |
− | right: 16.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .small-push-3 {
| |
− | position: relative;
| |
− | left: 25%;
| |
− | right: auto;
| |
− | }
| |
− | .small-pull-3 {
| |
− | position: relative;
| |
− | right: 25%;
| |
− | left: auto;
| |
− | }
| |
− | .small-push-4 {
| |
− | position: relative;
| |
− | left: 33.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .small-pull-4 {
| |
− | position: relative;
| |
− | right: 33.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .small-push-5 {
| |
− | position: relative;
| |
− | left: 41.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .small-pull-5 {
| |
− | position: relative;
| |
− | right: 41.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .small-push-6 {
| |
− | position: relative;
| |
− | left: 50%;
| |
− | right: auto;
| |
− | }
| |
− | .small-pull-6 {
| |
− | position: relative;
| |
− | right: 50%;
| |
− | left: auto;
| |
− | }
| |
− | .small-push-7 {
| |
− | position: relative;
| |
− | left: 58.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .small-pull-7 {
| |
− | position: relative;
| |
− | right: 58.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .small-push-8 {
| |
− | position: relative;
| |
− | left: 66.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .small-pull-8 {
| |
− | position: relative;
| |
− | right: 66.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .small-push-9 {
| |
− | position: relative;
| |
− | left: 75%;
| |
− | right: auto;
| |
− | }
| |
− | .small-pull-9 {
| |
− | position: relative;
| |
− | right: 75%;
| |
− | left: auto;
| |
− | }
| |
− | .small-push-10 {
| |
− | position: relative;
| |
− | left: 83.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .small-pull-10 {
| |
− | position: relative;
| |
− | right: 83.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .small-push-11 {
| |
− | position: relative;
| |
− | left: 91.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .small-pull-11 {
| |
− | position: relative;
| |
− | right: 91.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .column,
| |
− | .columns {
| |
− | position: relative;
| |
− | padding-left: 0.9375rem;
| |
− | padding-right: 0.9375rem;
| |
− | float: left;
| |
− | }
| |
− | .small-1 {
| |
− | width: 8.33333%;
| |
− | }
| |
− | .small-2 {
| |
− | width: 16.66667%;
| |
− | }
| |
− | .small-3 {
| |
− | width: 25%;
| |
− | }
| |
− | .small-4 {
| |
− | width: 33.33333%;
| |
− | }
| |
− | .small-5 {
| |
− | width: 41.66667%;
| |
− | }
| |
− | .small-6 {
| |
− | width: 50%;
| |
− | }
| |
− | .small-7 {
| |
− | width: 58.33333%;
| |
− | }
| |
− | .small-8 {
| |
− | width: 66.66667%;
| |
− | }
| |
− | .small-9 {
| |
− | width: 75%;
| |
− | }
| |
− | .small-10 {
| |
− | width: 83.33333%;
| |
− | }
| |
− | .small-11 {
| |
− | width: 91.66667%;
| |
− | }
| |
− | .small-12 {
| |
− | width: 100%;
| |
− | }
| |
− | .small-offset-0 {
| |
− | margin-left: 0 !important;
| |
− | }
| |
− | .small-offset-1 {
| |
− | margin-left: 8.33333% !important;
| |
− | }
| |
− | .small-offset-2 {
| |
− | margin-left: 16.66667% !important;
| |
− | }
| |
− | .small-offset-3 {
| |
− | margin-left: 25% !important;
| |
− | }
| |
− | .small-offset-4 {
| |
− | margin-left: 33.33333% !important;
| |
− | }
| |
− | .small-offset-5 {
| |
− | margin-left: 41.66667% !important;
| |
− | }
| |
− | .small-offset-6 {
| |
− | margin-left: 50% !important;
| |
− | }
| |
− | .small-offset-7 {
| |
− | margin-left: 58.33333% !important;
| |
− | }
| |
− | .small-offset-8 {
| |
− | margin-left: 66.66667% !important;
| |
− | }
| |
− | .small-offset-9 {
| |
− | margin-left: 75% !important;
| |
− | }
| |
− | .small-offset-10 {
| |
− | margin-left: 83.33333% !important;
| |
− | }
| |
− | .small-offset-11 {
| |
− | margin-left: 91.66667% !important;
| |
− | }
| |
− | .small-reset-order {
| |
− | float: left;
| |
− | left: auto;
| |
− | margin-left: 0;
| |
− | margin-right: 0;
| |
− | right: auto;
| |
− | }
| |
− | .column.small-centered,
| |
− | .columns.small-centered {
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | float: none;
| |
− | }
| |
− | .column.small-uncentered,
| |
− | .columns.small-uncentered {
| |
− | float: left;
| |
− | margin-left: 0;
| |
− | margin-right: 0;
| |
− | }
| |
− | .column.small-centered:last-child,
| |
− | .columns.small-centered:last-child {
| |
− | float: none;
| |
− | }
| |
− | .column.small-uncentered:last-child,
| |
− | .columns.small-uncentered:last-child {
| |
− | float: left;
| |
− | }
| |
− | .column.small-uncentered.opposite,
| |
− | .columns.small-uncentered.opposite {
| |
− | float: right;
| |
− | }
| |
− | .row.small-collapse > .column,
| |
− | .row.small-collapse > .columns {
| |
− | padding-left: 0;
| |
− | padding-right: 0;
| |
− | }
| |
− | .row.small-collapse .row {
| |
− | margin-left: 0;
| |
− | margin-right: 0;
| |
− | }
| |
− | .row.small-uncollapse > .column,
| |
− | .row.small-uncollapse > .columns {
| |
− | padding-left: 0.9375rem;
| |
− | padding-right: 0.9375rem;
| |
− | float: left;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .medium-push-0 {
| |
− | position: relative;
| |
− | left: 0;
| |
− | right: auto;
| |
− | }
| |
− | .medium-pull-0 {
| |
− | position: relative;
| |
− | right: 0;
| |
− | left: auto;
| |
− | }
| |
− | .medium-push-1 {
| |
− | position: relative;
| |
− | left: 8.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .medium-pull-1 {
| |
− | position: relative;
| |
− | right: 8.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .medium-push-2 {
| |
− | position: relative;
| |
− | left: 16.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .medium-pull-2 {
| |
− | position: relative;
| |
− | right: 16.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .medium-push-3 {
| |
− | position: relative;
| |
− | left: 25%;
| |
− | right: auto;
| |
− | }
| |
− | .medium-pull-3 {
| |
− | position: relative;
| |
− | right: 25%;
| |
− | left: auto;
| |
− | }
| |
− | .medium-push-4 {
| |
− | position: relative;
| |
− | left: 33.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .medium-pull-4 {
| |
− | position: relative;
| |
− | right: 33.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .medium-push-5 {
| |
− | position: relative;
| |
− | left: 41.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .medium-pull-5 {
| |
− | position: relative;
| |
− | right: 41.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .medium-push-6 {
| |
− | position: relative;
| |
− | left: 50%;
| |
− | right: auto;
| |
− | }
| |
− | .medium-pull-6 {
| |
− | position: relative;
| |
− | right: 50%;
| |
− | left: auto;
| |
− | }
| |
− | .medium-push-7 {
| |
− | position: relative;
| |
− | left: 58.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .medium-pull-7 {
| |
− | position: relative;
| |
− | right: 58.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .medium-push-8 {
| |
− | position: relative;
| |
− | left: 66.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .medium-pull-8 {
| |
− | position: relative;
| |
− | right: 66.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .medium-push-9 {
| |
− | position: relative;
| |
− | left: 75%;
| |
− | right: auto;
| |
− | }
| |
− | .medium-pull-9 {
| |
− | position: relative;
| |
− | right: 75%;
| |
− | left: auto;
| |
− | }
| |
− | .medium-push-10 {
| |
− | position: relative;
| |
− | left: 83.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .medium-pull-10 {
| |
− | position: relative;
| |
− | right: 83.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .medium-push-11 {
| |
− | position: relative;
| |
− | left: 91.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .medium-pull-11 {
| |
− | position: relative;
| |
− | right: 91.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .column,
| |
− | .columns {
| |
− | position: relative;
| |
− | padding-left: 0.9375rem;
| |
− | padding-right: 0.9375rem;
| |
− | float: left;
| |
− | }
| |
− | .medium-1 {
| |
− | width: 8.33333%;
| |
− | }
| |
− | .medium-2 {
| |
− | width: 16.66667%;
| |
− | }
| |
− | .medium-3 {
| |
− | width: 25%;
| |
− | }
| |
− | .medium-4 {
| |
− | width: 33.33333%;
| |
− | }
| |
− | .medium-5 {
| |
− | width: 41.66667%;
| |
− | }
| |
− | .medium-6 {
| |
− | width: 50%;
| |
− | }
| |
− | .medium-7 {
| |
− | width: 58.33333%;
| |
− | }
| |
− | .medium-8 {
| |
− | width: 66.66667%;
| |
− | }
| |
− | .medium-9 {
| |
− | width: 75%;
| |
− | }
| |
− | .medium-10 {
| |
− | width: 83.33333%;
| |
− | }
| |
− | .medium-11 {
| |
− | width: 91.66667%;
| |
− | }
| |
− | .medium-12 {
| |
− | width: 100%;
| |
− | }
| |
− | .medium-offset-0 {
| |
− | margin-left: 0 !important;
| |
− | }
| |
− | .medium-offset-1 {
| |
− | margin-left: 8.33333% !important;
| |
− | }
| |
− | .medium-offset-2 {
| |
− | margin-left: 16.66667% !important;
| |
− | }
| |
− | .medium-offset-3 {
| |
− | margin-left: 25% !important;
| |
− | }
| |
− | .medium-offset-4 {
| |
− | margin-left: 33.33333% !important;
| |
− | }
| |
− | .medium-offset-5 {
| |
− | margin-left: 41.66667% !important;
| |
− | }
| |
− | .medium-offset-6 {
| |
− | margin-left: 50% !important;
| |
− | }
| |
− | .medium-offset-7 {
| |
− | margin-left: 58.33333% !important;
| |
− | }
| |
− | .medium-offset-8 {
| |
− | margin-left: 66.66667% !important;
| |
− | }
| |
− | .medium-offset-9 {
| |
− | margin-left: 75% !important;
| |
− | }
| |
− | .medium-offset-10 {
| |
− | margin-left: 83.33333% !important;
| |
− | }
| |
− | .medium-offset-11 {
| |
− | margin-left: 91.66667% !important;
| |
− | }
| |
− | .medium-reset-order {
| |
− | float: left;
| |
− | left: auto;
| |
− | margin-left: 0;
| |
− | margin-right: 0;
| |
− | right: auto;
| |
− | }
| |
− | .column.medium-centered,
| |
− | .columns.medium-centered {
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | float: none;
| |
− | }
| |
− | .column.medium-uncentered,
| |
− | .columns.medium-uncentered {
| |
− | float: left;
| |
− | margin-left: 0;
| |
− | margin-right: 0;
| |
− | }
| |
− | .column.medium-centered:last-child,
| |
− | .columns.medium-centered:last-child {
| |
− | float: none;
| |
− | }
| |
− | .column.medium-uncentered:last-child,
| |
− | .columns.medium-uncentered:last-child {
| |
− | float: left;
| |
− | }
| |
− | .column.medium-uncentered.opposite,
| |
− | .columns.medium-uncentered.opposite {
| |
− | float: right;
| |
− | }
| |
− | .row.medium-collapse > .column,
| |
− | .row.medium-collapse > .columns {
| |
− | padding-left: 0;
| |
− | padding-right: 0;
| |
− | }
| |
− | .row.medium-collapse .row {
| |
− | margin-left: 0;
| |
− | margin-right: 0;
| |
− | }
| |
− | .row.medium-uncollapse > .column,
| |
− | .row.medium-uncollapse > .columns {
| |
− | padding-left: 0.9375rem;
| |
− | padding-right: 0.9375rem;
| |
− | float: left;
| |
− | }
| |
− | .push-0 {
| |
− | position: relative;
| |
− | left: 0;
| |
− | right: auto;
| |
− | }
| |
− | .pull-0 {
| |
− | position: relative;
| |
− | right: 0;
| |
− | left: auto;
| |
− | }
| |
− | .push-1 {
| |
− | position: relative;
| |
− | left: 8.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-1 {
| |
− | position: relative;
| |
− | right: 8.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .push-2 {
| |
− | position: relative;
| |
− | left: 16.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-2 {
| |
− | position: relative;
| |
− | right: 16.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .push-3 {
| |
− | position: relative;
| |
− | left: 25%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-3 {
| |
− | position: relative;
| |
− | right: 25%;
| |
− | left: auto;
| |
− | }
| |
− | .push-4 {
| |
− | position: relative;
| |
− | left: 33.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-4 {
| |
− | position: relative;
| |
− | right: 33.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .push-5 {
| |
− | position: relative;
| |
− | left: 41.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-5 {
| |
− | position: relative;
| |
− | right: 41.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .push-6 {
| |
− | position: relative;
| |
− | left: 50%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-6 {
| |
− | position: relative;
| |
− | right: 50%;
| |
− | left: auto;
| |
− | }
| |
− | .push-7 {
| |
− | position: relative;
| |
− | left: 58.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-7 {
| |
− | position: relative;
| |
− | right: 58.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .push-8 {
| |
− | position: relative;
| |
− | left: 66.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-8 {
| |
− | position: relative;
| |
− | right: 66.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .push-9 {
| |
− | position: relative;
| |
− | left: 75%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-9 {
| |
− | position: relative;
| |
− | right: 75%;
| |
− | left: auto;
| |
− | }
| |
− | .push-10 {
| |
− | position: relative;
| |
− | left: 83.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-10 {
| |
− | position: relative;
| |
− | right: 83.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .push-11 {
| |
− | position: relative;
| |
− | left: 91.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-11 {
| |
− | position: relative;
| |
− | right: 91.66667%;
| |
− | left: auto;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 64.0625em) {
| |
− | .large-push-0 {
| |
− | position: relative;
| |
− | left: 0;
| |
− | right: auto;
| |
− | }
| |
− | .large-pull-0 {
| |
− | position: relative;
| |
− | right: 0;
| |
− | left: auto;
| |
− | }
| |
− | .large-push-1 {
| |
− | position: relative;
| |
− | left: 8.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .large-pull-1 {
| |
− | position: relative;
| |
− | right: 8.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .large-push-2 {
| |
− | position: relative;
| |
− | left: 16.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .large-pull-2 {
| |
− | position: relative;
| |
− | right: 16.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .large-push-3 {
| |
− | position: relative;
| |
− | left: 25%;
| |
− | right: auto;
| |
− | }
| |
− | .large-pull-3 {
| |
− | position: relative;
| |
− | right: 25%;
| |
− | left: auto;
| |
− | }
| |
− | .large-push-4 {
| |
− | position: relative;
| |
− | left: 33.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .large-pull-4 {
| |
− | position: relative;
| |
− | right: 33.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .large-push-5 {
| |
− | position: relative;
| |
− | left: 41.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .large-pull-5 {
| |
− | position: relative;
| |
− | right: 41.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .large-push-6 {
| |
− | position: relative;
| |
− | left: 50%;
| |
− | right: auto;
| |
− | }
| |
− | .large-pull-6 {
| |
− | position: relative;
| |
− | right: 50%;
| |
− | left: auto;
| |
− | }
| |
− | .large-push-7 {
| |
− | position: relative;
| |
− | left: 58.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .large-pull-7 {
| |
− | position: relative;
| |
− | right: 58.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .large-push-8 {
| |
− | position: relative;
| |
− | left: 66.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .large-pull-8 {
| |
− | position: relative;
| |
− | right: 66.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .large-push-9 {
| |
− | position: relative;
| |
− | left: 75%;
| |
− | right: auto;
| |
− | }
| |
− | .large-pull-9 {
| |
− | position: relative;
| |
− | right: 75%;
| |
− | left: auto;
| |
− | }
| |
− | .large-push-10 {
| |
− | position: relative;
| |
− | left: 83.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .large-pull-10 {
| |
− | position: relative;
| |
− | right: 83.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .large-push-11 {
| |
− | position: relative;
| |
− | left: 91.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .large-pull-11 {
| |
− | position: relative;
| |
− | right: 91.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .column,
| |
− | .columns {
| |
− | position: relative;
| |
− | padding-left: 0.9375rem;
| |
− | padding-right: 0.9375rem;
| |
− | float: left;
| |
− | }
| |
− | .large-1 {
| |
− | width: 8.33333%;
| |
− | }
| |
− | .large-2 {
| |
− | width: 16.66667%;
| |
− | }
| |
− | .large-3 {
| |
− | width: 25%;
| |
− | }
| |
− | .large-4 {
| |
− | width: 33.33333%;
| |
− | }
| |
− | .large-5 {
| |
− | width: 41.66667%;
| |
− | }
| |
− | .large-6 {
| |
− | width: 50%;
| |
− | }
| |
− | .large-7 {
| |
− | width: 58.33333%;
| |
− | }
| |
− | .large-8 {
| |
− | width: 66.66667%;
| |
− | }
| |
− | .large-9 {
| |
− | width: 75%;
| |
− | }
| |
− | .large-10 {
| |
− | width: 83.33333%;
| |
− | }
| |
− | .large-11 {
| |
− | width: 91.66667%;
| |
− | }
| |
− | .large-12 {
| |
− | width: 100%;
| |
− | }
| |
− | .large-offset-0 {
| |
− | margin-left: 0 !important;
| |
− | }
| |
− | .large-offset-1 {
| |
− | margin-left: 8.33333% !important;
| |
− | }
| |
− | .large-offset-2 {
| |
− | margin-left: 16.66667% !important;
| |
− | }
| |
− | .large-offset-3 {
| |
− | margin-left: 25% !important;
| |
− | }
| |
− | .large-offset-4 {
| |
− | margin-left: 33.33333% !important;
| |
− | }
| |
− | .large-offset-5 {
| |
− | margin-left: 41.66667% !important;
| |
− | }
| |
− | .large-offset-6 {
| |
− | margin-left: 50% !important;
| |
− | }
| |
− | .large-offset-7 {
| |
− | margin-left: 58.33333% !important;
| |
− | }
| |
− | .large-offset-8 {
| |
− | margin-left: 66.66667% !important;
| |
− | }
| |
− | .large-offset-9 {
| |
− | margin-left: 75% !important;
| |
− | }
| |
− | .large-offset-10 {
| |
− | margin-left: 83.33333% !important;
| |
− | }
| |
− | .large-offset-11 {
| |
− | margin-left: 91.66667% !important;
| |
− | }
| |
− | .large-reset-order {
| |
− | float: left;
| |
− | left: auto;
| |
− | margin-left: 0;
| |
− | margin-right: 0;
| |
− | right: auto;
| |
− | }
| |
− | .column.large-centered,
| |
− | .columns.large-centered {
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | float: none;
| |
− | }
| |
− | .column.large-uncentered,
| |
− | .columns.large-uncentered {
| |
− | float: left;
| |
− | margin-left: 0;
| |
− | margin-right: 0;
| |
− | }
| |
− | .column.large-centered:last-child,
| |
− | .columns.large-centered:last-child {
| |
− | float: none;
| |
− | }
| |
− | .column.large-uncentered:last-child,
| |
− | .columns.large-uncentered:last-child {
| |
− | float: left;
| |
− | }
| |
− | .column.large-uncentered.opposite,
| |
− | .columns.large-uncentered.opposite {
| |
− | float: right;
| |
− | }
| |
− | .row.large-collapse > .column,
| |
− | .row.large-collapse > .columns {
| |
− | padding-left: 0;
| |
− | padding-right: 0;
| |
− | }
| |
− | .row.large-collapse .row {
| |
− | margin-left: 0;
| |
− | margin-right: 0;
| |
− | }
| |
− | .row.large-uncollapse > .column,
| |
− | .row.large-uncollapse > .columns {
| |
− | padding-left: 0.9375rem;
| |
− | padding-right: 0.9375rem;
| |
− | float: left;
| |
− | }
| |
− | .push-0 {
| |
− | position: relative;
| |
− | left: 0;
| |
− | right: auto;
| |
− | }
| |
− | .pull-0 {
| |
− | position: relative;
| |
− | right: 0;
| |
− | left: auto;
| |
− | }
| |
− | .push-1 {
| |
− | position: relative;
| |
− | left: 8.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-1 {
| |
− | position: relative;
| |
− | right: 8.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .push-2 {
| |
− | position: relative;
| |
− | left: 16.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-2 {
| |
− | position: relative;
| |
− | right: 16.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .push-3 {
| |
− | position: relative;
| |
− | left: 25%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-3 {
| |
− | position: relative;
| |
− | right: 25%;
| |
− | left: auto;
| |
− | }
| |
− | .push-4 {
| |
− | position: relative;
| |
− | left: 33.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-4 {
| |
− | position: relative;
| |
− | right: 33.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .push-5 {
| |
− | position: relative;
| |
− | left: 41.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-5 {
| |
− | position: relative;
| |
− | right: 41.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .push-6 {
| |
− | position: relative;
| |
− | left: 50%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-6 {
| |
− | position: relative;
| |
− | right: 50%;
| |
− | left: auto;
| |
− | }
| |
− | .push-7 {
| |
− | position: relative;
| |
− | left: 58.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-7 {
| |
− | position: relative;
| |
− | right: 58.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .push-8 {
| |
− | position: relative;
| |
− | left: 66.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-8 {
| |
− | position: relative;
| |
− | right: 66.66667%;
| |
− | left: auto;
| |
− | }
| |
− | .push-9 {
| |
− | position: relative;
| |
− | left: 75%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-9 {
| |
− | position: relative;
| |
− | right: 75%;
| |
− | left: auto;
| |
− | }
| |
− | .push-10 {
| |
− | position: relative;
| |
− | left: 83.33333%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-10 {
| |
− | position: relative;
| |
− | right: 83.33333%;
| |
− | left: auto;
| |
− | }
| |
− | .push-11 {
| |
− | position: relative;
| |
− | left: 91.66667%;
| |
− | right: auto;
| |
− | }
| |
− | .pull-11 {
| |
− | position: relative;
| |
− | right: 91.66667%;
| |
− | left: auto;
| |
− | }
| |
− | }
| |
− |
| |
− | [class*="block-grid-"] {
| |
− | display: block;
| |
− | padding: 0;
| |
− | margin: 0 -0.625rem;
| |
− | }
| |
− |
| |
− | [class*="block-grid-"]:before, [class*="block-grid-"]:after {
| |
− | content: " ";
| |
− | display: table;
| |
− | }
| |
− |
| |
− | [class*="block-grid-"]:after {
| |
− | clear: both;
| |
− | }
| |
− |
| |
− | [class*="block-grid-"] > li {
| |
− | display: block;
| |
− | float: left;
| |
− | height: auto;
| |
− | padding: 0 0.625rem 1.25rem;
| |
− | }
| |
− |
| |
− | @media only screen {
| |
− | .small-block-grid-1 > li {
| |
− | list-style: none;
| |
− | width: 100%;
| |
− | }
| |
− | .small-block-grid-1 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .small-block-grid-1 > li:nth-of-type(1n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .small-block-grid-2 > li {
| |
− | list-style: none;
| |
− | width: 50%;
| |
− | }
| |
− | .small-block-grid-2 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .small-block-grid-2 > li:nth-of-type(2n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .small-block-grid-3 > li {
| |
− | list-style: none;
| |
− | width: 33.33333%;
| |
− | }
| |
− | .small-block-grid-3 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .small-block-grid-3 > li:nth-of-type(3n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .small-block-grid-4 > li {
| |
− | list-style: none;
| |
− | width: 25%;
| |
− | }
| |
− | .small-block-grid-4 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .small-block-grid-4 > li:nth-of-type(4n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .small-block-grid-5 > li {
| |
− | list-style: none;
| |
− | width: 20%;
| |
− | }
| |
− | .small-block-grid-5 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .small-block-grid-5 > li:nth-of-type(5n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .small-block-grid-6 > li {
| |
− | list-style: none;
| |
− | width: 16.66667%;
| |
− | }
| |
− | .small-block-grid-6 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .small-block-grid-6 > li:nth-of-type(6n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .small-block-grid-7 > li {
| |
− | list-style: none;
| |
− | width: 14.28571%;
| |
− | }
| |
− | .small-block-grid-7 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .small-block-grid-7 > li:nth-of-type(7n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .small-block-grid-8 > li {
| |
− | list-style: none;
| |
− | width: 12.5%;
| |
− | }
| |
− | .small-block-grid-8 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .small-block-grid-8 > li:nth-of-type(8n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .small-block-grid-9 > li {
| |
− | list-style: none;
| |
− | width: 11.11111%;
| |
− | }
| |
− | .small-block-grid-9 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .small-block-grid-9 > li:nth-of-type(9n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .small-block-grid-10 > li {
| |
− | list-style: none;
| |
− | width: 10%;
| |
− | }
| |
− | .small-block-grid-10 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .small-block-grid-10 > li:nth-of-type(10n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .small-block-grid-11 > li {
| |
− | list-style: none;
| |
− | width: 9.09091%;
| |
− | }
| |
− | .small-block-grid-11 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .small-block-grid-11 > li:nth-of-type(11n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .small-block-grid-12 > li {
| |
− | list-style: none;
| |
− | width: 8.33333%;
| |
− | }
| |
− | .small-block-grid-12 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .small-block-grid-12 > li:nth-of-type(12n+1) {
| |
− | clear: both;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .medium-block-grid-1 > li {
| |
− | list-style: none;
| |
− | width: 100%;
| |
− | }
| |
− | .medium-block-grid-1 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .medium-block-grid-1 > li:nth-of-type(1n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .medium-block-grid-2 > li {
| |
− | list-style: none;
| |
− | width: 50%;
| |
− | }
| |
− | .medium-block-grid-2 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .medium-block-grid-2 > li:nth-of-type(2n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .medium-block-grid-3 > li {
| |
− | list-style: none;
| |
− | width: 33.33333%;
| |
− | }
| |
− | .medium-block-grid-3 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .medium-block-grid-3 > li:nth-of-type(3n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .medium-block-grid-4 > li {
| |
− | list-style: none;
| |
− | width: 25%;
| |
− | }
| |
− | .medium-block-grid-4 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .medium-block-grid-4 > li:nth-of-type(4n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .medium-block-grid-5 > li {
| |
− | list-style: none;
| |
− | width: 20%;
| |
− | }
| |
− | .medium-block-grid-5 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .medium-block-grid-5 > li:nth-of-type(5n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .medium-block-grid-6 > li {
| |
− | list-style: none;
| |
− | width: 16.66667%;
| |
− | }
| |
− | .medium-block-grid-6 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .medium-block-grid-6 > li:nth-of-type(6n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .medium-block-grid-7 > li {
| |
− | list-style: none;
| |
− | width: 14.28571%;
| |
− | }
| |
− | .medium-block-grid-7 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .medium-block-grid-7 > li:nth-of-type(7n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .medium-block-grid-8 > li {
| |
− | list-style: none;
| |
− | width: 12.5%;
| |
− | }
| |
− | .medium-block-grid-8 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .medium-block-grid-8 > li:nth-of-type(8n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .medium-block-grid-9 > li {
| |
− | list-style: none;
| |
− | width: 11.11111%;
| |
− | }
| |
− | .medium-block-grid-9 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .medium-block-grid-9 > li:nth-of-type(9n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .medium-block-grid-10 > li {
| |
− | list-style: none;
| |
− | width: 10%;
| |
− | }
| |
− | .medium-block-grid-10 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .medium-block-grid-10 > li:nth-of-type(10n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .medium-block-grid-11 > li {
| |
− | list-style: none;
| |
− | width: 9.09091%;
| |
− | }
| |
− | .medium-block-grid-11 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .medium-block-grid-11 > li:nth-of-type(11n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .medium-block-grid-12 > li {
| |
− | list-style: none;
| |
− | width: 8.33333%;
| |
− | }
| |
− | .medium-block-grid-12 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .medium-block-grid-12 > li:nth-of-type(12n+1) {
| |
− | clear: both;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 64.0625em) {
| |
− | .large-block-grid-1 > li {
| |
− | list-style: none;
| |
− | width: 100%;
| |
− | }
| |
− | .large-block-grid-1 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .large-block-grid-1 > li:nth-of-type(1n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .large-block-grid-2 > li {
| |
− | list-style: none;
| |
− | width: 50%;
| |
− | }
| |
− | .large-block-grid-2 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .large-block-grid-2 > li:nth-of-type(2n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .large-block-grid-3 > li {
| |
− | list-style: none;
| |
− | width: 33.33333%;
| |
− | }
| |
− | .large-block-grid-3 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .large-block-grid-3 > li:nth-of-type(3n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .large-block-grid-4 > li {
| |
− | list-style: none;
| |
− | width: 25%;
| |
− | }
| |
− | .large-block-grid-4 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .large-block-grid-4 > li:nth-of-type(4n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .large-block-grid-5 > li {
| |
− | list-style: none;
| |
− | width: 20%;
| |
− | }
| |
− | .large-block-grid-5 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .large-block-grid-5 > li:nth-of-type(5n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .large-block-grid-6 > li {
| |
− | list-style: none;
| |
− | width: 16.66667%;
| |
− | }
| |
− | .large-block-grid-6 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .large-block-grid-6 > li:nth-of-type(6n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .large-block-grid-7 > li {
| |
− | list-style: none;
| |
− | width: 14.28571%;
| |
− | }
| |
− | .large-block-grid-7 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .large-block-grid-7 > li:nth-of-type(7n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .large-block-grid-8 > li {
| |
− | list-style: none;
| |
− | width: 12.5%;
| |
− | }
| |
− | .large-block-grid-8 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .large-block-grid-8 > li:nth-of-type(8n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .large-block-grid-9 > li {
| |
− | list-style: none;
| |
− | width: 11.11111%;
| |
− | }
| |
− | .large-block-grid-9 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .large-block-grid-9 > li:nth-of-type(9n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .large-block-grid-10 > li {
| |
− | list-style: none;
| |
− | width: 10%;
| |
− | }
| |
− | .large-block-grid-10 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .large-block-grid-10 > li:nth-of-type(10n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .large-block-grid-11 > li {
| |
− | list-style: none;
| |
− | width: 9.09091%;
| |
− | }
| |
− | .large-block-grid-11 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .large-block-grid-11 > li:nth-of-type(11n+1) {
| |
− | clear: both;
| |
− | }
| |
− | .large-block-grid-12 > li {
| |
− | list-style: none;
| |
− | width: 8.33333%;
| |
− | }
| |
− | .large-block-grid-12 > li:nth-of-type(1n) {
| |
− | clear: none;
| |
− | }
| |
− | .large-block-grid-12 > li:nth-of-type(12n+1) {
| |
− | clear: both;
| |
− | }
| |
− | }
| |
− |
| |
− | /* Clearing Styles */
| |
− | .clearing-thumbs, [data-clearing] {
| |
− | list-style: none;
| |
− | margin-left: 0;
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− | .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
| |
− | content: " ";
| |
− | display: table;
| |
− | }
| |
− |
| |
− | .clearing-thumbs:after, [data-clearing]:after {
| |
− | clear: both;
| |
− | }
| |
− |
| |
− | .clearing-thumbs li, [data-clearing] li {
| |
− | float: left;
| |
− | margin-right: 10px;
| |
− | }
| |
− |
| |
− | .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
| |
− | margin-right: 0;
| |
− | }
| |
− |
| |
− | .clearing-blackout {
| |
− | background: #333333;
| |
− | height: 100%;
| |
− | position: fixed;
| |
− | top: 0;
| |
− | width: 100%;
| |
− | z-index: 998;
| |
− | left: 0;
| |
− | }
| |
− |
| |
− | .clearing-blackout .clearing-close {
| |
− | display: block;
| |
− | }
| |
− |
| |
− | .clearing-container {
| |
− | height: 100%;
| |
− | margin: 0;
| |
− | overflow: hidden;
| |
− | position: relative;
| |
− | z-index: 998;
| |
− | }
| |
− |
| |
− | .clearing-touch-label {
| |
− | color: #AAAAAA;
| |
− | font-size: .6em;
| |
− | left: 50%;
| |
− | position: absolute;
| |
− | top: 50%;
| |
− | }
| |
− |
| |
− | .visible-img {
| |
− | height: 95%;
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | .visible-img img {
| |
− | position: absolute;
| |
− | left: 50%;
| |
− | top: 50%;
| |
− | -webkit-transform: translateY(-50%) translateX(-50%);
| |
− | -moz-transform: translateY(-50%) translateX(-50%);
| |
− | -ms-transform: translateY(-50%) translateX(-50%);
| |
− | -o-transform: translateY(-50%) translateX(-50%);
| |
− | transform: translateY(-50%) translateX(-50%);
| |
− | max-height: 100%;
| |
− | max-width: 100%;
| |
− | }
| |
− |
| |
− | .clearing-caption {
| |
− | background: #333333;
| |
− | bottom: 0;
| |
− | color: #CCCCCC;
| |
− | font-size: 0.875em;
| |
− | line-height: 1.3;
| |
− | margin-bottom: 0;
| |
− | padding: 10px 30px 20px;
| |
− | position: absolute;
| |
− | text-align: center;
| |
− | width: 100%;
| |
− | left: 0;
| |
− | }
| |
− |
| |
− | .clearing-close {
| |
− | color: #CCCCCC;
| |
− | display: none;
| |
− | font-size: 30px;
| |
− | line-height: 1;
| |
− | padding-left: 20px;
| |
− | padding-top: 10px;
| |
− | z-index: 999;
| |
− | }
| |
− |
| |
− | .clearing-close:hover,
| |
− | .clearing-close:focus {
| |
− | color: #CCCCCC;
| |
− | }
| |
− |
| |
− | .clearing-assembled .clearing-container {
| |
− | height: 100%;
| |
− | }
| |
− |
| |
− | .clearing-assembled .clearing-container .carousel > ul {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | .clearing-feature li {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | .clearing-feature li.clearing-featured-img {
| |
− | display: block;
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .clearing-main-prev,
| |
− | .clearing-main-next {
| |
− | height: 100%;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | width: 40px;
| |
− | }
| |
− | .clearing-main-prev > span,
| |
− | .clearing-main-next > span {
| |
− | border: solid 12px;
| |
− | display: block;
| |
− | height: 0;
| |
− | position: absolute;
| |
− | top: 50%;
| |
− | width: 0;
| |
− | }
| |
− | .clearing-main-prev > span:hover,
| |
− | .clearing-main-next > span:hover {
| |
− | opacity: .8;
| |
− | }
| |
− | .clearing-main-prev {
| |
− | left: 0;
| |
− | }
| |
− | .clearing-main-prev > span {
| |
− | left: 5px;
| |
− | border-color: transparent;
| |
− | border-right-color: #CCCCCC;
| |
− | }
| |
− | .clearing-main-next {
| |
− | right: 0;
| |
− | }
| |
− | .clearing-main-next > span {
| |
− | border-color: transparent;
| |
− | border-left-color: #CCCCCC;
| |
− | }
| |
− | .clearing-main-prev.disabled,
| |
− | .clearing-main-next.disabled {
| |
− | opacity: .3;
| |
− | }
| |
− | .clearing-assembled .clearing-container .carousel {
| |
− | background: rgba(51, 51, 51, 0.8);
| |
− | height: 120px;
| |
− | margin-top: 10px;
| |
− | text-align: center;
| |
− | }
| |
− | .clearing-assembled .clearing-container .carousel > ul {
| |
− | display: inline-block;
| |
− | z-index: 999;
| |
− | height: 100%;
| |
− | position: relative;
| |
− | float: none;
| |
− | }
| |
− | .clearing-assembled .clearing-container .carousel > ul li {
| |
− | clear: none;
| |
− | cursor: pointer;
| |
− | display: block;
| |
− | float: left;
| |
− | margin-right: 0;
| |
− | min-height: inherit;
| |
− | opacity: .4;
| |
− | overflow: hidden;
| |
− | padding: 0;
| |
− | position: relative;
| |
− | width: 120px;
| |
− | }
| |
− | .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
| |
− | height: 100%;
| |
− | max-width: none;
| |
− | }
| |
− | .clearing-assembled .clearing-container .carousel > ul li a.th {
| |
− | border: none;
| |
− | box-shadow: none;
| |
− | display: block;
| |
− | }
| |
− | .clearing-assembled .clearing-container .carousel > ul li img {
| |
− | cursor: pointer !important;
| |
− | width: 100% !important;
| |
− | }
| |
− | .clearing-assembled .clearing-container .carousel > ul li.visible {
| |
− | opacity: 1;
| |
− | }
| |
− | .clearing-assembled .clearing-container .carousel > ul li:hover {
| |
− | opacity: .8;
| |
− | }
| |
− | .clearing-assembled .clearing-container .visible-img {
| |
− | background: #333333;
| |
− | height: 85%;
| |
− | overflow: hidden;
| |
− | }
| |
− | .clearing-close {
| |
− | padding-left: 0;
| |
− | padding-top: 0;
| |
− | position: absolute;
| |
− | top: 10px;
| |
− | right: 20px;
| |
− | }
| |
− | }
| |
− |
| |
− | .reveal-modal-bg {
| |
− | background: #000000;
| |
− | background: rgba(0, 0, 0, 0.45);
| |
− | bottom: 0;
| |
− | display: none;
| |
− | left: 0;
| |
− | position: fixed;
| |
− | right: 0;
| |
− | top: 0;
| |
− | z-index: 1004;
| |
− | left: 0;
| |
− | }
| |
− |
| |
− | .reveal-modal {
| |
− | border-radius: 3px;
| |
− | display: none;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | visibility: hidden;
| |
− | width: 100%;
| |
− | z-index: 1005;
| |
− | left: 0;
| |
− | background-color: #FFFFFF;
| |
− | padding: 1.875rem;
| |
− | border: solid 1px #666666;
| |
− | box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
| |
− | }
| |
− |
| |
− | @media only screen and (max-width: 40em) {
| |
− | .reveal-modal {
| |
− | min-height: 100vh;
| |
− | }
| |
− | }
| |
− |
| |
− | .reveal-modal .column, .reveal-modal .columns {
| |
− | min-width: 0;
| |
− | }
| |
− |
| |
− | .reveal-modal > :first-child {
| |
− | margin-top: 0;
| |
− | }
| |
− |
| |
− | .reveal-modal > :last-child {
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .reveal-modal {
| |
− | left: 0;
| |
− | margin: 0 auto;
| |
− | max-width: 62.5rem;
| |
− | right: 0;
| |
− | width: 80%;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .reveal-modal {
| |
− | top: 6.25rem;
| |
− | }
| |
− | }
| |
− |
| |
− | .reveal-modal.radius {
| |
− | border-radius: 3px;
| |
− | }
| |
− |
| |
− | .reveal-modal.round {
| |
− | border-radius: 1000px;
| |
− | }
| |
− |
| |
− | .reveal-modal.collapse {
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .reveal-modal.tiny {
| |
− | left: 0;
| |
− | margin: 0 auto;
| |
− | max-width: 62.5rem;
| |
− | right: 0;
| |
− | width: 30%;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .reveal-modal.small {
| |
− | left: 0;
| |
− | margin: 0 auto;
| |
− | max-width: 62.5rem;
| |
− | right: 0;
| |
− | width: 40%;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .reveal-modal.medium {
| |
− | left: 0;
| |
− | margin: 0 auto;
| |
− | max-width: 62.5rem;
| |
− | right: 0;
| |
− | width: 60%;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .reveal-modal.large {
| |
− | left: 0;
| |
− | margin: 0 auto;
| |
− | max-width: 62.5rem;
| |
− | right: 0;
| |
− | width: 70%;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .reveal-modal.xlarge {
| |
− | left: 0;
| |
− | margin: 0 auto;
| |
− | max-width: 62.5rem;
| |
− | right: 0;
| |
− | width: 95%;
| |
− | }
| |
− | }
| |
− |
| |
− | .reveal-modal.full {
| |
− | height: 100vh;
| |
− | height: 100%;
| |
− | left: 0;
| |
− | margin-left: 0 !important;
| |
− | max-width: none !important;
| |
− | min-height: 100vh;
| |
− | top: 0;
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .reveal-modal.full {
| |
− | left: 0;
| |
− | margin: 0 auto;
| |
− | max-width: 62.5rem;
| |
− | right: 0;
| |
− | width: 100%;
| |
− | }
| |
− | }
| |
− |
| |
− | .reveal-modal.toback {
| |
− | z-index: 1003;
| |
− | }
| |
− |
| |
− | .reveal-modal .close-reveal-modal {
| |
− | color: #AAAAAA;
| |
− | cursor: pointer;
| |
− | font-size: 2.5rem;
| |
− | font-weight: bold;
| |
− | line-height: 1;
| |
− | position: absolute;
| |
− | top: 0.625rem;
| |
− | right: 1.375rem;
| |
− | }
| |
− |
| |
− | .text-left {
| |
− | text-align: left !important;
| |
− | }
| |
− |
| |
− | .text-right {
| |
− | text-align: right !important;
| |
− | }
| |
− |
| |
− | .text-center {
| |
− | text-align: center !important;
| |
− | }
| |
− |
| |
− | .text-justify {
| |
− | text-align: justify !important;
| |
− | }
| |
− |
| |
− | @media only screen and (max-width: 40em) {
| |
− | .small-only-text-left {
| |
− | text-align: left !important;
| |
− | }
| |
− | .small-only-text-right {
| |
− | text-align: right !important;
| |
− | }
| |
− | .small-only-text-center {
| |
− | text-align: center !important;
| |
− | }
| |
− | .small-only-text-justify {
| |
− | text-align: justify !important;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen {
| |
− | .small-text-left {
| |
− | text-align: left !important;
| |
− | }
| |
− | .small-text-right {
| |
− | text-align: right !important;
| |
− | }
| |
− | .small-text-center {
| |
− | text-align: center !important;
| |
− | }
| |
− | .small-text-justify {
| |
− | text-align: justify !important;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
| |
− | .medium-only-text-left {
| |
− | text-align: left !important;
| |
− | }
| |
− | .medium-only-text-right {
| |
− | text-align: right !important;
| |
− | }
| |
− | .medium-only-text-center {
| |
− | text-align: center !important;
| |
− | }
| |
− | .medium-only-text-justify {
| |
− | text-align: justify !important;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .medium-text-left {
| |
− | text-align: left !important;
| |
− | }
| |
− | .medium-text-right {
| |
− | text-align: right !important;
| |
− | }
| |
− | .medium-text-center {
| |
− | text-align: center !important;
| |
− | }
| |
− | .medium-text-justify {
| |
− | text-align: justify !important;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 64.0625em) and (max-width: 90em) {
| |
− | .large-only-text-left {
| |
− | text-align: left !important;
| |
− | }
| |
− | .large-only-text-right {
| |
− | text-align: right !important;
| |
− | }
| |
− | .large-only-text-center {
| |
− | text-align: center !important;
| |
− | }
| |
− | .large-only-text-justify {
| |
− | text-align: justify !important;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 64.0625em) {
| |
− | .large-text-left {
| |
− | text-align: left !important;
| |
− | }
| |
− | .large-text-right {
| |
− | text-align: right !important;
| |
− | }
| |
− | .large-text-center {
| |
− | text-align: center !important;
| |
− | }
| |
− | .large-text-justify {
| |
− | text-align: justify !important;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 90.0625em) and (max-width: 120em) {
| |
− | .xlarge-only-text-left {
| |
− | text-align: left !important;
| |
− | }
| |
− | .xlarge-only-text-right {
| |
− | text-align: right !important;
| |
− | }
| |
− | .xlarge-only-text-center {
| |
− | text-align: center !important;
| |
− | }
| |
− | .xlarge-only-text-justify {
| |
− | text-align: justify !important;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 90.0625em) {
| |
− | .xlarge-text-left {
| |
− | text-align: left !important;
| |
− | }
| |
− | .xlarge-text-right {
| |
− | text-align: right !important;
| |
− | }
| |
− | .xlarge-text-center {
| |
− | text-align: center !important;
| |
− | }
| |
− | .xlarge-text-justify {
| |
− | text-align: justify !important;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
| |
− | .xxlarge-only-text-left {
| |
− | text-align: left !important;
| |
− | }
| |
− | .xxlarge-only-text-right {
| |
− | text-align: right !important;
| |
− | }
| |
− | .xxlarge-only-text-center {
| |
− | text-align: center !important;
| |
− | }
| |
− | .xxlarge-only-text-justify {
| |
− | text-align: justify !important;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 120.0625em) {
| |
− | .xxlarge-text-left {
| |
− | text-align: left !important;
| |
− | }
| |
− | .xxlarge-text-right {
| |
− | text-align: right !important;
| |
− | }
| |
− | .xxlarge-text-center {
| |
− | text-align: center !important;
| |
− | }
| |
− | .xxlarge-text-justify {
| |
− | text-align: justify !important;
| |
− | }
| |
− | }
| |
− |
| |
− | /* Typography resets */
| |
− | div,
| |
− | dl,
| |
− | dt,
| |
− | dd,
| |
− | ul,
| |
− | ol,
| |
− | li,
| |
− | h1,
| |
− | h2,
| |
− | h3,
| |
− | h4,
| |
− | h5,
| |
− | h6,
| |
− | pre,
| |
− | form,
| |
− | p,
| |
− | blockquote,
| |
− | th,
| |
− | td {
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | /* Default Link Styles */
| |
− | a {
| |
− | color: #008CBA;
| |
− | line-height: inherit;
| |
− | text-decoration: none;
| |
− | }
| |
− |
| |
− | a:hover,
| |
− | a:focus {
| |
− | color: #0078a0;
| |
− | }
| |
− |
| |
− | a img {
| |
− | border: none;
| |
− | }
| |
− |
| |
− | /* Default paragraph styles */
| |
− | p {
| |
− | font-family: inherit;
| |
− | font-size: 1rem;
| |
− | font-weight: normal;
| |
− | line-height: 1.6;
| |
− | margin-bottom: 1.25rem;
| |
− | text-rendering: optimizeLegibility;
| |
− | }
| |
− |
| |
− | p.lead {
| |
− | font-size: 1.21875rem;
| |
− | line-height: 1.6;
| |
− | }
| |
− |
| |
− | p aside {
| |
− | font-size: 0.875rem;
| |
− | font-style: italic;
| |
− | line-height: 1.35;
| |
− | }
| |
− |
| |
− | /* Default header styles */
| |
− | h1, h2, h3, h4, h5, h6 {
| |
− | color: #222222;
| |
− | font-family: "Noto Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
| |
− | font-style: normal;
| |
− | font-weight: normal;
| |
− | line-height: 1.4;
| |
− | margin-bottom: 0.5rem;
| |
− | margin-top: 0.2rem;
| |
− | text-rendering: optimizeLegibility;
| |
− | }
| |
− |
| |
− | h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
| |
− | color: #6f6f6f;
| |
− | font-size: 60%;
| |
− | line-height: 0;
| |
− | }
| |
− |
| |
− | h1 {
| |
− | font-size: 2.125rem;
| |
− | }
| |
− |
| |
− | h2 {
| |
− | font-size: 1.6875rem;
| |
− | }
| |
− |
| |
− | h3 {
| |
− | font-size: 1.375rem;
| |
− | }
| |
− |
| |
− | h4 {
| |
− | font-size: 1.125rem;
| |
− | }
| |
− |
| |
− | h5 {
| |
− | font-size: 1.125rem;
| |
− | }
| |
− |
| |
− | h6 {
| |
− | font-size: 1rem;
| |
− | }
| |
− |
| |
− | .subheader {
| |
− | line-height: 1.4;
| |
− | color: #6f6f6f;
| |
− | font-weight: normal;
| |
− | margin-top: 0.2rem;
| |
− | margin-bottom: 0.5rem;
| |
− | }
| |
− |
| |
− | hr {
| |
− | border: solid #DDDDDD;
| |
− | border-width: 1px 0 0;
| |
− | clear: both;
| |
− | height: 0;
| |
− | margin: 1.25rem 0 1.1875rem;
| |
− | }
| |
− |
| |
− | /* Helpful Typography Defaults */
| |
− | em,
| |
− | i {
| |
− | font-style: italic;
| |
− | line-height: inherit;
| |
− | }
| |
− |
| |
− | strong,
| |
− | b {
| |
− | font-weight: bold;
| |
− | line-height: inherit;
| |
− | }
| |
− |
| |
− | small {
| |
− | font-size: 60%;
| |
− | line-height: inherit;
| |
− | }
| |
− |
| |
− | code {
| |
− | background-color: #f8f8f8;
| |
− | border-color: #dfdfdf;
| |
− | border-style: solid;
| |
− | border-width: 1px;
| |
− | color: #333333;
| |
− | font-family: Consolas, "Liberation Mono", Courier, monospace;
| |
− | font-weight: normal;
| |
− | padding: 0.125rem 0.3125rem 0.0625rem;
| |
− | }
| |
− |
| |
− | /* Lists */
| |
− | ul,
| |
− | ol,
| |
− | dl {
| |
− | font-family: inherit;
| |
− | font-size: 1rem;
| |
− | line-height: 1.6;
| |
− | list-style-position: outside;
| |
− | margin-bottom: 1.25rem;
| |
− | }
| |
− |
| |
− | ul {
| |
− | margin-left: 1.1rem;
| |
− | }
| |
− |
| |
− | ul.no-bullet {
| |
− | margin-left: 0;
| |
− | }
| |
− |
| |
− | ul.no-bullet li ul,
| |
− | ul.no-bullet li ol {
| |
− | margin-left: 1.25rem;
| |
− | margin-bottom: 0;
| |
− | list-style: none;
| |
− | }
| |
− |
| |
− | /* Unordered Lists */
| |
− | ul li ul,
| |
− | ul li ol {
| |
− | margin-left: 1.25rem;
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− | ul.square li ul,
| |
− | ul.circle li ul,
| |
− | ul.disc li ul {
| |
− | list-style: inherit;
| |
− | }
| |
− |
| |
− | ul.square {
| |
− | list-style-type: square;
| |
− | margin-left: 1.1rem;
| |
− | }
| |
− |
| |
− | ul.circle {
| |
− | list-style-type: circle;
| |
− | margin-left: 1.1rem;
| |
− | }
| |
− |
| |
− | ul.disc {
| |
− | list-style-type: disc;
| |
− | margin-left: 1.1rem;
| |
− | }
| |
− |
| |
− | ul.no-bullet {
| |
− | list-style: none;
| |
− | }
| |
− |
| |
− | /* Ordered Lists */
| |
− | ol {
| |
− | margin-left: 1.4rem;
| |
− | }
| |
− |
| |
− | ol li ul,
| |
− | ol li ol {
| |
− | margin-left: 1.25rem;
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− | /* Definition Lists */
| |
− | dl dt {
| |
− | margin-bottom: 0.3rem;
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | dl dd {
| |
− | margin-bottom: 0.75rem;
| |
− | }
| |
− |
| |
− | /* Abbreviations */
| |
− | abbr,
| |
− | acronym {
| |
− | text-transform: uppercase;
| |
− | font-size: 90%;
| |
− | color: #222;
| |
− | cursor: help;
| |
− | }
| |
− |
| |
− | abbr {
| |
− | text-transform: none;
| |
− | }
| |
− |
| |
− | abbr[title] {
| |
− | border-bottom: 1px dotted #DDDDDD;
| |
− | }
| |
− |
| |
− | /* Blockquotes */
| |
− | blockquote {
| |
− | margin: 0 0 1.25rem;
| |
− | padding: 0.5625rem 1.25rem 0 1.1875rem;
| |
− | border-left: 1px solid #DDDDDD;
| |
− | }
| |
− |
| |
− | blockquote cite {
| |
− | display: block;
| |
− | font-size: 0.8125rem;
| |
− | color: #555555;
| |
− | }
| |
− |
| |
− | blockquote cite:before {
| |
− | content: "\2014 \0020";
| |
− | }
| |
− |
| |
− | blockquote cite a,
| |
− | blockquote cite a:visited {
| |
− | color: #555555;
| |
− | }
| |
− |
| |
− | blockquote,
| |
− | blockquote p {
| |
− | line-height: 1.6;
| |
− | color: #6f6f6f;
| |
− | }
| |
− |
| |
− | /* Microformats */
| |
− | .vcard {
| |
− | display: inline-block;
| |
− | margin: 0 0 1.25rem 0;
| |
− | border: 1px solid #DDDDDD;
| |
− | padding: 0.625rem 0.75rem;
| |
− | }
| |
− |
| |
− | .vcard li {
| |
− | margin: 0;
| |
− | display: block;
| |
− | }
| |
− |
| |
− | .vcard .fn {
| |
− | font-weight: bold;
| |
− | font-size: 0.9375rem;
| |
− | }
| |
− |
| |
− | .vevent .summary {
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | .vevent abbr {
| |
− | cursor: default;
| |
− | text-decoration: none;
| |
− | font-weight: bold;
| |
− | border: none;
| |
− | padding: 0 0.0625rem;
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | h1, h2, h3, h4, h5, h6 {
| |
− | line-height: 1.4;
| |
− | }
| |
− | h1 {
| |
− | font-size: 2.75rem;
| |
− | }
| |
− | h2 {
| |
− | font-size: 2.3125rem;
| |
− | }
| |
− | h3 {
| |
− | font-size: 1.6875rem;
| |
− | }
| |
− | h4 {
| |
− | font-size: 1.4375rem;
| |
− | }
| |
− | h5 {
| |
− | font-size: 1.125rem;
| |
− | }
| |
− | h6 {
| |
− | font-size: 1rem;
| |
− | }
| |
− | }
| |
− |
| |
− | .off-canvas-wrap {
| |
− | -webkit-backface-visibility: hidden;
| |
− | position: relative;
| |
− | width: 100%;
| |
− | overflow: hidden;
| |
− | }
| |
− |
| |
− | .off-canvas-wrap.move-right,
| |
− | .off-canvas-wrap.move-left {
| |
− | min-height: 100%;
| |
− | -webkit-overflow-scrolling: touch;
| |
− | }
| |
− |
| |
− | .inner-wrap {
| |
− | position: relative;
| |
− | width: 100%;
| |
− | -webkit-transition: -webkit-transform 500ms ease;
| |
− | -moz-transition: -moz-transform 500ms ease;
| |
− | -ms-transition: -ms-transform 500ms ease;
| |
− | -o-transition: -o-transform 500ms ease;
| |
− | transition: transform 500ms ease;
| |
− | }
| |
− |
| |
− | .inner-wrap:before, .inner-wrap:after {
| |
− | content: " ";
| |
− | display: table;
| |
− | }
| |
− |
| |
− | .inner-wrap:after {
| |
− | clear: both;
| |
− | }
| |
− |
| |
− | .tab-bar {
| |
− | -webkit-backface-visibility: hidden;
| |
− | background: #333333;
| |
− | color: #FFFFFF;
| |
− | height: 2.8125rem;
| |
− | line-height: 2.8125rem;
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
| |
− | color: #FFFFFF;
| |
− | font-weight: bold;
| |
− | line-height: 2.8125rem;
| |
− | margin: 0;
| |
− | }
| |
− |
| |
− | .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
| |
− | font-size: 1.125rem;
| |
− | }
| |
− |
| |
− | .left-small {
| |
− | height: 2.8125rem;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | width: 2.8125rem;
| |
− | border-right: solid 1px #1a1a1a;
| |
− | left: 0;
| |
− | }
| |
− |
| |
− | .right-small {
| |
− | height: 2.8125rem;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | width: 2.8125rem;
| |
− | border-left: solid 1px #1a1a1a;
| |
− | right: 0;
| |
− | }
| |
− |
| |
− | .tab-bar-section {
| |
− | height: 2.8125rem;
| |
− | padding: 0 0.625rem;
| |
− | position: absolute;
| |
− | text-align: center;
| |
− | top: 0;
| |
− | }
| |
− |
| |
− | .tab-bar-section.left {
| |
− | text-align: left;
| |
− | }
| |
− |
| |
− | .tab-bar-section.right {
| |
− | text-align: right;
| |
− | }
| |
− |
| |
− | .tab-bar-section.left {
| |
− | left: 0;
| |
− | right: 2.8125rem;
| |
− | }
| |
− |
| |
− | .tab-bar-section.right {
| |
− | left: 2.8125rem;
| |
− | right: 0;
| |
− | }
| |
− |
| |
− | .tab-bar-section.middle {
| |
− | left: 2.8125rem;
| |
− | right: 2.8125rem;
| |
− | }
| |
− |
| |
− | .tab-bar .menu-icon {
| |
− | color: #FFFFFF;
| |
− | display: block;
| |
− | height: 2.8125rem;
| |
− | padding: 0;
| |
− | position: relative;
| |
− | text-indent: 2.1875rem;
| |
− | transform: translate3d(0, 0, 0);
| |
− | width: 2.8125rem;
| |
− | }
| |
− |
| |
− | .tab-bar .menu-icon span::after {
| |
− | content: "";
| |
− | display: block;
| |
− | height: 0;
| |
− | position: absolute;
| |
− | top: 50%;
| |
− | margin-top: -0.5rem;
| |
− | left: 0.90625rem;
| |
− | box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
| |
− | width: 1rem;
| |
− | }
| |
− |
| |
− | .tab-bar .menu-icon span:hover:after {
| |
− | box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
| |
− | }
| |
− |
| |
− | .left-off-canvas-menu {
| |
− | -webkit-backface-visibility: hidden;
| |
− | background: #333333;
| |
− | bottom: 0;
| |
− | box-sizing: content-box;
| |
− | -webkit-overflow-scrolling: touch;
| |
− | -ms-overflow-style: -ms-autohiding-scrollbar;
| |
− | overflow-x: hidden;
| |
− | overflow-y: auto;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | transition: transform 500ms ease 0s;
| |
− | width: 15.625rem;
| |
− | z-index: 1001;
| |
− | -webkit-transform: translate3d(-100%, 0, 0);
| |
− | -moz-transform: translate3d(-100%, 0, 0);
| |
− | -ms-transform: translate(-100%, 0);
| |
− | -ms-transform: translate3d(-100%, 0, 0);
| |
− | -o-transform: translate3d(-100%, 0, 0);
| |
− | transform: translate3d(-100%, 0, 0);
| |
− | left: 0;
| |
− | }
| |
− |
| |
− | .left-off-canvas-menu * {
| |
− | -webkit-backface-visibility: hidden;
| |
− | }
| |
− |
| |
− | .right-off-canvas-menu {
| |
− | -webkit-backface-visibility: hidden;
| |
− | background: #333333;
| |
− | bottom: 0;
| |
− | box-sizing: content-box;
| |
− | -webkit-overflow-scrolling: touch;
| |
− | -ms-overflow-style: -ms-autohiding-scrollbar;
| |
− | overflow-x: hidden;
| |
− | overflow-y: auto;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | transition: transform 500ms ease 0s;
| |
− | width: 15.625rem;
| |
− | z-index: 1001;
| |
− | -webkit-transform: translate3d(100%, 0, 0);
| |
− | -moz-transform: translate3d(100%, 0, 0);
| |
− | -ms-transform: translate(100%, 0);
| |
− | -ms-transform: translate3d(100%, 0, 0);
| |
− | -o-transform: translate3d(100%, 0, 0);
| |
− | transform: translate3d(100%, 0, 0);
| |
− | right: 0;
| |
− | }
| |
− |
| |
− | .right-off-canvas-menu * {
| |
− | -webkit-backface-visibility: hidden;
| |
− | }
| |
− |
| |
− | ul.off-canvas-list {
| |
− | list-style-type: none;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | ul.off-canvas-list li label {
| |
− | background: #444444;
| |
− | border-bottom: none;
| |
− | border-top: 1px solid #5e5e5e;
| |
− | color: #999999;
| |
− | display: block;
| |
− | font-size: 0.75rem;
| |
− | font-weight: bold;
| |
− | margin: 0;
| |
− | padding: 0.3rem 0.9375rem;
| |
− | text-transform: uppercase;
| |
− | }
| |
− |
| |
− | ul.off-canvas-list li a {
| |
− | border-bottom: 1px solid #262626;
| |
− | color: rgba(255, 255, 255, 0.7);
| |
− | display: block;
| |
− | padding: 0.66667rem;
| |
− | transition: background 300ms ease;
| |
− | }
| |
− |
| |
− | ul.off-canvas-list li a:hover {
| |
− | background: #242424;
| |
− | }
| |
− |
| |
− | ul.off-canvas-list li a:active {
| |
− | background: #242424;
| |
− | }
| |
− |
| |
− | .move-right > .inner-wrap {
| |
− | -webkit-transform: translate3d(15.625rem, 0, 0);
| |
− | -moz-transform: translate3d(15.625rem, 0, 0);
| |
− | -ms-transform: translate(15.625rem, 0);
| |
− | -ms-transform: translate3d(15.625rem, 0, 0);
| |
− | -o-transform: translate3d(15.625rem, 0, 0);
| |
− | transform: translate3d(15.625rem, 0, 0);
| |
− | }
| |
− |
| |
− | .move-right .exit-off-canvas {
| |
− | -webkit-backface-visibility: hidden;
| |
− | box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
| |
− | cursor: pointer;
| |
− | transition: background 300ms ease;
| |
− | -webkit-tap-highlight-color: transparent;
| |
− | background: rgba(255, 255, 255, 0.2);
| |
− | bottom: 0;
| |
− | display: block;
| |
− | left: 0;
| |
− | position: absolute;
| |
− | right: 0;
| |
− | top: 0;
| |
− | z-index: 1002;
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .move-right .exit-off-canvas:hover {
| |
− | background: rgba(255, 255, 255, 0.05);
| |
− | }
| |
− | }
| |
− |
| |
− | .move-left > .inner-wrap {
| |
− | -webkit-transform: translate3d(-15.625rem, 0, 0);
| |
− | -moz-transform: translate3d(-15.625rem, 0, 0);
| |
− | -ms-transform: translate(-15.625rem, 0);
| |
− | -ms-transform: translate3d(-15.625rem, 0, 0);
| |
− | -o-transform: translate3d(-15.625rem, 0, 0);
| |
− | transform: translate3d(-15.625rem, 0, 0);
| |
− | }
| |
− |
| |
− | .move-left .exit-off-canvas {
| |
− | -webkit-backface-visibility: hidden;
| |
− | box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
| |
− | cursor: pointer;
| |
− | transition: background 300ms ease;
| |
− | -webkit-tap-highlight-color: transparent;
| |
− | background: rgba(255, 255, 255, 0.2);
| |
− | bottom: 0;
| |
− | display: block;
| |
− | left: 0;
| |
− | position: absolute;
| |
− | right: 0;
| |
− | top: 0;
| |
− | z-index: 1002;
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .move-left .exit-off-canvas:hover {
| |
− | background: rgba(255, 255, 255, 0.05);
| |
− | }
| |
− | }
| |
− |
| |
− | .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
| |
− | -ms-transform: none;
| |
− | -webkit-transform: none;
| |
− | -moz-transform: none;
| |
− | -o-transform: none;
| |
− | transform: none;
| |
− | z-index: 1003;
| |
− | }
| |
− |
| |
− | .offcanvas-overlap .exit-off-canvas {
| |
− | -webkit-backface-visibility: hidden;
| |
− | box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
| |
− | cursor: pointer;
| |
− | transition: background 300ms ease;
| |
− | -webkit-tap-highlight-color: transparent;
| |
− | background: rgba(255, 255, 255, 0.2);
| |
− | bottom: 0;
| |
− | display: block;
| |
− | left: 0;
| |
− | position: absolute;
| |
− | right: 0;
| |
− | top: 0;
| |
− | z-index: 1002;
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .offcanvas-overlap .exit-off-canvas:hover {
| |
− | background: rgba(255, 255, 255, 0.05);
| |
− | }
| |
− | }
| |
− |
| |
− | .offcanvas-overlap-left .right-off-canvas-menu {
| |
− | -ms-transform: none;
| |
− | -webkit-transform: none;
| |
− | -moz-transform: none;
| |
− | -o-transform: none;
| |
− | transform: none;
| |
− | z-index: 1003;
| |
− | }
| |
− |
| |
− | .offcanvas-overlap-left .exit-off-canvas {
| |
− | -webkit-backface-visibility: hidden;
| |
− | box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
| |
− | cursor: pointer;
| |
− | transition: background 300ms ease;
| |
− | -webkit-tap-highlight-color: transparent;
| |
− | background: rgba(255, 255, 255, 0.2);
| |
− | bottom: 0;
| |
− | display: block;
| |
− | left: 0;
| |
− | position: absolute;
| |
− | right: 0;
| |
− | top: 0;
| |
− | z-index: 1002;
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .offcanvas-overlap-left .exit-off-canvas:hover {
| |
− | background: rgba(255, 255, 255, 0.05);
| |
− | }
| |
− | }
| |
− |
| |
− | .offcanvas-overlap-right .left-off-canvas-menu {
| |
− | -ms-transform: none;
| |
− | -webkit-transform: none;
| |
− | -moz-transform: none;
| |
− | -o-transform: none;
| |
− | transform: none;
| |
− | z-index: 1003;
| |
− | }
| |
− |
| |
− | .offcanvas-overlap-right .exit-off-canvas {
| |
− | -webkit-backface-visibility: hidden;
| |
− | box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
| |
− | cursor: pointer;
| |
− | transition: background 300ms ease;
| |
− | -webkit-tap-highlight-color: transparent;
| |
− | background: rgba(255, 255, 255, 0.2);
| |
− | bottom: 0;
| |
− | display: block;
| |
− | left: 0;
| |
− | position: absolute;
| |
− | right: 0;
| |
− | top: 0;
| |
− | z-index: 1002;
| |
− | }
| |
− |
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .offcanvas-overlap-right .exit-off-canvas:hover {
| |
− | background: rgba(255, 255, 255, 0.05);
| |
− | }
| |
− | }
| |
− |
| |
− | .no-csstransforms .left-off-canvas-menu {
| |
− | left: -15.625rem;
| |
− | }
| |
− |
| |
− | .no-csstransforms .right-off-canvas-menu {
| |
− | right: -15.625rem;
| |
− | }
| |
− |
| |
− | .no-csstransforms .move-left > .inner-wrap {
| |
− | right: 15.625rem;
| |
− | }
| |
− |
| |
− | .no-csstransforms .move-right > .inner-wrap {
| |
− | left: 15.625rem;
| |
− | }
| |
− |
| |
− | .left-submenu {
| |
− | -webkit-backface-visibility: hidden;
| |
− | -webkit-overflow-scrolling: touch;
| |
− | background: #333333;
| |
− | bottom: 0;
| |
− | box-sizing: content-box;
| |
− | margin: 0;
| |
− | overflow-x: hidden;
| |
− | overflow-y: auto;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | width: 15.625rem;
| |
− | z-index: 1002;
| |
− | -webkit-transform: translate3d(-100%, 0, 0);
| |
− | -moz-transform: translate3d(-100%, 0, 0);
| |
− | -ms-transform: translate(-100%, 0);
| |
− | -ms-transform: translate3d(-100%, 0, 0);
| |
− | -o-transform: translate3d(-100%, 0, 0);
| |
− | transform: translate3d(-100%, 0, 0);
| |
− | left: 0;
| |
− | -webkit-transition: -webkit-transform 500ms ease;
| |
− | -moz-transition: -moz-transform 500ms ease;
| |
− | -ms-transition: -ms-transform 500ms ease;
| |
− | -o-transition: -o-transform 500ms ease;
| |
− | transition: transform 500ms ease;
| |
− | }
| |
− |
| |
− | .left-submenu * {
| |
− | -webkit-backface-visibility: hidden;
| |
− | }
| |
− |
| |
− | .left-submenu .back > a {
| |
− | background: #444;
| |
− | border-bottom: none;
| |
− | border-top: 1px solid #5e5e5e;
| |
− | color: #999999;
| |
− | font-weight: bold;
| |
− | padding: 0.3rem 0.9375rem;
| |
− | text-transform: uppercase;
| |
− | margin: 0;
| |
− | }
| |
− |
| |
− | .left-submenu .back > a:hover {
| |
− | background: #303030;
| |
− | border-bottom: none;
| |
− | border-top: 1px solid #5e5e5e;
| |
− | }
| |
− |
| |
− | .left-submenu .back > a:before {
| |
− | content: "\AB";
| |
− | margin-right: .5rem;
| |
− | display: inline;
| |
− | }
| |
− |
| |
− | .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
| |
− | -webkit-transform: translate3d(0%, 0, 0);
| |
− | -moz-transform: translate3d(0%, 0, 0);
| |
− | -ms-transform: translate(0%, 0);
| |
− | -ms-transform: translate3d(0%, 0, 0);
| |
− | -o-transform: translate3d(0%, 0, 0);
| |
− | transform: translate3d(0%, 0, 0);
| |
− | }
| |
− |
| |
− | .right-submenu {
| |
− | -webkit-backface-visibility: hidden;
| |
− | -webkit-overflow-scrolling: touch;
| |
− | background: #333333;
| |
− | bottom: 0;
| |
− | box-sizing: content-box;
| |
− | margin: 0;
| |
− | overflow-x: hidden;
| |
− | overflow-y: auto;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | width: 15.625rem;
| |
− | z-index: 1002;
| |
− | -webkit-transform: translate3d(100%, 0, 0);
| |
− | -moz-transform: translate3d(100%, 0, 0);
| |
− | -ms-transform: translate(100%, 0);
| |
− | -ms-transform: translate3d(100%, 0, 0);
| |
− | -o-transform: translate3d(100%, 0, 0);
| |
− | transform: translate3d(100%, 0, 0);
| |
− | right: 0;
| |
− | -webkit-transition: -webkit-transform 500ms ease;
| |
− | -moz-transition: -moz-transform 500ms ease;
| |
− | -ms-transition: -ms-transform 500ms ease;
| |
− | -o-transition: -o-transform 500ms ease;
| |
− | transition: transform 500ms ease;
| |
− | }
| |
− |
| |
− | .right-submenu * {
| |
− | -webkit-backface-visibility: hidden;
| |
− | }
| |
− |
| |
− | .right-submenu .back > a {
| |
− | background: #444;
| |
− | border-bottom: none;
| |
− | border-top: 1px solid #5e5e5e;
| |
− | color: #999999;
| |
− | font-weight: bold;
| |
− | padding: 0.3rem 0.9375rem;
| |
− | text-transform: uppercase;
| |
− | margin: 0;
| |
− | }
| |
− |
| |
− | .right-submenu .back > a:hover {
| |
− | background: #303030;
| |
− | border-bottom: none;
| |
− | border-top: 1px solid #5e5e5e;
| |
− | }
| |
− |
| |
− | .right-submenu .back > a:after {
| |
− | content: "\BB";
| |
− | margin-left: .5rem;
| |
− | display: inline;
| |
− | }
| |
− |
| |
− | .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
| |
− | -webkit-transform: translate3d(0%, 0, 0);
| |
− | -moz-transform: translate3d(0%, 0, 0);
| |
− | -ms-transform: translate(0%, 0);
| |
− | -ms-transform: translate3d(0%, 0, 0);
| |
− | -o-transform: translate3d(0%, 0, 0);
| |
− | transform: translate3d(0%, 0, 0);
| |
− | }
| |
− |
| |
− | .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
| |
− | content: "\BB";
| |
− | margin-left: .5rem;
| |
− | display: inline;
| |
− | }
| |
− |
| |
− | .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
| |
− | content: "\AB";
| |
− | margin-right: .5rem;
| |
− | display: inline;
| |
− | }
| |
− |
| |
− | /* small displays */
| |
− | @media only screen {
| |
− | .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
| |
− | display: inherit !important;
| |
− | }
| |
− | .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
| |
− | display: none !important;
| |
− | }
| |
− | .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
| |
− | position: static !important;
| |
− | height: auto;
| |
− | width: auto;
| |
− | overflow: visible;
| |
− | clip: auto;
| |
− | }
| |
− | .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
| |
− | clip: rect(1px, 1px, 1px, 1px);
| |
− | height: 1px;
| |
− | overflow: hidden;
| |
− | position: absolute !important;
| |
− | width: 1px;
| |
− | }
| |
− | table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
| |
− | display: table !important;
| |
− | }
| |
− | thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
| |
− | display: table-header-group !important;
| |
− | }
| |
− | tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
| |
− | display: table-row-group !important;
| |
− | }
| |
− | tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
| |
− | display: table-row;
| |
− | }
| |
− | th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
| |
− | display: table-cell !important;
| |
− | }
| |
− | }
| |
− |
| |
− | /* medium displays */
| |
− | @media only screen and (min-width: 40.0625em) {
| |
− | .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
| |
− | display: inherit !important;
| |
− | }
| |
− | .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
| |
− | display: none !important;
| |
− | }
| |
− | .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
| |
− | position: static !important;
| |
− | height: auto;
| |
− | width: auto;
| |
− | overflow: visible;
| |
− | clip: auto;
| |
− | }
| |
− | .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
| |
− | clip: rect(1px, 1px, 1px, 1px);
| |
− | height: 1px;
| |
− | overflow: hidden;
| |
− | position: absolute !important;
| |
− | width: 1px;
| |
− | }
| |
− | table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
| |
− | display: table !important;
| |
− | }
| |
− | thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
| |
− | display: table-header-group !important;
| |
− | }
| |
− | tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
| |
− | display: table-row-group !important;
| |
− | }
| |
− | tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
| |
− | display: table-row;
| |
− | }
| |
− | th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
| |
− | display: table-cell !important;
| |
− | }
| |
− | }
| |
− |
| |
− | /* large displays */
| |
− | @media only screen and (min-width: 64.0625em) {
| |
− | .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
| |
− | display: inherit !important;
| |
− | }
| |
− | .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
| |
− | display: none !important;
| |
− | }
| |
− | .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
| |
− | position: static !important;
| |
− | height: auto;
| |
− | width: auto;
| |
− | overflow: visible;
| |
− | clip: auto;
| |
− | }
| |
− | .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
| |
− | clip: rect(1px, 1px, 1px, 1px);
| |
− | height: 1px;
| |
− | overflow: hidden;
| |
− | position: absolute !important;
| |
− | width: 1px;
| |
− | }
| |
− | table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
| |
− | display: table !important;
| |
− | }
| |
− | thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
| |
− | display: table-header-group !important;
| |
− | }
| |
− | tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
| |
− | display: table-row-group !important;
| |
− | }
| |
− | tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
| |
− | display: table-row;
| |
− | }
| |
− | th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
| |
− | display: table-cell !important;
| |
− | }
| |
− | }
| |
− |
| |
− | /* xlarge displays */
| |
− | @media only screen and (min-width: 90.0625em) {
| |
− | .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
| |
− | display: inherit !important;
| |
− | }
| |
− | .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
| |
− | display: none !important;
| |
− | }
| |
− | .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
| |
− | position: static !important;
| |
− | height: auto;
| |
− | width: auto;
| |
− | overflow: visible;
| |
− | clip: auto;
| |
− | }
| |
− | .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
| |
− | clip: rect(1px, 1px, 1px, 1px);
| |
− | height: 1px;
| |
− | overflow: hidden;
| |
− | position: absolute !important;
| |
− | width: 1px;
| |
− | }
| |
− | table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
| |
− | display: table !important;
| |
− | }
| |
− | thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
| |
− | display: table-header-group !important;
| |
− | }
| |
− | tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
| |
− | display: table-row-group !important;
| |
− | }
| |
− | tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
| |
− | display: table-row;
| |
− | }
| |
− | th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
| |
− | display: table-cell !important;
| |
− | }
| |
− | }
| |
− |
| |
− | /* xxlarge displays */
| |
− | @media only screen and (min-width: 120.0625em) {
| |
− | .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
| |
− | display: inherit !important;
| |
− | }
| |
− | .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
| |
− | display: none !important;
| |
− | }
| |
− | .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
| |
− | position: static !important;
| |
− | height: auto;
| |
− | width: auto;
| |
− | overflow: visible;
| |
− | clip: auto;
| |
− | }
| |
− | .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
| |
− | clip: rect(1px, 1px, 1px, 1px);
| |
− | height: 1px;
| |
− | overflow: hidden;
| |
− | position: absolute !important;
| |
− | width: 1px;
| |
− | }
| |
− | table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
| |
− | display: table !important;
| |
− | }
| |
− | thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
| |
− | display: table-header-group !important;
| |
− | }
| |
− | tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
| |
− | display: table-row-group !important;
| |
− | }
| |
− | tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
| |
− | display: table-row;
| |
− | }
| |
− | th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
| |
− | display: table-cell !important;
| |
− | }
| |
− | }
| |
− |
| |
− | /* Orientation targeting */
| |
− | .show-for-landscape,
| |
− | .hide-for-portrait {
| |
− | display: inherit !important;
| |
− | }
| |
− |
| |
− | .hide-for-landscape,
| |
− | .show-for-portrait {
| |
− | display: none !important;
| |
− | }
| |
− |
| |
− | /* Specific visibility for tables */
| |
− | table.hide-for-landscape,
| |
− | table.show-for-portrait {
| |
− | display: table !important;
| |
− | }
| |
− |
| |
− | thead.hide-for-landscape,
| |
− | thead.show-for-portrait {
| |
− | display: table-header-group !important;
| |
− | }
| |
− |
| |
− | tbody.hide-for-landscape,
| |
− | tbody.show-for-portrait {
| |
− | display: table-row-group !important;
| |
− | }
| |
− |
| |
− | tr.hide-for-landscape,
| |
− | tr.show-for-portrait {
| |
− | display: table-row !important;
| |
− | }
| |
− |
| |
− | td.hide-for-landscape,
| |
− | td.show-for-portrait,
| |
− | th.hide-for-landscape,
| |
− | th.show-for-portrait {
| |
− | display: table-cell !important;
| |
− | }
| |
− |
| |
− | @media only screen and (orientation: landscape) {
| |
− | .show-for-landscape,
| |
− | .hide-for-portrait {
| |
− | display: inherit !important;
| |
− | }
| |
− | .hide-for-landscape,
| |
− | .show-for-portrait {
| |
− | display: none !important;
| |
− | }
| |
− | /* Specific visibility for tables */
| |
− | table.show-for-landscape,
| |
− | table.hide-for-portrait {
| |
− | display: table !important;
| |
− | }
| |
− | thead.show-for-landscape,
| |
− | thead.hide-for-portrait {
| |
− | display: table-header-group !important;
| |
− | }
| |
− | tbody.show-for-landscape,
| |
− | tbody.hide-for-portrait {
| |
− | display: table-row-group !important;
| |
− | }
| |
− | tr.show-for-landscape,
| |
− | tr.hide-for-portrait {
| |
− | display: table-row !important;
| |
− | }
| |
− | td.show-for-landscape,
| |
− | td.hide-for-portrait,
| |
− | th.show-for-landscape,
| |
− | th.hide-for-portrait {
| |
− | display: table-cell !important;
| |
− | }
| |
− | }
| |
− |
| |
− | @media only screen and (orientation: portrait) {
| |
− | .show-for-portrait,
| |
− | .hide-for-landscape {
| |
− | display: inherit !important;
| |
− | }
| |
− | .hide-for-portrait,
| |
− | .show-for-landscape {
| |
− | display: none !important;
| |
− | }
| |
− | /* Specific visibility for tables */
| |
− | table.show-for-portrait,
| |
− | table.hide-for-landscape {
| |
− | display: table !important;
| |
− | }
| |
− | thead.show-for-portrait,
| |
− | thead.hide-for-landscape {
| |
− | display: table-header-group !important;
| |
− | }
| |
− | tbody.show-for-portrait,
| |
− | tbody.hide-for-landscape {
| |
− | display: table-row-group !important;
| |
− | }
| |
− | tr.show-for-portrait,
| |
− | tr.hide-for-landscape {
| |
− | display: table-row !important;
| |
− | }
| |
− | td.show-for-portrait,
| |
− | td.hide-for-landscape,
| |
− | th.show-for-portrait,
| |
− | th.hide-for-landscape {
| |
− | display: table-cell !important;
| |
− | }
| |
− | }
| |
− |
| |
− | /* Touch-enabled device targeting */
| |
− | .show-for-touch {
| |
− | display: none !important;
| |
− | }
| |
− |
| |
− | .hide-for-touch {
| |
− | display: inherit !important;
| |
− | }
| |
− |
| |
− | .touch .show-for-touch {
| |
− | display: inherit !important;
| |
− | }
| |
− |
| |
− | .touch .hide-for-touch {
| |
− | display: none !important;
| |
− | }
| |
− |
| |
− | /* Specific visibility for tables */
| |
− | table.hide-for-touch {
| |
− | display: table !important;
| |
− | }
| |
− |
| |
− | .touch table.show-for-touch {
| |
− | display: table !important;
| |
− | }
| |
− |
| |
− | thead.hide-for-touch {
| |
− | display: table-header-group !important;
| |
− | }
| |
− |
| |
− | .touch thead.show-for-touch {
| |
− | display: table-header-group !important;
| |
− | }
| |
− |
| |
− | tbody.hide-for-touch {
| |
− | display: table-row-group !important;
| |
− | }
| |
− |
| |
− | .touch tbody.show-for-touch {
| |
− | display: table-row-group !important;
| |
− | }
| |
− |
| |
− | tr.hide-for-touch {
| |
− | display: table-row !important;
| |
− | }
| |
− |
| |
− | .touch tr.show-for-touch {
| |
− | display: table-row !important;
| |
− | }
| |
− |
| |
− | td.hide-for-touch {
| |
− | display: table-cell !important;
| |
− | }
| |
− |
| |
− | .touch td.show-for-touch {
| |
− | display: table-cell !important;
| |
− | }
| |
− |
| |
− | th.hide-for-touch {
| |
− | display: table-cell !important;
| |
− | }
| |
− |
| |
− | .touch th.show-for-touch {
| |
− | display: table-cell !important;
| |
− | }
| |
− |
| |
− | /* Screen reader-specific classes */
| |
− | .show-for-sr {
| |
− | clip: rect(1px, 1px, 1px, 1px);
| |
− | height: 1px;
| |
− | overflow: hidden;
| |
− | position: absolute !important;
| |
− | width: 1px;
| |
− | }
| |
− |
| |
− | .show-on-focus {
| |
− | clip: rect(1px, 1px, 1px, 1px);
| |
− | height: 1px;
| |
− | overflow: hidden;
| |
− | position: absolute !important;
| |
− | width: 1px;
| |
− | }
| |
− |
| |
− | .show-on-focus:focus,
| |
− | .show-on-focus:active {
| |
− | position: static !important;
| |
− | height: auto;
| |
− | width: auto;
| |
− | overflow: visible;
| |
− | clip: auto;
| |
− | }
| |
− |
| |
− | /*
| |
− | * Print styles.
| |
− | *
| |
− | * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
| |
− | * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
| |
− | */
| |
− | .print-only {
| |
− | display: none !important;
| |
− | }
| |
− |
| |
− | @media print {
| |
− | * {
| |
− | background: transparent !important;
| |
− | box-shadow: none !important;
| |
− | color: #000000 !important;
| |
− | /* Black prints faster: h5bp.com/s */
| |
− | text-shadow: none !important;
| |
− | }
| |
− | .show-for-print {
| |
− | display: block;
| |
− | }
| |
− | .hide-for-print {
| |
− | display: none;
| |
− | }
| |
− | table.show-for-print {
| |
− | display: table !important;
| |
− | }
| |
− | thead.show-for-print {
| |
− | display: table-header-group !important;
| |
− | }
| |
− | tbody.show-for-print {
| |
− | display: table-row-group !important;
| |
− | }
| |
− | tr.show-for-print {
| |
− | display: table-row !important;
| |
− | }
| |
− | td.show-for-print {
| |
− | display: table-cell !important;
| |
− | }
| |
− | th.show-for-print {
| |
− | display: table-cell !important;
| |
− | }
| |
− | a,
| |
− | a:visited {
| |
− | text-decoration: underline;
| |
− | }
| |
− | a[href]:after {
| |
− | content: " (" attr(href) ")";
| |
− | }
| |
− | abbr[title]:after {
| |
− | content: " (" attr(title) ")";
| |
− | }
| |
− | .ir a:after,
| |
− | a[href^="javascript:"]:after,
| |
− | a[href^="#"]:after {
| |
− | content: "";
| |
− | }
| |
− | pre,
| |
− | blockquote {
| |
− | border: 1px solid #999999;
| |
− | page-break-inside: avoid;
| |
− | }
| |
− | thead {
| |
− | display: table-header-group;
| |
− | /* h5bp.com/t */
| |
− | }
| |
− | tr,
| |
− | img {
| |
− | page-break-inside: avoid;
| |
− | }
| |
− | img {
| |
− | max-width: 100% !important;
| |
− | }
| |
− | @page {
| |
− | margin: .5cm;
| |
− | }
| |
− | p,
| |
− | h2,
| |
− | h3 {
| |
− | orphans: 3;
| |
− | widows: 3;
| |
− | }
| |
− | h2,
| |
− | h3 {
| |
− | page-break-after: avoid;
| |
− | }
| |
− | .hide-on-print {
| |
− | display: none !important;
| |
− | }
| |
− | .print-only {
| |
− | display: block !important;
| |
− | }
| |
− | .hide-for-print {
| |
− | display: none !important;
| |
− | }
| |
− | .show-for-print {
| |
− | display: inherit !important;
| |
− | }
| |
− | }
| |
− |
| |
− | /* Print visibility */
| |
− | @media print {
| |
− | .show-for-print {
| |
− | display: block;
| |
− | }
| |
− | .hide-for-print {
| |
− | display: none;
| |
− | }
| |
− | table.show-for-print {
| |
− | display: table !important;
| |
− | }
| |
− | thead.show-for-print {
| |
− | display: table-header-group !important;
| |
− | }
| |
− | tbody.show-for-print {
| |
− | display: table-row-group !important;
| |
− | }
| |
− | tr.show-for-print {
| |
− | display: table-row !important;
| |
− | }
| |
− | td.show-for-print {
| |
− | display: table-cell !important;
| |
− | }
| |
− | th.show-for-print {
| |
− | display: table-cell !important;
| |
− | }
| |
− | }
| |
− |
| |
− | @media not print {
| |
− | .show-for-print {
| |
− | display: none !important;
| |
− | }
| |
− | }
| |
− |
| |
− | @font-face {
| |
− | font-family: 'district_prothin';
| |
− | src: url("https://static.igem.org/mediawiki/2015/a/a8/Distproth-webfont.eot");
| |
− | src: url("https://static.igem.org/mediawiki/2015/a/a8/Distproth-webfont.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2015/1/17/Distproth-webfont.woff") format("woff"), url("https://static.igem.org/mediawiki/2015/6/63/Distproth-webfont.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2015/f/fc/Distproth-webfont.svg
| |
− | \a #district_prothin") format("svg");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− |
| |
− | /* = Variables = */
| |
− | /*=====================================
| |
− | = Global Footer =
| |
− | =====================================*/
| |
− | .igem__footer {
| |
− | background-color: #a3e082;
| |
− | border-top: 7px black solid;
| |
− | }
| |
− |
| |
− | .foot__contain {
| |
− | width: 960px;
| |
− | margin: auto;
| |
− | }
| |
− |
| |
− | .foot__logo {
| |
− | height: 270px;
| |
− | float: left;
| |
− | margin-right: 30px;
| |
− | }
| |
− |
| |
− | .igem__logo {
| |
− | float: right;
| |
− | height: 100px;
| |
− | }
| |
− |
| |
− | .foot__text > p {
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− | .foot__text > h2 {
| |
− | font-weight: 700;
| |
− | }
| |
− |
| |
− | .foot__row {
| |
− | padding-top: 70px;
| |
− | padding-bottom: 30px;
| |
− | }
| |
− |
| |
− | .nav-contain {
| |
− | margin: 20px auto;
| |
− | width: 1000px;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .nav {
| |
− | height: 48px;
| |
− | display: inline-block;
| |
− | font-family: 'district_prothin';
| |
− | margin-top: 8px;
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− | .nav > li, .nav:active > .active {
| |
− | float: left;
| |
− | position: relative;
| |
− | margin: 0 0 4px;
| |
− | height: 44px;
| |
− | color: #ccc;
| |
− | text-shadow: 0 1px rgba(0, 0, 0, 0.9);
| |
− | background-color: rgba(0, 0, 0, 0.05);
| |
− | border: 1px solid #232428;
| |
− | border-bottom-color: #1f2326;
| |
− | background-color: rgba(255, 255, 255, 0.08);
| |
− | background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
| |
− | background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
| |
− | -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 2px #262a2e, 0 3px #1f2326, 0 4px 3px rgba(0, 0, 0, 0.2);
| |
− | -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 2px #262a2e, 0 3px #1f2326, 0 4px 3px rgba(0, 0, 0, 0.2);
| |
− | box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 2px #262a2e, 0 3px #1f2326, 0 4px 3px rgba(0, 0, 0, 0.2);
| |
− | }
| |
− |
| |
− | .nav > li:hover {
| |
− | color: #a3e082;
| |
− | text-shadow: 0 1px black, 0 0 20px rgba(255, 255, 255, 0.5);
| |
− | }
| |
− |
| |
− | .nav > li.active,
| |
− | .nav > .active:active,
| |
− | .nav > li:active {
| |
− | z-index: 2;
| |
− | margin: 4px 0 0;
| |
− | height: 43px;
| |
− | color: #aaa;
| |
− | text-shadow: 0 1px black;
| |
− | background-color: rgba(255, 255, 255, 0.03);
| |
− | border-color: #212425;
| |
− | border-width: 1px 0;
| |
− | background-color: rgba(0, 0, 0, 0.2);
| |
− | background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent);
| |
− | background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);
| |
− | -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 1px rgba(0, 0, 0, 0.15), 1px 0 rgba(0, 0, 0, 0.05), -1px 0 rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.05);
| |
− | -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 1px rgba(0, 0, 0, 0.15), 1px 0 rgba(0, 0, 0, 0.05), -1px 0 rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.05);
| |
− | box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 1px rgba(0, 0, 0, 0.15), 1px 0 rgba(0, 0, 0, 0.05), -1px 0 rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.05);
| |
− | }
| |
− |
| |
− | .nav > li:active {
| |
− | z-index: 3;
| |
− | }
| |
− |
| |
− | .nav > li:first-child {
| |
− | border-left-width: 1px !important;
| |
− | border-left-color: #212425;
| |
− | border-radius: 5px 0 0 5px;
| |
− | }
| |
− |
| |
− | .nav > li:last-child {
| |
− | border-right-width: 1px !important;
| |
− | border-right-color: #212425;
| |
− | border-radius: 0 5px 5px 0;
| |
− | }
| |
− |
| |
− | .nav > li + li, .nav:active > .active + li, .nav:active > li + .active {
| |
− | border-left-width: 0;
| |
− | }
| |
− |
| |
− | .nav > .active + li,
| |
− | .nav > .active:active + li,
| |
− | .nav > li:active + li,
| |
− | .nav > li:active + .active {
| |
− | border-left-width: 1px;
| |
− | }
| |
− |
| |
− | .nav > li > a {
| |
− | display: block;
| |
− | line-height: 44px;
| |
− | padding: 0 20px;
| |
− | font-size: 20px;
| |
− | color: inherit;
| |
− | text-decoration: none;
| |
− | outline: 0;
| |
− | }
| |
− |
| |
− | .nav > li {
| |
− | list-style-type: none;
| |
− | }
| |
− |
| |
− | .nav .nav-icon {
| |
− | padding: 0 15px;
| |
− | }
| |
− |
| |
− | .nav-contain ul ul a {
| |
− | display: block;
| |
− | line-height: 38px;
| |
− | padding: 0 12px;
| |
− | font-size: 16px;
| |
− | }
| |
− |
| |
− | .nav-contain ul ul li {
| |
− | position: relative;
| |
− | float: left;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | .nav-contain ul ul {
| |
− | list-style: none;
| |
− | display: none;
| |
− | position: absolute;
| |
− | top: 100%;
| |
− | left: 0;
| |
− | background: #a5a5a5;
| |
− | padding: 0;
| |
− | z-index: 20;
| |
− | transition: display 0.2s linear;
| |
− | border-radius: 5px;
| |
− | }
| |
− |
| |
− | .nav-contain ul ul li {
| |
− | float: none;
| |
− | width: 150px;
| |
− | }
| |
− |
| |
− | .nav-contain ul ul a {
| |
− | line-height: 300%;
| |
− | }
| |
− |
| |
− | .nav-contain ul ul ul {
| |
− | top: 0;
| |
− | left: 100%;
| |
− | }
| |
− |
| |
− | .nav-contain ul li:hover > ul {
| |
− | display: block;
| |
− | }
| |
− |
| |
− | .submenu li:hover {
| |
− | background: #a2a2a2;
| |
− | transition: background 0.2s linear;
| |
− | }
| |
− |
| |
− | .btn:hover,
| |
− | .btn:focus,
| |
− | .btn:active {
| |
− | outline: 0 !important;
| |
− | }
| |
− |
| |
− | /* entire container, keeps perspective */
| |
− | .card-container {
| |
− | perspective: 800px;
| |
− | margin-bottom: 30px;
| |
− | }
| |
− |
| |
− | /* flip the pane when hovered */
| |
− | .card-container:not(.manual-flip):hover .card,
| |
− | .card-container.hover.manual-flip .card {
| |
− | transform: rotateY(180deg);
| |
− | }
| |
− |
| |
− | .card-container.static:hover .card,
| |
− | .card-container.static.hover .card {
| |
− | transform: none;
| |
− | }
| |
− |
| |
− | /* flip speed goes here */
| |
− | .card {
| |
− | transition: transform 0.5s;
| |
− | transform-style: preserve-3d;
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | /* hide back of pane during swap */
| |
− | .front, .back {
| |
− | backface-visibility: hidden;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | left: 0;
| |
− | background-color: #FFF;
| |
− | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
| |
− | }
| |
− |
| |
− | /* front pane, placed above back */
| |
− | .front {
| |
− | z-index: 2;
| |
− | }
| |
− |
| |
− | /* back, initially hidden pane */
| |
− | .back {
| |
− | transform: rotateY(180deg);
| |
− | z-index: 3;
| |
− | }
| |
− |
| |
− | .back .flip-btn {
| |
− | position: absolute;
| |
− | left: 0;
| |
− | bottom: 4px;
| |
− | }
| |
− |
| |
− | /* Style */
| |
− | .card {
| |
− | background: none repeat scroll 0 0 #FFFFFF;
| |
− | border-radius: 8px;
| |
− | color: #333333;
| |
− | }
| |
− |
| |
− | .card img {
| |
− | border-radius: 4px;
| |
− | }
| |
− |
| |
− | .card-container, .front, .back {
| |
− | width: 100%;
| |
− | height: 500px;
| |
− | border-radius: 4px;
| |
− | box-shadow: 0px 0px 3px 3px rgba(219, 219, 219, 0.3);
| |
− | }
| |
− |
| |
− | .card .cover {
| |
− | height: 105px;
| |
− | overflow: hidden;
| |
− | border-radius: 4px 4px 0 0;
| |
− | }
| |
− |
| |
− | .card .content {
| |
− | background-color: transparent;
| |
− | box-shadow: none;
| |
− | padding: 10px 20px 20px;
| |
− | }
| |
− |
| |
− | .card .content .main {
| |
− | min-height: 160px;
| |
− | }
| |
− |
| |
− | .card .back .content .main {
| |
− | height: 250px;
| |
− | }
| |
− |
| |
− | .card h5 {
| |
− | margin: 5px 0;
| |
− | font-weight: 400;
| |
− | line-height: 20px;
| |
− | }
| |
− |
| |
− | .card .footer {
| |
− | color: #999999;
| |
− | margin: -5px 0 0;
| |
− | padding: 0 0 0;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .card .footer .flip-btn {
| |
− | margin-top: -6px;
| |
− | font-size: 20px;
| |
− | }
| |
− |
| |
− | .card .header {
| |
− | padding: 15px 20px;
| |
− | height: 50px;
| |
− | }
| |
− |
| |
− | .card .person_name {
| |
− | border-bottom: 1px solid #EEEEEE;
| |
− | font-family: 'Noto Sans';
| |
− | color: #111111;
| |
− | font-size: 18px;
| |
− | font-weight: 400;
| |
− | padding-bottom: 10px;
| |
− | text-align: left;
| |
− | }
| |
− |
| |
− | .flip-btn {
| |
− | opacity: .8;
| |
− | color: #666666;
| |
− | background-color: transparent;
| |
− | padding: 20px auto;
| |
− | }
| |
− |
| |
− | .flip-btn:hover,
| |
− | .flip-btn:focus {
| |
− | background-color: transparent;
| |
− | box-shadow: none;
| |
− | opacity: 1;
| |
− | }
| |
− |
| |
− | .flip-btn i {
| |
− | font-size: 13px;
| |
− | }
| |
− |
| |
− | /* Fix bug for IE */
| |
− | .email {
| |
− | font-weight: bold;
| |
− | font-size: 14px;
| |
− | margin-bottom: 6px;
| |
− | }
| |
− |
| |
− | .bio {
| |
− | font-size: 14px;
| |
− | }
| |
− |
| |
− | button.front-btn {
| |
− | padding: 35px 0;
| |
− | }
| |
− |
| |
− | .pcards {
| |
− | display: flex;
| |
− | align-items: center;
| |
− | }
| |
− |
| |
− | body {
| |
− | background-color: #222222;
| |
− | }
| |
− |
| |
− | h1, h2, h3, h4, h5, h6 {
| |
− | font-family: "district_prothin", "Helvetica", sans-serif;
| |
− | }
| |
− |
| |
− | a {
| |
− | color: #047bff;
| |
− | }
| |
− |
| |
− | a:hover {
| |
− | opacity: .9;
| |
− | color: #111111;
| |
− | transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
| |
− | }
| |
− |
| |
− | .logoMark span:first-child {
| |
− | color: #fda290;
| |
− | }
| |
− |
| |
− | .logoMark span:last-child {
| |
− | color: #a3e082;
| |
− | }
| |
− |
| |
− | /*================================
| |
− | = Homepage =
| |
− | ================================*/
| |
− | .home__callout {
| |
− | margin: 0 auto 20px auto;
| |
− | }
| |
− |
| |
− | .home__callout > p {
| |
− | color: #fa2b03;
| |
− | font-family: "district_prothin", "Helvetica", sans-serif;
| |
− | text-align: center;
| |
− | font-size: 25px;
| |
− | }
| |
− |
| |
− | .home__callout a {
| |
− | color: #44c201;
| |
− | }
| |
− |
| |
− | .home__callout a:hover {
| |
− | color: #a3e082;
| |
− | }
| |
− |
| |
− | .hero {
| |
− | width: 884px;
| |
− | margin-bottom: 40px;
| |
− | }
| |
− |
| |
− | .hero__text {
| |
− | margin-top: 200px;
| |
− | }
| |
− |
| |
− | .hero__head {
| |
− | font-family: "district_prothin", "Helvetica", sans-serif;
| |
− | color: #fffff6;
| |
− | font-size: 4.5em;
| |
− | letter-spacing: .1em;
| |
− | width: 450px;
| |
− | }
| |
− |
| |
− | .hero__desc {
| |
− | font-family: "district_prothin", "Helvetica", sans-serif;
| |
− | color: #fffff6;
| |
− | font-size: 1.3em;
| |
− | text-align: right;
| |
− | }
| |
− |
| |
− | .hero__year {
| |
− | letter-spacing: 250%;
| |
− | color: #fffff6;
| |
− | font-family: "district_prothin", "Helvetica", sans-serif;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .section-lighter {
| |
− | padding: 70px auto;
| |
− | background-color: #a5a5a5;
| |
− | }
| |
− |
| |
− | .section__head {
| |
− | font-family: "district_prothin", "Helvetica", sans-serif;
| |
− | font-size: 3.1em;
| |
− | }
| |
− |
| |
− | .section__text {
| |
− | margin: 70px auto;
| |
− | }
| |
− |
| |
− | .section__text > p {
| |
− | font-size: 15px;
| |
− | text-align: justify;
| |
− | }
| |
− |
| |
− | .abstract__picture {
| |
− | margin: 120px auto;
| |
− | width: 360px;
| |
− | height: 360px;
| |
− | border-radius: 10px;
| |
− | }
| |
− |
| |
− | .abstract__picture:hover {
| |
− | opacity: .8;
| |
− | transform: scale(1.1);
| |
− | transition: transform 0.2s linear;
| |
− | }
| |
− |
| |
− | .custom__button {
| |
− | text-align: center;
| |
− | cursor: pointer;
| |
− | display: inline-block;
| |
− | min-height: 1em;
| |
− | outline: 0;
| |
− | border: none;
| |
− | vertical-align: baseline;
| |
− | margin: 0 0.25em 0 0;
| |
− | padding: 0.78571em 1.5em;
| |
− | text-transform: none;
| |
− | text-shadow: none;
| |
− | font-weight: 700;
| |
− | line-height: 1em;
| |
− | font-style: normal;
| |
− | text-align: center;
| |
− | text-decoration: none;
| |
− | border-radius: .28571429rem;
| |
− | box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
| |
− | user-select: none;
| |
− | transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
| |
− | will-change: '';
| |
− | background-color: transparent;
| |
− | }
| |
− |
| |
− | .pdf__button {
| |
− | margin-top: 25px;
| |
− | box-shadow: 0 0 0 2px #44c201 inset !important;
| |
− | color: #44c201;
| |
− | text-shadow: none !important;
| |
− | }
| |
− |
| |
− | .pdf__button:hover {
| |
− | background-color: #44c201;
| |
− | color: white;
| |
− | }
| |
− |
| |
− | .page__button > a {
| |
− | margin-top: 25px;
| |
− | font-size: 20px;
| |
− | box-shadow: 0 0 0 2px #a3e082 inset !important;
| |
− | color: #a3e082;
| |
− | text-shadow: none !important;
| |
− | }
| |
− |
| |
− | .page__button > a:hover {
| |
− | background-color: #a3e082;
| |
− | color: #2b8502;
| |
− | }
| |
− |
| |
− | /*========================================
| |
− | = Find Out Section =
| |
− | ========================================*/
| |
− | .findout__section, .overview__section {
| |
− | padding: 50px;
| |
− | background: #111111;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .light__head {
| |
− | color: #fffff6;
| |
− | width: 310px;
| |
− | padding-bottom: 10px;
| |
− | margin: auto;
| |
− | border-bottom: 2px #fffff6 solid;
| |
− | }
| |
− |
| |
− | .findout__blocks, .overview__blocks {
| |
− | padding-top: 40px;
| |
− | }
| |
− |
| |
− | .findout__blocks h2, .overview__blocks h2 {
| |
− | position: relative;
| |
− | display: inline-block;
| |
− | margin: 20px 25px;
| |
− | font-size: 1.9em;
| |
− | }
| |
− |
| |
− | /* Subtle Effect */
| |
− | .switch-border a {
| |
− | padding: 15px;
| |
− | color: #237546;
| |
− | font-weight: 700;
| |
− | text-shadow: none;
| |
− | transition: color 0.3s;
| |
− | }
| |
− |
| |
− | .switch-border a::before,
| |
− | .switch-border a::after {
| |
− | position: absolute;
| |
− | left: 0;
| |
− | width: 100%;
| |
− | height: 2px;
| |
− | background: #fff;
| |
− | content: '';
| |
− | opacity: 0;
| |
− | transition: opacity 0.3s, transform 0.3s;
| |
− | transform: translateY(-10px);
| |
− | }
| |
− |
| |
− | .switch-border a::before {
| |
− | top: -5px;
| |
− | transform: translateY(-10px);
| |
− | }
| |
− |
| |
− | .switch-border a::after {
| |
− | bottom: -6px;
| |
− | transform: translateY(10px);
| |
− | }
| |
− |
| |
− | .switch-border a:hover,
| |
− | .switch-border a:focus {
| |
− | color: #a3e082;
| |
− | }
| |
− |
| |
− | .switch-border a:hover::before,
| |
− | .switch-border a:focus::before,
| |
− | .switch-border a:hover::after,
| |
− | .switch-border a:focus::after {
| |
− | opacity: 1;
| |
− | transform: translateY(0px);
| |
− | }
| |
− |
| |
− | /*=======================================
| |
− | = Contact Section =
| |
− | =======================================*/
| |
− | .contact__section {
| |
− | margin: 50px auto;
| |
− | padding-bottom: 100px;
| |
− | }
| |
− |
| |
− | .contact__section h3 {
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | .contact__section p {
| |
− | margin-bottom: 2px;
| |
− | }
| |
− |
| |
− | .contact__right {
| |
− | text-align: right;
| |
− | padding-bottom: 70px;
| |
− | }
| |
− |
| |
− | /*================================
| |
− | = Overview =
| |
− | ================================*/
| |
− | .page__head {
| |
− | color: #fffff6;
| |
− | width: 750px;
| |
− | text-align: center;
| |
− | margin: 20px auto;
| |
− | font-size: 2em;
| |
− | }
| |
− |
| |
− | .content__section {
| |
− | width: 884px;
| |
− | margin: 70px auto;
| |
− | color: #eeeeee;
| |
− | }
| |
− |
| |
− | .content__section h2 {
| |
− | color: #eeeeee;
| |
− | }
| |
− |
| |
− | .content__section h3 {
| |
− | color: #a3e082;
| |
− | }
| |
− |
| |
− | .content__section p {
| |
− | margin-top: 20px;
| |
− | font-size: .95em;
| |
− | font-weight: 100;
| |
− | }
| |
− |
| |
− | .content__section__alt {
| |
− | padding: 30px 0;
| |
− | background-color: #a5a5a5;
| |
− | }
| |
− |
| |
− | .content__section__alt h2:not(.sino__head), .content__section__alt h3 {
| |
− | width: 884px;
| |
− | margin: 10px auto;
| |
− | }
| |
− |
| |
− | .content__section__alt > h2 {
| |
− | margin: 20px auto;
| |
− | color: #111;
| |
− | font-weight: 700;
| |
− | }
| |
− |
| |
− | .content__section__alt h3 {
| |
− | color: #ae1b03;
| |
− | }
| |
− |
| |
− | .content__section__alt > p {
| |
− | width: 884px;
| |
− | margin: 20px auto;
| |
− | color: #111;
| |
− | }
| |
− |
| |
− | .return > a {
| |
− | color: #ae1b03;
| |
− | padding: 10px 20px;
| |
− | }
| |
− |
| |
− | /*======================================
| |
− | = Overview Block =
| |
− | ======================================*/
| |
− | .contain__overview {
| |
− | width: 1160px;
| |
− | margin: 30px auto;
| |
− | display: flex;
| |
− | flex-direction: row;
| |
− | align-items: center;
| |
− | }
| |
− |
| |
− | .contain__overview h2 {
| |
− | font-weight: 800;
| |
− | font-size: 1.3em;
| |
− | margin-bottom: 0px;
| |
− | text-align: left;
| |
− | padding-left: 15px;
| |
− | }
| |
− |
| |
− | .bigblock {
| |
− | color: #fffff6;
| |
− | font-size: 2.5em;
| |
− | margin: auto 12px;
| |
− | display: block;
| |
− | }
| |
− |
| |
− | .bigblock:first-child {
| |
− | transform: rotate(-45deg);
| |
− | transform-origin: -25%;
| |
− | }
| |
− |
| |
− | .bigblock:last-child {
| |
− | transform: rotate(45deg);
| |
− | }
| |
− |
| |
− | .left__block {
| |
− | background-color: #a5a5a5;
| |
− | border-radius: 5px;
| |
− | box-shadow: 0px 0px 6px 8px rgba(17, 17, 17, 0.5);
| |
− | }
| |
− |
| |
− | .left__block h2 {
| |
− | margin: 10px auto;
| |
− | }
| |
− |
| |
− | .left__block img {
| |
− | margin: 15px 15px;
| |
− | }
| |
− |
| |
− | .right__block {
| |
− | display: flex;
| |
− | flex-direction: column;
| |
− | }
| |
− |
| |
− | .right__block h2:first-child {
| |
− | margin: 15px auto;
| |
− | margin-bottom: 0px;
| |
− | }
| |
− |
| |
− | .right__block h2:last-child {
| |
− | margin: 15px auto;
| |
− | margin-top: -15px;
| |
− | }
| |
− |
| |
− | .right__block img {
| |
− | margin: 15px 15px;
| |
− | }
| |
− |
| |
− | .upper {
| |
− | background-color: #41B178;
| |
− | border-radius: 5px;
| |
− | box-shadow: 0px 0px 6px 8px rgba(17, 17, 17, 0.5);
| |
− | }
| |
− |
| |
− | .upper li {
| |
− | margin-bottom: -20px;
| |
− | }
| |
− |
| |
− | .lower {
| |
− | margin-top: 30px;
| |
− | background-color: #EE7C77;
| |
− | border-radius: 5px;
| |
− | box-shadow: 0px 0px 6px 8px rgba(17, 17, 17, 0.5);
| |
− | }
| |
− |
| |
− | .overview__items {
| |
− | display: flex;
| |
− | align-items: center;
| |
− | vertical-align: baseline;
| |
− | position: relative;
| |
− | list-style: none;
| |
− | margin-left: 0px;
| |
− | }
| |
− |
| |
− | .overview__items li:not(:first-child):before {
| |
− | font-size: 2.2em;
| |
− | margin: 0 -10px;
| |
− | position: absolute;
| |
− | top: 55px;
| |
− | content: "\00bb";
| |
− | color: white;
| |
− | height: 40px;
| |
− | width: 30px;
| |
− | }
| |
− |
| |
− | .overview__items img:hover {
| |
− | opacity: .9;
| |
− | transform: scale(1.1);
| |
− | transition: all 0.3s ease-in-out;
| |
− | }
| |
− |
| |
− | .overview__items img {
| |
− | border-radius: 5px;
| |
− | }
| |
− |
| |
− | .overview__head {
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .over__blocks {
| |
− | display: flex;
| |
− | }
| |
− |
| |
− | .over__blocks > div {
| |
− | border-radius: 12px;
| |
− | margin: 10px;
| |
− | }
| |
− |
| |
− | .over__blocks img {
| |
− | padding-bottom: 15px;
| |
− | }
| |
− |
| |
− | .over__blocks p:not(:nth-child(2)) {
| |
− | text-indent: 1.5em;
| |
− | }
| |
− |
| |
− | .over__blocks h2 {
| |
− | margin: 10px 0;
| |
− | font-size: 2em;
| |
− | font-weight: 600;
| |
− | color: #444;
| |
− | }
| |
− |
| |
− | .cyano_block {
| |
− | background-color: #41B178;
| |
− | display: flex;
| |
− | flex-direction: column;
| |
− | flex-align: center;
| |
− | }
| |
− |
| |
− | .cyano_block h2 {
| |
− | text-align: left;
| |
− | }
| |
− |
| |
− | .sino_block {
| |
− | background-color: #EE7C77;
| |
− | display: flex;
| |
− | flex-direction: column;
| |
− | }
| |
− |
| |
− | .sino__head {
| |
− | text-align: left;
| |
− | }
| |
− |
| |
− | .launch__modal {
| |
− | text-align: center;
| |
− | margin: 20px auto;
| |
− | }
| |
− |
| |
− | .launch__modal .custom__button {
| |
− | font-size: 15px;
| |
− | box-shadow: 0 0 0 2px #333 inset !important;
| |
− | color: #333;
| |
− | text-shadow: none !important;
| |
− | background-color: rgba(255, 255, 255, 0.7);
| |
− | }
| |
− |
| |
− | .launch__modal .custom__button:hover {
| |
− | opacity: 1;
| |
− | }
| |
− |
| |
− | .modal__title {
| |
− | font-weight: 700;
| |
− | margin-bottom: 20px;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .reveal-modal p:not(:nth-child(2)) {
| |
− | text-indent: 1.5em;
| |
− | }
| |
− |
| |
− | .redModal {
| |
− | box-shadow: 0px 0px 25px 5px #de2150;
| |
− | }
| |
− |
| |
− | .greenModal {
| |
− | box-shadow: 0px 0px 25px 5px #5ec76d;
| |
− | }
| |
− |
| |
− | .grayModal {
| |
− | box-shadow: 0px 0px 25px 5px #fafafa;
| |
− | }
| |
− |
| |
− | .overview__section:not(:first-child) {
| |
− | margin-top: -30px !important;
| |
− | }
| |
− |
| |
− | .content__dark {
| |
− | margin-left: 0;
| |
− | }
| |
− |
| |
− | .content__dark h4 {
| |
− | color: #eeeeee;
| |
− | }
| |
− |
| |
− | .content__dark .readable p {
| |
− | color: #111;
| |
− | background-color: rgba(254, 254, 254, 0.7);
| |
− | padding: 20px;
| |
− | border-radius: 5px;
| |
− | }
| |
− |
| |
− | .content__dark .readable {
| |
− | padding-left: 0;
| |
− | }
| |
− |
| |
− | .readable p {
| |
− | color: #111;
| |
− | background-color: rgba(254, 254, 254, 0.7);
| |
− | padding: 20px;
| |
− | border-radius: 5px;
| |
− | }
| |
− |
| |
− | .readable ul {
| |
− | margin-left: 0;
| |
− | color: #111;
| |
− | background-color: rgba(254, 254, 254, 0.7);
| |
− | padding: 10px;
| |
− | border-radius: 5px;
| |
− | }
| |
− |
| |
− | .readable ul li {
| |
− | margin-left: 20px;
| |
− | }
| |
− |
| |
− | .part__row {
| |
− | display: flex;
| |
− | align-items: center;
| |
− | }
| |
− |
| |
− | .part__row img {
| |
− | margin-top: 55px;
| |
− | border-radius: 5px;
| |
− | }
| |
− |
| |
− | .part__row img:hover {
| |
− | transform: scale(1.5);
| |
− | transition: transform 0.3s ease-in-out;
| |
− | }
| |
− |
| |
− | .uni__link {
| |
− | font-size: .75em;
| |
− | }
| |
− |
| |
− | .content__holder {
| |
− | width: 884px;
| |
− | margin: 10px auto;
| |
− | text-align: left;
| |
− | }
| |
− |
| |
− | /*======================================
| |
− | = Standards Page =
| |
− | ======================================*/
| |
− | .standards section {
| |
− | border-top: #111 8px solid;
| |
− | }
| |
− |
| |
− | .standards > section:nth-child(1) {
| |
− | background: #ffbf4d;
| |
− | }
| |
− |
| |
− | .standards section:nth-child(2) {
| |
− | background: #c8cdcb;
| |
− | }
| |
− |
| |
− | .standards section:nth-child(3) {
| |
− | background: #c78c45;
| |
− | }
| |
− |
| |
− | .standards ul {
| |
− | margin-top: 30px;
| |
− | list-style: none;
| |
− | }
| |
− |
| |
− | #gold, #silver, #bronze {
| |
− | margin-top: -50px;
| |
− | text-align: left;
| |
− | font-size: 5em;
| |
− | font-weight: 400;
| |
− | }
| |
− |
| |
− | #silver {
| |
− | text-align: right;
| |
− | }
| |
− |
| |
− | .bsbtn {
| |
− | display: inline-block;
| |
− | padding: 6px 12px;
| |
− | margin-bottom: 0;
| |
− | font-size: 14px;
| |
− | font-weight: normal;
| |
− | line-height: 1.428571429;
| |
− | text-align: center;
| |
− | white-space: nowrap;
| |
− | vertical-align: middle;
| |
− | cursor: pointer;
| |
− | background-image: none;
| |
− | border: 1px solid transparent;
| |
− | border-radius: 4px;
| |
− | user-select: none;
| |
− | -webkit-appearance: button;
| |
− | border: none;
| |
− | }
| |
− |
| |
− | .bio__head {
| |
− | margin-bottom: 10px;
| |
− | margin-left: 84px;
| |
− | }
| |
− |
| |
− | .bio__head > h2 {
| |
− | font-weight: 700;
| |
− | width: 560px !important;
| |
− | }
| |
− |
| |
− | .pitch {
| |
− | background-color: #000000 !important;
| |
− | width: 100%;
| |
− | margin: -30px auto;
| |
− | padding: 30px 200px;
| |
− | }
| |
− |
| |
− | .pitch h2 {
| |
− | padding: 30px;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .credits {
| |
− | padding: 30px 0;
| |
− | }
| |
− |
| |
− | .credits h5 {
| |
− | color: #fffff6;
| |
− | font-size: 1.1em;
| |
− | padding-bottom: 0;
| |
− | font-family: 'Noto Sans';
| |
− | }
| |
− |
| |
− | .credits p {
| |
− | margin: 0 0;
| |
− | margin-bottom: 25px;
| |
− | text-align: justify;
| |
− | font-size: 13px;
| |
− | }
| |
− |
| |
− | .credits .columns {
| |
− | padding-right: 40px;
| |
− | }
| |
− |
| |
− | .corporate {
| |
− | padding-bottom: 70px;
| |
− | }
| |
− |
| |
− | /*================================
| |
− | = Notebook =
| |
− | ================================*/
| |
− | .entries {
| |
− | display: flex;
| |
− | flex-direction: row;
| |
− | flex-wrap: wrap;
| |
− | width: 1000px;
| |
− | margin: 0 auto;
| |
− | margin-top: -50px;
| |
− | }
| |
− |
| |
− | .lab__entry {
| |
− | margin: 10px 10px;
| |
− | width: 270px;
| |
− | height: 270px;
| |
− | display: flex;
| |
− | flex-direction: column;
| |
− | align-items: center;
| |
− | }
| |
− |
| |
− | .lab__entry h2 {
| |
− | padding: 10px 20px;
| |
− | padding-top: 68px;
| |
− | color: #000;
| |
− | font-weight: 700;
| |
− | }
| |
− |
| |
− | .lab__entry a {
| |
− | padding: 40px 20px;
| |
− | margin-bottom: 20px;
| |
− | font-size: 20px;
| |
− | }
| |
− |
| |
− | .lab__entry:nth-child(even) {
| |
− | background-color: #A2A2A2;
| |
− | }
| |
− |
| |
− | .lab__entry:nth-child(odd) {
| |
− | background-color: #dedede;
| |
− | }
| |
− |
| |
− | .lab__entry:hover {
| |
− | opacity: .8;
| |
− | transition: opacity 0.3s ease-in-out;
| |
− | }
| |
− |
| |
− | .file__link {
| |
− | font-size: 1.5em;
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | .references > p {
| |
− | padding-left: 22px;
| |
− | text-indent: -22px !important;
| |
− | }
| |
− |
| |
− | .week_log a {
| |
− | margin: 10px 15px;
| |
− | display: inline-block;
| |
− | }
| |
− |
| |
− | img.overview_body {
| |
− | float: right;
| |
− | padding: 25px;
| |
− | max-width: 50%;
| |
− | }
| |
| | | |
| | | |