Difference between revisions of "Template:Goettingenbase"

(Created page with "<!-- Declare that you are going to use html code instead of wiki code --> <html> <!-- Start of CSS--> <style type="text/css"> →‎WIKI SETTINGS: /* Hide first head...")
 
 
(22 intermediate revisions by the same user not shown)
Line 16: Line 16:
 
background-color: transparent;
 
background-color: transparent;
 
border: 0px;
 
border: 0px;
−
float: left;
+
margin:0 auto;
−
margin:0px;
+
 
padding: 0px;
 
padding: 0px;
 +
background:url(https://static.igem.org/mediawiki/2015/8/81/TeamGoettingen_bgleft.png), url(https://static.igem.org/mediawiki/2015/9/99/TeamGoettingen_bgright.png);
 +
        background-position: 13% bottom, 90% bottom;
 +
        background-repeat: no-repeat;
 +
        background-attachment:fixed;
 +
        background-size:15% auto;
 
}
 
}
 +
@media (max-width:1400px) {
 +
    #globalWrapper, #content {
 +
        background:none;
 +
    }
 +
}
 +
@media (min-width:1400px) {
 +
    #globalWrapper, #content {
 +
        background-position: 3% bottom, 100% bottom;
 +
        background-repeat: no-repeat;
 +
        background-attachment:fixed;
 +
        background-size:15% auto;
 +
    }
 +
}
 +
 +
@media (min-width:1450px) {
 +
    #globalWrapper, #content {
 +
        background-position: 4.5% bottom, 98.5% bottom;
 +
        background-repeat: no-repeat;
 +
        background-attachment:fixed;
 +
        background-size:15% auto;
 +
    }
 +
}
 +
 +
@media (min-width:1500px) {
 +
    #globalWrapper, #content {
 +
        background-position: 6% bottom, 97% bottom;
 +
        background-repeat: no-repeat;
 +
        background-attachment:fixed;
 +
        background-size:15% auto;
 +
    }
 +
}
 +
 +
@media (min-width:1550px) {
 +
    #globalWrapper, #content {
 +
        background-position: 7% bottom, 96% bottom;
 +
        background-repeat: no-repeat;
 +
        background-attachment:fixed;
 +
        background-size:15% auto;
 +
    }
 +
}
 +
 +
@media (min-width:1600px) {
 +
    #globalWrapper, #content {
 +
        background-position: 8.5% bottom, 94.5% bottom;
 +
        background-repeat: no-repeat;
 +
        background-attachment:fixed;
 +
        background-size:15% auto;
 +
    }
 +
}
 +
@media (min-width:1650px) {
 +
    #globalWrapper, #content {
 +
        background-position: 9.5% bottom, 93.5% bottom;
 +
        background-repeat: no-repeat;
 +
        background-attachment:fixed;
 +
        background-size:15% auto;
 +
    }
 +
}
 +
 +
@media (min-width:1700px) {
 +
    #globalWrapper, #content {
 +
        background-repeat: no-repeat;
 +
        background-attachment:fixed;
 +
        background-position: 10.5% bottom, 92.5% bottom;
 +
        background-size:15% auto;
 +
    }
 +
}
 +
 +
@media (min-width:1750px) {
 +
    #globalWrapper, #content {
 +
        background-position: 11.5% bottom, 91.5% bottom;
 +
        background-repeat: no-repeat;
 +
        background-attachment:fixed;
 +
        background-size:15% auto;
 +
    }
 +
}
 +
 +
@media (min-width:1800px) {
 +
    #globalWrapper, #content {
 +
        background-position: 12% bottom, 91% bottom;
 +
        background-repeat: no-repeat;
 +
        background-attachment:fixed;
 +
        background-size:15% auto;
 +
    }
 +
}
 +
 +
@media (min-width: 1850px) and
 +
(max-width: 1899px)  {
 +
    #globalWrapper, #content {
 +
        background-position: 12.5% bottom, 90.5% bottom;
 +
        background-repeat: no-repeat;
 +
        background-attachment:fixed;
 +
        background-size:15% auto;
 +
    }
 +
}
 +
 +
@media (min-width: 1900px)
 +
{
 +
        #globalWrapper, #content {
 +
        background-position: 13% bottom, 90% bottom;
 +
            background-repeat: no-repeat;
 +
            background-attachment:fixed;
 +
            background-size:15% auto;
 +
        }
 +
}
 +
 +
 +
@media (min-width: 1950px)
 +
{
 +
        #globalWrapper, #content {
 +
        background-position: 14% bottom, 89% bottom;
 +
            background-repeat: no-repeat;
 +
            background-attachment:fixed;
 +
            background-size:15% auto;
 +
        }
 +
}
 +
@media (min-width: 2000px)
 +
{
 +
        #globalWrapper, #content {
 +
        background-position: 15% bottom, 88% bottom;
 +
            background-repeat: no-repeat;
 +
            background-attachment:fixed;
 +
            background-size:15% auto;
 +
        }
 +
}
 +
 +
@media (min-width: 2100px)
 +
{
 +
        #globalWrapper, #content {
 +
        background-position: 16% bottom, 87% bottom;
 +
            background-repeat: no-repeat;
 +
            background-attachment:fixed;
 +
            background-size:15% auto;
 +
        }
 +
}
 +
@media (min-width: 2200px)
 +
{
 +
        #globalWrapper, #content {
 +
        background-position: 17% bottom, 86% bottom;
 +
            background-repeat: no-repeat;
 +
            background-attachment:fixed;
 +
            background-size:15% auto;
 +
        }
 +
}
 +
@media (min-width: 2300px)
 +
{
 +
        #globalWrapper, #content {
 +
        background-position: 18% bottom, 85% bottom;
 +
            background-repeat: no-repeat;
 +
            background-attachment:fixed;
 +
            background-size:15% auto;
 +
        }
 +
}
 +
 +
@media (min-width:2350px) {
 +
    #globalWrapper, #content {
 +
        background:none;
 +
    }
 +
}
 +
 +
@media (max-width:800px) {
 +
    #globalWrapper, #content {
 +
        font-size:90%;
 +
    }
 +
}
  
 
/*left align Black Menu Bar */
 
/*left align Black Menu Bar */

Latest revision as of 11:07, 18 September 2015