Team:Marburg/Template:style.css

From 2013.igem.org

(Difference between revisions)
m
m
 
(50 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%; line-height: 10pt; font-size: 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;
-
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 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: 0px !important;
+
   padding-top: 0p !important;
 +
  padding-left: 0 !important;
 +
  padding-right: 0 !important;
   text-align: justify;
   text-align: justify;
-
   margin-left: 10px !important;
+
   margin-left: 0px !important;
   font-size: 10pt;
   font-size: 10pt;
-
   line-height: 14pt;
+
   line-height: 15pt;
}
}
Line 109: Line 127:
#mr-sidebar {
#mr-sidebar {
  width: 180px;
  width: 180px;
-
height: auto;
 
  float: left;
  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;
  background: transparent url('https://static.igem.org/mediawiki/2013/d/d0/Igem-marburg-sidebar-corner-left-top.png') no-repeat scroll 0 0;
Line 125: Line 142:
  bottom: 0;
  bottom: 0;
  right: 0;
  right: 0;
-
  z-index: 10;
+
  z-index: 0;
}
}
#mr-sidebar ul#mr-sidebar-list {
#mr-sidebar ul#mr-sidebar-list {
  width: 175px;
  width: 175px;
 +
height: auto;
  list-style:none;
  list-style:none;
  margin-top: 10px !important;
  margin-top: 10px !important;
  margin-left: 5px !important;
  margin-left: 5px !important;
  z-index: 15;
  z-index: 15;
 +
list-style-position: inside;
 +
margin-bottom: 5px !important;
}
}
#mr-sidebar ul#mr-sidebar-list li {
#mr-sidebar ul#mr-sidebar-list li {
-
   font-size: 11pt;
+
   font-size: 10pt;
   vertical-align: middle;
   vertical-align: middle;
-
  line-height: 23px;
 
-
  height: 23px;
 
   padding-left: 10px !important;
   padding-left: 10px !important;
   z-index: 16;
   z-index: 16;
Line 147: Line 165:
#mr-sidebar ul#mr-sidebar-list li a {
#mr-sidebar ul#mr-sidebar-list li a {
  font-weight: bold;
  font-weight: bold;
-
width: 150px;
 
  z-index: 100;
  z-index: 100;
 +
color: #000;
}
}
Line 169: 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 215: 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 258: Line 283:
way to fit your requirements.
way to fit your requirements.
=================================================================== */
=================================================================== */
-
#header-nav-box { width: 650px; height: 30px; margin: 0 auto !important;}
+
#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 278: 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 308: Line 333:
   color: #111;
   color: #111;
}
}
 +
 +
#header-navigation ul ul ul { border: none !important; }
##
##
Line 325: 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:50px 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 333: 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 343: 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 358: 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 369: 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 401: 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 406: 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 430: 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 452: Line 529:
   padding-left: 5px !important;
   padding-left: 5px !important;
   padding-right: 5px !important;
   padding-right: 5px !important;
 +
  font-weight: bold;
}
}
Line 481: 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