Team:WHU-China/assets/main.js

From 2014.igem.org

Revision as of 03:37, 18 October 2014 by Betamint (Talk | contribs)

/* pre init */

  1. globalWrapper, #content, #bodyContent { margin: 0; padding: 0; width: 100%; border: 0; line-height: inherit; height: 100%;}
  2. content>a, #content>h1, #contentSub, #bodyContent>p, #bodyContent>h3, #bodyContent>div, #footer-box { display: none; }
  1. top-section { position: absolute; border: 0; height: 12px; font-size: 14px; z-index: 2000; }
  2. p-logo, #search-controls { display: none; }
  3. top-section .left-menu ul { display: none; }
  4. top-section:hover .left-menu ul { display: block; }
  5. top-section ul { margin: 0.3em 0px 0px 1.5em; }
  1. globalWrapper { font-size: inherit; }

/* init */ html { height: 100%; }

  • { padding: 0; margin: 0; }

body { height: 100%; background: transparent; font-size: 16px; font-family: serif; line-height: 1.15em; } a, a:hover, a:active, a:link { color: inherit; text-decoration: none; } /* a[name] { position: absolute; top: -3em; } */

ul, li { padding: 0; margin: 0; line-height: inherit; } ul { list-style: none; }

.hidden { display: none; visibility: visible; } .no-exist { display: none; }

/* dirty default removed */ nav a { color: inherit !important; } ul, li { line-height: inherit !important; }

/* nav */ nav {

   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 14em;
   z-index: 1000;
   background: transparent;
   color: #f3f3f3;
   text-align: right;
   font-family: sans-serif;
   font-weight: 600;

}

nav ul {

   list-style: none;

} nav>ul>li a {

   display: block;
   height: 1em;
   padding: 0.5em;

}

nav>ul>ul {

   padding: 0.2em 0.5em;
   font-size: 0.8em;

} nav>ul>ul>li a {

   display: block;
   padding: 0.2em 0.5em;

}

nav li:hover {

   color: #fff;

} nav li.current {

   color: #fff;

}

/* main */ main>section {

   position: relative;
   height: 100%;
   padding-left: 15em;

}

  1. home {
   background-image: url(footages/backgrounds/wacaco/b1.png);

}

  1. project {
   background-image: url(footages/backgrounds/wacaco/b2.png);

}

  1. results {
   background-image: url(footages/backgrounds/wacaco/b3.png);

}

  1. modeling {
   background-image: url(footages/backgrounds/wacaco/b4.png);

}

  1. achieve {
   background-image: url(footages/backgrounds/wacaco/b5.png);

}

  1. practice {
   background-image: url(footages/backgrounds/wacaco/b6.png);

}

  1. team {
   background-image: url(footages/backgrounds/wacaco/b3.png);

}

  1. safety {
   background-image: url(footages/backgrounds/wacaco/b4.png);

}

  1. notebook {
   background-image: url(footages/backgrounds/wacaco/b5.png);

}

ref { font-size: 0.6em; } main { width: 720px; padding-left: 14em; margin: auto; }

.line-wrapper { position: relative; } .line-wrapper div { float: left; padding: 1em 20px; } .clearfix { clear: both; }