Template:Team:Marburg/Template:Header

From 2014.igem.org

(Difference between revisions)
 
(88 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{Template:Team:Marburg/Template:General}}
 +
{{Team:Marburg/Template:HeaderMenu}}<html>
<style>
<style>
-
 
+
@font-face {
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {display: none;} /*-- hides default wiki settings --*/
+
  font-family: 'Muli';
-
 
+
  font-style: normal;
-
body {
+
  font-weight: 400;
-
background-image:url('https://static.igem.org/mediawiki/2014/2/2d/Mr-body-background-general.png');
+
  src: local('Muli'), url(http://fonts.gstatic.com/s/muli/v6/kU4XYdV4jtS72BIidPtqyw.woff) format('woff');
-
background-repeat: repeat-x;
+
-
}
+
-
 
+
-
 
+
-
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
-
 
+
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
-
background-color: transparent;
+
-
border: 0 none;
+
-
height: 14px;
+
-
z-index: 100;
+
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;
+
-
margin-left: -487px;
+
}
}
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
a, a:hover, a:active, a:focus, object, embed {
-
background-color: #383838;
+
  outline: none;
-
height: 14px;
+
-
display: block;
+
-
z-index: 10;
+
-
position: fixed;
+
-
width: 100%;
+
-
top: 0;
+
}
}
-
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
h1, h2, h3, h4, h5 {  
-
color: #727272;
+
font-family: 'Muli', Georgia, Times, "Times New Roman", serif;
-
text-decoration: none;
+
-
background-color: transparent;
+
}
}
-
body {  
+
h1 {
-
background-color: #fff;
+
  font-size: 14.5pt;
 +
font-weight: bold;
}
}
-
 
+
h2, h3 {
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
  font-size: 13.5pt;
-
width: 100%;
+
-
height: 100%;
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
}
}
-
 
+
h4, h5 {
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
  font-size: 13pt;
-
width: 100%;
+
-
height: 100%;
+
-
background-color: transparent;
+
}
}
-
#contentcontainer { /*-- creates container for all content on page --*/
+
.mr_content {
-
font-family: Arial, Helvetica, sans-serif;  
+
  min-width: 500px;
-
font-weight: normal;
+
  width: 85%;
-
font-size: 14px;
+
  margin: 0 auto;
-
color: #414141;
+
-
width: 960px;  
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
background-color: #transparent;
+
-
margin-top: 0px;  
+
}
}
-
.sidemenu, .sidemenu li {  
+
.mr_content p, .mr_content, .mr_content ul li {
-
list-style-type: none;  
+
font-size: 12.5pt;
-
list-style-image: none;
+
font-family: Verdana;
-
font-family: verdana;  
+
text-align: justify;
-
text-decoration: none;  
+
line-height: 13p.5t;
-
color:#000;  
+
  padding: 3pt !important;
-
font-size: 14px;
+
}
}
-
.sidemenu li {display: block;}
+
.mr_content li {
-
 
+
    margin-bottom: 0.3em;
-
.sidemenu a {
+
    margin-top: 0.3em;
-
text-decoration:none;
+
-
color: #000;
+
-
display: block;
+
-
width: 180px;
+
-
height: 100%;
+
-
padding: 3px 5px;
+
-
transition: .25s ease-in-out;
+
-
-moz-transition: .25s ease-in-out;
+
-
-webkit-transition: .25s ease-in-out;
+
-
}
+
-
 
+
-
.sidemenu a.greyout { color: #909090; }
+
-
 
+
-
.sidemenu a:hover {
+
-
color:#666;
+
-
background-color: #d9f5aa;
+
}
}
-
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
+
table#members {
-
.sub-sidemenu a {color: #666;}
+
  width: 100%;
-
 
+
-
div.underconst
+
-
{
+
-
padding:10px;
+
-
border-radius:5px;
+
-
background-color:pink;
+
-
text-align:center;
+
}
}
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
table#members img {
-
 
+
  border: 1px solid #777 !important;
-
.contentpara {margin-bottom: 30px;}
+
-
 
+
-
span.email{font-family: monospace; font-weight: normal;}
+
-
 
+
-
fieldset {border: 1px solid #337f53;}
+
-
 
+
-
.greyout {color: #A0A0A0;}
+
-
.highlightme {background-color: #FFFF00;}
+
-
 
+
-
#alertContainer { margin-bottom: 10px; width: 936px;}
+
-
#annContainer {margin-left: 8px;}
+
-
#newsContainer {border: 1px solid #ccc;}
+
-
 
+
-
.newsTitle {
+
-
display: block;
+
-
color: #414141;
+
-
font-size: 25px; 
+
-
        font-family: Georgia, Times, "Times New Roman", serif;
+
-
padding: 10px 15px 5px 10px;
+
-
border-bottom: 1px solid #ccc;
+
-
margin-bottom: 0px;  
+
}
}
-
.newsItem {
+
table#members .photo_left,
-
border-bottom: 1px solid #ccc;
+
table#members .text_left {
-
display: block;
+
  text-align: left;
-
padding: 5px 15px 0px 10px;
+
-
margin-bottom: 0px;  
+
}
}
-
.newsItem h3 {
+
table#members .text_right,
-
width: auto;
+
table#members .photo_right {
-
display: inline;
+
  text-align: right;
-
font-size: 14px;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
padding: 0px;
+
-
margin: 0px;
+
}
}
-
.newsItem img {
+
table#members th, table#members td, table#members {
-
float: right;
+
border: none;
-
clear: right;
+
-
width: 80px;
+
-
padding-left: 15px;
+
-
display: inline-block;  
+
}
}
-
.newsItem .newsDate {
+
#animation_cancer {
-
font-style: italic;
+
  background: url('https://static.igem.org/mediawiki/2014/2/2e/Mr_cancer_streptdarpindin.png');
-
font-size: 14px;  
+
  display: block;
-
display: inline-block;  
+
  width: 1021px;
-
color: #999;  
+
  height: 493px;
-
float: right;  
+
  background-size: 100%;
-
padding: 0px 0px 10px 15px;
+
  margin: 0 auto;
}
}
-
.newsItem p, .newsItem ul, .newsItem li {
+
#animation_cancer img {
-
padding: 0px;  
+
  width: 38%;
-
margin-left: 20px;  
+
  position: relative;
-
font-size: 12px;  
+
  margin-left: 24.5%;
-
line-height: 1.2;
+
  margin-top: 7%;
}
}
-
.newsItem p {margin-top: 10px;}
+
#BackToTop {
-
 
