"
Team:HokkaidoU Japan/CSS
From 2014.igem.org
| Line 63: | Line 63: | ||
left: 0; | left: 0; | ||
width: 100%; | width: 100%; | ||
| - | height: | + | height: 100%; |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
Revision as of 06:17, 15 August 2014
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe, 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;
}
/* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ul {
list-style: disc;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: ; content: none;
}
table {
border-collapse: collapse; border-spacing: 0;
}
body {
background: #ffffff;
}
- globalWrapper {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; font-size: 100%;
}
- content {
position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; font-size: 100%;
}
- bodyContent {
position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; font-size: 100%;
}
- p-logo {
display: none;
}
- footer-box {
display: none;
}
- catlinks {
display: none;
}
.firstHeading {
display: none;
}
- search-controls {
display: none;
}
- top-section {
border: none;
}
html {
overflow-y: scroll;
}
body {
font-size: 18px; line-height: 28px; text-align: justify;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Rosario', sans-serif;
}
ul, ol {
margin-left: 40px;
}
th, td {
padding: 0 10px;
}
th {
font-family: 'Rosario', sans-serif;
}
dt {
margin-left: 20px;
}
dd {
margin-left: 60px;
}
- background {
position: absolute; top: 0; width: 100%; margin: 0; padding: 0;
}
.wrapper {
width: 960px; margin: 0 auto 0;
}
.clearfix {
clear: both; height: 0;
}
- hokkaidou-contents {
font-family: 'Open Sans', sans-serif; width: 880px; margin: 60px auto 0;
}
- hokkaidou-contents h1 {
font-size: 44px; line-height: 52px; margin: 90px 0 20px;
}
- hokkaidou-contents h2 {
font-size: 32px; line-height: 40px; margin: 50px 0 10px;
}
- hokkaidou-contents h3 {
font-size: 22px; line-height: 28px; margin: 30px 0 10px;
}
- hokkaidou-contents p {
margin: 30px 0 0;
}
- hokkaidou-contents p:first-letter {
margin-left: 20px;
}
- hokkaidou-contents h1 + p, #hokkaidou-contents h2 + p, #hokkaidou-contents h3 + p {
margin: 0;
}
- hokkaidou-contents sup {
vertical-align: super; font-size: smaller;
}
- hokkaidou-contents .fig {
float: right; padding: 30px;
}
- hokkaidou-contents .fig div {
font-size: 14px; line-height: 20px; padding-top: 20px; text-align: center;
}
- hokkaidou-contents .fig200 {
width: 160px;
}
- hokkaidou-contents .fig200 img {
width: 160px;
}
- hokkaidou-contents .fig300 {
width: 260px;
}
- hokkaidou-contents .fig300 img {
width: 260px;
}
- hokkaidou-contents .fig400 {
width: 360px;
}
- hokkaidou-contents .fig400.para {
float: left; padding: 30px 40px;
}
- hokkaidou-contents .fig400 img {
width: 360px;
}
- hokkaidou-contents .fig800 {
float: none; width: 800px; margin: 30px auto;
}
- hokkaidou-contents .fig800 img {
width: 800px;
}
- hokkaidou-contents .citation-list {
margin-top: 40px;
}
- redbox {
background:red; width: 100%; height:50px;
}
