Team:Marburg/Template:style.css

From 2013.igem.org

Revision as of 15:17, 3 October 2013 by RomanM89 (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

/* Wiki igem puricication */ /* Author: Pieter van Boheemen | Team: TU Delft*/ /* Minimized and extended by: Roman Martin | Team: Marburg*/

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%;}
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;}
p-logo { height:1px; overflow:hidden; display: none;}
search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
footer-box { width: 95%; margin: 0 auto; font-size: 100%; }
footer { width: 100%; margin: 0 auto; }
f-list a { color: #333; font-size: 10px;}
f-list a:hover { color: #666;}
footer ul { margin: 0; padding: 0;}
footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}

.visualClear, .firstHeading, .printfooter, #search-controls, #catlinks, h3#siteSub, #footer-box, #contentSub { display: none; }

menubar { width: 100%; height: 15px; position: fixed; top: 0; display: block; z-index: 10; color: #000; line-height: 15px; background: url('https://static.igem.org/mediawiki/2013/7/7e/Igem-marburg-header-bg.png') top; }
menubar.right-menu, #menubar.left-menu { height: 15px; background: #4cb4b6; z-index: 11; width: 50%; }
menubar.right-menu ul, #menubar.left-menu ul { line-height: 15px; height: 15px; z-index: 11; }
menubar.right-menu li a, #menubar.left-menu li a { color: #000; background: transparent; padding-left: 5px !important; font-size: 8pt;}

/* Wiki purification */

, html {

padding: 0 !important;
margin: 0 !important;
border: 0 !important;

}

body {

font-family: Verdana, Georgia;
color: #111;
width: 100%;
background: #e0e5e5;
font-size: 10pt;

}

a, img {

border: 0;
outline: none;
text-decoration: none;
color: #000;

}

/* header */

header {

height: 168px;
width: 100%;
background: url('https://static.igem.org/mediawiki/2013/7/7e/Igem-marburg-header-bg.png') bottom;
text-align: center;
position: fixed;
display: block;
overflow: hidde;
z-index: 15;

}

header #header-focus {

width: 1000px;
height: 163px;
background: url('https://static.igem.org/mediawiki/2013/8/89/Igem-marburg-header-bg-center.png') no-repeat bottom transparent;
margin: 0 auto !important;
text-align: center;

}

header #header-focus img {

 position: relative;
 top: 15px;

}

header-focus #header-banner {

width: 1000px;
height: 130px;

}

mr-bg-wrapper {

background: transparent url('https://static.igem.org/mediawiki/2013/5/56/Igem-marburg-wrapper-bg.png') repeat-x fixed 0 153px;
text-align: center;

}

mr-main-wrapper {

width: 1000px;
margin: 0 auto !important;
padding-top: 171px !important;

}

mr-wrapper-wide {

width: 1000px;
text-align: left;

}

mr-wrapper {

width: 820px;
text-align: left;
float: right;

}

mr-wrapper p, #mr-wrapper-wide p {

 padding: 10px !important;
 padding-top: 0px !important;
 text-align: justify;
 margin-left: 10px !important;
 font-size: 10pt;
 line-height: 14pt;

}

mr-wrapper-wide p {

 margin-left: 0 !important;

}

mr-sidebar {

width: 180px;
float: left;
background: transparent url('https://static.igem.org/mediawiki/2013/d/d0/Igem-marburg-sidebar-corner-left-top.png') no-repeat scroll 0 0;
position: relative;
text-align: left;
z-index:10;

}

mr-sidebar span.box-bottom-right {

position: absolute;
width: 160px;
height: 120px;
display: block;
background: transparent url('https://static.igem.org/mediawiki/2013/c/cc/Igem-marburg-sidebar-corner-right-bottom.png') no-repeat scroll bottom right;
bottom: 0;
right: 0;
z-index: 0;

}

mr-sidebar ul#mr-sidebar-list {

width: 175px;
height: auto;
list-style:none;
margin-top: 10px !important;
margin-left: 5px !important;
z-index: 15;
list-style-position: inside;

margin-bottom: 5px !important; }

mr-sidebar ul#mr-sidebar-list li {

 font-size: 10pt;
 vertical-align: middle;
 padding-left: 10px !important;
 z-index: 16;

}

mr-sidebar ul#mr-sidebar-list li a {

font-weight: bold;
z-index: 100;
color: #000;

}

mr-sidebar ul#mr-sidebar-list li:hover {

 background-color: #a2dbdc;

}

