Template:SUSTC/3

From 2012.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 1: Line 1:
 +
<!--#F6C739  土黄色    #C3D46A 深绿色      #00BFFF深天蓝  #FF69B4 hotpink-->
<html>
<html>
<head>
<head>
 +
<style type="text/css">
 +
body
 +
{
 +
  background-color:#383838;
 +
}
 +
</style>
 +
<style type="text/css">
<style type="text/css">
<!--我们需要先把igem原网站的一些东西删掉-->
<!--我们需要先把igem原网站的一些东西删掉-->
 +
#globalWrapper {width: 100%;  }
 +
#top-section {width: 100%; height:100%; border:none;}
 +
#p-logo {display:none;}
 +
#search-controls {display:none;}
 +
.printfooter {display:none;}
 +
#footer-box {border:none;}
 +
.firstHeading {display:none;}
 +
#content { border:none;  }
 +
#bodyContent {border:none;  }
<!--删除完毕-->
<!--删除完毕-->
-
#bk_image
+
body
{
{
-
   background-image:url(https://static.igem.org/mediawiki/2012/6/69/SUSTC_SHENZHEN_A_Background.png);
+
   background-color:#CCFFCC;
}
}
#sustc_wrapper
#sustc_wrapper
Line 18: Line 35:
#sustc_header
#sustc_header
{
{
-
   height:440px;
+
   height:285px;
-
   border-width:2px;
+
   border-width:4px;
-
   border-color: #F6C739 ;
+
   border-color: #FF9900 ;
   border-style:solid none solid none;
   border-style:solid none solid none;
-
<!--  background-color:red;-->
+
  background-color:#CCFFCC;
 +
 
 +
}
}
#sustc_menu
#sustc_menu
Line 34: Line 53:
<!--  background-color:yellow;-->
<!--  background-color:yellow;-->
   border-radius: 7px;
   border-radius: 7px;
 +
  background-color:#CCFFCC;
 +
}
}
Line 64: Line 85:
   border-radius: 7px;
   border-radius: 7px;
   text-decoration;
   text-decoration;
-
   background-color:#F6C739;
+
   background-color:#FF9900;
}
}
Line 76: Line 97:
#sust_menu a:hover
#sust_menu a:hover
{
{
-
   background-color:#F6C739
+
   background-color:#FF9900
}
}
Line 100: Line 121:
         border-radius: 7px;
         border-radius: 7px;
         background-color:#C3D46A ;
         background-color:#C3D46A ;
 +
        z-index:2;
}
}
#sustc_menu li:hover ul
#sustc_menu li:hover ul
Line 106: Line 128:
   margin-top:0;
   margin-top:0;
}
}
-
 
+
#sustc_menu li li:hover
-
 
