|
|
| Line 19: |
Line 19: |
| | line-height: 1.75em; | | line-height: 1.75em; |
| | } | | } |
| − |
| |
| − | a {
| |
| − | color: #629DD1;
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | a:hover {
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | strong, b {
| |
| − | color: #666f77;
| |
| − | font-weight: 500;
| |
| − | }
| |
| − |
| |
| − | em, i {
| |
| − | font-style: italic;
| |
| − | }
| |
| − |
| |
| − | p {
| |
| − | margin: 0 0 2em 0;
| |
| − | }
| |
| − |
| |
| − | h1, h2, h3, h4, h5, h6 {
| |
| − | color: #666f77;
| |
| − | font-weight: 300;
| |
| − | line-height: 1em;
| |
| − | margin: 0 0 1em 0;
| |
| − | text-transform: uppercase;
| |
| − | letter-spacing: 0.125em;
| |
| − | }
| |
| − |
| |
| − | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
| |
| − | color: inherit;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | h2 {
| |
| − | font-size: 1.5em;
| |
| − | line-height: 1.5em;
| |
| − | }
| |
| − |
| |
| − | h3 {
| |
| − | font-size: 1.25em;
| |
| − | line-height: 1.5em;
| |
| − | }
| |
| − |
| |
| − | h4 {
| |
| − | font-size: 1em;
| |
| − | line-height: 1.5em;
| |
| − | }
| |
| − |
| |
| − | h5 {
| |
| − | font-size: 0.9em;
| |
| − | line-height: 1.5em;
| |
| − | }
| |
| − |
| |
| − | h6 {
| |
| − | font-size: 0.7em;
| |
| − | line-height: 1.5em;
| |
| − | }
| |
| − |
| |
| − | sub {
| |
| − | font-size: 0.8em;
| |
| − | position: relative;
| |
| − | top: 0.5em;
| |
| − | }
| |
| − |
| |
| − | sup {
| |
| − | font-size: 0.8em;
| |
| − | position: relative;
| |
| − | top: -0.5em;
| |
| − | }
| |
| − |
| |
| − | hr {
| |
| − | border: 0;
| |
| − | border-bottom: solid 1px rgba(144, 144, 144, 0.25);
| |
| − | margin: 3em 0;
| |
| − | }
| |
| − |
| |
| − | hr.major {
| |
| − | margin: 2em 0 5em 0;
| |
| − | }
| |
| − |
| |
| − | blockquote {
| |
| − | border-left: solid 4px rgba(144, 144, 144, 0.25);
| |
| − | font-style: italic;
| |
| − | margin: 0 0 2em 0;
| |
| − | padding: 0.5em 0 0.5em 2em;
| |
| − | }
| |
| − |
| |
| − | code {
| |
| − | background: rgba(144, 144, 144, 0.075);
| |
| − | border-radius: 6px;
| |
| − | border: solid 1px rgba(144, 144, 144, 0.25);
| |
| − | font-family: "Courier New", monospace;
| |
| − | font-size: 0.9em;
| |
| − | margin: 0 0.25em;
| |
| − | padding: 0.25em 0.65em;
| |
| − | }
| |
| − |
| |
| − | pre {
| |
| − | -webkit-overflow-scrolling: touch;
| |
| − | font-family: "Courier New", monospace;
| |
| − | font-size: 0.9em;
| |
| − | margin: 0 0 2em 0;
| |
| − | overflow-x: auto;
| |
| − | }
| |
| − |
| |
| − | pre code {
| |
| − | display: block;
| |
| − | line-height: 1.75em;
| |
| − | padding: 1em 1.5em;
| |
| − | }
| |
| | | | |
| | .align-left { | | .align-left { |
| Line 146: |
Line 32: |
| | } | | } |
| | | | |
| − |
| |
| − |
| |
| − |
| |
| − | /* Table */
| |
| − |
| |
| − | .table-wrapper {
| |
| − | -webkit-overflow-scrolling: touch;
| |
| − | overflow-x: auto;
| |
| − | }
| |
| − |
| |
| − | table {
| |
| − | margin: 0 0 2em 0;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | table tbody tr {
| |
| − | border: solid 1px rgba(144, 144, 144, 0.25);
| |
| − | 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: #666f77;
| |
| − | font-size: 0.9em;
| |
| − | font-weight: 500;
| |
| − | padding: 0 0.75em 0.75em 0.75em;
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | table thead {
| |
| − | border-bottom: solid 2px rgba(144, 144, 144, 0.25);
| |
| − | }
| |
| − |
| |
| − | table tfoot {
| |
| − | border-top: solid 2px rgba(144, 144, 144, 0.25);
| |
| − | }
| |
| − |
| |
| − | table.alt {
| |
| − | border-collapse: separate;
| |
| − | }
| |
| − |
| |
| − | table.alt tbody tr td {
| |
| − | border: solid 1px rgba(144, 144, 144, 0.25);
| |
| − | 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;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* Wrapper */
| |
| − |
| |
| − | .wrapper {
| |
| − | padding: 6em 0 4em 0;
| |
| − | }
| |
| − |
| |
| − | .wrapper.style1 {
| |
| − | background: #fff;
| |
| − | color: #555f66;
| |
| − | }
| |
| − |
| |
| − | .wrapper.style2 {
| |
| − | background: #192024;
| |
| − | color: #c5c7c8;
| |
| − | }
| |
| − |
| |
| − | .wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
| |
| − | color: #ffffff;
| |
| − | }
| |
| − |
| |
| − | .wrapper.style2 header p {
| |
| − | color: #a3a5a7;
| |
| − | }
| |
| − |
| |
| − | .wrapper.style2 .button.alt {
| |
| − | box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);
| |
| − | color: #ffffff !important;
| |
| − | }
| |
| − |
| |
| − | .wrapper.style2 .button.alt:hover {
| |
| − | background-color: rgba(144, 144, 144, 0.275);
| |
| − | }
| |
| − |
| |
| − | .wrapper.style2 .button.alt:active {
| |
| − | background-color: rgba(144, 144, 144, 0.4);
| |
| − | }
| |
| − |
| |
| − | .wrapper.style2 .button.alt.icon:before {
| |
| − | color: #a3a5a7;
| |
| − | }
| |
| − |
| |
| − | /* Header */
| |
| − |
| |
| − | #skel-layers-wrapper {
| |
| − | padding-top: 1em;
| |
| − | }
| |
| − |
| |
| − | #header {
| |
| − |
| |
| − | background: #fff;
| |
| − | color: #555f66;
| |
| − | cursor: default;
| |
| − | height: 3em;
| |
| − | left: 0;
| |
| − | line-height: 3em;
| |
| − | position: fixed;
| |
| − | top: 0;
| |
| − | width: 100%;
| |
| − | z-index: 10000;
| |
| − | box-shadow: 0 0 0.1em 0 rgba(0, 0, 0, 0.25);
| |
| − | }
| |
| − |
| |
| − | #header h1 {
| |
| − | color: #666f77;
| |
| − | font-weight: 500;
| |
| − | height: inherit;
| |
| − | left: 1.25em;
| |
| − | line-height: inherit;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | }
| |
| − |
| |
| − | #header h1 a {
| |
| − | font-size:1.25em;
| |
| − | }
| |
| − |
| |
| − | #header nav {
| |
| − | height: inherit;
| |
| − | line-height: inherit;
| |
| − | position:absolute;
| |
| − | right: 1.25em;
| |
| − | top: 0;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − |
| |
| − | #header nav > ul {
| |
| − | list-style: none;
| |
| − | margin: 0;
| |
| − | padding-left: 0;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #header nav > ul > li {
| |
| − | border-radius: 6px;
| |
| − | display: inline-block;
| |
| − | margin-left: 2em;
| |
| − | padding-left: 0;
| |
| − | }
| |
| − |
| |
| − | #header nav > ul > li a {
| |
| − | -moz-transition: color 0.2s ease-in-out;
| |
| − | -webkit-transition: color 0.2s ease-in-out;
| |
| − | -o-transition: color 0.2s ease-in-out;
| |
| − | -ms-transition: color 0.2s ease-in-out;
| |
| − |
| |
| − | transition: color 0.2s ease-in-out;
| |
| − | color: #555f66;
| |
| − | display: inline-block;
| |
| − | text-decoration: none;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #header nav > ul > li a:hover {
| |
| − | color: #629DD1;
| |
| − | }
| |
| − |
| |
| − | #header nav > ul > li:first-child {
| |
| − | margin-left: 0;
| |
| − | }
| |
| − |
| |
| − | #header nav > ul > li .button {
| |
| − | height: 2.25em;
| |
| − | line-height: 2.25em;
| |
| − | margin-bottom: 0;
| |
| − | padding: 0 1em;
| |
| − | position: relative;
| |
| − | top: -0.075em;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − |
| |
| − | #header .container {
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | #header .container h1 {
| |
| − | left: 0;
| |
| − | }
| |
| − |
| |
| − | #header .container nav {
| |
| − | right: 0;
| |
| − | }
| |
| − |
| |
| | | | |
| | /* List */ | | /* List */ |
Revision as of 20:38, 16 September 2015
@charset "UTF-8";
@import url(font-awesome.min.css);
@import url("http://fonts.googleapis.com/css?family=Roboto:500,300");
/*
Ion by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
/* Basic */
body{
color: #555f66;
font-family: "Roboto", Helvetica, sans-serif;
font-size: 10pt;
font-weight: 200;
line-height: 1.75em;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
/* List */
li ul {display: none;}
ul li a {display: block;padding: 5px 10px 5px 10px;text-decoration: none;
white-space: nowrap;color: #000;}
ul li a:hover {text-decoration: underline}
li:hover ul {display: block; position: absolute;}
li:hover li {float: none;}
li:hover a {}
li:hover li a:hover {}
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;
text-align:center;
}
ul li {
padding-left: 0.5em;
display:inline-block;
}
ul.alt {
list-style: none;
padding-left: 0;
}
ul.alt li {
border-top: solid 1px rgba(144, 144, 144, 0.25);
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 1.25em 0 0;
}
ul.icons li:last-child {
padding-right: 0;
}
ul.icons li .icon:before {
font-size: 1.5em;
}
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;
}
dl {
margin: 0 0 2em 0;
}