Team:WHU-China/assets/main.css

From 2014.igem.org

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

/* pre init */

  1. globalWrapper, #content, #bodyContent { margin: 0; padding: 0; width: 100%; border: 0; line-height: inherit; }
  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 */

  • { 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 */ html, body {

   height: 100%;

} main {

   display: block;
   width: 100%;
   height: 100%;

} main>section {

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

}

  1. home {
   background-image: url("Canvas2.png");

}

  1. project {
   background-image: url("Canvas1.png");

}

  1. results {
   background-image: url("Canvas3.png");

}

  1. modeling {
   background-image: url("Canvas4.png");

}

  1. achieve {
   background-image: url("Canvas5.png");

}

  1. practice {
   background-image: url("Canvas6.png");

}

  1. team {
   background-image: url("Canvas3.png");

}

  1. safety {
   background-image: url("Canvas4.png");

}

  1. notebook {
   background-image: url("Canvas5.png");

}