+
-
.ibox
+
{
{
-
   width:900px;
+
   background-color:#FF69B4 ;
-
  height:210px;
+
-
<!--  background:#ddd;  -->
+
-
<!--  margin:3em auto;  -->
+
-
  margin-top:5em;
+
-
  margin-left:2em;
+
-
+
-
  border:1em solid #F6C739 ;
+
-
  position:relative;
+
-
  overflow:hidden;
+
-
  z-index:-1;
+
-
  border-radius:7px;
+
}
}
-
.ibox .showbox{position:absolute;left:0;width:2550px;height:170px;background:#fff;}
+
 
-
.ibox .showbox ul li{float:left;margin:7px;}
+
.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 .showbox ul li img{width:150px;height:150px;border:3px solid #a40000;}
+
        z-index:1;}
 +
.ibox .showbox{position:absolute;left:0;width:2700px;height:170px;background:#fff;border-radius:7px;}
 +
.ibox .showbox ul li{float:left;margin:7px;list-style:none;}
 +
.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;}
+
.ibox span.pre{left:10px;bottom:0;background-color:#00BFFF;border-radius:7px;}
-
.ibox span.next{right:10px;bottom:0;}
+
.ibox span.next{right:10px;bottom:0;background-color:#00BFFF;border-radius:7px;}
-
.ibox span.num
+
.ibox span.num{right:45%;bottom:0;background:#FF9900;line-height:18px;}
-
{
+
.ibox span.num li{display:inline;margin:0 5px;padding:1px 5px;line-height:18px;}
-
  right:45%;
+
.ibox span.num .numcur{background:#FF69B4;color:#fff;}
-
  bottom:0;
+
-
  background:#C3D46A;
+
-
  line-height:18px;
+
-
}
+
-
.ibox span.num li
+
-
{
+
-
  display:inline;
+
-
  margin:0 5px;
+
-
  padding:1px 5px;  
+
-
  line-height:18px;  
+
-
}
+
-
.ibox span.num .numcur{background:#a40000;color:#fff;}
+
Line 177: Line 177:
                 $showbox.animate({
                 $showbox.animate({
                     left: '-=' + $w * ($pages - 1)
                     left: '-=' + $w * ($pages - 1)
-
                 }, 500);//改变left值,切换显示版面,500(ms)为滚动时间,下同
+
                 }, 1000);//改变left值,切换显示版面,500(ms)为滚动时间,下同
                 $cur = $pages;//初始化版面为最后一个版面
                 $cur = $pages;//初始化版面为最后一个版面
             }
             }
Line 245: Line 245:
</head>
</head>
-
<body id="bk_image" >
+
<body class="bkcolor" >
<div id="sustc_wrapper">
<div id="sustc_wrapper">
   <div id="sustc_header">
   <div id="sustc_header">
Line 277: Line 277:
         <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook">Notebook<img class="mainMenuBtn"  
         <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>
                         src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif"></img></a>
-
             <ul>  <li> sdfaf</li>       </ul>
+
             <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>
         </li>
     </ul>
     </ul>
Line 299: Line 299:
   
   
       </div>
       </div>
-
<br />
+
 
-
<br />
+
-
<br />
+
<div id="demo" class="ibox">
<div id="demo" class="ibox">
  <div class="showbox">
  <div class="showbox">
   <ul>
   <ul>
-
   <li><img src="/images/m01.jpg" alt="demo" title="demo"></li>
+
   <li ><a href="http://www.sustc.edu.cn/"><img src="https://static.igem.org/mediawiki/2012/3/38/SUSTC_Logo.jpg" alt="logo of SUSTC" title="logo of SUSTC"
-
   <li><img src="/images/m02.jpg" alt="demo" title="demo"></li>
+
              style="margin-top:40px" width="200px"  height="60px"/>    </a></li>
-
  <li><img src="/images/m03.jpg" alt="demo" title="demo"></li>
+
 
-
  <li><img src="/images/m01.jpg" alt="demo" title="demo"></li>
+
    <li ><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A"><img src="https://static.igem.org/mediawiki/2012/b/bd/Team_logo.png" alt="Team logo"
-
   <li><img src="/images/m02.jpg" alt="demo" title="demo"></li>
+
            title="Team logo" style="margin-top:-3px" width="130px"  height="150px"/>   </a></li>
-
   <li><img src="/images/m04.jpg" alt="demo" title="demo"></li>
+
 
-
   <li><img src="/images/m05.jpg" alt="demo" title="demo"></li>
+
    <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="https://static.igem.org/mediawiki/2012/3/33/Search_page.png" alt="search page"  
-
   <li><img src="/images/m06.jpg" alt="demo" title="demo"></li>
+
            title="search page" style="margin-top:-3px" width="80px"  height="150px"></a></li>
 +
 
 +
    <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="https://static.igem.org/mediawiki/2012/2/2e/Detail_search_result_page.png "  
 +
          alt="search result page" title="search result page" style="margin-top:-3px" width="80px"  height="150px"></a></li>
 +
 
 +
    <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="https://static.igem.org/mediawiki/2012/8/84/Part_device_page.png" alt="category page"  
 +
            title="category page" style="margin-top:-3px" width="80px"  height="150px"></a></li>
 +
 
 +
    <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="https://static.igem.org/mediawiki/2012/1/1f/Help_page.png " alt="help page"
 +
            title="help page" style="margin-top:-3px" width="80px"  height="150px"></a></li>
 +
 
 +
    <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="https://static.igem.org/mediawiki/2012/4/47/Bookmark_page.png  " alt="bookmark page"
 +
            title="bookmark page" style="margin-top:-3px" width="80px"  height="150px"></a></li>
 +
 
 +
   <li><img src="https://static.igem.org/mediawiki/2012/1/14/IMG_1180change%281%29.jpg" alt="Trip to BGI" title="Trip to BGI" style="margin-top:-3px" width="260px" 
 +
            height="150px"></li>
 +
 
 +
   <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Team"><img src="https://static.igem.org/mediawiki/2012/a/a3/SUSTC-Shenzhen-A_team.png" alt="Team"
 +
            title="We are working" style="margin-top:-3px" width="260px"  height="150px"></a></li>
 +
 
 +
   <li ><a href="http://www.sustc.edu.cn/"><img src="https://static.igem.org/mediawiki/2012/d/d4/Logo.jpg" alt="SUSTC" title="SUSTC" style="margin-top:20px"
 +
            width="200px"  height="100px"/></a></li>
 +
 
 +
   <li ><a href="http://www.sustc.edu.cn/"><img src="https://static.igem.org/mediawiki/2012/a/aa/School_view.jpg " alt="SUSTC" title="SUSTC" style="margin-top:20px"
 +
            width="200px"  height="100px"/></a></li>
 +
 
   <li><img src="/images/m04.jpg" alt="demo" title="demo"></li>
   <li><img src="/images/m04.jpg" alt="demo" title="demo"></li>
   <li><img src="/images/m05.jpg" alt="demo" title="demo"></li>
   <li><img src="/images/m05.jpg" alt="demo" title="demo"></li>
-
  <li><img src="/images/m07.jpg" alt="demo" title="demo"></li>
 
-
  <li><img src="/images/m08.jpg" alt="demo" title="demo"></li>
 
-
  <li><img src="/images/m09.jpg" alt="demo" title="demo"></li>
 
   </ul>
   </ul>
  </div>
  </div>
-
     <span class="pre">«向左滚动</span><span class="next">向右滚动»</span><span class="num"><ol><li class="numcur">1</li><li>2</li><li>3</li></ol></sapn>
+
     <span class="pre">&lt;&lt;Roll to the left</span><span class="next">Roll to the right&gt;&gt;</span><span class="num"><ol><li class="numcur">1</li><li>2</li><li>3</li></ol></sapn>
</div>
</div>

Latest revision as of 13:14, 2 August 2012

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