Team:HUST-China/Templates/css2

From 2011.igem.org

(Difference between revisions)
m
 
(45 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
#right2
+
body {background-image:url(https://static.igem.org/mediawiki/2011/1/1f/Background.jpg);
-
{
+
background-attachment:fixed;
-
width:872px;
+
background-repeat:repeat;
-
padding-left:10;
+
color:#999;
-
padding-top:10;
+
font-size:12px;  
-
padding-bottom:0;
+
line-height:1.5em;}
-
border:#C2E69F thick solid double;
+
* { height:auto;
-
background:url(../img/2.gif) repeat;
+
-
height:auto;
+
-
font-family:"Times New Roman", Times, serif;
+
-
line-height:2;
+
-
}
+
-
 
+
-
<style type="text/css">
+
-
/* navigation */
+
-
 
+
-
ul  {
+
-
      list-style-image: none;
+
-
}
+
-
 
+
-
#nav {
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-weight: bold;
+
-
height: 43px;
+
-
}
+
-
 
+
-
#nav .last {
+
-
padding-right: 2px;
+
-
/* background-image:url(https://static.igem.org/mediawiki/2011/5/59/USTC_Software_nav_button_sep.jpg);*/
+
-
/* background-repeat:no-repeat;*/
+
-
/* background-position:right;*/
+
-
}
+
-
 
+
-
#nav, #nav ul{
+
margin:0;
margin:0;
-
padding:0;
+
padding:0;}
-
list-style-type:none;
+
img {border:none;}
-
list-style-position:outside;
+
li {list-style:none;}
-
position:relative;
+
#wrap { margin:auto;
-
line-height:1.5em;
+
width:977px;
-
}
+
                }
-
 
+
/* @group header */
-
#nav .on {
+
#header2 {margin-top:10px;
-
color: green !important;
+
          }
-
background-color: gray;
+
/* @group main_nav */
-
background-position: bottom left !important;
+
#main_nav ul {font-size: 10px;
-
}
+
list-style: none;}
-
 
+
#main_nav { background:url(https://static.igem.org/mediawiki/2011/2/20/Hust_navi_background.png);
-
#nav a:link, #nav a:active, #nav a:visited{
+
background-repeat:no-repeat;
-
    display:block;
+
height: 41px;
-
    padding: 14px 35px;
+
overflow: visible;
-
    color: green;
+
padding-left: 20px;
-
    text-decoration:none;
+
                        margin-left:-6px;
-
    text-transform: uppercase;
+
                        }
-
/*  background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg);*/
+
#main_nav li {float: left;
-
/* background-color=green;*/
+
position: relative;
-
}
+
z-index: 5;}
-
 
+
#main_nav li a {color: #fff;
-
#nav a:hover {
+
display: block;
-
    color: green;
+
width: 91px;
-
/*    background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg);*/
+
height: 35px;
-
/*    background-position: bottom left;*/
+
text-decoration: none;
-
}
+
line-height: 35px;
-
 
+
text-align: center;
-
#nav li{
+
margin-top: 2px;}
-
    float:left;
+
#main_nav li a:hover {color: #000;}
-
    position:relative;
+
#main_nav li ul li a {font-size: 12px;
-
}
+
width: 100%;
-
 
+
height: 25px;
-
#nav ul {
+
line-height: 25px;
-
    position:absolute;
+
margin: 0px;}
-
    width:13em;
+
#main_nav li ul li a:hover, #main_nav li.focus ul li a:hover {background: url(https://static.igem.org/mediawiki/2011/e/e6/Hust_team_subnav_over.png);
-
    top:3.8em;
+
  background-repeat:no-repeat;  
-
    display:none;
+
  background-position:center;}
-
    z-index: 1;
+
#main_nav li.focus a, #main_nav li a:hover {background: url(https://static.igem.org/mediawiki/2011/8/85/Hust_team_nav_over.png)
-
}
+
background-repeat:no-repeat;
-
 
+
background-position:top;
-
#nav li ul a {
+
background-position:left;
-
    width:9em;
+
color: #000;}
-
    float:left;
+
#main_nav li.focus ul li a {background: none;
-
    background-color: green;
+
color: #000;}
-
    background-image: none !important;
+
#main_nav li ul {position: absolute;
-
}
+
top: 32px;left: -10px;
-
 
+
background: #fff;
-
#nav li ul a:hover {
+
border-color: #1d70ba;
-
background-color: green;
+
border-style: none solid solid;
-
}
+
border-width: medium 1px 1px;
-
 
+
display: none;}
-
#nav ul ul{
+
#main_nav li ul li{ float: none;}
-
top:auto;
+
-
}
+
-
 
+
-
#nav li ul ul {
+
-
    left:12em;
+
-
    margin:0px 0 0 10px;
+
-
}
+
-
 
+
-
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
+
-
    display:none;
+
-
}
+
-
 
+
-
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
+
-
    display:block;
+
-
}
+
-
 
+
-
/*end of navigation*/
+
-
<style>
+
-
 
+
-
 
+
-
 
+
-
 
+
</style>
</style>
</html>
</html>

Latest revision as of 18:50, 5 October 2011