Team:Potsdam Bioware/css
From 2012.igem.org
(Difference between revisions)
(194 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
html,body {height:100%;margin:0;padding:0;} | html,body {height:100%;margin:0;padding:0;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | body { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2012/3/33/Antibody.jpg); | ||
+ | background-repeat:repeat-y repeat-x; | ||
+ | |||
+ | } | ||
.gradient_golden { | .gradient_golden { | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E1A946, endColorstr=#B28336)"; | ||
background-image: -ms-linear-gradient(top, #E1A946 0%, #B28336 100%); | background-image: -ms-linear-gradient(top, #E1A946 0%, #B28336 100%); | ||
background-image: -moz-linear-gradient(top, #E1A946 0%, #B28336 100%); | background-image: -moz-linear-gradient(top, #E1A946 0%, #B28336 100%); | ||
Line 21: | 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; | ||
} | } | ||
.gradient_grey{ | .gradient_grey{ | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#E6E6E6)"; | ||
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); | background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); | ||
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); | background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); | ||
Line 30: | 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 36: | 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 49: | Line 72: | ||
margin: 0px; | margin: 0px; | ||
padding: 8px; | padding: 8px; | ||
+ | position:relative; | ||
+ | left: 50%; | ||
text-align: center; | text-align: center; | ||
} | } | ||
Line 62: | 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 71: | Line 97: | ||
position: absolute; | position: absolute; | ||
margin : 0px; | margin : 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | #menu ul ul { | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
Line 76: | Line 106: | ||
#menu li ul li{ | #menu li ul li{ | ||
margin : 0px; | margin : 0px; | ||
+ | width:inherit; | ||
+ | font-weight: normal; | ||
} | } | ||
- | #menu li ul li:hover{ | + | #menu li ul li:hover { |
height:auto; | height:auto; | ||
+ | float:none; | ||
+ | text-align:left; | ||
} | } | ||
+ | |||
#menu ul li { | #menu ul li { | ||
Line 101: | Line 136: | ||
border-top-left-radius: 5px; | border-top-left-radius: 5px; | ||
} | } | ||
+ | |||
#menu li:hover ul { | #menu li:hover ul { | ||
Line 134: | Line 170: | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
+ | |||
#footer-box { | #footer-box { | ||
Line 140: | Line 177: | ||
} | } | ||
- | |||
- | |||
- | |||
.center_box { | .center_box { | ||
text-align: center; | text-align: center; | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | border: none; | ||
+ | height:0px; | ||
+ | } | ||
+ | |||
+ | .firstHeading{ | ||
+ | display: none; | ||
+ | padding:0px; | ||
+ | } | ||
+ | |||
+ | #banner-wrap { | ||
+ | padding: 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #portfolio { | ||
+ | z-index: -200; | ||
+ | height: 280px; | ||
+ | } | ||
+ | |||
+ | #portfolio img{ | ||
+ | box-shadow:5px 5px 5px #666; | ||
+ | width:965px; | ||
+ | height: 280px; | ||
+ | } | ||
+ | |||
+ | .rollover { | ||
+ | width: 975px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .rollover a{ | ||
+ | display: inline-block; | ||
+ | width : 200px; | ||
+ | margin: 20px; | ||
+ | height : 200px; | ||
+ | border-radius : 12px; | ||
+ | margin: 20px 20px 20px 20px; | ||
+ | box-shadow:5px 5px 5px #666; | ||
+ | } | ||
+ | |||
+ | |||
+ | #rollover-image { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg); | ||
+ | background-position: -88px -200px; | ||
+ | } | ||
+ | |||
+ | #rollover-image:hover { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg); | ||
+ | background-position: -177px -100px; | ||
+ | } | ||
+ | |||
+ | #rollover-image-2 { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg); | ||
+ | background-position: -328px -200px; | ||
+ | } | ||
+ | |||
+ | #rollover-image-2:hover { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg); | ||
+ | background-position: -401px -100px; | ||
+ | } | ||
+ | |||
+ | #rollover-image-3 { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg); | ||
+ | background-position: -572px -200px; | ||
+ | } | ||
+ | |||
+ | #rollover-image-3:hover { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg); | ||
+ | background-position: -640px -100px; | ||
+ | } | ||
+ | |||
+ | #rollover-image-4 { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg); | ||
+ | background-position: -812px -440px; | ||
+ | } | ||
+ | |||
+ | #rollover-image-4:hover { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg); | ||
+ | background-position: -869px -356px; | ||
+ | } | ||
+ | |||
+ | #rollover-image-5 { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/0/0d/SocialBrick12.jpg) | ||
+ | } | ||
+ | |||
+ | #rollover-image-5:hover { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/b/b2/SocialBrick22.jpg) | ||
+ | } | ||
+ | |||
+ | #rollover-image-6 { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg); | ||
+ | background-position: -328px -440px; | ||
+ | } | ||
+ | |||
+ | #rollover-image-6:hover { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg); | ||
+ | background-position: -385px -356px; | ||
+ | } | ||
+ | |||
+ | #rollover-image-7 { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg); | ||
+ | background-position: -100px -440px; | ||
+ | } | ||
+ | |||
+ | #rollover-image-7:hover { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg); | ||
+ | background-position: -169px -356px; | ||
+ | } | ||
+ | |||
+ | #rollover-image-8 { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/b/b3/Virusmodule1-2-1.jpg); | ||
+ | } | ||
+ | |||
+ | #rollover-image-8:hover { | ||
+ | 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