Team:Amsterdam/Header

Revision as of 15:19, 12 September 2011 (view source)

Pvandieken (Talk | contribs)

← Older edit

Latest revision as of 02:29, 22 September 2011 (view source)

SandraC189 (Talk | contribs)

(36 intermediate revisions not shown)

Line 99:

****************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;}

#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 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 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.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;}

#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;}

#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%;}

#sponsors{width:673px;margin-top:658px;background-color:#FFF;border:1px solid #529bc7;}

Line 204:

Line 303:

-

+

</div>

-

+

Line 223:

Line 322:

<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/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/Attributions">Attributions</a></li>

<li><a href="https://2011.igem.org/Team:Amsterdam/Project/Acknowledgements">Acknowledgements</a><b></b></li>

</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/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>

</ul>

</li>

-

<li class="level1-li"><a class="level1-a drop" href="https://2011.igem.org/Team:Amsterdam/Human_Outreach~~/Overview~~">Human Outreach</a>

+

<li class="level1-li"><a class="level1-a drop" href="https://2011.igem.org/Team:Amsterdam/Human_Outreach">Human Outreach</a>

<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/~~Media_Coverage~~">Media ~~Coverage~~</a></li>

+

<li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Media">Media</a></li>

</ul>

<li class="level1-li"><a class="level1-a drop" href="https://2011.igem.org/Team:Amsterdam/Sponsors/Companies">Sponsors</a>

@@ Line 99: / Line 99: @@
 ****************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;}
 #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 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 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.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;}
 #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;}
 #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%;}
 #sponsors{width:673px;margin-top:658px;background-color:#FFF;border:1px solid #529bc7;}
@@ Line 204: / Line 303: @@
 <div id="wrap">
 <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 id="menu">
          <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 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]-->
                  <ul class="level2">
@@ Line 223: / Line 322: @@
                  <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/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/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>
                  </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/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>
                  </ul>
              <!--[if lte IE 6]></td></tr></table></a><![endif]-->
              </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]-->
                  <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/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>
              <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]-->

From 2011.igem.org

Latest revision as of 02:29, 22 September 2011