Template:Imperial/09/MenuPlay

From 2009.igem.org

(Difference between revisions)
 
(67 intermediate revisions not shown)
Line 12: Line 12:
   border: none;
   border: none;
   float: left;
   float: left;
 +
  background: url(https://static.igem.org/mediawiki/2009/9/90/II09_Menu_Queens.png) no-repeat top left;
}
}
 +
/* prepares the background image to full capacity of the viewing area */
/* prepares the background image to full capacity of the viewing area */
Line 19: Line 21:
     z-index:0;
     z-index:0;
     width:200px;
     width:200px;
-
  height: 15px;
+
    height: 15px;
}
}
 +
 +
 +
#II09_Menu_Grey_Box {
 +
    background: url(https://2009.igem.org/Wiki/images/2/29/II09_MenuGreyBox.png) no-repeat top left;
 +
    position:absolute;
 +
    z-index:1;
 +
    }
 +
/* Places the content on top of the background image */
/* Places the content on top of the background image */
#II09_Menu_Header_Content {
#II09_Menu_Header_Content {
     position:relative;  
     position:relative;  
-
     z-index:1;
+
     z-index:2;
     padding: 2px 4px;
     padding: 2px 4px;
-
  height: 15px;
+
    height: 15px;
     font: calibri;
     font: calibri;
}
}
Line 110: Line 120:
.menu_header_Home {
.menu_header_Home {
     font-weight:bold;
     font-weight:bold;
-
     border: 5px solid #fff;
+
     border: 2px solid #000;
 +
    background: url(https://static.igem.org/mediawiki/2009/4/40/II09_Menu_Header_Indigo.png) repeat-x bottom;
 +
    color: #111;
 +
    padfdding: 2px 4px;
 +
    text-align:left bottom;
 +
 
 +
    display: block;
 +
    width: 200px;
 +
    height: 50px;
 +
    margin-top: 1px;
 +
    font: calibri;
 +
    paddfding: 2px 4px;
 +
    color: #000;
 +
 
 +
}
 +
 
 +
.menu_header_Encapsulator {
 +
    font-weight:bold;
 +
    border: 2px solid #000;
     background: url(https://static.igem.org/mediawiki/2009/5/51/II09_Menu_Header_Purple.png) repeat-x bottom;
     background: url(https://static.igem.org/mediawiki/2009/5/51/II09_Menu_Header_Purple.png) repeat-x bottom;
     color: #111;
     color: #111;
     padding: 2px 4px;
     padding: 2px 4px;
-
     text-align:left;
+
     text-align:center;
     display: block;
     display: block;
     width: 200px;
     width: 200px;
-
     height: 35px;
+
     height: 50px;
     margin-top: 1px;
     margin-top: 1px;
     font: calibri;
     font: calibri;
Line 129: Line 157:
     font-weight:bold;
     font-weight:bold;
     width: 200px;
     width: 200px;
-
     height: 35px;
+
     height: 50px;
-
     border: 1px solid #bbb;
+
     border: 2px solid #000;
     background: url(https://static.igem.org/mediawiki/2009/2/29/II09_Menu_Header_Blue.png) repeat-x bottom;
     background: url(https://static.igem.org/mediawiki/2009/2/29/II09_Menu_Header_Blue.png) repeat-x bottom;
     color: #111;
     color: #111;
     padding: 2px 4px;
     padding: 2px 4px;
-
     text-align:left;
+
     text-align:center;
     font: calibri;
     font: calibri;
}
}
Line 142: Line 170:
     font-weight:bold;
     font-weight:bold;
     width: 200px;
     width: 200px;
-
     height: 35px;
+
     height: 50px;
-
     border: 1px solid #bbb;
+
     border: 2px solid #000;
     background: url(https://static.igem.org/mediawiki/2009/1/14/II09_Menu_Header_Green.png) repeat-x top;
     background: url(https://static.igem.org/mediawiki/2009/1/14/II09_Menu_Header_Green.png) repeat-x top;
     color: #111;
     color: #111;
     padding: 2px 4px;
     padding: 2px 4px;
-
     text-align:left;
+
     text-align:center;
     font: calibri;
     font: calibri;
}
}
Line 154: Line 182:
     font-weight:bold;
     font-weight:bold;
     width: 200px;
     width: 200px;
-
     height: 35px;
+
     height: 45px;
-
     border: 1px solid #bbb;
+
     border: 2px solid #000;
     background: url(https://static.igem.org/mediawiki/2009/0/09/II09_Menu_Header_Yellow.png) repeat-x top;
     background: url(https://static.igem.org/mediawiki/2009/0/09/II09_Menu_Header_Yellow.png) repeat-x top;
     color: #111;
     color: #111;
Line 166: Line 194:
     font-weight:bold;
     font-weight:bold;
     width: 200px;
     width: 200px;
-
     height: 35px;
+
     height: 45px;
-
     border: 1px solid #bbb;
+
     border: 2px solid #000;
     background: url(https://static.igem.org/mediawiki/2009/0/05/II09_Menu_Header_Orange.png) repeat-x top;
     background: url(https://static.igem.org/mediawiki/2009/0/05/II09_Menu_Header_Orange.png) repeat-x top;
     color: #111;
     color: #111;
Line 179: Line 207:
     width: 200px;
     width: 200px;
     height: 35px;
     height: 35px;
-
     border: 1px solid #bbb;
+
     border: 2px solid #000;
     background: url(https://static.igem.org/mediawiki/2009/0/05/II09_Menu_Header_Orange.png) repeat-x top;
     background: url(https://static.igem.org/mediawiki/2009/0/05/II09_Menu_Header_Orange.png) repeat-x top;
     color: #111;
     color: #111;
Line 191: Line 219:
     width: 200px;
     width: 200px;
     height: 35px;
     height: 35px;
-
     border: 1px solid #bbb;
+
     border: 2px solid #000;
     background: url(https://static.igem.org/mediawiki/2009/8/86/II09_Menu_Header_Red.png) repeat-x top;
     background: url(https://static.igem.org/mediawiki/2009/8/86/II09_Menu_Header_Red.png) repeat-x top;
     color: #111;
     color: #111;
Line 203: Line 231:
     width: 200px;
     width: 200px;
     height: 35px;
     height: 35px;
-
     border: 1px solid #bbb;
+
     border: 2px solid #000;
     background: url(https://static.igem.org/mediawiki/2009/b/b0/II09_Menu_Header_Maroon.png) repeat-x top;
     background: url(https://static.igem.org/mediawiki/2009/b/b0/II09_Menu_Header_Maroon.png) repeat-x top;
     color: #111;
     color: #111;
Line 210: Line 238:
     font: calibri;
     font: calibri;
}
}
 +
 +
.thumb {
 +
    float: left;
 +
    position:relative;
 +
    align: left;
 +
    padding: 15px;
 +
    #position: relative;
 +
    #top: -12%
 +
}
 +
 +
.thumb_text {
 +
    vertical-align: middle;
 +
    font-size: 30px;
 +
    font-family:"Calibri",Georgia,Serif;
 +
    #position: relative;
 +
    #top: -25%
 +
}
 +
</style>
</style>
Line 224: Line 270:
<ul>
<ul>
-
<li><strong class="menu_header_Home"><img src="https://static.igem.org/mediawiki/2009/8/83/II09_Thumb_home.png" width="15%" align="left"> Home</strong></li>
+
<li><strong class="menu_header_Encapsulator"><img class="thumb" src="https://static.igem.org/mediawiki/2009/8/83/II09_Thumb_home.png" width="15%"><p class="thumb_text">Home</p></strong></li>
</ul>
</ul>
 +
 +
<!--<ul>
 +
<strong class="menu_header_Encapsulator "><img src="https://static.igem.org/mediawiki/2009/8/83/II09_Thumb_home.png" width="15%" align="left"> The E.ncapsulator</strong></li>
 +
</ul>-->
<ul>
<ul>
Line 232: Line 282:
<ul>
<ul>
-
<li class="menu_header_M2"><img src="https://static.igem.org/mediawiki/2009/d/df/II09_Thumb_m2.png" width="15%" align="left">Module 2: Encapsulation &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+
<li class="menu_header_M2"><img src="https://static.igem.org/mediawiki/2009/d/df/II09_Thumb_m2.png" width="15%" align="left"> Module 2: Encapsulation &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
</ul>
</ul>
<ul>
<ul>
-
<li class="menu_header_M3"><img src="https://static.igem.org/mediawiki/2009/2/25/II09_Thumb_m3.png" width="15%" align="left">Module 3: Genome Deletion</li>
+
<li class="menu_header_M3"><img src="https://static.igem.org/mediawiki/2009/2/25/II09_Thumb_m3.png" width="15%" align="left"> Module 3: Genome Deletion</li>
</ul>
</ul>

Latest revision as of 13:09, 13 September 2009

Retrieved from "http://2009.igem.org/Template:Imperial/09/MenuPlay"