h1.content-title {

 margin-top: 10px !important;
 padding-left: 60px !important;
 font-size: 12pt;
 vertical-align: middle;
 line-height: 23px;
 height: 23px;
 width: 940px;
 font-weight: bold !important;
 background: #a2dbdc url('https://static.igem.org/mediawiki/2013/3/35/Igem-marburg-title-bg.png') no-repeat scroll 25px 0;
 text-align: left;
 margin-bottom: 30px !important;

}

.tleft {

padding-right: 7px !important;

} .tright {

padding-left: 7px !imprtant;

}

mr-wrapper-wide p a {

 font-weight: bold !important;
 text-decoration: underline !important;
 color: #000;

}

.clr {

 clear: both;

}

mr-footer-box{

 height: 109px;
 width: 100%;
 background: #fff url('https://static.igem.org/mediawiki/2013/0/04/Igem-marburg-footer-bg.png') repeat-x;
 text-align: center;

}

mr-footer {

 width: 1000px;
 height: 109px;
 margin: 0 auto !important;
 text-align: left;

}

mr-footer-wrapper {

padding-top: 22px !important;

}

mr-footer #mr-uni-logo {

 float: left;
 height: 84px;
 margin: 0 !important;
 text-align: left;
 width: 202px;

}

mr-footer #mr-footer-links {

 width: 598px;
 height: 84px;
 float: right;
 background: url('https://static.igem.org/mediawiki/2013/3/33/Mr-footer-line.png') repeat-x;

}

mr-footer #mr-wiki-logos {

 position: relative;
 top: -8px;
 height: 84px;
 width: 200px;
 float: right;
 vertical-align: middle;
 line-height: 84px;

}

mr-footer ul {

 list-style: none;
 margin: 14px 0 0 45px !important;

}

mr-footer ul.ul2 {

 margin-top: 0 !important;

}

mr-footer ul li {

 display: inline;
 margin: 0.4em !important;
 margin-left: 6px !important;

}

mr-footer ul li a {

 font-size: 8pt;
 color: #605e5e;
 font-family: Verdana;

}

/* ================================================================ This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/muti-line-dropdown.html Copyright (c) Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */

