Template:SUSTC/6

From 2012.igem.org

(Difference between revisions)
(Created page with "<!--#F6C739 土黄色 #C3D46A 深绿色 #00BFFF深天蓝 #FF69B4 hotpink--> <html> <head> <style type="text/css"> body { background-color:#383838; } </style> <styl...")
Line 25: Line 25:
body
body
{
{
-
   background-color:#CCFFCC;
+
   background-color:#66CDAA;
}
}
#sustc_wrapper
#sustc_wrapper
Line 38: Line 38:
   border-width:4px;
   border-width:4px;
-
   border-color: #FF9900 ;
+
   border-color: #A4D3EE;
   border-style:solid none solid none;
   border-style:solid none solid none;
-
   background-color:#CCFFCC;
+
   background-color:#66CDAA;
    
    
   
   
-
}
 
-
#sustc_menu
 
-
{
 
-
  height:35px;
 
-
  width:920px;
 
-
  margin-left:20px;
 
-
  color:blue;
 
-
  display:block;
 
-
<!--  background-color:yellow;-->
 
-
  border-radius: 7px;
 
-
  background-color:#CCFFCC;
 
-
 
-
}
 
-
 
-
#sustc_menu li
 
-
{
 
-
  list-style:none;
 
-
  float:left;
 
-
  display:block;
 
-
  margin-left:10px;
 
-
<!-- background-color:green;-->
 
-
  height:35px;
 
-
  width:130px;
 
-
  border-radius:7px;
 
-
  text-align:center;
 
-
 
 
-
}
 
-
.mainMenuBtn
 
-
{
 
-
  padding-left:10px;
 
-
 
-
}
 
-
#sustc_menu a
 
-
{
 
-
  padding-top:10px;
 
-
  padding-left:10px;
 
-
}
 
-
#sustc_menu li:hover
 
-
{
 
-
<!-- background-color:red-->
 
-
  border-radius: 7px;
 
-
  text-decoration;
 
-
  background-color:#FF9900;
 
-
}
 
-
 
-
 
-
#sustc_menu a
 
-
{
 
-
  margin:0;
 
-
  padding-bottom:10px;
 
-
  display:block;
 
-
}
 
-
#sust_menu a:hover
 
-
{
 
-
  background-color:#FF9900
 
-
}
 
-
 
-
#sustc_menu li li
 
-
{
 
-
  margin-left:0px;
 
-
  float:none;
 
-
  text-align:left;
 
-
  padding-left:10px;
 
-
  padding-top:5px;
 
-
  width:130px;
 
-
<!-- background-color:black;-->
 
-
  background-color:#C3D46A ;
 
-
}
 
-
#sustc_menu li ul { /* second-level lists */
 
-
position: absolute;
 
-
width: 140px;
 
-
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
 
-
margin-top:2.2em;
 
-
        border-width:1px;
 
-
        border-color: #C3D46A ;
 
-
        border-style:solid;
 
-
        border-radius: 7px;
 
-
        background-color:#C3D46A ;
 
-
        z-index:2;
 
-
}
 
-
#sustc_menu li:hover ul
 
-
{
 
-
  margin-left: 0px;
 
-
  margin-top:0;
 
-
}
 
-
#sustc_menu li li:hover
 
-
{
 
-
  background-color:#FF69B4 ;
 
}
}
-
.ibox{width:900px;height:210px;background:#FF9900;margin:1em auto;border:1em solid #ddd;position:relative;overflow:hidden;border-color:#FF9900; border-radius:7px;
+
.ibox{width:900px;height:210px;background:#E0FFFF;margin:1em auto;border:1em solid #E0FFFF;position:relative;overflow:hidden;border-color:#A4D3EE; border-radius:7px;
         z-index:1;}
         z-index:1;}
.ibox .showbox{position:absolute;left:0;width:2700px;height:170px;background:#fff;border-radius:7px;}
.ibox .showbox{position:absolute;left:0;width:2700px;height:170px;background:#fff;border-radius:7px;}
Line 139: Line 51:
.ibox .showbox ul li img{border:3px solid #a40000;}
.ibox .showbox ul li img{border:3px solid #a40000;}
.ibox span{position:absolute;padding:2px 5px;background:#fff;cursor:pointer;}
.ibox span{position:absolute;padding:2px 5px;background:#fff;cursor:pointer;}
-
.ibox span.pre{left:10px;bottom:0;background-color:#00BFFF;border-radius:7px;}
+
.ibox span.pre{left:10px;bottom:0;background-color:#8DB6CD;border-radius:7px;}
-
.ibox span.next{right:10px;bottom:0;background-color:#00BFFF;border-radius:7px;}
+
.ibox span.next{right:10px;bottom:0;background-color:#8DB6CD;border-radius:7px;}
-
.ibox span.num{right:45%;bottom:0;background:#FF9900;line-height:18px;}
+
.ibox span.num{right:45%;bottom:0;background:#A4D3EE;line-height:18px;}
.ibox span.num li{display:inline;margin:0 5px;padding:1px 5px;line-height:18px;}
.ibox span.num li{display:inline;margin:0 5px;padding:1px 5px;line-height:18px;}
-
.ibox span.num .numcur{background:#FF69B4;color:#fff;}
+
.ibox span.num .numcur{background:#8F8F8F;color:#fff;}
Line 247: Line 159:
<body class="bkcolor" >
<body class="bkcolor" >
<div id="sustc_wrapper">
<div id="sustc_wrapper">
-
  <div id="sustc_header">
 
-
    <div id="sustc_menu">
 
-
 
-
    <ul>
 
-
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A">Home<img class="mainMenuBtn" src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif"></img> 
 
-
              </a>
 
-
            <ul> 
 
-
                    <li> sdfaf</li>
 
-
                    <li> sdfaf</li>     
 
-
            </ul>
 
-
        </li>
 
-
    </ul>
 
-
 
-
    <ul>
 
-
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Team">Team<img class="mainMenuBtn" src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif">
 
-
                </img></a>
 
-
            <ul>  <li> sdfaf</li>        </ul>
 
-
             
 
-
        </li>
 
-
    </ul>
 
-
    <ul>
 
-
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project">Project<img class="mainMenuBtn" src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif">
 
-
                </img></a>
 
-
            <ul>  <li> sdfaf</li>        </ul>
 
-
             
 
-
        </li>
 
-
    </ul>
 
-
    <ul>
 
-
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook">Notebook<img class="mainMenuBtn"
 
-
                        src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif"></img></a>
 
-
            <ul>  <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook/search_result">search result</a></li>     
 
-
              <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook/User_Interface">User Interface</a></li>  </ul>                   
 
-
        </li>
 
-
    </ul>
 
-
    <ul>
 
-
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Safety">Safety<img class="mainMenuBtn" src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif">
 
-
                </img></a>
 
-
            <ul>  <li> sdfaf</li>        </ul>
 
-
             
 
-
        </li>
 
-
    </ul>
 
-
    <ul>
 
-
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Contribution">Contribution<img class="mainMenuBtn"
 
-
                src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif"></img></a>
 
-
            <ul>  <li> sdfaf</li>        </ul>
 
-
             
 
-
        </li>
 
-
    </ul>
 
-
 
-
 
-
 
-
      </div>
 
-
 
<div id="demo" class="ibox">
<div id="demo" class="ibox">
  <div class="showbox">
  <div class="showbox">
Line 343: Line 202:
</div>
</div>
-
 
-
  </div>    <!--end of header-->
 

Revision as of 21:52, 20 September 2012

<<Roll to the leftRoll to the right>>
  1. 1
  2. 2
  3. 3