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:730px; height:300px; overflow:hidden; position:relative; border:1px solid #287468 !important;}
+
#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:530px; height:300px; position:relative;}
+
#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:460px; 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;
+
#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: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);
+
#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:530px;}
+
#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:530px;}
+
#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:530px;}
+
#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:530px;}
+
#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:530px;}
+
#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:530px;}
+
#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;
-
}
 
-
 
-
#mr-sidebar ul#mr-sidebar-list ul > li:hover {
 
-
  background: #81adc1;
 
}
}
</style></html>
</style></html>

Revision as of 11:52, 27 October 2013

Retrieved from "http://2013.igem.org/Team:Marburg/Template:style.css"