Team:WHU-China/assets/main.css

From 2014.igem.org

(Difference between revisions)
Line 20: Line 20:
ul { list-style: none; }
ul { list-style: none; }
-
/* general */
 
.hidden { display: none; visibility: visible; }
.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 */
-
nav { position: fixed; top: 0; left: 0; height: 100%; width: 10em; }
+
nav {
-
nav>ul { list-style: none; }
+
    position: fixed;
-
nav>ul>li a { display: block; height: 1em; padding: 0.5em; }
+
    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 { background: transparent; }
+
nav ul {
-
nav>ul>li { color: #000; }
+
    list-style: none;
 +
}
 +
nav>ul>li a {
 +
    display: block;
 +
    height: 1em;
 +
    padding: 0.5em;
 +
}
-
nav>ul>li:hover { background: #000; color: #fff; }
+
nav>ul>ul {
-
nav>ul>li.current { background: #000; color: #fff; }
+
    padding: 0.2em 0.5em;
 +
    font-size: 0.8em;
 +
}
 +
nav>ul>ul>li a {
 +
    display: block;
 +
    padding: 0.2em 0.5em;
 +
}
-
nav>ul>ul { padding: 0.2em 0; list-style: none; }
+
nav li:hover {
-
nav>ul>ul>li { margin: 0 0.5em; padding: 0.2em 0; }
+
    color: #fff;
-
nav>ul>ul>li:hover { background: #000; color: #fff; }
+
}
-
 
+
nav li.current {
-
nav>ul>ul>li a { display: block; margin-left: 0.5em; padding-left: 0.5em; /*border-left: 3px solid #000;*/ }
+
    color: #fff;
-
/*nav>ul>ul>li:hover a { border-left: 3px solid #fff; }*/
+
}
-
 
+
-
nav { text-align: left; }
+
-
 
+
-
nav { z-index: 1000; }
+
-
 
+
-
/* dirty default removed */
+
-
nav a { color: inherit !important; }
+
-
ul, li { line-height: inherit !important; }
+
/* main */
/* main */
-
/* main { margin-left: 13em; } */
+
main>section {
-
main > section {padding-left: 12em; position: relative; }
+
    position: relative;
-
 
+
-
section h1 { margin: 0 0 1em; }
+
-
 
+
-
section#home {
+
     height: 100%;
     height: 100%;
 +
    padding-left: 15em;
 +
}
 +
#home {
 +
    background-image: url(/File:canvas1.png);
 +
}
 +
#project {
 +
    background-image: url(/File:canvas2.png);
 +
}
 +
#results {
 +
    background-image: url(/File:canvas3.png);
 +
}
 +
#modeling {
 +
    background-image: url(/File:canvas4.png);
 +
}
 +
#achieve {
 +
    background-image: url(/File:canvas5.png);
 +
}
 +
#practice {
 +
    background-image: url(/File:canvas6.png);
 +
}
 +
#team {
 +
    background-image: url(/File:canvas3.png);
 +
}
 +
#safety {
 +
    background-image: url(footages/backgrounds/wacaco/canvas4.png);
 +
}
 +
#notebook {
 +
    background-image: url(footages/backgrounds/wacaco/canvas5.png);
}
}

Revision as of 00:53, 18 October 2014

/* 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 */ main>section { 

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

}

  1. home { 
   background-image: url(/File:canvas1.png);

}

  1. project { 
   background-image: url(/File:canvas2.png);

}

  1. results { 
   background-image: url(/File:canvas3.png);

}

  1. modeling { 
   background-image: url(/File:canvas4.png);

}

  1. achieve { 
   background-image: url(/File:canvas5.png);

}

  1. practice { 
   background-image: url(/File:canvas6.png);

}

  1. team { 
   background-image: url(/File:canvas3.png);

}

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

}

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

}

Retrieved from "http://2014.igem.org/Team:WHU-China/assets/main.css"