Team:Korea U Seoul/template/banner

From 2013.igem.org

(Difference between revisions)
Line 27: Line 27:
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
-
    background-color: #FFFFFF;
 
}
}
Line 50: Line 49:
#top-section {
#top-section {
     background-color: #8b0029;
     background-color: #8b0029;
-
    #background-image: url('https://static.igem.org/mediawiki/2011/0/0d/MAIN_IMAGE.jpg');
 
     height:18px  ! important;  /* 메인 배너 이미지 높이 */
     height:18px  ! important;  /* 메인 배너 이미지 높이 */
     margin: 0px;  
     margin: 0px;  
Line 59: Line 57:
     border: none;  
     border: none;  
     position: relative;
     position: relative;
-
     width: 970px;
+
     width: 100%;
}
}
Line 122: Line 120:
#header {
#header {
-
     /*wdth:975px;*/
+
     width: 100%;
-
        margin-left:250px;
+
height:90px;
-
height:29px;
+
-
background:#d8d3cd;
+
position:relative;
position:relative;
-
        z-index:999;      
+
    z-index:999;    
 +
background:#d8d3cd;
}
}
#nav {  
#nav {  
-
     margin: 0 auto;
+
     margin-left: 100px;
 +
background:#d8d3cd;
}
}
#nav ul, #nav li {
#nav ul, #nav li {
Line 138: Line 136:
}
}
#nav ul{
#nav ul{
 +
}
 +
#nav > ul > li > a > img{
 +
    height: 40px;
 +
    margin-bottom: 10px;
 +
    margin-top: 10px;
}
}
#nav li {
#nav li {
Line 156: Line 159:
#nav li ul {
#nav li ul {
position:absolute;
position:absolute;
-
     top:30px;  /* 서브가 아래로 열리게하는 */
+
     top:92px;  /* 서브가 아래로 열리게하는 */
display:none;
display:none;
text-align: center;
text-align: center;
Line 168: Line 171:
#nav .on a,  
#nav .on a,  
#nav li li a {background:#d8d3cd; color:#8b0029;}
#nav li li a {background:#d8d3cd; color:#8b0029;}
-
#nav ul li :hover{background: #F00000;}
+
#nav ul li :hover{background: gray;}
/* contents */
/* contents */
#content {
#content {
     position: relative;
     position: relative;
-
     width:  970px;
+
     width:  100%;
     margin: 0 auto;
     margin: 0 auto;
     padding: 5px 0px 5px 0px;
     padding: 5px 0px 5px 0px;
-
    background: #8b0029;
 
-
    #background: #8b0029;
 
     color: black;
     color: black;
     border-left: none;
     border-left: none;
Line 182: Line 183:
     line-height: 1.5em;
     line-height: 1.5em;
     z-index: 2;
     z-index: 2;
 +
    background-image: url('https://static.igem.org/mediawiki/2013/8/89/003-subtle-light-pattern-background-texture.jpg');
}
}
Line 192: Line 194:
   <div id="nav">
   <div id="nav">
     <ul>
     <ul>
-
       <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">Team</a>
+
       <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University"><img src="https://static.igem.org/mediawiki/2013/1/13/Introduction.png"><br />Team</a>
         <ul>
         <ul>
           <!--<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">Korea University</a>
           <!--<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">Korea University</a>
Line 202: Line 204:
         </ul>
         </ul>
       </li>
       </li>
-
       <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Description">Project</a>
+
       <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Description"><img src="https://static.igem.org/mediawiki/2013/0/00/Review.png"><br />Project</a>
         <ul>
         <ul>
           <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Description">Description</a></li>
           <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Description">Description</a></li>
Line 212: Line 214:
         </ul>
         </ul>
       </li>
       </li>
-
       <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Notebook">Notebook</a>
+
       <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Notebook"><img src="https://static.igem.org/mediawiki/2013/7/7d/Howto.png"><br />Notebook</a>
       </li>
       </li>
-
       <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Ownership_Innovation">Human Practice</a>
+
       <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Ownership_Innovation"><img src="https://static.igem.org/mediawiki/2013/d/de/Mypage.png"><br />Human Practice</a>
         <ul>
         <ul>
           <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Ownership_Innovation">Ownership & Innovation</a>
           <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Ownership_Innovation">Ownership & Innovation</a>
Line 230: Line 232:
</div>
</div>
<script>
<script>
-
$('#nav li').bind('mouseenter mouseleave keyup', function() {
+
$('#nav li').bind('mouseenter keyup mouseleave', function() {
$(this) .addClass('on').siblings().removeClass();
$(this) .addClass('on').siblings().removeClass();
});
});

Revision as of 18:28, 27 September 2013

Retrieved from "http://2013.igem.org/Team:Korea_U_Seoul/template/banner"