|
|
| Line 3: |
Line 3: |
| | <style> | | <style> |
| | | | |
| − | * {
| + | html, body, div, span, applet, object, iframe, |
| − | box-sizing: border-box; | + | h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
| | + | a, abbr, acronym, address, big, cite, code, |
| | + | del, dfn, em, img, ins, kbd, q, s, samp, |
| | + | small, strike, strong, sub, sup, tt, var, |
| | + | b, u, i, center, |
| | + | dl, dt, dd, ol, ul, li, |
| | + | fieldset, form, label, legend, |
| | + | table, caption, tbody, tfoot, thead, tr, th, td, |
| | + | article, aside, canvas, details, embed, |
| | + | figure, figcaption, footer, header, hgroup, |
| | + | menu, nav, output, ruby, section, summary, |
| | + | time, mark, audio, video { |
| | + | margin: 0; |
| | + | padding: 0; |
| | + | border: 0; |
| | + | font-size: 100%; |
| | + | font: inherit; |
| | + | vertical-align: baseline; |
| | } | | } |
| − | *[hidden] { | + | /* HTML5 display-role reset for older browsers */ |
| − | display: none; | + | article, aside, details, figcaption, figure, |
| | + | footer, header, hgroup, menu, nav, section { |
| | + | display: block; |
| | } | | } |
| | body { | | body { |
| − | margin: 0px; | + | line-height: 1; |
| | } | | } |
| − | a:hover {
| + | ol, ul { |
| − | text-decoration: underline !important; | + | list-style: none; |
| | } | | } |
| − | hr {
| + | blockquote, q { |
| − | background-color: transparent; | + | quotes: none; |
| − | border: 0;
| + | |
| − | border-bottom: 1px dashed #cd00cd;
| + | |
| − | margin: 30px;
| + | |
| | } | | } |
| − | p,
| + | blockquote:before, blockquote:after, |
| − | #bodyContent li,
| + | q:before, q:after { |
| − | #bodyContent td {
| + | content: ''; |
| − | font: 15px "Open Sans", Helvetica, sans-serif; | + | content: none; |
| − | margin-bottom: 10px; | + | |
| | } | | } |
| | table { | | table { |
| − | margin: auto;
| + | border-collapse: collapse; |
| − | }
| + | border-spacing: 0; |
| − | thead td {
| + | |
| − | border-bottom: 1px solid #cd00cd; | + | |
| − | font-weight: bold;
| + | |
| − | }
| + | |
| − | h1 {
| + | |
| − | color: #333;
| + | |
| − | font: 28px Raleway;
| + | |
| − | margin: 8px 0px;
| + | |
| − | }
| + | |
| − | h2 {
| + | |
| − | color: #333;
| + | |
| − | font: 22px Raleway;
| + | |
| − | }
| + | |
| − | h3 {
| + | |
| − | color: #b800b8;
| + | |
| − | font: 16px normal "Open Sans", Helvetica, sans-serif;
| + | |
| − | text-align: middle;
| + | |
| − | }
| + | |
| − | .uocover {
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-position: center bottom;
| + | |
| − | background-size: cover;
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2015/9/9f/Uo2015-cover.jpg");
| + | |
| − | border-bottom: 2px solid #cd00cd; | + | |
| − | height: 700px;
| + | |
| − | overflow: hidden;
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | .uocover .uocover-content {
| + | |
| − | margin: auto;
| + | |
| − | margin-top: 120px;
| + | |
| − | text-align: right;
| + | |
| − | width: 700px;
| + | |
| − | }
| + | |
| − | .uocover .uocover-content span {
| + | |
| − | background-color: rgba(240,240,240,0.75);
| + | |
| − | padding: 0px 3px;
| + | |
| − | }
| + | |
| − | .uocover .uocover-content .big {
| + | |
| − | color: #333;
| + | |
| − | font: 800 46px Raleway;
| + | |
| − | }
| + | |
| − | .uocover .uocover-content .small {
| + | |
| − | color: #90008f;
| + | |
| − | font: 18px/24px "Open Sans";
| + | |
| − | }
| + | |
| − | .noborder nav {
| + | |
| − | border-bottom: 0;
| + | |
| − | }
| + | |
| − | nav {
| + | |
| − | border-bottom: 2px solid #cd00cd;
| + | |
| − | font-family: Raleway;
| + | |
| − | font-size: 17px;
| + | |
| − | margin-bottom: 15px;
| + | |
| − | padding: 10px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | nav.noborder {
| + | |
| − | border-bottom: 0;
| + | |
| − | }
| + | |
| − | nav a {
| + | |
| − | color: #ae00ae !important;
| + | |
| − | margin-right: 30px;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | nav a:last-child {
| + | |
| − | margin-right: 0px;
| + | |
| − | }
| + | |
| − | .uowrapper {
| + | |
| − | margin: auto;
| + | |
| − | max-width: 1148px;
| + | |
| − | width: 90%;
| + | |
| − | }
| + | |
| − | .uomenu {
| + | |
| − | float: left;
| + | |
| − | margin-top: 9px;
| + | |
| − | padding-right: 15px;
| + | |
| − | text-align: right;
| + | |
| − | width: 24%;
| + | |
| − | }
| + | |
| − | .uomenu header {
| + | |
| − | border-bottom: 1px dotted #666;
| + | |
| − | font: 18px Raleway;
| + | |
| − | padding: 15px 0px;
| + | |
| − | }
| + | |
| − | .uomenu a {
| + | |
| − | color: #666;
| + | |
| − | display: block;
| + | |
| − | font: 14px Raleway;
| + | |
| − | margin: 15px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | .uocontent {
| + | |
| − | float: left;
| + | |
| − | width: 75%;
| + | |
| − | }
| + | |
| − | figure {
| + | |
| − | border: 1px solid #999;
| + | |
| − | border-radius: 7px;
| + | |
| − | font-size: 0px;
| + | |
| − | margin: 10px auto;
| + | |
| − | max-width: 70%;
| + | |
| − | padding: 7px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | figure img {
| + | |
| − | max-width: 100%;
| + | |
| − | }
| + | |
| − | figure p {
| + | |
| − | color: #666;
| + | |
| − | font: 14px Raleway;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | figure.full {
| + | |
| − | max-width: 100%;
| + | |
| | } | | } |
| − |
| |
| | | | |
| | </style> | | </style> |
| | </html> | | </html> |