Team:Marburg/Template:style.css
From 2013.igem.org
(Difference between revisions)
m |
m |
||
Line 349: | Line 349: | ||
=================================================================== */ | =================================================================== */ | ||
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 {margin:0 auto !important; list-style:none; width: | + | #accordian {margin:0 auto !important; list-style:none; width:819px; height:300px; overflow:hidden; position:relative; border:1px solid #287468 !important; border-left: 0 !important;} |
#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 357: | Line 357: | ||
transition: 0.7s; | transition: 0.7s; | ||
} | } | ||
- | #accordian div {width: | + | #accordian div {width:619px; height:300px; position:relative;} |
- | #accordian div span {display:block; background:url(https://static.igem.org/mediawiki/2013/6/65/Mr-accordion-fade.png); width: | + | #accordian div span {display:block; background:url(https://static.igem.org/mediawiki/2013/6/65/Mr-accordion-fade.png); width:550px; height:30px; |
+ | position:absolute; bottom:300px; right:0; padding:10px !important; color:#fff; font:normal 13px/30px 'georgia', serif; border-top:1px solid #287468 !important; | ||
-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 367: | Line 368: | ||
#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: | + | #accordian li div > a b {display:block; width:279px; 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); | ||
Line 382: | Line 383: | ||
#accordian li div > a b {*left:0;} | #accordian li div > a b {*left:0;} | ||
#accordian li img {display:block; float:left;} | #accordian li img {display:block; float:left;} | ||
- | #accordian li.p1 {width: | + | #accordian li.p1 {width:619px;} |
#accordian li.p1 div span {bottom:0;} | #accordian li.p1 div span {bottom:0;} | ||
Line 393: | Line 394: | ||
#p1:target ~ #accordian li {width:50px;} | #p1:target ~ #accordian li {width:50px;} | ||
#p1:target ~ #accordian li div span {bottom:300px;} | #p1:target ~ #accordian li div span {bottom:300px;} | ||
- | #p1:target ~ #accordian li.p1 {width: | + | #p1:target ~ #accordian li.p1 {width:619px;} |
#p1:target ~ #accordian li.p1 div span {bottom:0;} | #p1:target ~ #accordian li.p1 div span {bottom:0;} | ||
#p2:target ~ #accordian li {width:50px;} | #p2:target ~ #accordian li {width:50px;} | ||
#p2:target ~ #accordian li div span {bottom:300px;} | #p2:target ~ #accordian li div span {bottom:300px;} | ||
- | #p2:target ~ #accordian li.p2 {width: | + | #p2:target ~ #accordian li.p2 {width:619px;} |
#p2:target ~ #accordian li.p2 div span {bottom:0;} | #p2:target ~ #accordian li.p2 div span {bottom:0;} | ||
#p3:target ~ #accordian li {width:50px;} | #p3:target ~ #accordian li {width:50px;} | ||
#p3:target ~ #accordian li div span {bottom:300px;} | #p3:target ~ #accordian li div span {bottom:300px;} | ||
- | #p3:target ~ #accordian li.p3 {width: | + | #p3:target ~ #accordian li.p3 {width:619px;} |
#p3:target ~ #accordian li.p3 div span {bottom:0;} | #p3:target ~ #accordian li.p3 div span {bottom:0;} | ||
#p4:target ~ #accordian li {width:50px;} | #p4:target ~ #accordian li {width:50px;} | ||
#p4:target ~ #accordian li div span {bottom:300px;} | #p4:target ~ #accordian li div span {bottom:300px;} | ||
- | #p4:target ~ #accordian li.p4 {width: | + | #p4:target ~ #accordian li.p4 {width:619px;} |
#p4:target ~ #accordian li.p4 div span {bottom:0;} | #p4:target ~ #accordian li.p4 div span {bottom:0;} | ||
#p5:target ~ #accordian li {width:50px;} | #p5:target ~ #accordian li {width:50px;} | ||
#p5:target ~ #accordian li div span {bottom:300px;} | #p5:target ~ #accordian li div span {bottom:300px;} | ||
- | #p5:target ~ #accordian li.p5 {width: | + | #p5:target ~ #accordian li.p5 {width:619px;} |
#p5:target ~ #accordian li.p5 div span {bottom:0;} | #p5:target ~ #accordian li.p5 div span {bottom:0;} | ||
Line 534: | Line 535: | ||
#mr-wrapper-wide { | #mr-wrapper-wide { | ||
text-align: justify; | text-align: justify; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
</style></html> | </style></html> |
Revision as of 11:52, 27 October 2013