Template:CSS/style2

From 2014.igem.org

(Difference between revisions)
 
(152 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:2500px;
+
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 122: Line 149:
border:5px, solid, #4daf7a;
border:5px, solid, #4daf7a;
color:#46dd11;
color:#46dd11;
-
font-family: Helvetica, sans-serif, Arial;
 
text-decoration:none;
text-decoration:none;
-
 
+
padding:6px 3px 0px 3px;
-
padding:6px 2px 1px 2px;
+
}
}
#nav ul li a,visited{
#nav ul li a,visited{
-
color:#0480f4;
+
color:#3b3a3a;
padding:15px;
padding:15px;
display:block;
display:block;
 +
font-family: Open sans, Helvetica, Arial;
text-decoration:none;
text-decoration:none;
-
font-weight:500;
+
font-weight:300;
}
}
#nav ul li:hover{
#nav ul li:hover{
-
background-color:#f8f3f0;
+
background-color:#fbf7f5;
-
color:red;
+
padding:6px 2px 0px 2px;
-
padding:6px 2px 1px 2px;
+
/*border-bottom:solid thick #f02b05;*/
-
border-bottom:solid thick black;
+
}
 +
#nav ul li a:hover{
 +
color:black;
 +
font-weight:300;
}
}
 +
 +
 +
 +
.nav_item_achievements,visited{
 +
background-color:#fbf7f5;
 +
padding:6px 2px 0px 2px;
 +
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{
 +
border-bottom:solid thick #00b1ff;
 +
}
 +
.project a:hover{
 +
border-bottom:solid thick #b80028;
 +
}
 +
.modeling a:hover{
 +
border-bottom:solid thick #757116;
 +
}
 +
.team a:hover{
 +
border-bottom:solid thick #f4a204;
 +
}
 +
.notebook a:hover{
 +
border-bottom:solid thick #24e4fb;
 +
}
 +
.attributions a:hover{
 +
border-bottom:solid thick #b904f4;
 +
}
 +
.safety a:hover{
 +
border-bottom:solid thick #03b224;
 +
}
 +
.parts a:hover{
 +
border-bottom:solid thick #a95613;
 +
}
.igemlogo{
.igemlogo{
Line 150: Line 254:
top:3px;
top:3px;
right:20px;
right:20px;
-
 
+
z-index:15;
}
}
 +
.fb{
.fb{
width:39px;
width:39px;
Line 163: Line 268:
.footer{
.footer{
width:1349px;
width:1349px;
-
height:73px;
+
height:192px;
position:absolute;
position:absolute;
bottom:0px;
bottom:0px;
left:0px;
left:0px;
background-color:#373737;
background-color:#373737;
 +
}
 +
 +
.footermap {
 +
margin: 0px;
 +
padding: 0px;
 +
height: 190px;
 +
width: 190px;
 +
border: thin solid #666666;
 +
position: absolute;
 +
top: 1px;
 +
left: 600px;
 +
z-index: 40;
 +
font-family: Arial, Helvetica, sans-serif;
}
}
Line 176: 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 198: Line 316:
.iitd{
.iitd{
width:293px;
width:293px;
-
height:196px;
+
height:192px;
position:fixed;
position:fixed;
top:480px;
top:480px;
Line 379: Line 497:
.flagview{
.flagview{
position:absolute;
position:absolute;
-
bottom:0px;
+
top:1500px;
right:30px;
right:30px;
width:275px;
width:275px;
height:73px;
height:73px;
 +
z-index:12;
}
}
 +
 +
.nav2{
 +
position:absolute;
 +
top:10px;
 +
left:400px;
 +
 +
}
 +
.nav2table{
 +
background-color:#373737;
 +
color:#807f7f;
 +
}
 +
.nav2 a,visited{
 +
color:#d6d5d5;
 +
font-size:12px;
 +
text-decoration:none;
 +
padding:10px;
 +
}
 +
 +
.nav2 a:hover{
 +
color:#ffffff;
 +
font-size:12px;
 +
font-weight:500;
 +
text-decoration:none;
 +
padding:10px;
 +
}
 +
 +
 +
.maplink{
 +
position:absolute;
 +
bottom:70px;
 +
left:500px;
 +
}
 +
.maptable{
 +
background-color:#373737;
 +
color:#d6d5d5;
 +
}
 +
.maplink a,visited{
 +
font-size:14px;
 +
color:#d6d5d5;
 +
font-family:Open sans, Helvetica, Arial;
 +
font-weight:300;
 +
padding:10px;
 +
text-decoration:none;
 +
background-color:#373737;
 +
}
 +
.maplink a:hover{
 +
font-size:14px;
 +
color:white;
 +
font-family:Open sans, Helvetica, Arial;
 +
font-weight:300;
 +
padding:10px;
 +
background-color:#373737;
 +
}
 +
 +
.copyright{
 +
position:absolute;
 +
bottom:5px;
 +
left:600px;
 +
 +
}
 +
.copyright a,visited{
 +
color:#a2a1a1;
 +
}
 +
 +
.copyright a:hover{
 +
color:#c7c6c6;
 +
}
 +
 +
.copyright p{
 +
font-size:12px;
 +
color:#807f7f;
 +
font-family:Open sans, Helvetica, Arial;
 +
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"