Team:KAIST-Korea/jihanmenu

From 2011.igem.org

(Difference between revisions)
 
(179 intermediate revisions not shown)
Line 5: Line 5:
<style type="text/css">
<style type="text/css">
 +
 +
#tag1{
 +
position:absolute;
 +
top:108px; left:63px;
 +
width:71px; height:21px;
 +
}
 +
#tag2{
 +
position:absolute;
 +
top:108px; left:136px;
 +
width:71px; height:21px;
 +
}
 +
#tag3{
 +
position:absolute;
 +
top:108px; left:209px;
 +
width:71px; height:21px;
 +
}
 +
#tag4{
 +
position:absolute;
 +
top:108px; left:281px;
 +
width:71px; height:21px;
 +
}
 +
#main_navigation
#main_navigation
-
{ margin: 0;
+
{
-
padding: 0}
+
margin:0;
 +
padding:0;}
#main_navigation li
#main_navigation li
-
{ float: left;
+
{ float:left;
-
list-style: none;
+
list-style:none;
-
font: 12px Tahoma, Arial
+
font:12px Tahoma,Arial;
}
}
#main_navigation li a
#main_navigation li a
-
{ display: block;
+
{ display:block;
-
padding: 5px 0px 5px 0px;
+
padding:5px 0px 0px 0px;
-
text-decoration: none;
+
text-decoration:none;
border:none;
border:none;
color:#000000;
color:#000000;
-
width: auto;
+
width:auto;
-
white-space: nowrap}
+
white-space:nowrap;}
#main_navigation li a:hover
#main_navigation li a:hover
{
{
-
-moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;
+
-moz-opacity:.70;filter:alpha(opacity=70);opacity:.70;
}
}
#main_navigation li ul
#main_navigation li ul
-
{ margin: 0;
+
{ margin:0;
-
padding: 0;
+
padding:0;
-
position: absolute;
+
position:absolute;
-
visibility: hidden;}
+
visibility:hidden;}
#main_navigation li ul li
#main_navigation li ul li
{ float:left;
{ float:left;
-
display: inline;
+
position:relative;
 +
left:5px;
 +
display:inline;
}
}
#main_navigation li ul li a
#main_navigation li ul li a
{ width:auto;
{ width:auto;
-
padding:5px;
+
padding:0px 0px 0px 0px;
}
}
#main_navigation li ul li a:hover
#main_navigation li ul li a:hover
-
{ padding:10px 5px 5px 5px;
+
{ padding:5px 0px 0px 0px;
}
}
Line 55: Line 80:
}
}
-
#menuall img {
+
#main_img1{
border:0;
border:0;
-
width:75px; height:75px;
+
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
 +
}
 +
#main_img2{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
 +
}#main_img3{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
 +
}#main_img4{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
 +
}#main_img5{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
 +
}#main_img6{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
 +
}#main_img7{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
}
}
#menuall {
#menuall {
 +
z-index:200;
 +
width:600px;
position:relative;
position:relative;
-
top:-185px;
+
top:-25px;
-
left:420px;
+
left:450px;
 +
}
 +
 
 +
.subNavMenuItems img{
 +
border:0;
 +
width:70px; height:70px;
}
}
#kaistlogo{
#kaistlogo{
z-index:200;
z-index:200;
-
width:90px; height:90px;
+
width:280px; height:77px;
position:absolute;
position:absolute;
-
top:-144px; left:-28px;
+
top:22px; left:66px;
}
}
-
#kaistlogotext{
+
#navigationbar{
z-index:200;
z-index:200;
 +
width:291px; heigth:7px;
position:absolute;
position:absolute;
-
top:-122px; left:80px;
+
top:100px; left:63px;
}
}
-
body{
+
#subNav0{
-
width:1000px;
+
width:381px;height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2011/b/b6/Kaist2011_menu_menubar5_1.png');
 +
background-repeat:no-repeat;
 +
background-position:5px 7px;
 +
}
 +
 
 +
#subNav1{
 +
width:262px;height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2011/f/f0/Kaist2011_menu_menubar3.png');
 +
background-repeat:no-repeat;
 +
background-position:-22px 7px;
 +
}
 +
 
 +
#subNav2{
 +
width:192px;height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2011/6/61/Kaist2011_menu_menubar2.png');
 +
background-repeat:no-repeat;
 +
background-position:-23px 7px;
 +
}
 +
 
 +
#subNav3{
 +
width:262px;height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2011/f/f0/Kaist2011_menu_menubar3.png');
 +
background-repeat:no-repeat;
 +
background-position:-23px 7px;
 +
}
 +
 
 +
#subNav4{
 +
width:192px;height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2011/6/61/Kaist2011_menu_menubar2.png');
 +
background-repeat:no-repeat;
 +
background-position:-23px 7px;
 +
}
 +
 
 +
#subNav5{
 +
width:402px;height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2011/6/68/Kaist2011_menu_menubar5_2.png');
 +
background-repeat:no-repeat;
 +
background-position:-20px 7px;
 +
}
 +
 
 +
#menubody{
 +
