Team:Amsterdam/Header

From 2011.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 99: Line 99:
****************If you have any questions, you can always contact igemamsterdam@gmail.com*****************
****************If you have any questions, you can always contact igemamsterdam@gmail.com*****************
*/
*/
 +
#requirements
 +
{font-size:12px;
 +
width:700px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
#requirements table
 +
{border-collapse:collapse;
 +
}
 +
 +
#requirements .title,.middletitle
 +
{text-align:center;
 +
font-size:16px;
 +
}
 +
 +
#requirements .middle,.middletitle
 +
{border-right:2px solid red;
 +
border-left:2px solid red;
 +
}
 +
 +
#requirements table td 
 +
{padding-left:30px;
 +
padding-right:30px;
 +
}
 +
 +
 +
#imageGallery {
 +
margin:0 auto;
 +
width:640px;
 +
}
 +
.imageZoom ul {
 +
  height:420px;
 +
  margin:0;
 +
  background: url(https://static.igem.org/mediawiki/2011/2/20/Voorkant.jpg) 0 0 no-repeat;
 +
 +
}
 +
.imageZoom ul li {
 +
list-style: none;
 +
margin:0;
 +
padding:0;
 +
float:left;
 +
width:0;
 +
height:130px;
 +
}
 +
.imageZoom ul li img {
 +
margin:0;
 +
width:0;
 +
height:0;
 +
border:0;
 +
overflow: hidden;
 +
}
 +
.imageZoom ul li:target img {
 +
        width:640px;
 +
        height:420px;
 +
border:1px solid #f0f0f0;
 +
}
 +
.imagePreview {
 +
height:120px;
 +
  margin:0;
 +
  padding:0;
 +
  background: #f0f0f0;
 +
  width:640px;
 +
}
 +
.imagePreview ul {
 +
    margin:0;
 +
    padding:0;
 +
    list-style: none;
 +
}
 +
.imagePreview ul li{
 +
float: left;
 +
text-align: center;
 +
  margin:10px;
 +
padding:0;
 +
  background: #f0f0f0;
 +
background:url(https://static.igem.org/mediawiki/2011/d/dc/P1130190.jpg);
 +
}
 +
 +
.imagePreview ul li img {
 +
  border: 1px solid #9f9f9f;
 +
  padding:2px;
 +
margin:0; 
 +
background-color: #fff;
 +
width:134px;
 +
}
 +
.imagePreview ul li a {
 +
outline: 0;
 +
}
 +
.imagePreview ul li a:hover img,
 +
.imagePreview ul li a:active img,
 +
.imagePreview ul li a:focus img {
 +
  border-color:#fff;
 +
}
 +
 +
.button{width:150px;background-color:#fff;border:1px solid #c2c2c2;text-align:center;-moz-box-shadow:0 0 20px #292929;-webkit-box-shadow:2px 5px 8px #292929;box-shadow:2px 5px 8px #292929;margin-right:20px;margin-top:20px;position:relative;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;padding:10px 10px 25px;float:left;margin-bottom:25px;}
 +
.button:last-child{margin-right:0 !important;}
 +
.button img{width:150px;height:150px;margin-bottom:10px;}
 +
.button span{font-size:16px;}
 +
#contenuto{width:778px;display:block;margin:auto;}
#contenuto{width:778px;display:block;margin:auto;}
#contenuto2{width:778px;display:block;margin-left:auto;}
#contenuto2{width:778px;display:block;margin-left:auto;}
Line 122: Line 221:
#menu a{display:block;font:normal 11px verdana,arial,sans-serif;color:#000;line-height:25px;text-decoration:none;padding:0 20px;}
#menu a{display:block;font:normal 11px verdana,arial,sans-serif;color:#000;line-height:25px;text-decoration:none;padding:0 20px;}
#menu ul.level1 li.level1-li a.level1-a{float:left;}
#menu ul.level1 li.level1-li a.level1-a{float:left;}
-
#menu ul li:hover > ul{visibility:visible;left:0;top:21px;}
+
#menu ul li:hover > ul{visibility:visible;left:0;top:21px;width:150px;}
#menu ul ul li:hover > ul{visibility:visible;left:100%;top:auto;margin-top:-25px;margin-left:-4px;}
#menu ul ul li:hover > ul{visibility:visible;left:100%;top:auto;margin-top:-25px;margin-left:-4px;}
#menu li.left:hover > ul{visibility:visible;left:auto;right:0;top:25px;}
#menu li.left:hover > ul{visibility:visible;left:auto;right:0;top:25px;}
Line 170: Line 269:
#headermenu ul{zoom:1px;text-align:left;list-style:none;white-space:nowrap;margin:0;padding:0;}
#headermenu ul{zoom:1px;text-align:left;list-style:none;white-space:nowrap;margin:0;padding:0;}
#headermenu ul.drop-down{top:22px;opacity:1px;z-index:52;width:175px;}
#headermenu ul.drop-down{top:22px;opacity:1px;z-index:52;width:175px;}
-
#leftcolumn{width:669px;float:left;border-right:1px solid #FFF;height:1400px;padding-right:15px;}
+
#leftcolumn{width:669px;float:left;border-right:1px solid #FFF;height:1200px;padding-right:15px;}
#menubar.left-menu{background-color:#FFF;width:975px;float:left;border:none;}
#menubar.left-menu{background-color:#FFF;width:975px;float:left;border:none;}
#p-logo{height:0;margin:-1px auto 0 !important;}
#p-logo{height:0;margin:-1px auto 0 !important;}
-
#rightcolumn{width:248px;float:right;height:1400px;padding-top:10px;}
+
#rightcolumn{width:248px;float:right;height:1200px;padding-top:10px;}
#search-controls{display:none;}
#search-controls{display:none;}
#sitenews{overflow:auto;border:1px solid #529bc7;height:300px;width:248px;margin-top:25px;margin-bottom:25px;}
#sitenews{overflow:auto;border:1px solid #529bc7;height:300px;width:248px;margin-top:25px;margin-bottom:25px;}
-
#news{overflow:auto;height:500px;width:654px;padding-right:25px;}
+
#news{overflow:auto;height:350px;width:654px;padding-right:25px;}
#news h2{font-size:125%;}
#news h2{font-size:125%;}
#sponsors{width:673px;margin-top:658px;background-color:#FFF;border:1px solid #529bc7;}
#sponsors{width:673px;margin-top:658px;background-color:#FFF;border:1px solid #529bc7;}
Line 204: Line 303:
<div id="wrap">
<div id="wrap">
<div id= "headerimage">
<div id= "headerimage">
-
<img src = "https://static.igem.org/mediawiki/2011/b/bc/Igemamsterdam2011.gif">
+
<a href="https://2011.igem.org/Team:Amsterdam"><img src = "https://static.igem.org/mediawiki/2011/b/bc/Igemamsterdam2011.gif"></a>
</div>
</div>
<div id="menu">
<div id="menu">
         <ul class="level1">
         <ul class="level1">
             <li class="level1-li"><a class="level1-a" href="https://2011.igem.org/Team:Amsterdam">Home</a></li>
             <li class="level1-li"><a class="level1-a" href="https://2011.igem.org/Team:Amsterdam">Home</a></li>
-
             <li class="level1-li"><a class="level1-a drop" href="https://2011.igem.org/Team:Amsterdam/Team/Overview">Team<!--[if gte IE 7]><!--></a><!--<![endif]-->
+
             <li class="level1-li"><a class="level1-a drop" href="https://2011.igem.org/Team:Amsterdam/Team">Team<!--[if gte IE 7]><!--></a><!--<![endif]-->
             <!--[if lte IE 6]><table><tr><td><![endif]-->
             <!--[if lte IE 6]><table><tr><td><![endif]-->
                 <ul class="level2">
                 <ul class="level2">
Line 223: Line 322:
                 <ul class="level2">
                 <ul class="level2">
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Description">Description</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Description">Description</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Modules">Modules</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Data">Data Page</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Safety">Safety</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Safety">Safety</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Applications">Applications</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Applications">Applications</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Attributions">Attributions</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Acknowledgements">Acknowledgements</a><b></b></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Acknowledgements">Acknowledgements</a><b></b></li>
                 </ul>
                 </ul>
Line 243: Line 345:
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Notebook/Overview">Notebook</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Notebook/Overview">Notebook</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Labwork/Protocols">Protocols</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Labwork/Protocols">Protocols</a></li>
-
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Labwork/Characterisation">CryoBrick Characterisation</a></li>
+
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Labwork/Characterization">Characterization</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Labwork/Data_Analysis">Data Analysis</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Labwork/Data_Analysis">Data Analysis</a></li>
                 </ul>
                 </ul>
             <!--[if lte IE 6]></td></tr></table></a><![endif]-->
             <!--[if lte IE 6]></td></tr></table></a><![endif]-->
             </li>
             </li>
-
             <li class="level1-li"><a class="level1-a drop" href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Overview">Human Outreach<!--[if gte IE 7]><!--></a><!--<![endif]-->
+
             <li class="level1-li"><a class="level1-a drop" href="https://2011.igem.org/Team:Amsterdam/Human_Outreach">Human Outreach<!--[if gte IE 7]><!--></a><!--<![endif]-->
             <!--[if lte IE 6]><table><tr><td><![endif]-->
             <!--[if lte IE 6]><table><tr><td><![endif]-->
                 <ul class="level2">
                 <ul class="level2">
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Collaboration">Collaboration</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Collaboration">Collaboration</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Education">Education</a></li>
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Education">Education</a></li>
-
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Media_Coverage">Media Coverage</a></li>
+
                     <li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Media">Media</a></li>
               </ul>
               </ul>
             <li class="level1-li"><a class="level1-a drop" href="https://2011.igem.org/Team:Amsterdam/Sponsors/Companies">Sponsors<!--[if gte IE 7]><!--></a><!--<![endif]-->
             <li class="level1-li"><a class="level1-a drop" href="https://2011.igem.org/Team:Amsterdam/Sponsors/Companies">Sponsors<!--[if gte IE 7]><!--></a><!--<![endif]-->

Latest revision as of 02:29, 22 September 2011