"
Team:Marburg/Template:Header
From 2013.igem.org
(Difference between revisions)
m |
|||
| Line 293: | Line 293: | ||
-moz-border-radius: 10px; -webkit-border-radius: 10px; | -moz-border-radius: 10px; -webkit-border-radius: 10px; | ||
} | } | ||
| - | |||
/* ================================================================ | /* ================================================================ | ||
This copyright notice must be kept untouched in the stylesheet at | This copyright notice must be kept untouched in the stylesheet at | ||
all times. | all times. | ||
| - | |||
The original version of this stylesheet and the associated (x)html | The original version of this stylesheet and the associated (x)html | ||
is available at http://www.cssplay.co.uk/menus/cssplay-horizontal-accordian.html | is available at http://www.cssplay.co.uk/menus/cssplay-horizontal-accordian.html | ||
| Line 305: | Line 303: | ||
=================================================================== */ | =================================================================== */ | ||
b#p1, b#p2, b#p3, b#p4, b#p5 {display:none;} | b#p1, b#p2, b#p3, b#p4, b#p5 {display:none;} | ||
| - | #accordian { | + | #accordian {margin:50px auto !important; list-style:none; width:730px; height:300px; overflow:hidden; position:relative; border:1px solid #682;} |
#accordian li {width:50px; height:300px; float:left; | #accordian li {width:50px; height:300px; float:left; | ||
-moz-transition: 0.7s; | -moz-transition: 0.7s; | ||
| Line 314: | Line 312: | ||
} | } | ||
#accordian div {width:530px; height:300px; position:relative;} | #accordian div {width:530px; height:300px; position:relative;} | ||
| - | #accordian div span {display:block; background:url(fade.png); width:460px; height:30px; position:absolute; bottom:300px; right:0; padding:10px; color:#fff; font:normal 13px/30px 'georgia', serif; border-top:1px solid #888; | + | #accordian div span {display:block; background:url(fade.png); width:460px; height:30px; position:absolute; bottom:300px; right:0; padding:10px !important; color:#fff; font:normal 13px/30px 'georgia', serif; border-top:1px solid #888; |
-moz-transition: 0.5s 0.7s; | -moz-transition: 0.5s 0.7s; | ||
-ms-transition: 0.5s 0.7s; | -ms-transition: 0.5s 0.7s; | ||
| Line 323: | Line 321: | ||
#accordian div span a {color:#fff;} | #accordian div span a {color:#fff;} | ||
#accordian li div > a {display:block; width:49px; height:300px; float:left; position:relative; color:#fff; text-decoration:none; box-shadow:-10px 0 10px -10px rgba(0,0,0,0.6);} | #accordian li div > a {display:block; width:49px; height:300px; float:left; position:relative; color:#fff; text-decoration:none; box-shadow:-10px 0 10px -10px rgba(0,0,0,0.6);} | ||
| - | #accordian li div > a b {display:block; width:280px; padding-left:20px; height:50px; position:absolute; left:50px; bottom:0; font:bold 24px/50px 'georgia', serif; text-shadow:0 0 2px rgba(0, 0, 0, 0.6); | + | #accordian li div > a b {display:block; width:280px; padding-left:20px !important; height:50px; position:absolute; left:50px; bottom:0; font:bold 24px/50px 'georgia', serif; text-shadow:0 0 2px rgba(0, 0, 0, 0.6); |
*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | *filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | ||
transform: rotate(-90deg); | transform: rotate(-90deg); | ||
Revision as of 21:22, 21 September 2013
