Template:CSS/style2

From 2014.igem.org

(Difference between revisions)
 
(246 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 59: Line 89:
right:0px;
right:0px;
}
}
-
.slider2{
+
 
-
width:1032px;
+
.link_bg{
-
height:384px;
+
width:123px;
 +
height:61px;
position:absolute;
position:absolute;
-
left:300px;
+
top:29px;
-
top:96px;
+
left:2px;
-
background-image: url(https://static.igem.org/mediawiki/2014/8/89/Slide1.png);
+
}
}
-
.container3 {
+
 
-
overflow:hidden;
+
.menu{
-
width:1032;
+
width:550px;
-
height:384px;
+
position:absolute;
position:absolute;
top:0px;
top:0px;
-
left:0px;
+
left:300px;
 +
 
}
}
 +
#topmenu{
 +
color:#7b7a7a;
 +
font-family:Arial, Helvetica, sans-serif;
 +
text-decoration:none;
 +
}
 +
#topmenu:hover{
 +
color:#0066FF;
 +
}
 +
.menuelt{
 +
padding:20px 15px 16px 15px;
 +
}
-
#content-slider {
+
.menuelt:hover{
 +
background-color:#fcf7f5;
 +
padding:20px 15px 16px 15px;
 +
border-bottom:solid thick #f53e06;
 +
}
-
width:1032;
+
 
-
height:384px;
+
#nav {
-
position:relative;
+
width:1000px;
 +
position:absolute;
top:0px;
top:0px;
-
left:0px;
+
left:320px;
-
margin:auto;
+
}
 +
#nav_wrapper{
 +
width:1000px;
 +
margin:0, auto;
 +
text-align:left;
 +
}
 +
#nav ul{
 +
list-style-type:none;
 +
padding:0;
 +
margin:1px;
 +
position:relative;
 +
}
 +
#nav ul li{
 +
display:inline-block;
 +
border:5px, solid, #4daf7a;
 +
color:#46dd11;
 +
text-decoration:none;
 +
padding:6px 3px 0px 3px;
}
}
 +
#nav ul li a,visited{
 +
color:#3b3a3a;
 +
padding:15px;
 +
display:block;
 +
font-family: Open sans, Helvetica, Arial;
 +
text-decoration:none;
 +
font-weight:300;
 +
}
 +
#nav ul li:hover{
 +
background-color:#fbf7f5;
 +
padding:6px 2px 0px 2px;
 +
/*border-bottom:solid thick #f02b05;*/
 +
}
 +
#nav ul li a:hover{
 +
color:black;
 +
font-weight:300;
 +
}
 +
-
#slider li.firstanimation {
+
.nav_item_achievements,visited{
-
-moz-animation:cycle 25s linear infinite;
+
background-color:#fbf7f5;
-
-webkit-animation:cycle 25s linear infinite;
+
padding:6px 2px 0px 2px;
 +
border-bottom:solid thick #000000;
}
}
-
#slider li.secondanimation {
+
.nav_item_home,visited{
-
-moz-animation:cycletwo 25s linear infinite;
+
background-color:#fbf7f5;
-
-webkit-animation:cycletwo 25s linear infinite;
+
padding:6px 2px 0px 2px;
 +
border-bottom:solid thick #00b1ff;
}
}
-
#slider li.thirdanimation {
+
.nav_item_project,visited{
-
-moz-animation:cyclethree 25s linear infinite;
+
background-color:#fbf7f5;
-
-webkit-animation:cyclethree 25s linear infinite;
+
padding:6px 2px 0px 2px;
 +
border-bottom:solid thick #b80028;
}
}
-
#slider li.fourthanimation {
+
.nav_item_modeling,visited{
-
-moz-animation:cyclefour 25s linear infinite;
+
background-color:#fbf7f5;
-
-webkit-animation:cyclefour 25s linear infinite;
+
padding:6px 2px 0px 2px;
 +
border-bottom:solid thick #757116;
}
}
-
#slider li.fifthanimation {
+
.nav_item_team,visited{
-
-moz-animation:cyclefive 25s linear infinite;
+
background-color:#fbf7f5;
-
-webkit-animation:cyclefive 25s linear infinite;
+
padding:6px 2px 0px 2px;
 +
border-bottom:solid thick #f4a204;
}
}
-
 
+
.nav_item_parts,visited{
-
 
+
background-color:#fbf7f5;
-
.link_bg{
+
padding:6px 2px 0px 2px;
-
width:123px;
+
border-bottom:solid thick #a95613;
-
height:61px;
+
-
position:absolute;
+
-
top:29px;
+
-
left:2px;
+
-
 
+
}
}
-
 
+
.nav_item_attributions,visited{
-
 
+
background-color:#fbf7f5;
-
.menu{
+
padding:6px 2px 0px 2px;
-
width:550px;
+
border-bottom:solid thick #b904f4;
-
position:absolute;
+
-
top:6px;
+
-
left:300px;
+
-
 
+
}
}
-
 
+
.nav_item_safety,visited{
-
#topmenu{
+
background-color:#fbf7f5;
-
color:#7b7a7a;
+
padding:6px 2px 0px 2px;
-
font-family:Arial, Helvetica, sans-serif;
+
border-bottom:solid thick #03b224;
-
text-decoration:none;
+
}
}
-
#topmenu:hover{
+
.nav_item_notebook,visited{
-
color:#0066FF;
+
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;
}
}
Line 149: Line 254:
top:3px;
top:3px;
right:20px;
right:20px;
-
 
+
z-index:15;
}
}
 +
.fb{
.fb{
width:39px;
width:39px;
Line 162: Line 268:
.footer{
.footer{
width:1349px;
width:1349px;
-
height:70px;
+
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;
}
}
.mascotbottomlayer{
.mascotbottomlayer{
width:293px;
width:293px;
-
height:384px;
+
height:372px;
position:fixed;
position:fixed;
top:96px;
top:96px;
left:0px;
left:0px;
-
background-image: url(https://static.igem.org/mediawiki/2014/1/13/Industry.png);
+
background-image: url(https://static.igem.org/mediawiki/2014/2/2a/Industry3.png);
}
}
Line 197: Line 316:
.iitd{
.iitd{
width:293px;
width:293px;
-
height:195px;
+
height:192px;
position:fixed;
position:fixed;
-
top:483px;
+
top:480px;
left:0px;
left:0px;
-
background-image:url("https://static.igem.org/mediawiki/2014/8/83/Iitd_copy.png");
+
background-image:url("https://static.igem.org/mediawiki/2014/e/ed/Iitd2.png");
 +
background-color:#373737;
z-index:10;
z-index:10;
Line 212: Line 332:
   display: block;
   display: block;
   margin: 0 auto;
   margin: 0 auto;
-
   width: 1120px;
+
   width: 1049px;
   height:170px;
   height:170px;
position:absolute;
position:absolute;
-
top:480px;
+
top:477px;
-
left:301px;
+
left:300px;
}
}
      
      
Line 353: Line 473:
left:300px;
left:300px;
top:1250px;
top:1250px;
-
background-color:#c9b5b5;
+
 
}
}
Line 370: Line 490:
height:600px;
height:600px;
position:absolute;
position:absolute;
-
top:1820px;
+
top:1830px;
left:1086px;
left:1086px;
background-color:white;
background-color:white;
}
}
 +
 +
.flagview{
 +
position:absolute;
 +
top:1500px;
 +
right:30px;
 +
width:275px;
 +
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"