+
position: fixed;
-
.annItem {
+
right: 5%;
-
border: 2px solid #414141;
+
top: 19%;
-
display: block;
+
-
padding: 0px 15px 10px 10px;
+
-
margin-bottom: 18px;
+
-
position: relative;  
+
-
height: 160px;  
+
-
vertical-align: middle;
+
}
}
-
.annItem .annCentered {
+
.notebooky-entry ,.notebooky-entry p, .method, .method p, fieldset p, fieldset {
-
display: table-cell;  
+
  font-size: 12pt !important;
-
vertical-align: middle;  
+
  line-height: 14pt !important;
-
height: 160px;
+
  text-align: justify;
 +
  margin: 0;
 +
  padding: 2px;
 +
  margin-bottom: 10px;
}
}
-
.annCentered h3 {
+
fieldset table  {
-
padding: 0px;
+
  width: 90%;
-
display: block;  
+
line-height: 17pt;  
-
margin-left: auto;  
+
  margin: 0;
-
margin-right: auto;  
+
  border-collapse: collapse;
-
text-align: center;
+
  border-spacing: 0;
 +
  margin: 0 auto;
}
}
-
 
+
fieldset table td, fieldset table th {
-
 
+
  border: 1px solid #bbb;
-
p {
+
  padding: 2px;
-
font-size: 12pt;
+
  padding-left: 4px;
-
font-family: Verdana;
+
  padding-right: 4px;
}
}
-
 
