Template:Uppsala-SwedenTemplate

From 2011.igem.org

(Difference between revisions)
Line 11: Line 11:
         });
         });
     </script>
     </script>
-
   
 
-
<!-- end of amin script-->
 
-
<!-- START:Riddance.  
+
<!-- START:Riddance. -->
<script type="text/javascript">
<script type="text/javascript">
Line 21: Line 19:
d.removeChild(olddiv);
d.removeChild(olddiv);
-
</script>-->
+
</script>
<!-- END: Riddance. -->
<!-- END: Riddance. -->
-
 
<style type="text/css">
<style type="text/css">
Line 100: Line 97:
.container_16 .grid_4 {width:224px;}
.container_16 .grid_4 {width:224px;}
.container_16 .grid_5 {
.container_16 .grid_5 {
-
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
+
-webkit-transform: rotate(10deg) scale(1) skew(1deg) translate(0px);
-
  -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
+
  -moz-transform: rotate(10deg) scale(1) skew(1deg) translate(0px);
-
  -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
+
  -o-transform: rotate(10deg) scale(1) skew(1deg) translate(0px);
   border:double 6px #000000;
   border:double 6px #000000;
  -moz-border-radius: 24px;
  -moz-border-radius: 24px;
Line 110: Line 107:
  -webkit-box-shadow: 10px 10px 5px #000000;
  -webkit-box-shadow: 10px 10px 5px #000000;
  box-shadow: 10px 10px 5px #000000;
  box-shadow: 10px 10px 5px #000000;
-
color:red;
+
 
Line 118: Line 115:
border:1px solid blue;
border:1px solid blue;
background: #800;
background: #800;
-
     background: -moz-linear-gradient(-90deg, #ffff40, #ffa000  50%, #FFFFFF);
+
     background: -moz-linear-gradient(-90deg, #F69609, #F69609 50%, #F69609 80%, #F69609 85%, #F69609);
-
     background: -webkit-gradient(linear, left top, left bottom, from(#ffff40),
+
     background: -webkit-gradient(linear, left top, left bottom, from(#FE878A),
-
                                 color-stop(50%, #ffa000), to(#FFFFFF));
+
                                 color-stop(50%, #E71616), color-stop(80%, #800000),
 +
                                color-stop(85%, #800000), to(#b80304));
Line 132: Line 130:
.container_16 .grid_5:hover {
.container_16 .grid_5:hover {
-
-webkit-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
+
width:285px;opacity:1;
-
-moz-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
+
-
-o-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
+
-
  border:double 6px #000000;
+
-
-moz-border-radius: 24px;
+
-
-webkit-border-radius: 24px;
+
-
border-radius: 24px;
+
-
-moz-box-shadow: 10px 10px 5px #000000;
+
-
-webkit-box-shadow: 10px 10px 5px #000000;
+
-
box-shadow: 10px 10px 5px #000000;
+
-
color:red;
+
-
 
+
-
 
+
-
/*margin-right:61px;*/
+
-
width:285px;opacity:1;
+
filter:alpha(opacity=100);
filter:alpha(opacity=100);
 +
filter: “alpha(opacity=100)”;
border:1px solid blue;
border:1px solid blue;
-
background: #800;
+
background:yellow center center;}
-
    background: -moz-linear-gradient(-90deg, #ffff40, #ffa000  50%, #FFFFFF);
+
-
    background: -webkit-gradient(linear, left top, left bottom, from(#ffff40),
+
-
                                color-stop(50%, #ffa000), to(#FFFFFF));}
+
.container_16 .grid_6 {
.container_16 .grid_6 {
Line 218: Line 200:
.container_16 .grid_15 {width:895px;}
.container_16 .grid_15 {width:895px;}
.container_16 .grid_16 {width:956px;}
.container_16 .grid_16 {width:956px;}
-
.container_16 .grid_17 {
 
-
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
 
-
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
 
-
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
 
-
  border:double 6px #000000;
 
-
-moz-border-radius: 14px;
 
-
-webkit-border-radius: 14px;
 
-
border-radius: 14px;
 
-
-moz-box-shadow: 10px 10px 5px #000000;
 
-
-webkit-box-shadow: 10px 10px 5px #000000;
 
-
box-shadow: 10px 10px 5px #000000;
 
-
/*margin-right:61px;*/
 
-
width:163px;opacity:1;
 
-
filter:alpha(opacity=100);
 
-
border:1px solid black;
 
-
background: #800;
 
-
    background: -moz-linear-gradient(-90deg, #DDE1EE, #898293 30%);
 
-
    background: -webkit-gradient(linear, left top, left bottom, from(#DDE1EE),to(30% ,#898293));}
 
.container_16 .prefix_1 {margin-left:61px;}
.container_16 .prefix_1 {margin-left:61px;}
.container_16 .prefix_2 {margin-left:122px;}
.container_16 .prefix_2 {margin-left:122px;}
.container_16 .prefix_3 {margin-left:183px;}
.container_16 .prefix_3 {margin-left:183px;}
-
.container_16 .prefix_4 {margin-left:0px;}
+
.container_16 .prefix_4 {margin-left:244px;}
.container_16 .suffix_1 {margin-right:61px;/*-moz-border-radius: 330px/350px;
.container_16 .suffix_1 {margin-right:61px;/*-moz-border-radius: 330px/350px;
     -webkit-border-radius: 330px 350px;
     -webkit-border-radius: 330px 350px;
Line 249: Line 213:
                                 color-stop(85%, #800000), to(#b80304));*/}
                                 color-stop(85%, #800000), to(#b80304));*/}
.wrap_1 {float:left; display:inline; width:61px; position:relative; padding:0; margin:0;}
.wrap_1 {float:left; display:inline; width:61px; position:relative; padding:0; margin:0;}
-
.wrap_3 {float:left; display:inline; width:183px; position:relative; padding:0; margin:0;}
+
.wrap_3 {float:left; display:inline; width:183px; position:relative; padding:0; margin:0;}
.wrap_12 {float:left; display:inline; width:732px; position:relative; padding:0; margin:0;}
.wrap_12 {float:left; display:inline; width:732px; position:relative; padding:0; margin:0;}
Line 287: Line 251:
#Uppsalabanner {}
#Uppsalabanner {}
-
#mainlogo {height:367px;  
+
#mainlogo {height:367px; background:url(https://static.igem.org/mediawiki/2011/9/9e/UppsalaLogoTmp.png) top center no-repeat;}
-
  border:single 3px #000000;
+
#maincontent {height:210px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) right top no-repeat;}
-
-moz-border-radius: 0px 0px 14px 14px;
+
-
-webkit-border-radius: 0px 0px 14px 14px;
+
-
border-radius: 6 px;
+
-
/*-moz-box-shadow: 10px 10px 5px #000000;*/
+
-
/* -webkit-box-shadow: 10px 10px 5px #000000;*/
+
-
/* box-shadow: 10px 10px 5px #000000;*/
+
-
/*margin-right:61px;*/
+
-
filter:alpha(opacity=100);
+
-
border:1px solid black;
+
-
/*background: #800;*/
+
-
    background: url(https://static.igem.org/mediawiki/2011/4/4e/UppsalaLogo.gif) no-repeat center bottom #898293 ;
+
-
    background: url(https://static.igem.org/mediawiki/2011/4/4e/UppsalaLogo.gif) no-repeat center bottom #898293 ;
+
-
/*background-image:url(https://static.igem.org/mediawiki/2011/4/4e/UppsalaLogo.gif) bottom center no-repeat;*/}
+
-
#maincontent {height:210px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) right top no-repeat #898293;}
+
#Uppsalalogo {height:384px; background:url(https://static.igem.org/mediawiki/2011/9/93/Uppsalalogo2.jpg) bottom left no-repeat;}
#Uppsalalogo {height:384px; background:url(https://static.igem.org/mediawiki/2011/9/93/Uppsalalogo2.jpg) bottom left no-repeat;}
#banner {height:323px; background:url(https://static.igem.org/mediawiki/2011/6/63/Uppsalabanner.jpg) center center no-repeat; clear:both; position:relative;}
#banner {height:323px; background:url(https://static.igem.org/mediawiki/2011/6/63/Uppsalabanner.jpg) center center no-repeat; clear:both; position:relative;}
Line 312: Line 262:
#Uppsalanotebook {height:302px; background:url(https://static.igem.org/mediawiki/2011/8/86/Uppsalanote.jpg) top center no-repeat;}
#Uppsalanotebook {height:302px; background:url(https://static.igem.org/mediawiki/2011/8/86/Uppsalanote.jpg) top center no-repeat;}
-
#mainred {height:198px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) left top no-repeat #898293;}
+
#mainred {height:198px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) left top no-repeat;}
.maincontent {margin-top:-50px;}
.maincontent {margin-top:-50px;}
-
 
-
 
-
#mainTwoRow {height:100%;}
 
-
#mainNavigation {height:367px; background:url(https://static.igem.org/mediawiki/2011/9/9e/UppsalaLogoTmp.png) top center no-repeat;}
 
-
 
-
 
#menu {color: #c5c5c5; text-align:center; padding:0; margin:0; font-size:1.11em; font-family:Century Gothic, ITC Avant Garde, sans-serif; margin-bottom:0px; text-transform:lowercase; font-variant:small-caps; font-weight:bold;/*position:fixed;*/}
#menu {color: #c5c5c5; text-align:center; padding:0; margin:0; font-size:1.11em; font-family:Century Gothic, ITC Avant Garde, sans-serif; margin-bottom:0px; text-transform:lowercase; font-variant:small-caps; font-weight:bold;/*position:fixed;*/}
Line 347: Line 291:
.title span.bold {color:#202020;}
.title span.bold {color:#202020;}
-
#content #submenu{margin-top:2px; padding-top:2px; font-family:Gill Sans / Gill Sans MT, sans-serif; font-variant:small-caps; text-transform:lowercase; border-bottom:3px solid #404040; padding-bottom: 5px;}
+
#content #submenu {margin-top:2px; padding-top:2px; font-family:Gill Sans / Gill Sans MT, sans-serif; font-variant:small-caps; text-transform:lowercase; border-bottom:3px solid #404040; padding-bottom: 5px;}
#content #submenu .submenu a {color:#404040; font-size:13px; font-weight:200; display:block;padding:2px; letter-spacing:0.05em;}
#content #submenu .submenu a {color:#404040; font-size:13px; font-weight:200; display:block;padding:2px; letter-spacing:0.05em;}
#content #submenu .submenu a:hover {font-weight:bold; margin:0 2px;}
#content #submenu .submenu a:hover {font-weight:bold; margin:0 2px;}
Line 373: Line 317:
.tocnumber {color:#688893; font-family:Times, Georgia, serif; font-weight:bold;}
.tocnumber {color:#688893; font-family:Times, Georgia, serif; font-weight:bold;}
-
<!-- new submenu-->
 
-
#floatMenu {
 
-
position:absolute;
 
-
top:450px;
 
-
left:0px;
 
-
margin-left:0px;
 
-
width:180px;
 
-
min-height:100%;
 
-
height:200px;
 
-
}
 
-
#floatMenu ul {
 
-
margin-bottom:20px;
 
-
}
 
-
#floatMenu ul li a {
 
-
                display:block;
 
-
border:1px solid #999;
 
-
background-color:#222;
 
-
border-left:6px solid #999;
 
-
text-decoration:none;
 
-
color:#ccc;
 
-
padding:5px 5px 5px 25px;
 
-
}
 
-
#floatMenu ul li a:hover {
 
-
color:#fff;
 
-
background-color:#333333;
 
-
}
 
-
#floatMenu ul.menu1 li a:hover {
 
-
border-color:#09f;
 
-
}
 
-
#floatMenu ul.menu2 li a:hover {
 
-
border-color:#9f0;
 
-
}
 
-
#floatMenu ul.menu3 li a:hover {
 
-
border-color:#f09;
 
-
}
 
-
<!-- end of new submenu-->
 
a img{
a img{
opacity:1;
opacity:1;
Line 430: Line 338:
{
{
border-style:solid;
border-style:solid;
-
padding-left:20px;
+
 
-
padding-right:20px;
+
}
}

Revision as of 12:40, 7 July 2011