Team:Marburg/Template:style.css
From 2013.igem.org
(Difference between revisions)
m |
m |
||
(45 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% | + | #content { background-color: #fff; border: none; width: 100%; overflow: hidden; height:100%; font-size: 100%;} |
#bodyContent { width:100%; height:100%;} | #bodyContent { width:100%; height:100%;} | ||
#top-section { height: 15px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; font-size: 10px; z-index: 10; background: #4cb4b6; position: fixed; top: 0;} | #top-section { height: 15px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; font-size: 10px; z-index: 10; background: #4cb4b6; position: fixed; top: 0;} | ||
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 92: | Line 91: | ||
text-align: left; | text-align: left; | ||
float: right; | float: right; | ||
+ | text-align: justify; | ||
+ | line-height: 15pt; | ||
+ | } | ||
+ | |||
+ | #mr-wrapper a { | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | #mr-wrapper a:hover, #mr-wrapper a:visited, | ||
+ | #mr-wrapper a:link { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | #mr-wrapper a:hover { | ||
+ | text-decoration: underline; | ||
} | } | ||
#mr-wrapper p, #mr-wrapper-wide p { | #mr-wrapper p, #mr-wrapper-wide p { | ||
padding: 10px !important; | padding: 10px !important; | ||
- | padding-top: | + | padding-top: 0p !important; |
+ | padding-left: 0 !important; | ||
+ | padding-right: 0 !important; | ||
text-align: justify; | text-align: justify; | ||
- | margin-left: | + | margin-left: 0px !important; |
font-size: 10pt; | font-size: 10pt; | ||
- | line-height: | + | line-height: 15pt; |
} | } | ||
Line 141: | Line 159: | ||
font-size: 10pt; | font-size: 10pt; | ||
vertical-align: middle; | vertical-align: middle; | ||
- | |||
- | |||
padding-left: 10px !important; | padding-left: 10px !important; | ||
z-index: 16; | z-index: 16; | ||
Line 156: | Line 172: | ||
background-color: #a2dbdc; | background-color: #a2dbdc; | ||
} | } | ||
- | |||
- | |||
h1.content-title { | h1.content-title { | ||
Line 173: | Line 187: | ||
} | } | ||
+ | h2 { | ||
+ | font-size: 13pt; | ||
+ | font-weight: bold; | ||
+ | text-decoration: underline; | ||
+ | } | ||
.tleft { | .tleft { | ||
padding-right: 7px !important; | padding-right: 7px !important; | ||
+ | } | ||
+ | .tright { | ||
+ | padding-left: 7px !imprtant; | ||
} | } | ||
Line 219: | Line 241: | ||
float: right; | float: right; | ||
background: url('https://static.igem.org/mediawiki/2013/3/33/Mr-footer-line.png') repeat-x; | background: url('https://static.igem.org/mediawiki/2013/3/33/Mr-footer-line.png') repeat-x; | ||
- | |||
} | } | ||
Line 262: | Line 283: | ||
way to fit your requirements. | way to fit your requirements. | ||
=================================================================== */ | =================================================================== */ | ||
- | #header-nav-box { width: | + | #header-nav-box { width: 730px; height: 30px; margin: 0 auto !important;} |
#header-navigation { position:relative; z-index:500; height:30px; text-align: left !important;} | #header-navigation { position:relative; z-index:500; height:30px; text-align: left !important;} | ||
#header-navigation ul { list-style: none; padding-left: 5px !important;} | #header-navigation ul { list-style: none; padding-left: 5px !important;} | ||
Line 282: | 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 312: | Line 333: | ||
color: #111; | color: #111; | ||
} | } | ||
+ | |||
+ | #header-navigation ul ul ul { border: none !important; } | ||
## | ## | ||
Line 329: | 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: | + | #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 337: | 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 347: | 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 362: | 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 373: | 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 405: | Line 429: | ||
#mr-wrapper-wide ul, #mr-wrapper-wide ol { | #mr-wrapper-wide ul, #mr-wrapper-wide ol { | ||
padding-left: 25px !important; | padding-left: 25px !important; | ||
+ | list-style-position: inside; | ||
} | } | ||
Line 410: | 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 434: | Line 459: | ||
.experiment.sequencing { | .experiment.sequencing { | ||
border-color: #c18b22 !important; | border-color: #c18b22 !important; | ||
+ | } | ||
+ | |||
+ | .experiment.phaeo { | ||
+ | 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 456: | Line 529: | ||
padding-left: 5px !important; | padding-left: 5px !important; | ||
padding-right: 5px !important; | padding-right: 5px !important; | ||
+ | font-weight: bold; | ||
} | } | ||
Line 485: | Line 559: | ||
text-align: right; | text-align: right; | ||
} | } | ||
- | </style></html> | + | |
+ | #mr-wrapper ul { | ||
+ | list-style-position: inside; | ||
+ | } | ||
+ | |||
+ | #jquery-cycle-ie { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #mr-footer #mr-footer-links ul { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #accordian a { | ||
+ | color: #fff !important; | ||
+ | } | ||
+ | |||
+ | ol { | ||
+ | list-style-position: inside; | ||
+ | } | ||
+ | |||
+ | #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