Team:Marburg/Template:style.css
From 2013.igem.org
(Difference between revisions)
m |
m |
||
(22 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html><style> | + | <html><style>/* Author: Pieter van Boheemen | Team: TU Delft*/ |
- | + | /* minimized and extended by: Roman Martin | Team: Marburg*/ | |
- | /* Author: Pieter van Boheemen | Team: TU Delft*/ | + | |
- | /* | + | |
#globalWrapper { background-color: transparent; width: 100%; height:100%; border:0; font-size: 100%} | #globalWrapper { background-color: transparent; width: 100%; height:100%; border:0; font-size: 100%} | ||
#content { background-color: #fff; border: none; width: 100%; overflow: hidden; height:100%; font-size: 100%;} | #content { background-color: #fff; border: none; width: 100%; overflow: hidden; height:100%; font-size: 100%;} | ||
Line 49: | Line 47: | ||
background: url('https://static.igem.org/mediawiki/2013/7/7e/Igem-marburg-header-bg.png') bottom; | background: url('https://static.igem.org/mediawiki/2013/7/7e/Igem-marburg-header-bg.png') bottom; | ||
text-align: center; | text-align: center; | ||
- | |||
- | |||
overflow: hidde; | overflow: hidde; | ||
z-index: 15; | z-index: 15; | ||
Line 73: | Line 69: | ||
#mr-bg-wrapper { | #mr-bg-wrapper { | ||
- | background: transparent url('https://static.igem.org/mediawiki/2013/5/56/Igem-marburg-wrapper-bg.png') repeat-x | + | background: transparent url('https://static.igem.org/mediawiki/2013/5/56/Igem-marburg-wrapper-bg.png') repeat-x top; |
text-align: center; | text-align: center; | ||
+ | line-height: 14pt; | ||
} | } | ||
Line 80: | Line 77: | ||
width: 1000px; | width: 1000px; | ||
margin: 0 auto !important; | margin: 0 auto !important; | ||
- | padding-top: | + | padding-top: 3px !important; |
+ | line-height: 15pt; | ||
} | } | ||
Line 86: | Line 84: | ||
width: 1000px; | width: 1000px; | ||
text-align: left; | text-align: left; | ||
+ | line-height: 15pt; | ||
} | } | ||
Line 93: | Line 92: | ||
float: right; | float: right; | ||
text-align: justify; | text-align: justify; | ||
+ | line-height: 15pt; | ||
} | } | ||
Line 104: | Line 104: | ||
#mr-wrapper a:link { | #mr-wrapper a:link { | ||
color: #000; | color: #000; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 122: | Line 118: | ||
margin-left: 0px !important; | margin-left: 0px !important; | ||
font-size: 10pt; | font-size: 10pt; | ||
- | line-height: | + | line-height: 15pt; |
} | } | ||
Line 191: | Line 187: | ||
} | } | ||
+ | h2 { | ||
+ | font-size: 13pt; | ||
+ | font-weight: bold; | ||
+ | text-decoration: underline; | ||
+ | } | ||
.tleft { | .tleft { | ||
Line 302: | Line 303: | ||
#header-navigation ul ul li { background: url('https://static.igem.org/mediawiki/2013/8/8a/Igem-marburg-header-nav-bg-hover.png');} | #header-navigation ul ul li { background: url('https://static.igem.org/mediawiki/2013/8/8a/Igem-marburg-header-nav-bg-hover.png');} | ||
- | #header-navigation ul ul li a {width: | + | #header-navigation ul ul li a {width:180px;} |
#header-navigation ul ul li a.fly {padding-right:10px !important;} | #header-navigation ul ul li a.fly {padding-right:10px !important;} | ||
#header-navigation ul ul ul { margin-top: 5px !important; border-left: 1px solid #999 !important;} | #header-navigation ul ul ul { margin-top: 5px !important; border-left: 1px solid #999 !important;} | ||
Line 332: | Line 333: | ||
color: #111; | color: #111; | ||
} | } | ||
+ | |||
+ | #header-navigation ul ul ul { border: none !important; } | ||
## | ## | ||
Line 349: | Line 352: | ||
=================================================================== */ | =================================================================== */ | ||
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 360: | ||
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 371: | ||
#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 386: | ||
#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 397: | ||
#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 431: | Line 435: | ||
border-right: 1px solid #d1d1d1 !important; | border-right: 1px solid #d1d1d1 !important; | ||
padding-left: 2px !important; | padding-left: 2px !important; | ||
- | border-left: 5px solid # | + | border-left: 5px solid #008B8B !important; |
} | } | ||
Line 459: | Line 463: | ||
.experiment.phaeo { | .experiment.phaeo { | ||
border-color: #395428 !important; | border-color: #395428 !important; | ||
+ | } | ||
+ | |||
+ | .experiment.transformation { | ||
+ | border-color: #D2691E !important; | ||
+ | } | ||
+ | |||
+ | .experiment.inoculation { | ||
+ | border-color: #F0E68C !important; | ||
+ | } | ||
+ | |||
+ | .experiment.miniprep { | ||
+ | border-color: #6495ED !important; | ||
+ | } | ||
+ | |||
+ | .experiment.pcr { | ||
+ | border-color: #9932CC !important; | ||
+ | } | ||
+ | |||
+ | .experiment.competent.cells { | ||
+ | border-color: #FFDAB9 !important; | ||
+ | } | ||
+ | |||
+ | .experiment.abprod { | ||
+ | border-color: #7FFFD4 !important; | ||
+ | } | ||
+ | |||
+ | .experiment.shipping { | ||
+ | border-color: #DAA520 !important; | ||
+ | } | ||
+ | |||
+ | .experiment.microscopy { | ||
+ | border-color: #DC143C !important; | ||
+ | } | ||
+ | |||
+ | .experiment.analylight { | ||
+ | border-color: #ADFF2F !important; | ||
+ | } | ||
+ | |||
+ | .experiment.sonification { | ||
+ | border-color: #4682B4 !important; | ||
+ | } | ||
+ | |||
+ | .experiment.amidoblack { | ||
+ | border-color: #2F4F4F !important; | ||
} | } | ||
Line 531: | Line 579: | ||
list-style-position: inside; | list-style-position: inside; | ||
} | } | ||
- | </style></html> | + | |
+ | #mr-wrapper-wide { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #groupparts { | ||
+ | width: 1000px !important; | ||
+ | } | ||
+ | |||
+ | #mr-sidebar ul#mr-sidebar-list ul > li:hover { | ||
+ | background-color: #6aaeaf; | ||
+ | } | ||
+ | |||
+ | a:hover, a:visited, a:link { | ||
+ | color: #000; | ||
+ | }</style></html> |
Latest revision as of 15:46, 21 March 2014