Template:SUSTC/3

From 2012.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
<head>
<head>
 +
<style type="text/css">
 +
body
 +
{
 +
  background-color:#383838;
 +
}
 +
</style>
 +
<style type="text/css">
<style type="text/css">
<!--我们需要先把igem原网站的一些东西删掉-->
<!--我们需要先把igem原网站的一些东西删掉-->
Line 31: Line 38:
   border-width:4px;
   border-width:4px;
-
   border-color: #F6C739 ;
+
   border-color: #FF9900 ;
   border-style:solid none solid none;
   border-style:solid none solid none;
   background-color:#CCFFCC;
   background-color:#CCFFCC;
Line 78: Line 85:
   border-radius: 7px;
   border-radius: 7px;
   text-decoration;
   text-decoration;
-
   background-color:#F6C739;
+
   background-color:#FF9900;
}
}
Line 90: Line 97:
#sust_menu a:hover
#sust_menu a:hover
{
{
-
   background-color:#F6C739
+
   background-color:#FF9900
}
}
Line 126: Line 133:
}
}
-
.ibox{width:850px;height:210px;background:#F6C739;margin:1em auto;border:1em solid #ddd;position:relative;overflow:hidden;border-color:#F6C739;  border-radius: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;
         z-index:1;}
         z-index:1;}
-
.ibox .showbox{position:absolute;left:0;width:2550px;height:170px;background:#fff;border-radius:7px;}
+
.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{float:left;margin:7px;list-style:none;}
.ibox .showbox ul li img{border:3px solid #a40000;}
.ibox .showbox ul li img{border:3px solid #a40000;}
Line 134: Line 141:
.ibox span.pre{left:10px;bottom:0;background-color:#00BFFF;border-radius:7px;}
.ibox span.pre{left:10px;bottom:0;background-color:#00BFFF;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:#00BFFF;border-radius:7px;}
-
.ibox span.num{right:45%;bottom:0;background:#F6C739;line-height:18px;}
+
.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;}
.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:#FF69B4;color:#fff;}
Line 170: 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 270: 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 296: Line 303:
  <div class="showbox">
  <div class="showbox">
   <ul>
   <ul>
-
   <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" style="margin-top:40px" width="200px"  height="60px"/>    </a></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="https://static.igem.org/mediawiki/2012/d/d4/Logo.jpg" alt="SUSTC" title="SUSTC"  style="margin-top:20px" width="200px"  height="100px"/></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="80pxheight="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