|
|
| Line 821: |
Line 821: |
| | /* Section/Article */ | | /* Section/Article */ |
| | | | |
| − | | + | section.special, article.special { |
| − | /* --Header */
| + | text-align: center; |
| − | | + | |
| − | body {
| + | |
| − | padding-top: 3em; | + | |
| | } | | } |
| | | | |
| − | #header { | + | header p { |
| − | display: -moz-flex; | + | font-family: "Raleway", Helvetica, sans-serif; |
| − | display: -webkit-flex;
| + | font-size: 0.7em; |
| − | display: -ms-flex; | + | font-weight: 400; |
| − | display: flex;
| + | letter-spacing: 0.25em; |
| − | -moz-justify-content: space-between; | + | line-height: 2.5; |
| − | -webkit-justify-content: space-between; | + | margin-top: -1em; |
| − | -ms-justify-content: space-between;
| + | text-transform: uppercase; |
| − | justify-content: space-between;
| + | |
| − | background-color: #444;
| + | |
| − | border-bottom: solid 1px rgba(160, 160, 160, 0.3);
| + | |
| − | height: 3.5em;
| + | |
| − | left: 0;
| + | |
| − | line-height: 3.5em; | + | |
| − | position: fixed;
| + | |
| − | top: 1em; | + | |
| − | width: 100%; | + | |
| − | z-index: 10000;
| + | |
| | } | | } |
| | | | |
| − | #header a {
| + | /* --Header */ |
| − | color: #fff;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| | | | |
| − | #header ul {
| + | |
| − | list-style: none;
| + | |
| − | margin: 0;
| + | |
| − | padding-left: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header ul li {
| + | |
| − | display: inline-block;
| + | |
| − | padding-left: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header h1 {
| + | |
| − | height: inherit;
| + | |
| − | line-height: inherit;
| + | |
| − | padding: 0 0 0 1.5em;
| + | |
| − | white-space: nowrap;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header h1 a {
| + | |
| − | font-size: 0.7em;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header .links {
| + | |
| − | -moz-flex: 1;
| + | |
| − | -webkit-flex: 1;
| + | |
| − | -ms-flex: 1;
| + | |
| − | flex: 1;
| + | |
| − | border-left: solid 1px rgba(160, 160, 160, 0.3);
| + | |
| − | height: inherit;
| + | |
| − | line-height: inherit;
| + | |
| − | margin-left: 1.5em;
| + | |
| − | overflow: hidden;
| + | |
| − | padding-left: 1.5em;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header .links ul li {
| + | |
| − | border-left: solid 1px rgba(160, 160, 160, 0.3);
| + | |
| − | line-height: 1;
| + | |
| − | margin-left: 1em;
| + | |
| − | padding-left: 1em;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header .links ul li:first-child {
| + | |
| − | border-left: 0;
| + | |
| − | margin-left: 0;
| + | |
| − | padding-left: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header .links ul li a {
| + | |
| − | border-bottom: 0;
| + | |
| − | font-family: "Raleway", Helvetica, sans-serif;
| + | |
| − | font-size: 0.7em;
| + | |
| − | font-weight: 400;
| + | |
| − | letter-spacing: 0.25em;
| + | |
| − | text-transform: uppercase;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header .main {
| + | |
| − | height: inherit;
| + | |
| − | line-height: inherit;
| + | |
| − | text-align: right;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header .main ul {
| + | |
| − | height: inherit;
| + | |
| − | line-height: inherit;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header .main ul li {
| + | |
| − | border-left: solid 1px rgba(160, 160, 160, 0.3);
| + | |
| − | height: inherit;
| + | |
| − | line-height: inherit;
| + | |
| − | white-space: nowrap;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header .main ul li > * {
| + | |
| − | display: block;
| + | |
| − | float: left;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header .main ul li > a {
| + | |
| − | text-decoration: none;
| + | |
| − | border-bottom: 0;
| + | |
| − | color: #aaaaaa;
| + | |
| − | overflow: hidden;
| + | |
| − | position: relative;
| + | |
| − | text-indent: 4em;
| + | |
| − | width: 4em;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header .main ul li > a:before {
| + | |
| − | -moz-osx-font-smoothing: grayscale;
| + | |
| − | -webkit-font-smoothing: antialiased;
| + | |
| − | font-family: FontAwesome;
| + | |
| − | font-style: normal;
| + | |
| − | font-weight: normal;
| + | |
| − | text-transform: none !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header .main ul li > a:before {
| + | |
| − | display: block;
| + | |
| − | height: inherit;
| + | |
| − | left: 0;
| + | |
| − | line-height: inherit;
| + | |
| − | position: absolute;
| + | |
| − | text-align: center;
| + | |
| − | text-indent: 0;
| + | |
| − | top: 0;
| + | |
| − | width: inherit;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header form {
| + | |
| − | margin: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header form input {
| + | |
| − | display: inline-block;
| + | |
| − | height: 2.5em;
| + | |
| − | position: relative;
| + | |
| − | top: -2px;
| + | |
| − | vertical-align: middle;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header #search {
| + | |
| − | -moz-transition: all 0.5s ease;
| + | |
| − | -webkit-transition: all 0.5s ease;
| + | |
| − | -ms-transition: all 0.5s ease;
| + | |
| − | transition: all 0.5s ease;
| + | |
| − | max-width: 0;
| + | |
| − | opacity: 0;
| + | |
| − | overflow: hidden;
| + | |
| − | padding: 0;
| + | |
| − | white-space: nowrap;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header #search input {
| + | |
| − | width: 12em;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header #search.visible {
| + | |
| − | max-width: 12.5em;
| + | |
| − | opacity: 1;
| + | |
| − | padding: 0 0.5em 0 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | @media screen and (max-width: 980px) {
| + | |
| − | | + | |
| − | #header .links {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | @media screen and (max-width: 736px) {
| + | |
| − | | + | |
| − | #header {
| + | |
| − | height: 2.75em;
| + | |
| − | line-height: 2.75em;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header h1 {
| + | |
| − | padding: 0 0 0 1em;
| + | |
| − | }
| + | |
| − | | + | |
| − | #header .main .search {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | }
| + | |
| | | | |
| | /* Wrapper */ | | /* Wrapper */ |