+
fieldset legend, fieldset legend a {
-
 
+
  background: transparent;
-
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
+
  font-size: 13pt;
-
.annItem li {list-style: none; margin: 5px}
+
-
</style>
+
-
 
+
-
<script>
+
-
$(window).load(function(){
+
-
/* test for @media-query support */
+
-
$('body').append($('<div id="test-media-query">').css({visibility: 'hidden', position: 'absolute'}));
+
-
$('head').prepend('<style type="text/css" media="only all" id="test-media-query-style">');
+
-
styleSht = document.styleSheets[0];
+
-
if (styleSht.cssRules || styleSht.rules) {
+
-
if (styleSht.insertRule) {styleSht.insertRule('#test-media-query {display:none !important;}', styleSht.cssRules.length);
+
-
} else if (styleSht.addRule) {styleSht.addRule('#test-media-query', 'display:none');}
+
}
}
-
mediaQuery = $('#test-media-query').css('display') === 'none';
 
-
$('#test-media-query, #test-media-query-style').remove();
 
-
 
-
/* if not supported then use the jQuery routine */
 
-
if (!mediaQuery) {
 
-
 
-
/* on page entry and page resize check the window width and add/remove stylesheets depending on width */
 
-
$(window).on("resize", function () {
 
-
widthDoc = $(window).width();
 
-
 
-
 
-
if (!$('link[href="responsive-single/size880.css"]').length && widthDoc<=1024){$("<link>").appendTo($('head')).attr({type:'text/css',rel:'stylesheet',href:'https://2014.igem.org/Template:Team:Marburg/Template:Header:ResponsiveCSS?action=render'});}
 
-
 
-
if (widthDoc>1024) {$('link[href="https://2014.igem.org/Template:Team:Marburg/Template:Header:ResponsiveCSS?action=render"]').remove();}
 
-
 
-
}).resize();
+
.mr_content table {
 +
  background: none;
 +
  border: none;
 +
  border-collapse: 0;
 +
  text-align: left;
 +
  border-spacing: 0;
}
}
-
 
+
.mr_content table th {
-
});
+
   border-bottom: 1px solid #000;
-
</script>
+
   text-align: left;
-
<style>
+
   padding: 3px;
-
@font-face {
+
-
   font-family: 'Muli';
+
-
   font-style: normal;
+
-
   font-weight: 400;
+
-
  src: local('Muli'), url(http://fonts.gstatic.com/s/muli/v6/kU4XYdV4jtS72BIidPtqyw.woff) format('woff');
+
}
}
-
 
+
.mr_content table td {
-
 
+
  border-bottom: 1px solid #ccc;
-
section {display:block; padding:0; margin:0 auto; max-width:1200px; min-width:320px;}
+
  text-align: left;
-
article {display:block; padding:0; margin:0;}
+
  padding: 3px;
-
.menu {display:block; padding:0; margin:0; height:42px; position:relative;
+
-
-webkit-user-select: none;
+
-
-moz-user-select: none;
+
-
-ms-user-select: none;
+
-
-o-user-select: none;
+
-
user-select: none;
+
-
-ms-touch-action: none;
+
}
}
-
.menu img {position:absolute; left:5px; top:14px; z-index:100; display:none;}
 
-
.menu ul {padding:0; margin:0; margin-top: 25px; }
 
-
.menu ul li {display:inline-block; position:relative;background: url('https://static.igem.org/mediawiki/2014/1/1a/Mr-navigation-background.png');}
 
-
.menu ul li {*display:inline;}
 
-
.menu ul li a {display:block; font:normal 15pt/40px 'Muli', arial, sans-serif; color:#444; text-decoration:none; padding:0 25px;}
 
-
.menu ul li a:hover {color:#a00;}
 
-
.menu ul li.current a {color:#c00; z-index:100;}
 
-
.menu ul li.current b {display:block; width:100%; height:40px; position:absolute;; top:0; left:0; background:url(trans.gif);}
 
-
.menu.center {text-align:center;}
 
-
.menu.right {text-align:right;}
 
-
.menu.first { z-index: 120; }
+
.figure, figure_two {
-
.menu ul li.current a {color:#c00; z-index:120;}
+
  margin: 0 auto;
-
 
+
  min-width: 375px;
-
 
+
  max-width: 1000px;
-
@media only screen and (max-width:880px) {
+
  width: 50%;
-
.menu {width:240px;}
+
-
.menu.center {margin:0 auto; text-align:left;}
+
-
.menu.right {margin:0 0 0 auto; text-align:left;}
+
-
.menu img {display:block;}
+
-
.menu ul li {display:block; margin-bottom:-40px;
+
-
-webkit-transition:0.5s;
+
-
-moz-transition:0.5s;
+
-
-o-transition:0.5s;
+
-
transition:0.5s;
+
-
}
+
-
.menu ul li:last-child {margin-bottom:0;}
+
-
.menu ul li.current {display:block; z-index:10;}
+
-
.menu:hover ul li {margin-bottom:0;}
+
-
}
+
-
@media only screen and (max-device-width:1024px) and (orientation:portrait) {
+
-
.menu {width:200px;}
+
-
.menu.center {margin:0 auto; text-align:left;}
+
-
.menu.right {margin:0 0 0 auto; text-align:left;}
+
-
.menu img {display:block;}
+
-
.menu ul li {display:block; margin-bottom:-40px;
+
-
-webkit-transition:0.5s;
+
-
-moz-transition:0.5s;
+
-
-o-transition:0.5s;
+
-
transition:0.5s;
+
-
}
+
-
.menu ul li:last-child {margin-bottom:0;}
+
-
.menu ul li.current {display:block; z-index:10;}
+
-
.menu:hover ul li {margin-bottom:0;}
+
-
}
+
-
@media only screen and (max-device-width:480px) {
+
-
.menu {width:200px;}
+
-
.menu.center {margin:0 auto; text-align:left;}
+
-
.menu.right {margin:0 0 0 auto; text-align:left;}
+
-
.menu img {display:block;}
+
-
.menu ul li {display:block; margin-bottom:-40px;
+
-
-webkit-transition:0.5s;
+
-
-moz-transition:0.5s;
+
-
-o-transition:0.5s;
+
-
transition:0.5s;
+
-
}
+
-
.menu ul li:last-child {margin-bottom:0;}
+
-
.menu ul li.current {display:block; z-index:10;}
+
-
.menu:hover ul li {margin-bottom:0;}
+
}
}
-
.menu ul li a.a {
+
.caption {
-
   color: #C00;
+
   font-weight: normal;
 +
  font-size: 10pt !important;
 +
  text-align: justify;
 +
  display: block;
 +
  text-indent: 0;
 +
  margin-top: 5px;
}
}
-
.menu ul li a.a: hover {
+
.figure img {
-
   color: #A00;
+
   width: 100%;
}
}
-
/*
 
-
.menu ul li a.b {
 
-
  color: #00668d;
 
-
} */
 
-
.menu ul li a.b:hover {
+
img.border {
-
  color: #004b67;
+
border: 10px solid #FFF;
 +
box-shadow: 3px 3px 7px #BBB !important;
}
}
-
/* .menu ul li a.c {
+
h2, h3, h2 a, h3 a, h2 a:hover, h3 a:hover {
-
   color: #e77235;
+
   color: #000;
-
}
+
  font-size: 13.5pt;
-
*/
+
  border: none;
-
.menu ul li a.c:hover {
+
  font-weight: bold;
-
   color: #cb5f25;
+
   text-decoration: underline;
}
}
-
/* .menu ul li a.d {
+
.sponsor {
-
   color: #0097d0;
+
   margin: 0 auto;
-
} */
+
-
 
+
-
.menu ul li a.d:hover {
+
-
  color: #006b93;
+
-
}
+
-
 
+
-
/* .menu ul li a.e {
+
-
  color: #1ba7b6;
+
-
} */
+
-
 
+
-
.menu ul li a.e:hover {
+
-
  color: #1b6a73;
+
-
}
+
-
/*
+
-
.menu ul li a.f {
+
-
  color: #faca00:
+
-
} */
+
-
 
+
-
 
+
-
/* .menu ul li a.f {
+
-
  color: #0e7b87;
+
-
} */
+
-
 
+
-
.menu ul li a.f:hover {
+
-
  color: #c59f00;
+
-
}
+
-
 
+
-
.mr_content {
+
   min-width: 500px;
   min-width: 500px;
-
   width: 85%;
+
   max-width: 1200px;
-
   margin: 0 auto;
+
  width: 100%;
 +
   margin-bottom: 15px;
}
}
-
 
+
.sponsor img {
-
#navbox {
+
   width: 45%;
-
   background: url('https://static.igem.org/mediawiki/2014/b/bc/Mr_logo_surf.png');
+
-
  background-repeat: no-repeat;
+
-
  margin: 0 auto;
+
-
min-width: 600px;
+
-
max-width: 1080px;
+
-
width: 85%;
+
-
  text-align: center;
+
}
}
-
 
+
.sponsor img.lft {
-
.menu {
+
   float: left;
-
   height: 100px;
+
}
}
-
 
+
.sponsor img.rgt {
-
.menu.first, .menu.second {
+
   float: right;
-
   height: 50px;
+
}
}
-
.nav_placeholder {
+
.clr {
-
   width: 240px;
+
   clear: both;
-
  height: 5px;
+
-
  margin: 0 auto;
+
}
}
-
/*
+
table caption {
-
.menu ul {
+
  text-align: left;
-
   padding-top: 25px;
+
   padding-bottom: 5px;
 +
  font-size: 11.5pt;
 +
  font-weight: bold;
 +
  margin-bottom: 13px;
}
}
-
*/
 
-
.menu ul.second {
+
#starter_wrapper {
-
  padding-top: 0;
+
   margin: 0 auto;
   margin: 0 auto;
 +
  width: 100%;
 +
  min-width: 500px;
 +
  max-width: 892px;
 +
  margin-top: 15px;
 +
  margin-bottom: 20px;
}
}
-
.menu ul.first li {
+
#submenu li {
-
   background: url('https://static.igem.org/mediawiki/2014/7/75/Mr-navigation-first.png');
+
   text-align: left;
}
}
-
 
+
</style></html>
-
.menu ul.second li {
+
-
  background: url('https://static.igem.org/mediawiki/2014/1/1a/Mr-navigation-second.png');
+
-
}
+
-
 
+
-
 
+
-
</style>
+
-
 
+
-
</html>
+

Latest revision as of 01:47, 18 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Marburg/Template:Header"