|
|
Line 2,259: |
Line 2,259: |
| display: none; | | display: none; |
| } | | } |
− |
| |
− | /* Image */
| |
− |
| |
− | .image {
| |
− | border-radius: 0;
| |
− | border: 0;
| |
− | display: inline-block;
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | .image img {
| |
− | border-radius: 0;
| |
− | display: block;
| |
− | }
| |
− |
| |
− | .image.left, .image.right {
| |
− | max-width: 40%;
| |
− | }
| |
− |
| |
− | .image.left img, .image.right img {
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | .image.round img {
| |
− | border-radius: 100%;
| |
− | }
| |
− |
| |
− | .image.left {
| |
− | float: left;
| |
− | padding: 0 1.5em 1em 0;
| |
− | top: 0.25em;
| |
− | }
| |
− |
| |
− | .image.right {
| |
− | float: right;
| |
− | padding: 0 0 1em 1.5em;
| |
− | top: 0.25em;
| |
− | }
| |
− |
| |
− | .image.fit {
| |
− | display: block;
| |
− | margin: 0 0 2em 0;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | .image.fit img {
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | .image.main {
| |
− | display: block;
| |
− | margin: 0 0 3em 0;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | .image.main img {
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | /* List */
| |
− |
| |
− | ol {
| |
− | list-style: decimal;
| |
− | margin: 0 0 2em 0;
| |
− | padding-left: 1.25em;
| |
− | }
| |
− |
| |
− | ol li {
| |
− | padding-left: 0.25em;
| |
− | }
| |
− |
| |
− | ul {
| |
− | list-style: disc;
| |
− | margin: 0 0 2em 0;
| |
− | padding-left: 1em;
| |
− | }
| |
− |
| |
− | ul li {
| |
− | padding-left: 0.5em;
| |
− | }
| |
− |
| |
− | ul.alt {
| |
− | list-style: none;
| |
− | padding-left: 0;
| |
− | }
| |
− |
| |
− | ul.alt li {
| |
− | border-top: solid 1px #dbdbdb;
| |
− | padding: 0.5em 0;
| |
− | }
| |
− |
| |
− | ul.alt li:first-child {
| |
− | border-top: 0;
| |
− | padding-top: 0;
| |
− | }
| |
− |
| |
− | ul.icons {
| |
− | cursor: default;
| |
− | list-style: none;
| |
− | padding-left: 0;
| |
− | }
| |
− |
| |
− | ul.icons li {
| |
− | display: inline-block;
| |
− | padding: 0 1em 0 0;
| |
− | }
| |
− |
| |
− | ul.icons li:last-child {
| |
− | padding-right: 0;
| |
− | }
| |
− |
| |
− | ul.icons li .icon:before {
| |
− | font-size: 2em;
| |
− | }
| |
− |
| |
− | ul.actions {
| |
− | cursor: default;
| |
− | list-style: none;
| |
− | padding-left: 0;
| |
− | }
| |
− |
| |
− | ul.actions li {
| |
− | display: inline-block;
| |
− | padding: 0 1em 0 0;
| |
− | vertical-align: middle;
| |
− | }
| |
− |
| |
− | ul.actions li:last-child {
| |
− | padding-right: 0;
| |
− | }
| |
− |
| |
− | ul.actions.small li {
| |
− | padding: 0 0.5em 0 0;
| |
− | }
| |
− |
| |
− | ul.actions.vertical li {
| |
− | display: block;
| |
− | padding: 1em 0 0 0;
| |
− | }
| |
− |
| |
− | ul.actions.vertical li:first-child {
| |
− | padding-top: 0;
| |
− | }
| |
− |
| |
− | ul.actions.vertical li > * {
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− | ul.actions.vertical.small li {
| |
− | padding: 0.5em 0 0 0;
| |
− | }
| |
− |
| |
− | ul.actions.vertical.small li:first-child {
| |
− | padding-top: 0;
| |
− | }
| |
− |
| |
− | ul.actions.fit {
| |
− | display: table;
| |
− | margin-left: -1em;
| |
− | padding: 0;
| |
− | table-layout: fixed;
| |
− | width: calc(100% + 1em);
| |
− | }
| |
− |
| |
− | ul.actions.fit li {
| |
− | display: table-cell;
| |
− | padding: 0 0 0 1em;
| |
− | }
| |
− |
| |
− | ul.actions.fit li > * {
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− | ul.actions.fit.small {
| |
− | margin-left: -0.5em;
| |
− | width: calc(100% + 0.5em);
| |
− | }
| |
− |
| |
− | ul.actions.fit.small li {
| |
− | padding: 0 0 0 0.5em;
| |
− | }
| |
− |
| |
− | @media screen and (max-width: 480px) {
| |
− |
| |
− | ul.actions {
| |
− | margin: 0 0 2em 0;
| |
− | }
| |
− |
| |
− | ul.actions li {
| |
− | padding: 1em 0 0 0;
| |
− | display: block;
| |
− | text-align: center;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | ul.actions li:first-child {
| |
− | padding-top: 0;
| |
− | }
| |
− |
| |
− | ul.actions li > * {
| |
− | width: 100%;
| |
− | margin: 0 !important;
| |
− | }
| |
− |
| |
− | ul.actions li > *.icon:before {
| |
− | margin-left: -2em;
| |
− | }
| |
− |
| |
− | ul.actions.small li {
| |
− | padding: 0.5em 0 0 0;
| |
− | }
| |
− |
| |
− | ul.actions.small li:first-child {
| |
− | padding-top: 0;
| |
− | }
| |
− |
| |
− | }
| |
− |
| |
− | dl {
| |
− | margin: 0 0 2em 0;
| |
− | }
| |
− |
| |
− | dl dt {
| |
− | display: block;
| |
− | font-weight: 600;
| |
− | margin: 0 0 1em 0;
| |
− | }
| |
− |
| |
− | dl dd {
| |
− | margin-left: 2em;
| |
− | }
| |
− |
| |
− | /* Table */
| |
− |
| |
− | .table-wrapper {
| |
− | -webkit-overflow-scrolling: touch;
| |
− | overflow-x: auto;
| |
− | }
| |
− |
| |
− | table {
| |
− | margin: 0 0 2em 0;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | table tbody tr {
| |
− | border: solid 1px #dbdbdb;
| |
− | border-left: 0;
| |
− | border-right: 0;
| |
− | }
| |
− |
| |
− | table tbody tr:nth-child(2n + 1) {
| |
− | background-color: rgba(144, 144, 144, 0.075);
| |
− | }
| |
− |
| |
− | table td {
| |
− | padding: 0.75em 0.75em;
| |
− | }
| |
− |
| |
− | table th {
| |
− | color: #555;
| |
− | font-size: 0.9em;
| |
− | font-weight: 600;
| |
− | padding: 0 0.75em 0.75em 0.75em;
| |
− | text-align: left;
| |
− | }
| |
− |
| |
− | table thead {
| |
− | border-bottom: solid 2px #dbdbdb;
| |
− | }
| |
− |
| |
− | table tfoot {
| |
− | border-top: solid 2px #dbdbdb;
| |
− | }
| |
− |
| |
− | table.alt {
| |
− | border-collapse: separate;
| |
− | }
| |
− |
| |
− | table.alt tbody tr td {
| |
− | border: solid 1px #dbdbdb;
| |
− | border-left-width: 0;
| |
− | border-top-width: 0;
| |
− | }
| |
− |
| |
− | table.alt tbody tr td:first-child {
| |
− | border-left-width: 1px;
| |
− | }
| |
− |
| |
− | table.alt tbody tr:first-child td {
| |
− | border-top-width: 1px;
| |
− | }
| |
− |
| |
− | table.alt thead {
| |
− | border-bottom: 0;
| |
− | }
| |
− |
| |
− | table.alt tfoot {
| |
− | border-top: 0;
| |
− | }
| |
− |
| |
− |
| |
− | /* Header */
| |
− |
| |
− | .subpage {
| |
− | padding-top: 44px;
| |
− | }
| |
− |
| |
− | .subpage #header {
| |
− | background: #5385c1;
| |
− | top: 0;
| |
− | height: 44px;
| |
− | line-height: 44px;
| |
− | position: fixed;
| |
− | }
| |
− |
| |
− | #header {
| |
− | color: #d4e0ef;
| |
− | cursor: default;
| |
− | height: 3.25em;
| |
− | left: 0;
| |
− | line-height: 3.25em;
| |
− | position: absolute;
| |
− | text-align: right;
| |
− | top: 4em;
| |
− | width: 100%;
| |
− | z-index: 10001;
| |
− | }
| |
− |
| |
− | #header .inner {
| |
− | margin: 0 auto;
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | #header .logo {
| |
− | color: #ffffff;
| |
− | display: inline-block;
| |
− | font-weight: 600;
| |
− | height: inherit;
| |
− | left: 0;
| |
− | line-height: inherit;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | font-size: 1em;
| |
− | }
| |
− |
| |
− | #header a {
| |
− | -moz-transition: color 0.2s ease-in-out;
| |
− | -webkit-transition: color 0.2s ease-in-out;
| |
− | -ms-transition: color 0.2s ease-in-out;
| |
− | transition: color 0.2s ease-in-out;
| |
− | display: inline-block;
| |
− | padding: 0 0.75em;
| |
− | color: inherit;
| |
− | text-decoration: none;
| |
− | font-size: .8em;
| |
− | }
| |
− |
| |
− | #header a:hover {
| |
− | color: #ffffff;
| |
− | }
| |
− |
| |
− | #header a:last-child {
| |
− | padding-right: 0;
| |
− | }
| |
− |
| |
− | #header a.navPanelToggle {
| |
− | display: none;
| |
− | text-decoration: none;
| |
− | height: 4em;
| |
− | width: 4em;
| |
− | z-index: 10003;
| |
− | }
| |
− |
| |
− | #header a.navPanelToggle .fa {
| |
− | font-size: 1.25em;
| |
− | }
| |
− |
| |
− | @media screen and (max-width: 980px) {
| |
− |
| |
− | #header a.navPanelToggle {
| |
− | display: inline-block;
| |
− | }
| |
− |
| |
− | }
| |
− |
| |
− | @media screen and (max-width: 736px) {
| |
− |
| |
− | #header a {
| |
− | padding: 0 0.5em;
| |
− | }
| |
− |
| |
− | }
| |
− |
| |
− | @media screen and (max-width: 980px) {
| |
− |
| |
− | #header {
| |
− | top: 3em;
| |
− | height: 44px;
| |
− | line-height: 44px;
| |
− | }
| |
− |
| |
− | }
| |
− |
| |
− | @media screen and (max-width: 736px) {
| |
− |
| |
− | #header {
| |
− | top: 2em;
| |
− | }
| |
− |
| |
− | }
| |
− |
| |
− | @media screen and (max-width: 480px) {
| |
− |
| |
− | #header {
| |
− | top: 1em;
| |
− | min-width: 320px;
| |
− | }
| |
− |
| |
− | }
| |
− |
| |
− | /* Nav */
| |
− |
| |
− | @media screen and (max-width: 980px) {
| |
− |
| |
− | #nav {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | }
| |
− |
| |
− | #navPanel {
| |
− | -moz-transform: translatex(20em);
| |
− | -webkit-transform: translatex(20em);
| |
− | -ms-transform: translatex(20em);
| |
− | transform: translatex(20em);
| |
− | -moz-transition: -moz-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
| |
− | -webkit-transition: -webkit-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
| |
− | -ms-transition: -ms-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
| |
− | transition: transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
| |
− | -webkit-overflow-scrolling: touch;
| |
− | visibility: hidden;
| |
− | overflow-y: auto;
| |
− | position: fixed;
| |
− | right: 0;
| |
− | top: 0;
| |
− | background: #5385c1;
| |
− | color: #d4e0ef;
| |
− | height: 100%;
| |
− | max-width: 80%;
| |
− | width: 20em;
| |
− | padding: 0.5em 1.25em;
| |
− | z-index: 10003;
| |
− | }
| |
− |
| |
− | #navPanel.visible {
| |
− | -moz-transform: translatex(0);
| |
− | -webkit-transform: translatex(0);
| |
− | -ms-transform: translatex(0);
| |
− | transform: translatex(0);
| |
− | box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);
| |
− | visibility: visible;
| |
− | }
| |
− |
| |
− | #navPanel a:not(.close) {
| |
− | border-top: solid 1px rgba(255, 255, 255, 0.25);
| |
− | color: #d4e0ef;
| |
− | font-weight: 600;
| |
− | display: block;
| |
− | padding: 0.75em 0;
| |
− | text-decoration: none;
| |
− | font-weight: 300;
| |
− | }
| |
− |
| |
− | #navPanel a:not(.close):first-child {
| |
− | border: none;
| |
− | }
| |
− |
| |
− | #navPanel .close {
| |
− | text-decoration: none;
| |
− | -moz-transition: color 0.2s ease-in-out;
| |
− | -webkit-transition: color 0.2s ease-in-out;
| |
− | -ms-transition: color 0.2s ease-in-out;
| |
− | transition: color 0.2s ease-in-out;
| |
− | -webkit-tap-highlight-color: transparent;
| |
− | border: 0;
| |
− | color: #d4e0ef;
| |
− | cursor: pointer;
| |
− | display: block;
| |
− | height: 4em;
| |
− | padding-right: 1.25em;
| |
− | position: absolute;
| |
− | right: 0;
| |
− | text-align: right;
| |
− | top: 0;
| |
− | vertical-align: middle;
| |
− | width: 5em;
| |
− | }
| |
− |
| |
− | #navPanel .close:before {
| |
− | -moz-osx-font-smoothing: grayscale;
| |
− | -webkit-font-smoothing: antialiased;
| |
− | font-family: FontAwesome;
| |
− | font-style: normal;
| |
− | font-weight: normal;
| |
− | text-transform: none !important;
| |
− | content: '\f00d';
| |
− | width: 3em;
| |
− | height: 3em;
| |
− | line-height: 3em;
| |
− | display: block;
| |
− | position: absolute;
| |
− | right: 0;
| |
− | top: 0;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | #navPanel .close:hover {
| |
− | color: inherit;
| |
− | }
| |
− |
| |
| /* Banner */ | | /* Banner */ |
| | | |
Line 2,857: |
Line 2,335: |
| } | | } |
| | | |
− | /* Footer */
| |
| | | |
− | #footer .inner {
| |
− | border-top: 1px solid #dbdbdb;
| |
− | padding-top: 3em;
| |
− | }
| |
− |
| |
− | #footer .copyright {
| |
− | color: #bbb;
| |
− | font-size: 0.8em;
| |
− | margin: 0 0 2em 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | #footer .copyright a {
| |
− | color: #bbb;
| |
− | text-decoration: none;
| |
− | }
| |
− |
| |
− | #footer .copyright a:hover {
| |
− | color: #bbb;
| |
− | text-decoration: underline;
| |
− | }
| |
− |
| |
− | #footer ul.icons li .icon {
| |
− | font-size: 0.58em;
| |
− | }
| |
− |
| |
− | @media screen and (max-width: 736px) {
| |
− |
| |
− | #footer .inner {
| |
− | padding-top: 2em;
| |
− | }
| |
− |
| |
− | #footer .copyright {
| |
− | -ms-flex-order: 2;
| |
− | -moz-order: 2;
| |
− | -webkit-order: 2;
| |
− | -ms-order: 2;
| |
− | order: 2;
| |
− | }
| |
− |
| |
− | #footer ul {
| |
− | -ms-flex-order: 1;
| |
− | -moz-order: 1;
| |
− | -webkit-order: 1;
| |
− | -ms-order: 1;
| |
− | order: 1;
| |
− | }
| |
− |
| |
− | #footer .flex {
| |
− | -moz-flex-direction: column;
| |
− | -webkit-flex-direction: column;
| |
− | -ms-flex-direction: column;
| |
− | flex-direction: column;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | }
| |
| </style> | | </style> |
| <script> | | <script> |