Template:Imperial/09/CSS

From 2009.igem.org

(Difference between revisions)
 
(51 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
body{
 
-
    background: #000f7b
 
-
}
 
/*----------------------------Background Fix----------------------------------*/
/*----------------------------Background Fix----------------------------------*/
#globalWrapper{
#globalWrapper{
     background:#3c72bc;
     background:#3c72bc;
     font:Calibri, Verdana, Arial, Geneva, sans-serif;
     font:Calibri, Verdana, Arial, Geneva, sans-serif;
-
     background:#fff url(https://static.igem.org/mediawiki/2009/f/f8/II09_ShadowBorder.png) top center repeat-y;
+
     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------------------------------*/
Line 38: 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                                deprecated                      */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
#II09_mainWrapper{
 
-
    width: 100%;
 
-
    align: center;
 
-
    border: 5px solid #000000;
 
-
    margin-top: 0px;
 
-
    margin-bottom: 0px;
 
-
    margin-left: 5px;
 
-
    margin-right: 5px;
 
-
    background: none;
 
-
    font:Calibri, Verdana, Arial, Geneva, sans-serif;
 
-
    position:relative;
 
-
    align:left;
 
}
}
Line 63: Line 42:
#II09_content_wrapper {
#II09_content_wrapper {
-
     width: 700px;
+
     width: 725px;
     float: left;
     float: left;
     padding: 0px;
     padding: 0px;
Line 76: Line 55:
#II09_content_boxtop {
#II09_content_boxtop {
-
     width: 630px;
+
     width: 747px;
     height: 9px;
     height: 9px;
     background:url(https://static.igem.org/mediawiki/2009/c/c8/II09_content_top.png) no-repeat;
     background:url(https://static.igem.org/mediawiki/2009/c/c8/II09_content_top.png) no-repeat;
Line 86: Line 65:
#II09_content_boxbottom {
#II09_content_boxbottom {
-
     width: 630px;
+
     width: 747px;
     height: 9px;
     height: 9px;
     background:url(https://static.igem.org/mediawiki/2009/b/b4/II09_content_bottom.png) no-repeat;
     background:url(https://static.igem.org/mediawiki/2009/b/b4/II09_content_bottom.png) no-repeat;
Line 105: Line 84:
     text-align: justify;
     text-align: justify;
     font:Calibri, Verdana, Arial, Geneva, sans-serif;
     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 146: Line 145:
}
}
-
/*----------------------------------------------------------------------------*/
+
</style>
-
/* IE Fixes                                                                  */
+
-
/*----------------------------------------------------------------------------*/
+
-
.img{
+
<!--[if IE 6]>
-
    margin: 0;
+
<script type="text/javascript">
-
    padding: 0;
+
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
-
    border: 0;
+
{
 +
  var arVersion = navigator.appVersion.split("MSIE")
 +
  var version = parseFloat(arVersion[1])
 +
  if (version >= 5.5)
 +
  {
 +
      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);
-
</style>
+
</script>
 +
<![endif]-->
</html>
</html>

Latest revision as of 16:15, 21 October 2009