Template:Team:HokkaidoU Japan/CSS

From 2014.igem.org

(Difference between revisions)
 
(45 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:HokkaidoU_Japan/Common/CSS}}
<html>
<html>
<style type="text/css">
<style type="text/css">
-
 
-
body {
 
-
  background: #ffffff;
 
-
}
 
-
 
-
#globalWrapper {
 
-
  position: absolute;
 
-
  top: 0;
 
-
  left: 0;
 
-
  width: 100%;
 
-
  height: 0;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  border: 0;
 
-
  font-size: 100%;
 
-
}
 
-
 
-
#content {
 
-
  position: absolute;
 
-
  top: 0;
 
-
  left: 0;
 
-
  width: 100%;
 
-
  height: 0;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  border: 0;
 
-
  font-size: 100%;
 
-
}
 
-
 
-
#bodyContent {
 
-
  position: absolute;
 
-
  top: 0;
 
-
  left: 0;
 
-
  width: 100%;
 
-
  height: 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;
 
-
}
 
-
 
-
#top_header {
 
-
  width: 100%;
 
-
  height: 130px;
 
-
  background-color: black;
 
-
}
 
-
 
-
#top_univ {
 
-
  position: relative;
 
-
  text-align:center;
 
-
  margin: 0 auto;
 
-
  font-size: 30px;
 
-
  top: 45px;
 
-
}
 
-
 
-
#top_button {
 
-
  position: relative;
 
-
  width: 640px;
 
-
  top: 55px;
 
-
  background:transparent;
 
-
  color: red;
 
-
  text-align: center;
 
-
  margin: 0 auto;
 
-
}
 
-
 
-
#top_button ul {
 
-
  text-align:center;
 
-
  margin: 0 auto;
 
-
}
 
-
 
-
#top_button li {
 
-
  position: relative;
 
-
  display: inline-block;
 
-
  margin-right: 10px;
 
-
  margin-left: 10px;
 
-
}
 
-
 
-
#top_button a {
 
-
  display: block;
 
-
}
 
-
 
-
 
-
#top_logo_snow {
 
-
  position: relative;
 
-
  margin: 0 auto;
 
-
  left: 30px;
 
-
  background-image: url ()
 
-
}
 
-
 
-
 
-
/*
 
-
  jQuery MegaMenu Plugin
 
-
  Author: GeekTantra
 
-
  Author URI: http://www.geektantra.com
 
-
*/
 
-
ul.megamenu {
 
-
  background-color: transparent;
 
-
  border-top: 1px solid transparent;
 
-
  border-bottom: 1px solid transparent;
 
-
  margin: 0px auto;
 
-
  padding: 5px 10px;
 
-
  list-style: none;
 
-
  display: none;
 
-
}
 
-
 
-
ul.megamenu li.mm-item {
 
-
}
 
-
 
-
ul.megamenu li {
 
-
  margin: 0px;
 
-
  padding: 0px;
 
-
}
 
-
 
-
ul.megamenu li.clear-fix {
 
-
  float: none;
 
-
  clear: both;
 
-
  margin: 0px;
 
-
  padding: 0px;
 
-
  height: 0px;
 
-
  font-size: 0px;
 
-
  line-height: 0px;
 
-
}
 
-
 
-
ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
 
-
  position: relative;
 
-
  display: inline-block;
 
-
  color: #FFF;
 
-
  padding: 8px 15px;
 
-
  margin: 0px 3px 0px 0px;
 
-
  text-decoration: none;
 
-
  z-index: 10;
 
-
  font-size: 14px;
 
-
  border-top: 1px solid transparent;
 
-
  border-left: 1px solid transparent;
 
-
  border-right: 1px solid transparent;
 
-
}
 
-
*html ul.megamenu a.mm-item-link:link, *html ul.megamenu a.mm-item-link:visited {
 
-
  border-color: pink;
 
-
  filter: chroma(color=pink);
 
-
}
 
-
 
-
ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {
 
-
  color: #444;
 
-
  background: #transparent;
 
-
  border-top: 1px solid #transparent;
 
-
  border-left: 1px solid #transparent;
 
-
  border-right: 1px solid #transparent;
 
-
  -moz-border-radius: 3px 3px 0px 0px;
 
-
  border-radius: 3px 3px 0px 0px;
 
-
}
 
-
 
-
ul.megamenu div.mm-item-content {
 
-
  background: #000;
 
-
  padding: 0px;
 
-
  position: fixed;
 
-
  right: 0px;
 
-
  border: 1px solid #777;
 
-
  z-index: 9;
 
-
}
 
-
 
-
.mm-content-base {
 
-
  background: white;
 
-
  position: relative;
 
-
  z-index: 11;
 
-
  padding: 10px;
 
-
}
 
-
 
-
.mm-js-shadow {
 
-
  background: black;
 
-
  position: absolute;
 
-
  z-index: 10;
 
-
}
 
-
 
-
/* Mega menu end */
 
</style>
</style>
</html>
</html>

Latest revision as of 12:51, 13 October 2014