Template:Imperial/09/MenuPlay

From 2009.igem.org

(Difference between revisions)
 
(49 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: 4px solid #fff;
+
     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/4/40/II09_Menu_Header_Indigo.png) repeat-x bottom;
     color: #111;
     color: #111;
-
     padding: 2px 4px;
+
     padfdding: 2px 4px;
     text-align:left bottom;
     text-align:left bottom;
Line 121: Line 131:
     margin-top: 1px;
     margin-top: 1px;
     font: calibri;
     font: calibri;
-
     padding: 2px 4px;
+
     paddfding: 2px 4px;
     color: #000;
     color: #000;
Line 128: Line 138:
.menu_header_Encapsulator {
.menu_header_Encapsulator {
     font-weight:bold;
     font-weight:bold;
-
     border: 4px solid #fff;
+
     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;
Line 148: Line 158:
     width: 200px;
     width: 200px;
     height: 50px;
     height: 50px;
-
     border: 4px solid #fff;
+
     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;
Line 161: Line 171:
     width: 200px;
     width: 200px;
     height: 50px;
     height: 50px;
-
     border: 4px solid #fff;
+
     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;
Line 173: Line 183:
     width: 200px;
     width: 200px;
     height: 45px;
     height: 45px;
-
     border: 4px solid #fff;
+
     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 185: Line 195:
     width: 200px;
     width: 200px;
     height: 45px;
     height: 45px;
-
     border: 4px solid #fff;
+
     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 197: Line 207:
     width: 200px;
     width: 200px;
     height: 35px;
     height: 35px;
-
     border: 4px solid #fff;
+
     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 209: Line 219:
     width: 200px;
     width: 200px;
     height: 35px;
     height: 35px;
-
     border: 4px solid #fff;
+
     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 221: Line 231:
     width: 200px;
     width: 200px;
     height: 35px;
     height: 35px;
-
     border: 4px solid #fff;
+
     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 233: Line 243:
     position:relative;
     position:relative;
     align: left;
     align: left;
-
     padding: 15px 5px 15px 0px;
+
     padding: 15px;
 +
    #position: relative;
 +
    #top: -12%
 +
}
 +
 
 +
.thumb_text {
 +
    vertical-align: middle;
 +
    font-size: 30px;
 +
    font-family:"Calibri",Georgia,Serif;
 +
    #position: relative;
 +
    #top: -25%
}
}
Line 250: Line 270:
<ul>
<ul>
-
<li><strong class="menu_header_Home"><img class="thumb" src="https://static.igem.org/mediawiki/2009/8/83/II09_Thumb_home.png" width="15%">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>
<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>
<ul>

Latest revision as of 13:09, 13 September 2009

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