Template:CSS/style2
From 2014.igem.org
(Difference between revisions)
(99 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<style rel='stylesheet' type='text/css'> | <style rel='stylesheet' type='text/css'> | ||
- | . | + | .container3636{ |
- | width: | + | width:100%; |
height:2620px; | height:2620px; | ||
- | + | position:relative; | |
- | position: | + | |
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: | + | 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: | + | z-index:99; |
} | } | ||
.topwhite{ | .topwhite{ | ||
- | width: | + | 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: | + | z-index:100; |
} | } | ||
- | |||
.logo{ | .logo{ | ||
- | width: | + | width:65px; |
height:61px; | height:61px; | ||
position:absolute; | position:absolute; | ||
top:3px; | top:3px; | ||
left:10px; | left:10px; | ||
- | + | -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: | + | left:320px; |
- | + | ||
} | } | ||
#nav_wrapper{ | #nav_wrapper{ | ||
Line 123: | Line 150: | ||
color:#46dd11; | color:#46dd11; | ||
text-decoration:none; | text-decoration:none; | ||
- | padding:6px | + | padding:6px 3px 0px 3px; |
} | } | ||
Line 144: | Line 171: | ||
font-weight:300; | font-weight:300; | ||
} | } | ||
- | . | + | |
+ | |||
+ | |||
+ | |||
+ | .nav_item_achievements,visited{ | ||
background-color:#fbf7f5; | background-color:#fbf7f5; | ||
padding:6px 2px 0px 2px; | padding:6px 2px 0px 2px; | ||
- | border-bottom:solid thick # | + | 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 # | + | border-bottom:solid thick #00b1ff; |
} | } | ||
.project a:hover{ | .project a:hover{ | ||
- | border-bottom:solid thick # | + | border-bottom:solid thick #b80028; |
} | } | ||
- | . | + | .modeling a:hover{ |
- | border-bottom:solid thick # | + | 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; | ||
} | } | ||
- | . | + | .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/ | + | background-image: url(https://static.igem.org/mediawiki/2014/2/2a/Industry3.png); |
} | } | ||
Line 424: | Line 497: | ||
.flagview{ | .flagview{ | ||
position:absolute; | position:absolute; | ||
- | + | top:1500px; | |
right:30px; | right:30px; | ||
width:275px; | width:275px; | ||
Line 434: | Line 507: | ||
position:absolute; | position:absolute; | ||
top:10px; | top:10px; | ||
- | left: | + | 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: | + | color:#ffffff; |
font-size:12px; | font-size:12px; | ||
+ | font-weight:500; | ||
text-decoration:none; | 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