Team:HokkaidoU Japan/CSS

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/**
 
-
* 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 {
body {
   background: #ffffff;
   background: #ffffff;

Revision as of 06:23, 15 August 2014

body {

 background: #ffffff;

}

  1. globalWrapper {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;

}

  1. content {
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 color:white;

}

  1. bodyContent {
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;

}

  1. p-logo {
 display: none;

}

  1. footer-box {
 display: none;

}

  1. catlinks {
 display: none;

}

.firstHeading {

 display: none;

}

  1. search-controls {
 display: none;

}

  1. 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;

}

  1. background {
 position: absolute;
 top: 0;
 width: 100%;
 margin: 0;
 padding: 0;

}

.wrapper {

 width: 960px;
 margin: 0 auto 0;

}

.clearfix {

 clear: both;
 height: 0;

}

  1. hokkaidou-contents {
 font-family: 'Open Sans', sans-serif;
 width: 880px;
 margin: 60px auto 0;

}

  1. hokkaidou-contents h1 {
 font-size: 44px;
 line-height: 52px;
 margin: 90px 0 20px;

}

  1. hokkaidou-contents h2 {
 font-size: 32px;
 line-height: 40px;
 margin: 50px 0 10px;

}

  1. hokkaidou-contents h3 {
 font-size: 22px;
 line-height: 28px;
 margin: 30px 0 10px;

}

  1. hokkaidou-contents p {
 margin: 30px 0 0;

}

  1. hokkaidou-contents p:first-letter {
 margin-left: 20px;

}

  1. hokkaidou-contents h1 + p, #hokkaidou-contents h2 + p, #hokkaidou-contents h3 + p {
 margin: 0;

}

  1. hokkaidou-contents sup {
 vertical-align: super;
 font-size: smaller;

}

  1. hokkaidou-contents .fig {
 float: right;
 padding: 30px;

}

  1. hokkaidou-contents .fig div {
 font-size: 14px;
 line-height: 20px;
 padding-top: 20px;
 text-align: center;

}

  1. hokkaidou-contents .fig200 {
 width: 160px;

}

  1. hokkaidou-contents .fig200 img {
 width: 160px;

}

  1. hokkaidou-contents .fig300 {
 width: 260px;

}

  1. hokkaidou-contents .fig300 img {
 width: 260px;

}

  1. hokkaidou-contents .fig400 {
 width: 360px;

}

  1. hokkaidou-contents .fig400.para {
 float: left;
 padding: 30px 40px;

}

  1. hokkaidou-contents .fig400 img {
 width: 360px;

}

  1. hokkaidou-contents .fig800 {
 float: none;
 width: 800px;
 margin: 30px auto;

}

  1. hokkaidou-contents .fig800 img {
 width: 800px;

}

  1. hokkaidou-contents .citation-list {
 margin-top: 40px;

}

  1. redbox {
 background:red;
 width: 100%;
 height:50px;

}