Team:Potsdam Bioware/css
From 2012.igem.org
(Difference between revisions)
(96 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
html,body {height:100%;margin:0;padding:0;} | html,body {height:100%;margin:0;padding:0;} | ||
+ | |||
body { | body { | ||
background-image: url(https://static.igem.org/mediawiki/2012/3/33/Antibody.jpg); | background-image: url(https://static.igem.org/mediawiki/2012/3/33/Antibody.jpg); | ||
+ | background-repeat:repeat-y repeat-x; | ||
+ | |||
} | } | ||
.gradient_golden { | .gradient_golden { | ||
Line 16: | Line 19: | ||
background-image: -webkit-linear-gradient(top, #E1A946 0%, #B28336 100%); | background-image: -webkit-linear-gradient(top, #E1A946 0%, #B28336 100%); | ||
background-image: linear-gradient(to bottom, #E1A946 0%, #B28336 100%); | background-image: linear-gradient(to bottom, #E1A946 0%, #B28336 100%); | ||
+ | } | ||
+ | |||
+ | #igem_home { | ||
+ | font-size: 95%; | ||
+ | left: 425px; | ||
+ | position: absolute; | ||
+ | top: -4px; | ||
} | } | ||
Line 26: | Line 36: | ||
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); | background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); | ||
background-image: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%); | background-image: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%); | ||
+ | } | ||
+ | |||
+ | .white_bg { | ||
+ | background-color: white; | ||
} | } | ||
Line 32: | Line 46: | ||
border-radius: 5px; | border-radius: 5px; | ||
box-shadow:5px 5px 5px #666; | box-shadow:5px 5px 5px #666; | ||
+ | } | ||
+ | |||
+ | .box_round p { | ||
+ | text-align:justify; | ||
+ | } | ||
+ | |||
+ | .no_padding { | ||
+ | padding: 0px; | ||
} | } | ||
.nav_menu { | .nav_menu { | ||
height: 35px; | height: 35px; | ||
- | |||
box-shadow:5px 5px 5px #666; | box-shadow:5px 5px 5px #666; | ||
} | } | ||
+ | #menu .selected { | ||
+ | background-color:#B41111; | ||
+ | height: 27px; | ||
+ | border-top-right-radius: 5px; | ||
+ | border-top-left-radius: 5px; | ||
+ | } | ||
#menu { | #menu { | ||
Line 45: | Line 72: | ||
margin: 0px; | margin: 0px; | ||
padding: 8px; | padding: 8px; | ||
+ | position:relative; | ||
+ | left: 50%; | ||
text-align: center; | text-align: center; | ||
} | } | ||
Line 58: | Line 87: | ||
padding-left: 15px; | padding-left: 15px; | ||
padding-right: 15px; | padding-right: 15px; | ||
- | margin-right: | + | margin-right:25px; |
- | margin-left: | + | margin-left:25px; |
+ | font-weight: 900; | ||
} | } | ||
Line 67: | Line 97: | ||
position: absolute; | position: absolute; | ||
margin : 0px; | margin : 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | #menu ul ul { | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
Line 73: | Line 107: | ||
margin : 0px; | margin : 0px; | ||
width:inherit; | width:inherit; | ||
+ | font-weight: normal; | ||
} | } | ||
- | #menu li ul li hover { | + | #menu li ul li:hover { |
height:auto; | height:auto; | ||
+ | float:none; | ||
+ | text-align:left; | ||
} | } | ||
Line 99: | Line 136: | ||
border-top-left-radius: 5px; | border-top-left-radius: 5px; | ||
} | } | ||
+ | |||
#menu li:hover ul { | #menu li:hover ul { | ||
Line 176: | Line 214: | ||
.rollover { | .rollover { | ||
width: 975px; | width: 975px; | ||
+ | text-align: center; | ||
} | } | ||
.rollover a{ | .rollover a{ | ||
display: inline-block; | display: inline-block; | ||
- | width : | + | width : 200px; |
- | height : | + | margin: 20px; |
+ | height : 200px; | ||
border-radius : 12px; | border-radius : 12px; | ||
- | margin- | + | margin: 20px 20px 20px 20px; |
+ | box-shadow:5px 5px 5px #666; | ||
} | } | ||
- | |||
#rollover-image { | #rollover-image { | ||
- | background-image:url(https://static.igem.org/mediawiki/ | + | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg); |
+ | background-position: -88px -200px; | ||
} | } | ||
#rollover-image:hover { | #rollover-image:hover { | ||
- | background-image:url(https://static.igem.org/mediawiki/ | + | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg); |
+ | background-position: -177px -100px; | ||
} | } | ||
#rollover-image-2 { | #rollover-image-2 { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg); |
+ | background-position: -328px -200px; | ||
} | } | ||
#rollover-image-2:hover { | #rollover-image-2:hover { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg); |
+ | background-position: -401px -100px; | ||
} | } | ||
#rollover-image-3 { | #rollover-image-3 { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg); |
+ | background-position: -572px -200px; | ||
} | } | ||
#rollover-image-3:hover { | #rollover-image-3:hover { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/1/ | + | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg); |
+ | background-position: -640px -100px; | ||
} | } | ||
#rollover-image-4 { | #rollover-image-4 { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg); |
+ | background-position: -812px -440px; | ||
} | } | ||
#rollover-image-4:hover { | #rollover-image-4:hover { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg); |
+ | background-position: -869px -356px; | ||
} | } | ||
#rollover-image-5 { | #rollover-image-5 { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/0/0d/SocialBrick12.jpg) |
} | } | ||
#rollover-image-5:hover { | #rollover-image-5:hover { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/b/b2/SocialBrick22.jpg) |
} | } | ||
#rollover-image-6 { | #rollover-image-6 { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg); |
+ | background-position: -328px -440px; | ||
} | } | ||
#rollover-image-6:hover { | #rollover-image-6:hover { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg); |
+ | background-position: -385px -356px; | ||
} | } | ||
#rollover-image-7 { | #rollover-image-7 { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg); |
+ | background-position: -100px -440px; | ||
} | } | ||
#rollover-image-7:hover { | #rollover-image-7:hover { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg); |
+ | background-position: -169px -356px; | ||
} | } | ||
#rollover-image-8 { | #rollover-image-8 { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/b/b3/Virusmodule1-2-1.jpg); |
} | } | ||
#rollover-image-8:hover { | #rollover-image-8:hover { | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/a/af/Virusmodule1-1.jpg); |
+ | } | ||
+ | |||
+ | #totop { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/0/0d/Pfeil.png); | ||
+ | filter:alpha(opacity=50); | ||
+ | height: 76px; | ||
+ | width: 75px; | ||
+ | position: fixed; | ||
+ | right: 10px; | ||
+ | z-index: -20; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | width: auto; | ||
+ | top: -4px; | ||
+ | right: 200px; | ||
+ | z-index: 15; | ||
+ | } | ||
+ | |||
+ | input.searchButton { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #menu_center { | ||
+ | float:right; | ||
+ | position:relative; | ||
+ | left:-50%; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | input.searchButton:hover { | ||
+ | color: #B41111; | ||
} | } | ||
Latest revision as of 17:13, 20 October 2012