Template:CSS/style2

From 2014.igem.org

(Difference between revisions)
 
(77 intermediate revisions not shown)
Line 2: Line 2:
<style rel='stylesheet' type='text/css'>
<style rel='stylesheet' type='text/css'>
-
.container{
+
.container3636{
-
width:1349px;
+
width:100%;
height:2620px;
height:2620px;
-
background-image: url(https://static.igem.org/mediawiki/2014/8/89/Newbackground.png);
+
position:relative;
-
position:absolute;
+
top:-10px;
top:-10px;
left:0px;
left:0px;
padding:0px;
padding:0px;
margin:0px;
margin:0px;
 +
}
 +
 +
.namastegif{
 +
width:100%;
 +
height:100%;
 +
margin:auto auto;
 +
background-image:url("https://static.igem.org/mediawiki/2014/e/ee/Namaste.gif");
 +
z-index:100;
}
}
.topblack{
.topblack{
-
width:1349px;
+
width:100%;
height:28px;
height:28px;
position:fixed;
position:fixed;
Line 20: Line 27:
left:0px;
left:0px;
background-color:#373737;
background-color:#373737;
-
z-index:10;
+
z-index:99;
}
}
.topwhite{
.topwhite{
-
width:1349px;
+
width:100%;
height:68px;
height:68px;
position:fixed;
position:fixed;
Line 30: Line 37:
left:0px;
left:0px;
background-color:white;
background-color:white;
-
z-index:9;
+
z-index:100;
}
}
-
 
.logo{
.logo{
-
width:123px;
+
width:65px;
height:61px;
height:61px;
position:absolute;
position:absolute;
top:3px;
top:3px;
left:10px;
left:10px;
-
background-image:url("https://static.igem.org/mediawiki/2014/c/c9/Logo.png");
+
-webkit-transition: all .2s ease;
 +
    -moz-transition: all .2s ease;
 +
      -o-transition: all .2s ease;
 +
      -ms-transition: all .2s ease;
 +
          transition: all .2s ease;
 +
z-index:10;
 +
}
 +
.logo:hover{
 +
width:128px;
}
}
 +
 +
.logotext{
 +
width:50px
 +
height:61px;
 +
position:absolute;
 +
top:20px;
 +
left:85px;
 +
}
 +
 +
.logotext img{
 +
width:80px;
 +
}
 +
 +
.links{
.links{
Line 104: Line 132:
position:absolute;
position:absolute;
top:0px;
top:0px;
-
left:480px;
+
left:320px;
-
+
}
}
#nav_wrapper{
#nav_wrapper{
Line 123: Line 150:
color:#46dd11;
color:#46dd11;
text-decoration:none;
text-decoration:none;
-
padding:6px 2px 0px 2px;
+
padding:6px 3px 0px 3px;
}
}
Line 144: Line 171:
font-weight:300;
font-weight:300;
}
}
-
.nav_item,visited{
+
 
 +
 +
 
 +
 
 +
.nav_item_achievements,visited{
background-color:#fbf7f5;
background-color:#fbf7f5;
padding:6px 2px 0px 2px;
padding:6px 2px 0px 2px;
-
border-bottom:solid thick #f02b05;
+
border-bottom:solid thick #000000;
 +
}
 +
.nav_item_home,visited{
 +
background-color:#fbf7f5;
 +
padding:6px 2px 0px 2px;
 +
border-bottom:solid thick #00b1ff;
 +
}
 +
.nav_item_project,visited{
 +
background-color:#fbf7f5;
 +
padding:6px 2px 0px 2px;
 +
border-bottom:solid thick #b80028;
 +
}
 +
.nav_item_modeling,visited{
 +
background-color:#fbf7f5;
 +
padding:6px 2px 0px 2px;
 +
border-bottom:solid thick #757116;
 +
}
 +
.nav_item_team,visited{
 +
background-color:#fbf7f5;
 +
padding:6px 2px 0px 2px;
 +
border-bottom:solid thick #f4a204;
 +
}
 +
.nav_item_parts,visited{
 +
background-color:#fbf7f5;
 +
padding:6px 2px 0px 2px;
 +
border-bottom:solid thick #a95613;
 +
}
 +
.nav_item_attributions,visited{
 +
background-color:#fbf7f5;
 +
padding:6px 2px 0px 2px;
 +
border-bottom:solid thick #b904f4;
 +
}
 +
.nav_item_safety,visited{
 +
background-color:#fbf7f5;
 +
padding:6px 2px 0px 2px;
 +
border-bottom:solid thick #03b224;
 +
}
 +
.nav_item_notebook,visited{
 +
background-color:#fbf7f5;
 +
padding:6px 2px 0px 2px;
 +
border-bottom:solid thick #24e4fb;
 +
}
 +
.achievements a:hover{
 +
border-bottom:solid thick #000000;
}
}
-
 
-
 
.home a:hover{
.home a:hover{
-
border-bottom:solid thick #f40f04;
+
border-bottom:solid thick #00b1ff;
}
}
.project a:hover{
.project a:hover{
-
border-bottom:solid thick #02a5f1;
+
border-bottom:solid thick #b80028;
}
}
.modeling a:hover{
.modeling a:hover{
-
border-bottom:solid thick #478081;
+
border-bottom:solid thick #757116;
}
}
.team a:hover{
.team a:hover{
Line 166: Line 238:
border-bottom:solid thick #24e4fb;
border-bottom:solid thick #24e4fb;
}
}
-
.attribute a:hover{
+
.attributions a:hover{
border-bottom:solid thick #b904f4;
border-bottom:solid thick #b904f4;
}
}
Line 182: Line 254:
top:3px;
top:3px;
right:20px;
right:20px;
-
 
+
z-index:15;
}
}
 +
.fb{
.fb{
width:39px;
width:39px;
Line 221: Line 294:
top:96px;
top:96px;
left:0px;
left:0px;
-
background-image: url(https://static.igem.org/mediawiki/2014/2/2c/Industry2.png);
+
background-image: url(https://static.igem.org/mediawiki/2014/2/2a/Industry3.png);
}
}
Line 424: Line 497:
.flagview{
.flagview{
position:absolute;
position:absolute;
-
bottom:60px;
+
top:1500px;
right:30px;
right:30px;
width:275px;
width:275px;
Line 470: Line 543:
color:#d6d5d5;
color:#d6d5d5;
font-family:Open sans, Helvetica, Arial;
font-family:Open sans, Helvetica, Arial;
-
font-weight:400;
+
font-weight:300;
padding:10px;
padding:10px;
text-decoration:none;
text-decoration:none;
 +
background-color:#373737;
}
}
.maplink a:hover{
.maplink a:hover{
Line 478: Line 552:
color:white;
color:white;
font-family:Open sans, Helvetica, Arial;
font-family:Open sans, Helvetica, Arial;
-
font-weight:400;
+
font-weight:300;
padding:10px;
padding:10px;
 +
background-color:#373737;
}
}
Line 487: Line 562:
left:600px;
left:600px;
 +
}
 +
.copyright a,visited{
 +
color:#a2a1a1;
 +
}
 +
 +
.copyright a:hover{
 +
color:#c7c6c6;
}
}
Line 495: Line 577:
font-weight:400;
font-weight:400;
}
}
 +
 +
</style>
</style>
</html>
</html>

Latest revision as of 13:35, 24 May 2015

Retrieved from "http://2014.igem.org/Template:CSS/style2"