Team:Korea U Seoul/template/banner

From 2011.igem.org

(Difference between revisions)
 
(23 intermediate revisions not shown)
Line 5: Line 5:
/* Team: TU Delft */
/* Team: TU Delft */
#globalWrapper {
#globalWrapper {
-
background-color: #ffffff;
+
background-color: #ffffff; /* 좌우 여백 컬러 */
border: none;
border: none;
margin: 0;
margin: 0;
Line 13: Line 13:
height:100%; /* IE6: treaded as min-height*/
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
min-height:100%; /* real browsers */
-
}#top-section {
+
}
-
background-image: url('https://static.igem.org/mediawiki/2011/a/a3/KoreaU_banner_test3.jpg');
+
 
-
height:200px ! important;  /* 메인 배너 이미지 높이 */
+
#top-section {
 +
background-image: url('https://static.igem.org/mediawiki/2011/0/0d/MAIN_IMAGE.jpg');
 +
height:180px ! important;  /* 메인 배너 이미지 높이 */
margin: 0px;  
margin: 0px;  
margin-left: auto;   
margin-left: auto;   
Line 22: Line 24:
padding:0;  
padding:0;  
border: none;  
border: none;  
-
}#p-logo {  
+
}
 +
 
 +
 
 +
 
 +
#p-logo {  
height:0px;
height:0px;
overflow:hidden;
overflow:hidden;
Line 34: Line 40:
position: float;
position: float;
}a:link {
}a:link {
-
color:brown;
+
color:#8b0029;
}a:hover {
}a:hover {
-
color:red;
+
color: #8b0029;
}a:visited {
}a:visited {
-
color:brown;
+
color:#8b0029;
}h2 {
}h2 {
font-style:bold;
font-style:bold;
Line 58: Line 64:
.left-menu:hover {
.left-menu:hover {
-
     color: #900023;
+
     color: #ffffff;  
-
    background-color: #ffffff;
+
background-color: #8b0029; /* 수정 */
 +
   
}       
}       
 +
.left-menu a {
 +
    color: #ffffff;
 +
    background-color: #8b0029;
 +
}
.left-menu .selected {
.left-menu .selected {
-
#    color: #900023;
+
#    color: #ffffff;
}
}
#.left-menu .selected:hover {
#.left-menu .selected:hover {
-
#    color: #900023;
+
#    color: #ffffff;
#}
#}
.left-menu:hover a {
.left-menu:hover a {
-
     color: #900023;
+
     color: #ffffff;
}
}
.right-menu li {
.right-menu li {
-
#    background-color: #ffffff;
+
#    background-color: #8b0029;
}
}
.right-menu li a {
.right-menu li a {
     padding: 0px 15px 0px 0px;
     padding: 0px 15px 0px 0px;
-
     color: #900023;
+
     color: #ffffff;
-
     background-color: #ffffff;
+
     background-color: #8b0029;
}
}
.right-menu li a:hover {
.right-menu li a:hover {
-
     color: #900023;
+
     color: #ffffff;
     text-decoration: underline;
     text-decoration: underline;
}     
}     
</style>
</style>
-
 
-
 
-
<head>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
-
<title>jQuery based 2depth menu-bar</title>
 
-
<style>
 
-
/* header */
 
-
body{
 
-
margin:0;
 
-
padding:0;
 
-
background:#ffffff;
 
-
}
 
-
#header {
 
-
width:960px;
 
-
height:29px;
 
-
background:#ffffff;
 
-
position:relative;
 
-
}
 
-
#nav {
 
-
position:absolute;
 
-
left: 0;
 
-
bottom:0;
 
-
}
 
-
#nav ul, #nav li {
 
-
margin:0;
 
-
padding:0;
 
-
}
 
-
#nav li {
 
-
position:relative;
 
-
list-style:none;
 
-
float:left;
 
-
margin:0px;
 
-
padding:0px 0px 0px 0px;
 
-
}
 
-
#nav a {
 
-
display:block;
 
-
font-weight:bold;
 
-
text-decoration:none;
 
-
    margin:0px;
 
-
    padding:5px 20px 5px 20px;
 
-
}
 
-
#nav li ul {
 
-
position:absolute;
 
-
top:30px;
 
-
width: 300px;
 
-
display:none;
 
-
 
-
}
 
-
#nav li.on ul {
 
-
display:block;
 
-
}
 
-
/* color */
 
-
#header {background:#900023;}
 
-
#nav a {background:#900023; color:#ffffff;}
 
-
#nav .on a,
 
-
#nav li li a {background:#ffffff; color:#900023;}
 
-
</style>
 
-
 
-
</head>
 
-
 
-
<body>
 
-
<div id="header">
 
-
  <div id="nav">
 
-
    <ul>
 
-
      <li class="on"><a href="/">Team</a>
 
-
        <ul>
 
-
          <li><a href="#">submenu</a></li>
 
-
          <li><a href="#">submenu</a></li>
 
-
          <li><a href="#">submenu</a></li>
 
-
        </ul>
 
-
      </li>
 
-
      <li><a href="#">Project</a>
 
-
        <ul>
 
-
          <li><a href="#">submenu</a></li>
 
-
          <li><a href="#">submenu</a></li>
 
-
          <li><a href="#">submenu</a></li>
 
-
        </ul>
 
-
      </li>
 
-
      <li><a href="#">Notebook</a>
 
-
        <ul>
 
-
          <li><a href="#">submenu</a></li>
 
-
          <li><a href="#">submenu</a></li>
 
-
          <li><a href="#">submenu</a></li>
 
-
        </ul>
 
-
      </li>
 
-
      <li><a href="#">Safety</a>
 
-
        <ul>
 
-
          <li><a href="#">submenu</a></li>
 
-
          <li><a href="#">submenu</a></li>
 
-
          <li><a href="#">submenu</a></li>
 
-
        </ul>
 
-
      </li>
 
-
      <li><a href="#">Collaboration</a>
 
-
        <ul>
 
-
          <li><a href="#">submenu</a></li>
 
-
          <li><a href="#">submenu</a></li>
 
-
          <li><a href="#">submenu</a></li>
 
-
        </ul>
 
-
      </li>
 
-
      <li><a href="#">Sponsors</a>
 
-
        <ul>
 
-
          <li><a href="#">submenu</a></li>
 
-
          <li><a href="#">submenu</a></li>
 
-
          <li><a href="#">submenu</a></li>
 
-
        </ul>
 
-
      </li>
 
-
    </ul>
 
-
  </div>
 
-
</div>
 
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
 
-
<script>
 
-
$('#nav li').bind('mouseenter keyup', function() {
 
-
$(this) .addClass('on').siblings().removeClass();
 
-
});
 
-
</script>
 
-
</body>
 
</html>
</html>

Latest revision as of 11:33, 5 October 2011

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