Team:Marburg/Template:style.css

From 2013.igem.org

(Difference between revisions)
m
m
 
(21 intermediate revisions not shown)
Line 1: Line 1:
-
<html><style>
+
<html><style>/* Author: Pieter van Boheemen | Team: TU Delft*/
-
/* Wiki igem puricication */
+
/* minimized and extended by: Roman Martin | Team: Marburg*/
-
/* 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%}
#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;
-
position: fixed;
 
-
display: block;
 
  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 fixed 0 153px;
+
  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: 171px !important;
+
  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;
-
}
 
-
 
-
#mr-wrapper a:visited {
 
-
  color: #001526;
 
}
}
Line 122: Line 118:
   margin-left: 0px !important;
   margin-left: 0px !important;
   font-size: 10pt;
   font-size: 10pt;
-
   line-height: 14pt;
+
   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:250px;}
+
#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: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 360:
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 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: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 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:530px;}
+
#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: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 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 #d1d1d1 !important;
+
   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 532: Line 580:
}
}
-
#mr-bg-wrapper p {
+
#mr-wrapper-wide {
   text-align: justify;
   text-align: justify;
}
}
-
</style></html>
+
 
 +
#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