Team:AHUT China/Template/CSS RESET

From 2014.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
/* hiding the top section*/
/* hiding the top section*/
-
body{position:absolute; top:0px; width:100%; height:1300px;}
+
body{position:absolute; top:0px; width:100%;}
#top-section{
#top-section{
   height:0px;
   height:0px;
Line 8: Line 8:
     width:980px;
     width:980px;
     margin:0 auto;
     margin:0 auto;
-
     padding:0 0 0 0;
+
     padding:0;
     background-color:transparent;
     background-color:transparent;
     overflow:hide;
     overflow:hide;
Line 24: Line 24:
     background-color:transparent;
     background-color:transparent;
     border:none;
     border:none;
-
     width:1200px;
+
     width:100%;
     height:700px;
     height:700px;
     marign:0 auto;
     marign:0 auto;
     padding:0 0 0 0;
     padding:0 0 0 0;
-
    top:-20px;
 
     }
     }
#bodyContent{
#bodyContent{
     background-color:transparent;
     background-color:transparent;
     border:none;
     border:none;
-
      
+
     margin-top:-20px;
     }
     }
siteSub{
siteSub{
Line 55: Line 54:
     float:left;
     float:left;
     white-space: nowrap;
     white-space: nowrap;
-
    top:-6px;
 
     width: 490px;
     width: 490px;
     z-index: 5000;
     z-index: 5000;
-
    font-family: sans-serif;
 
-
    font-size: 95%;
 
-
    line-height: 1em;
 
-
    z-index:99;
 
}
}
-
 
+
#menubar ul:hover {
-
 
+
    background:black;
-
.left-menu, .left-menu a {
+
}
 +
#menubar ul li a {
 +
    filter:alpha(opacity=0);
 +
    -moz-opacity:0;
 +
    opacity:0;
     text-align: left;
     text-align: left;
     color:#999999;
     color:#999999;
     text-transform: lowercase;
     text-transform: lowercase;
}
}
-
 
+
#menubar ul:hover li a{
-
.left-menu:hover {
+
    filter:alpha(opacity=100);
-
     color: #D00000;
+
    -moz-opacity:1;
 +
    opacity:1;
 +
     color: #fff;
     background-color: transparent;
     background-color: transparent;
}
}
Line 80: Line 80:
     right: 0px;
     right: 0px;
     text-align: right;
     text-align: right;
-
     color: #999999;
+
     color: #fff;
}
}
#menubar ul {
#menubar ul {
-
    color: #999999;
 
     list-style: none;
     list-style: none;
}
}
Line 92: Line 91:
     padding-left: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-right: 0px;
 +
    color:#fff;
}
}
-
.left-menu li a {
+
.left-menu ul li:last-child {
-
     padding: 0px 10px 0px 0px;
+
     filter:alpha(opacity=0);
 +
    -moz-opacity:0;
 +
    opacity:0;
}
}
-
.left-menu .selected {
+
.left-menu ul:hover li:last-child {
-
#    color: #999999;
+
    filter:alpha(opacity=100);
 +
    -moz-opacity:1;
 +
    opacity:1;
}
}
-
#.left-menu .selected:hover {
 
-
#    color: #999999;
 
-
#}
 
-
.left-menu:hover a {
 
-
    color: #999999;;
 
-
}
 
-
.left-menu li a:hover {
 
-
    color: #D00000;
 
-
    text-decoration: underline;
 
-
}
 
-
 
-
 
-
.right-menu li {
 
-
#    background-color: transparent;
 
-
}
 
-
.right-menu li a {
 
-
    padding: 0px 15px 0px 0px;
 
-
    color: #999999;;
 
-
    background-color: transparent;
 
-
}
 
-
.right-menu li a:hover {
 
-
    color: #D00000;
 
-
    text-decoration: underline;
 
-
}
 
/* end menu (edit, page ...) */
/* end menu (edit, page ...) */
-
/* navigation bar*/
+
/*Thanks for Peking University 2013*/
-
 
+
-
#navigationblock{background-color:#fafaf8; position:fixed; top:0px; width:1200px; height:130px; overflow:hidden; font-family:Calibri, Arial; float:left; margin:0px; padding:0px; z-index:1000; border-bottom:1px solid #d3d7d8;}
+
-
#navbarlogo{position:absolute; top:0px; left:0px; width:1200px}
+
-
#navigationbar{position:absolute; left:460px; top:38px; font-size:16px; font-weight:100; color:black;}
+
-
#navigationbar > li {display:block; list-style-type:none; float:left; width:75px; height:30px; text-align:center; }
+
-
 
+
-
.Navbar_Item{background-color:transparent;}
+
-
.Navbar_Item a {color:black; text-decoration:none;}
+
-
.Navbar_Item > ul {display:none; width:900px; height:80px; text-align:center; color:black; z-index:1100; }
+
-
.Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;}
+
-
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
+
-
.Navbar_Item:hover > ul{zoom:1; display:block;}
+
-
.Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;}
+
-
.Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
+
-
.Navbar_Item > ul > li:hover >a {color:#D00000}
+
-
.BackgroundofSublist{position:absolute; left:-1000px; width:2000px; height:80px; background-color:#ffffff; opacity:0;}
+
-
 
+
-
 
+
-
#Home_Sublist{position:relative; top:0px; left:-50px;}
+
-
#Team_Sublist{position:relative; top:0px; left:-110px;}
+
-
#Project_Sublist{position:relative; top:0px; left:-180px;}
+
-
#Model_Sublist{position:relative; top:0px; left:-140px;}
+
-
#DataPage_Sublist{position:relative; top:0px; left:-60px;}
+
-
#Safety_Sublist{position:relative; top:0px; left:-180px;}
+
-
#HumanPractice_Sublist{position:relative; top:0px; left:-470px;}
+
-
 
+
-
#iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;}
+
-
/*end navigation bar*/
+
</style>
</style>
</html>
</html>

Latest revision as of 03:04, 23 September 2014

Retrieved from "http://2014.igem.org/Team:AHUT_China/Template/CSS_RESET"