padding-bottom:155px;
}
}
Line 92: Line 200:
<body>
<body>
-
 
+
<div id="menubody">
<div id="menuall">
<div id="menuall">
<ul id="main_navigation">
<ul id="main_navigation">
     <li id="trigger0"><a href=""><img id="main_img1" src="https://static.igem.org/mediawiki/2011/1/14/Kaist2011_menu_projects.png"></a>
     <li id="trigger0"><a href=""><img id="main_img1" src="https://static.igem.org/mediawiki/2011/1/14/Kaist2011_menu_projects.png"></a>
-
       <ul  class="subNavMenuItems" id="subNav0">
+
       <center><ul  class="subNavMenuItems" id="subNav0">
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><img src="https://static.igem.org/mediawiki/2011/8/8c/Kaist2011_menu_overview.png"></a></li>
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><img src="https://static.igem.org/mediawiki/2011/8/8c/Kaist2011_menu_overview.png"></a></li>
-
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Modeling"><img src="https://static.igem.org/mediawiki/2011/e/e1/Kaist2011_menu_modeling.png"></a></li>
+
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Modeling2"><img src="https://static.igem.org/mediawiki/2011/e/e1/Kaist2011_menu_modeling.png"></a></li>
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Experiments"><img src="https://static.igem.org/mediawiki/2011/f/fa/Kaist2011_menu_experiments.png"></a></li>
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Experiments"><img src="https://static.igem.org/mediawiki/2011/f/fa/Kaist2011_menu_experiments.png"></a></li>
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Biobrick"><img src="https://static.igem.org/mediawiki/2011/9/99/Kaist2011_menu_biobrick.png"></a></li>
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Biobrick"><img src="https://static.igem.org/mediawiki/2011/9/99/Kaist2011_menu_biobrick.png"></a></li>
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Future_Application"><img src="https://static.igem.org/mediawiki/2011/4/4e/Kaist2011_menu_future_application.png"></a></li>
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Future_Application"><img src="https://static.igem.org/mediawiki/2011/4/4e/Kaist2011_menu_future_application.png"></a></li>
-
       </ul>
+
       </ul></center>
     </li>
     </li>
<li id="trigger1"><a href=""><img id="main_img2" src="https://static.igem.org/mediawiki/2011/f/f1/Kaist2011_menu_team.png"></a>
<li id="trigger1"><a href=""><img id="main_img2" src="https://static.igem.org/mediawiki/2011/f/f1/Kaist2011_menu_team.png"></a>
Line 122: Line 230:
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Summary"><img src="https://static.igem.org/mediawiki/2011/7/75/Kaist2011_menu_summary.png"></a></li>
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Summary"><img src="https://static.igem.org/mediawiki/2011/7/75/Kaist2011_menu_summary.png"></a></li>
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Gallery"><img src="https://static.igem.org/mediawiki/2011/a/af/Kaist2011_menu_gallery.png"></a></li>
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Gallery"><img src="https://static.igem.org/mediawiki/2011/a/af/Kaist2011_menu_gallery.png"></a></li>
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Gallery"><img
 +
src="https://static.igem.org/mediawiki/2011/0/0a/Kaist2011_menu_data.png"></a></li>
       </ul>
       </ul>
     </li>
     </li>
Line 130: Line 240:
       </ul>
       </ul>
     </li>
     </li>
-
<li id="trigger5"><a href=""><img  id="main_img6" src="https://static.igem.org/mediawiki/2011/5/5b/Kaist2011_menu_mics.png"></a>
+
<li id="trigger5"><a href=""><img  id="main_img6" src="https://static.igem.org/mediawiki/2011/7/75/Kaist2011_menu_misc.png"></a>
       <ul  class="subNavMenuItems" id="subNav5">
       <ul  class="subNavMenuItems" id="subNav5">
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Sitemap"><img src="https://static.igem.org/mediawiki/2011/6/6f/Kaist2011_menu_sitemap.png"></a></li>
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Sitemap"><img src="https://static.igem.org/mediawiki/2011/6/6f/Kaist2011_menu_sitemap.png"></a></li>
Line 145: Line 255:
</div>
</div>
-
<a href="https://2011.igem.org/Team:KAIST-Korea-Test"><img id="kaistlogo" src="https://static.igem.org/mediawiki/2011/2/29/Kaist2011_logo_small.png"></a>
+
<a href="https://2011.igem.org/Team:KAIST-Korea-Test"><img id="kaistlogo" src="https://static.igem.org/mediawiki/2011/e/e4/Kaist2011_menu_logo.png"></a>
-
<a href="https://2011.igem.org/Team:KAIST-Korea-Test"><img id="kaistlogotext" src="https://static.igem.org/mediawiki/2011/8/83/Kaist2011_menu_logotext.png"></a>
+
 
 +
<a><img id="navigationbar" src="https://static.igem.org/mediawiki/2011/0/0e/Kaist2011_menu_navigationbar.png"></a>
 +
</div>
-
abcd
 
</body>
</body>
</html>
</html>

Latest revision as of 08:43, 30 August 2011