header-nav-box { width: 650px; height: 30px; margin: 0 auto !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.level1 {height: 30px;}

header-navigation ul ul {position:absolute; left:-9999px; margin-top: 3px !important;}
header-navigation table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
header-navigation ul li {margin-right:5px !important; float:left;}
header-navigation ul li a {display:block; float:left; padding:8px 10px 5px 5px !important; height: 33px; font:normal 10pt verdana, sans-serif; font-weight: bold; color:#111; text-decoration:none;}
header-navigation ul li li a {height:15px;}

/*

header-navigation ul ul {position:absolute; left:-9999px;}
header-navigation table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
header-navigation ul li {margin-right:5px !important; float:left;}
header-navigation ul li a {display:block; float:left; padding:8px 10px 5px 5px !important; font:normal 11pt verdana, sans-serif; font-weight: bold; color:#111; text-decoration:none;}

/

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:250px;}
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 li:hover {position:relative;}
header-navigation ul li a:hover {direction:ltr; color:#196364; border-color:#8a9; position:relative;}
header-navigation ul li:hover > a { color:#196364; border-color:#8a9;}

header-navigation ul :hover ul {left:-5px; width:122px; top:30px;}

header-navigation ul :hover ul :hover ul,
header-navigation ul :hover ul :hover ul :hover ul,
header-navigation ul :hover ul :hover ul :hover ul :hover ul {left:122px; width:122px; top:-5px;}

header-navigation ul :hover ul ul,
header-navigation ul :hover ul :hover ul ul,
header-navigation ul :hover ul :hover ul :hover ul ul {left:-9999px;}

header-navigation ul ul li > a {

 background: #a2dbdc;
 border: 1px solid #437576 !important;
 border-top: 0 !important;

}

header-navigation ul ul li:hover > a {

 background: #6aaeaf;

}

header-navigation ul ul li:hover > a {

 color: #111;

}

.pics { height: 329px; width: 507px; padding:0; margin:0; overflow: hidden } .pics img { height: 297px; width: 475px; padding: 15px; border: 1px solid #ccc; top:0; left:0 } .pics img { -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/cssplay-horizontal-accordian.html Copyright (c) Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ b#p1, b#p2, b#p3, b#p4, b#p5 {display:none;}

accordian {margin:50px auto !important; list-style:none; width:730px; height:300px; overflow:hidden; position:relative; border:1px solid #287468 !important;}
accordian li {width:50px; height:300px; float:left;

-moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; transition: 0.7s; }

accordian div {width:530px; height:300px; position:relative;}
accordian div span {display:block; background:url(); 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;

-moz-transition: 0.5s 0.7s; -ms-transition: 0.5s 0.7s; -o-transition: 0.5s 0.7s; -webkit-transition: 0.5s 0.7s; transition: 0.5s 0.7s; }

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 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);

transform: rotate(-90deg); transform-origin:bottom left; -ms-transform: rotate(-90deg); -ms-transform-origin:bottom left; -webkit-transform: rotate(-90deg); -webkit-transform-origin:bottom left; -moz-transform: rotate(-90deg); -moz-transform-origin:bottom left; -o-transform: rotate(-90deg); -o-transform-origin:bottom left; }

accordian li div > a b {*left:0;}
accordian li img {display:block; float:left;}
accordian li.p1 {width:530px;}
accordian li.p1 div span {bottom:0;}

accordian li a.a1 {background:#86c5ca; border-left:1px solid #287468 !important;}
accordian li a.a2 {background:#86c5ca; border-left:1px solid #287468 !important; }
accordian li a.a3 {background:#58a7ab; border-left:1px solid #287468 !important; }
accordian li a.a4 {background:#287468; border-left:1px solid #287468 !important; }
accordian li a.a5 {background:#a51e6a; border-left:1px solid #287468 !important;}

p1:target ~ #accordian li {width:50px;}
p1:target ~ #accordian li div span {bottom:300px;}
p1:target ~ #accordian li.p1 {width:530px;}
p1:target ~ #accordian li.p1 div span {bottom:0;}

p2:target ~ #accordian li {width:50px;}
p2:target ~ #accordian li div span {bottom:300px;}
p2:target ~ #accordian li.p2 {width:530px;}
p2:target ~ #accordian li.p2 div span {bottom:0;}

p3:target ~ #accordian li {width:50px;}
p3:target ~ #accordian li div span {bottom:300px;}
p3:target ~ #accordian li.p3 {width:530px;}
p3:target ~ #accordian li.p3 div span {bottom:0;}

p4:target ~ #accordian li {width:50px;}
p4:target ~ #accordian li div span {bottom:300px;}
p4:target ~ #accordian li.p4 {width:530px;}
p4:target ~ #accordian li.p4 div span {bottom:0;}

p5:target ~ #accordian li {width:50px;}
p5:target ~ #accordian li div span {bottom:300px;}
p5:target ~ #accordian li.p5 {width:530px;}
p5:target ~ #accordian li.p5 div span {bottom:0;}

.home_youtube {

float: left;

} .home_cycle { float: right }

mr-wrapper-wide ul, #mr-wrapper-wide ol {

padding-left: 25px !important;

}

.notebooky-entry, .notebook-entry {

 border-right: 1px solid #d1d1d1 !important;
 padding-left: 2px !important;
 border-left: 5px solid #d1d1d1 !important;

}

.notebooky-entry fieldset, .notebook-entry fieldset {

 margin-bottom: 25px !important;

}

.experiment {

 border-left: 5px solid #BBB !important;

/* border-right: 3px dashed #d1d1d1 !important; */

 margin-left: 0px !important;
 background-color: #dceff0;
 padding-left: 5px !important;

}

.experiment.digest {

 border-color: #ba9393 !important;

} .experiment.ligation {

 border-color: #9aba93 !important;

}

.experiment.sequencing {

 border-color: #c18b22 !important;

}

.notebooky-entry table, .notebook-entry table {

 width: 100%;

}

table {

 background: transparent;

}

.exp-content p {

 padding: 0px;
 margin: 0px;

}

legend {

 margin-top: 5px !important;
 background-color: transparent !important;
 font-size: 11pt;
 font-family: Verdana, arial;
 padding-left: 5px !important;
 padding-right: 5px !important;

}

ul#accordian {

 padding-left: 0 !important;

}

table#members {

 width: 100%;

}

table#members img {

 border: 1px solid #777 !important;

}

table#members .photo_left {

 text-align: left;

}

table#members .text_left {

 text-align: left;

}

table#members .text_right {

 text-align: right;

}

table#members .photo_right {

 text-align: right;

}

mr-wrapper ul {

 list-style-position: inside;

}