Template:Imperial/09/CSS

From 2009.igem.org

(Difference between revisions)
 
(157 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
/*----------------------------------------------------------------------------*/
 
-
/* Adapting the iGEM wiki                                                    */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
 
/*----------------------------Background Fix----------------------------------*/
/*----------------------------Background Fix----------------------------------*/
#globalWrapper{
#globalWrapper{
-
     beweweackground: url(https://static.igem.org/mediawiki/2009/7/7a/II09_Main_Background_Blue.png) repeat-x;
+
     background:#3c72bc;
-
    background:#325d97;
+
    font:Calibri, Verdana, Arial, Geneva, sans-serif;
 +
    background:#3c72bc  url(https://static.igem.org/mediawiki/2009/f/f8/II09_ShadowBorder.png) top center repeat-y;
}
}
/*------------------------END Background Fix END------------------------------*/
/*------------------------END Background Fix END------------------------------*/
-
 
+
#toc{
 +
    display:none;
 +
}
#content {
#content {
 +
    font:Calibri, Verdana, Arial, Geneva, sans-serif;
     background: #325d97;
     background: #325d97;
-
     border: 0px;
+
     border-left: 1px solid #000000;
 +
    border-right: 1px solid #000000;
 +
    padding-top: 1px;
 +
    padding-bottom: 1px;
 +
    position:relative;
 +
 
}
}
.firstHeading{
.firstHeading{
-
     font-size: 0pt;
+
     display: none;
-
    border: 0px;
+
}
}
Line 32: Line 35:
     background-image: url(https://static.igem.org/mediawiki/2009/2/2a/II09_wiki.png);
     background-image: url(https://static.igem.org/mediawiki/2009/2/2a/II09_wiki.png);
     background-size: 100%;
     background-size: 100%;
-
}
 
-
 
-
/*----------------------------------------------------------------------------*/
 
-
/* Structure                                                                  */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
#II09_mainWrapper{
 
-
    wid232th: 800px;
 
-
    width: 100%;
 
-
    align: center;
 
-
    border: 5px #0000ff;
 
-
    margin: 0px auto;
 
-
    padding: 0px;
 
-
    background: #fff;
 
-
 
}
}
Line 54: Line 42:
#II09_content_wrapper {
#II09_content_wrapper {
-
     width: 72%;
+
     width: 725px;
     float: left;
     float: left;
-
     margin-top: 0px;
+
    padding: 0px;
-
     margin-bottom: 0px;
+
     margin-top: 5px;
-
     margin-left: 5px;
+
     margin-bottom: 5px;
 +
     margin-left: 0px;
 +
    margin-right: 0px;
     position:relative;
     position:relative;
-
     background: #fff;
+
     align: left;
-
     backgrdaound: url(https://static.igem.org/mediawiki/2009/9/90/II09_Menu_Queens.png) no-repeat middle left;
+
     text-align: left;
}
}
#II09_content_boxtop {
#II09_content_boxtop {
-
     width: 650px;
+
     width: 747px;
-
     height: 10px;
+
     height: 9px;
-
     background:url(https://static.igem.org/mediawiki/2009/c/c8/II09_content_top.png) no-repeat bottom left;
+
     background:url(https://static.igem.org/mediawiki/2009/c/c8/II09_content_top.png) no-repeat;
-
     background-size:125%;
+
     background-position: bottom right;
     position: relative;
     position: relative;
     float: left;
     float: left;
 +
    display: block;
}
}
#II09_content_boxbottom {
#II09_content_boxbottom {
-
     width: 650px;
+
     width: 747px;
-
     height: 10px;
+
     height: 9px;
-
     background:url(https://static.igem.org/mediawiki/2009/b/b4/II09_content_bottom.png) no-repeat top left;
+
     background:url(https://static.igem.org/mediawiki/2009/b/b4/II09_content_bottom.png) no-repeat;
 +
    background-position: top right;
     position: relative;
     position: relative;
     float: left;
     float: left;
 +
    display: block;
}
}
Line 89: Line 82:
     position: relative;
     position: relative;
     float: left;
     float: left;
-
    font-size: 9pt;
 
     text-align: justify;
     text-align: justify;
 +
    font:Calibri, Verdana, Arial, Geneva, sans-serif;
 +
}
 +
 +
#II09_content_boxtop_purple {
 +
    width: 612px;
 +
    height: 7px;
 +
    background:url(https://static.igem.org/mediawiki/2009/e/ea/II09_content_top_purple.png) no-repeat;
 +
    background-position: bottom right;
 +
    position: relative;
 +
    float: left;
 +
    display: block;
 +
}
 +
 +
#II09_content_boxbottom_purple {
 +
    width: 612px;
 +
    height: 7px;
 +
    background:url(https://static.igem.org/mediawiki/2009/c/c2/II09_content_bottom_purple.png) no-repeat;
 +
    background-position: top right;
 +
    position: relative;
 +
    float: left;
 +
    display: block;
}
}
Line 98: Line 111:
.II09_Tabs_Blue {
.II09_Tabs_Blue {
 +
  position:relative;
   float:left;
   float:left;
   width:100%;
   width:100%;
-
   background:#CCCCFF url("http://openwetware.org/images/b/bb/SDbg.gif") repeat-x bottom;
+
   background:#838B8B url("http://openwetware.org/images/b/bb/SDbg.gif") repeat-x bottom; /*#CCCCFF*/
   font-size:93%;
   font-size:93%;
   line-height:normal;
   line-height:normal;
   margin: 0;
   margin: 0;
   padding: 0;
   padding: 0;
 +
  font:Calibri;
}
}
Line 127: Line 142:
   font-weight:bold;
   font-weight:bold;
   color:#765;
   color:#765;
 +
  font:Calibri;
}
}
-
/*----------------------------------------------------------------------------*/
+
</style>
-
/* White Box                                                                  */
+
-
/*----------------------------------------------------------------------------*/
+
-
#II09_BCW{
+
<!--[if IE 6]>
-
    width: 700px;
+
<script type="text/javascript">
-
    text-align: justify;
+
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
-
    align: center;
+
{
-
    margin: 5px auto;
+
  var arVersion = navigator.appVersion.split("MSIE")
-
    border: 3px solid #000;
+
  var version = parseFloat(arVersion[1])
-
    padding: 10px;
+
  if (version >= 5.5)
-
    background-color: #fff;
+
  {
-
    position: right;
+
      for(var i=0; i<document.images.length; i++)
 +
      {
 +
        var img = document.images[i]
 +
        var imgName = img.src.toUpperCase()
 +
        if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
 +
        {
 +
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
 +
            var imgClass = (img.className) ? "class='" + img.className + "' " : ""
 +
            var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
 +
            var imgStyle = "display:inline-block;" + img.style.cssText
 +
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
 +
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
 +
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
 +
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
 +
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
 +
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
 +
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
 +
            img.outerHTML = strNewHTML
 +
            i = i-1
 +
        }
 +
      }
 +
  }   
}
}
-
 
+
window.attachEvent("onload", correctPNG);
-
/*----------------------------------------------------------------------------*/
+
</script>
-
/* IE Fixes                                                                  */
+
<![endif]-->
-
/*----------------------------------------------------------------------------*/
+
-
 
+
-
.img{
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    border: 0;
+
-
}
+
-
 
+
-
</style>
+
</html>
</html>

Latest revision as of 16:15, 21 October 2009