Team:HokkaidoU Japan/CSS

From 2014.igem.org

(Difference between revisions)
Line 116: Line 116:
#top-section {
#top-section {
   border: none;
   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;
}
}

Revision as of 05:24, 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;

}

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

}

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

}

  1. bodyContent { 
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 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;

}

Retrieved from "http://2014.igem.org/Team:HokkaidoU_Japan/CSS"