Template:Team:Marburg/Template:Header

From 2014.igem.org

(Difference between revisions)
 
(53 intermediate revisions not shown)
Line 1: Line 1:
{{Template:Team:Marburg/Template:General}}
{{Template:Team:Marburg/Template:General}}
-
{{Team:Marburg/Template:HeaderMenu}}
+
{{Team:Marburg/Template:HeaderMenu}}<html>
-
<html>
+
<style>
<style>
@font-face {
@font-face {
Line 8: Line 7:
   font-weight: 400;
   font-weight: 400;
   src: local('Muli'), url(http://fonts.gstatic.com/s/muli/v6/kU4XYdV4jtS72BIidPtqyw.woff) format('woff');
   src: local('Muli'), url(http://fonts.gstatic.com/s/muli/v6/kU4XYdV4jtS72BIidPtqyw.woff) format('woff');
-
}
 
-
 
-
.mr_content p, .mr_content, .mr_content ul li {
 
-
font-size: 12.5pt;
 
-
font-family: Verdana;
 
-
text-align: justify;
 
-
line-height: 13p.5t;
 
-
  padding: 3pt !important;
 
-
}
 
-
 
-
.mr_content li {
 
-
    margin-bottom: 0.3em;
 
-
    margin-top: 0.3em;
 
}
}
Line 33: Line 19:
h1 {
h1 {
   font-size: 14.5pt;
   font-size: 14.5pt;
 +
font-weight: bold;
}
}
h2, h3 {
h2, h3 {
Line 47: Line 34:
}
}
-
div.sponsor {
+
.mr_content p, .mr_content, .mr_content ul li {
-
  float: left;
+
font-size: 12.5pt;
-
   margin: 15px;
+
font-family: Verdana;
 +
text-align: justify;
 +
line-height: 13p.5t;
 +
   padding: 3pt !important;
}
}
 +
.mr_content li {
 +
    margin-bottom: 0.3em;
 +
    margin-top: 0.3em;
 +
}
table#members {
table#members {
Line 61: Line 55:
}
}
-
table#members .photo_left {
+
table#members .photo_left,
 +
table#members .text_left {
   text-align: left;
   text-align: left;
}
}
-
table#members .text_left {
+
table#members .text_right,
 +
table#members .photo_right {
 +
  text-align: right;
 +
}
 +
 
 +
table#members th, table#members td, table#members {
 +
border: none;
 +
}
 +
 
 +
#animation_cancer {
 +
  background: url('https://static.igem.org/mediawiki/2014/2/2e/Mr_cancer_streptdarpindin.png');
 +
  display: block;
 +
  width: 1021px;
 +
  height: 493px;
 +
  background-size: 100%;
 +
  margin: 0 auto;
 +
}
 +
 
 +
#animation_cancer img {
 +
  width: 38%;
 +
  position: relative;
 +
  margin-left: 24.5%;
 +
  margin-top: 7%;
 +
}
 +
 
 +
#BackToTop {
 +
position: fixed;
 +
right: 5%;
 +
top: 19%;
 +
}
 +
 
 +
.notebooky-entry ,.notebooky-entry p, .method, .method p, fieldset p, fieldset {
 +
  font-size: 12pt !important;
 +
  line-height: 14pt !important;
 +
  text-align: justify;
 +
  margin: 0;
 +
  padding: 2px;
 +
  margin-bottom: 10px;
 +
}
 +
 
 +
fieldset table  {
 +
  width: 90%;
 +
line-height: 17pt;
 +
  margin: 0;
 +
  border-collapse: collapse;
 +
  border-spacing: 0;
 +
  margin: 0 auto;
 +
}
 +
fieldset table td, fieldset table th {
 +
  border: 1px solid #bbb;
 +
  padding: 2px;
 +
  padding-left: 4px;
 +
  padding-right: 4px;
 +
}
 +
fieldset legend, fieldset legend a {
 +
  background: transparent;
 +
  font-size: 13pt;
 +
}
 +
 
 +
.mr_content table {
 +
  background: none;
 +
  border: none;
 +
  border-collapse: 0;
   text-align: left;
   text-align: left;
 +
  border-spacing: 0;
 +
}
 +
.mr_content table th {
 +
  border-bottom: 1px solid #000;
 +
  text-align: left;
 +
  padding: 3px;
 +
}
 +
.mr_content table td {
 +
  border-bottom: 1px solid #ccc;
 +
  text-align: left;
 +
  padding: 3px;
}
}
-
table#members .text_right {
+
.figure, figure_two {
-
   text-align: right;
+
   margin: 0 auto;
 +
  min-width: 375px;
 +
  max-width: 1000px;
 +
  width: 50%;
}
}
-
table#members .photo_right {
+
.caption {
-
   text-align: right;
+
  font-weight: normal;
 +
  font-size: 10pt !important;
 +
   text-align: justify;
 +
  display: block;
 +
  text-indent: 0;
 +
  margin-top: 5px;
}
}
-
#submenu {
+
.figure img {
-
background: #d2d9df;
+
  width: 100%;
-
width: 200px;
+
-
padding-left: 20px;
+
-
margin: 0;
+
-
margin-right: 50px;
+
-
margin-bottom: 30px;
+
-
line-height: 13pt;
+
-
border: 1px solid #999;
+
-
float: left;
+
-
box-shadow: 2px 2px 5px #aaa;
+
-
background: rgb(255,255,255); /* Old browsers */
+
-
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
+
-
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+
-
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
+
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
+
-
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
+
-
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
+
-
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
+
-
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
+
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
+
}
}
-
#submenu li a {
+
 
-
  color: #444;
+
img.border {
-
  font-size: 14pt;
+
border: 10px solid #FFF;
-
  font-family: Calibri, Verdana;
+
box-shadow: 3px 3px 7px #BBB !important;
}
}
-
#submenu li.current {
+
 
 +
h2, h3, h2 a, h3 a, h2 a:hover, h3 a:hover {
 +
  color: #000;
 +
  font-size: 13.5pt;
 +
  border: none;
   font-weight: bold;
   font-weight: bold;
 +
  text-decoration: underline;
}
}
-
#submenu li:hover {
+
 
-
   background: #d8d8d8;
+
.sponsor {
 +
  margin: 0 auto;
 +
  min-width: 500px;
 +
  max-width: 1200px;
 +
  width: 100%;
 +
  margin-bottom: 15px;
 +
}
 +
.sponsor img {
 +
  width: 45%;
 +
}
 +
.sponsor img.lft {
 +
  float: left;
 +
}
 +
.sponsor img.rgt {
 +
   float: right;
}
}
-
</style>
+
.clr {
-
</html>
+
  clear: both;
 +
}
 +
 
 +
table caption {
 +
  text-align: left;
 +
  padding-bottom: 5px;
 +
  font-size: 11.5pt;
 +
  font-weight: bold;
 +
  margin-bottom: 13px;
 +
}
 +
 
 +
#starter_wrapper {
 +
  margin: 0 auto;
 +
  width: 100%;
 +
  min-width: 500px;
 +
  max-width: 892px;
 +
  margin-top: 15px;
 +
  margin-bottom: 20px;
 +
}
 +
 
 +
#submenu li {
 +
  text-align: left;
 +
}
 +
</style></html>

Latest revision as of 01:47, 18 October 2014