Template:Imperial/09/CSS

From 2009.igem.org

(Difference between revisions)
 
(107 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;
     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------------------------------*/
Line 16: Line 11:
     display:none;
     display:none;
}
}
-
 
#content {
#content {
     font:Calibri, Verdana, Arial, Geneva, sans-serif;
     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;
 
-
    border: 0px;
 
     display: none;
     display: none;
}
}
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                                                                  */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
#II09_mainWrapper{
 
-
    width: 80%;
 
-
    align: center;
 
-
    border: 5px #0000ff;
 
-
    margin: 0px 15px 0px 0px;
 
-
    padding: 0px;
 
-
    background: none;
 
-
    font:Calibri, Verdana, Arial, Geneva, sans-serif;
 
}
}
Line 59: Line 42:
#II09_content_wrapper {
#II09_content_wrapper {
-
     width: 72%;
+
     width: 725px;
-
     float: right;
+
     float: left;
     padding: 0px;
     padding: 0px;
     margin-top: 5px;
     margin-top: 5px;
     margin-bottom: 5px;
     margin-bottom: 5px;
     margin-left: 0px;
     margin-left: 0px;
-
     margin-right: 35px;
+
     margin-right: 0px;
     position:relative;
     position:relative;
-
     align: right;
+
     align: left;
-
     text-align: right;
+
     text-align: left;
-
    backgrfuzound: #fff;
+
-
    backgrdaound: url(https://static.igem.org/mediawiki/2009/9/90/II09_Menu_Queens.png) no-repeat middle left;
+
}
}
#II09_content_boxtop {
#II09_content_boxtop {
-
     width: 717px;
+
     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 84: Line 65:
#II09_content_boxbottom {
#II09_content_boxbottom {
-
     width: 717px;
+
     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 103: 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 110: Line 111:
.II09_Tabs_Blue {
.II09_Tabs_Blue {
 +
  position:relative;
   float:left;
   float:left;
   width:100%;
   width:100%;
Line 143: Line 145:
}
}
-
/*----------------------------------------------------------------------------*/
+
</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

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