Template:Team:Marburg/Template:Header

From 2014.igem.org

(Difference between revisions)
 
(76 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{Template:Team:Marburg/Template:General}}
-
<style>
+
{{Team:Marburg/Template:HeaderMenu}}<html>
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {display: none;} /*-- hides default wiki settings --*/
+
-
 
+
-
body {
+
-
background:#fff url('https://static.igem.org/mediawiki/2014/2/2d/Mr-body-background-general.png') 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.) --*/
+
-
background-color: #383838;
+
-
height: 14px;
+
-
display: block;
+
-
z-index: 1;
+
-
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.) --*/
+
-
color: #727272;
+
-
text-decoration: none;
+
-
background-color: transparent;
+
-
}
+
-
 
+
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
-
width: 100%;
+
-
height: 100%;
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
font-size: 100%;
+
-
}
+
-
 
+
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
-
width: 100%;
+
-
height: 100%;
+
-
background-color: transparent;
+
-
}
+
-
 
+
-
#contentcontainer { /*-- creates container for all content on page --*/
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-weight: normal;
+
-
font-size: 14px;
+
-
color: #414141;
+
-
width: 960px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
background-color: #transparent;
+
-
margin-top: 0px;
+
-
}
+
-
 
+
-
</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 (!mediaQuery) {
+
-
$(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();
+
-
} */
+
-
});
+
-
</script>
+
<style>
<style>
@font-face {
@font-face {
Line 101: Line 9:
}
}
-
p {
+
a, a:hover, a:active, a:focus, object, embed {
-
font-size: 12pt;
+
  outline: none;
-
font-family: Verdana;
+
}
}
-
 
+
h1, h2, h3, h4, h5 {  
-
.menu {display:block; padding:0; margin:0; height:42px; position:relative;
+
font-family: 'Muli', Georgia, Times, "Times New Roman", serif;
-
-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:0px; top:34px; z-index:100; display:none;}
 
-
.menu.first img, .menu.second img {top:14px;}
+
h1 {
-
.menu ul {padding:0; margin:0; margin-top: 25px; }
+
  font-size: 14.5pt;
-
.menu ul li {display:inline-block; position:relative;background: url('https://static.igem.org/mediawiki/2014/1/1a/Mr-navigation-background.png');}
+
font-weight: bold;
-
.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 20px; text-align:center;}
+
-
.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; }
+
-
.menu ul li.current a {color:#c00; z-index:120;}
+
-
 
+
-
 
+
-
@media only screen and (max-width:1280px) {
+
-
.menu {width:235px;}
+
-
.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;}
+
h2, h3 {
-
.menu ul li.current {display:block; z-index:10;}
+
  font-size: 13.5pt;
-
.menu:hover ul li {margin-bottom:0;}
+
}
}
-
@media only screen and (max-device-width:1024px) and (orientation:portrait) {
+
h4, h5 {
-
.menu {width:235px;}
+
  font-size: 13pt;
-
.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;}
+
.mr_content {
-
.menu:hover ul li {margin-bottom:0;}
+
  min-width: 500px;
 +
  width: 85%;
 +
  margin: 0 auto;
}
}
-
@media only screen and (max-device-width:480px) {
+
 
-
.menu {width:235px;}
+
.mr_content p, .mr_content, .mr_content ul li {
-
.menu.center {margin:0 auto; text-align:left;}
+
font-size: 12.5pt;
-
.menu.right {margin:0 0 0 auto; text-align:left;}
+
font-family: Verdana;
-
.menu img {display:block;}
+
text-align: justify;
-
.menu ul li {display:block; margin-bottom:-40px;
+
line-height: 13p.5t;
-
-webkit-transition:0.5s;
+
  padding: 3pt !important;
-
-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.current a.a {
+
.mr_content li {
-
  color: #C00;
+
    margin-bottom: 0.3em;
 +
    margin-top: 0.3em;
}
}
-
.menu ul li a.a: hover {
+
table#members {
-
   color: #A00 !important;
+
   width: 100%;
}
}
-
+
table#members img {
-
.menu ul li.current a.b {
+
   border: 1px solid #777 !important;
-
   color: #00668d;
+
}
}
-
.menu ul li a.b:hover {
+
table#members .photo_left,
-
   color: #004b67 !important;
+
table#members .text_left {
 +
   text-align: left;
}
}
-
/* .menu ul li a.c {
+
table#members .text_right,
-
  color: #e77235;
+
table#members .photo_right {
-
}
+
   text-align: right;
-
*/
+
-
.menu ul li a.c:hover {
+
-
   color: #cb5f25 !important;
+
}
}
-
/* .menu ul li a c.d {
+
table#members th, table#members td, table#members {
-
  color: #339209;
+
border: none;
-
} */
+
-
 
+
-
.menu ul li a.d:hover {
+
-
  color: #256c06 !important;
+
}
}
-
/* .menu ul li a.e {
+
#animation_cancer {
-
   color: #43969f;
+
  background: url('https://static.igem.org/mediawiki/2014/2/2e/Mr_cancer_streptdarpindin.png');
-
} */
+
   display: block;
-
 
+
  width: 1021px;
-
.menu ul li a.e:hover {
+
  height: 493px;
-
   color: #26585e !important;
+
  background-size: 100%;
 +
   margin: 0 auto;
}
}
-
 
+
#animation_cancer img {
-
.menu ul li a.f:hover {
+
  width: 38%;
-
   color: #ad8d06 !important;
+
   position: relative;
 +
  margin-left: 24.5%;
 +
  margin-top: 7%;
}
}
-
.menu ul li.current a.f {
+
#BackToTop {
-
    color: #cda80e !important;
+
position: fixed;
 +
right: 5%;
 +
top: 19%;
}
}
-
.mr_content {
+
.notebooky-entry ,.notebooky-entry p, .method, .method p, fieldset p, fieldset {
-
   min-width: 500px;
+
   font-size: 12pt !important;
-
   width: 85%;
+
   line-height: 14pt !important;
-
   margin: 0 auto;
+
  text-align: justify;
 +
   margin: 0;
 +
  padding: 2px;
 +
  margin-bottom: 10px;
}
}
-
#navbox {
+
fieldset table  {
-
   background: url('https://static.igem.org/mediawiki/2014/b/bc/Mr_logo_surf.png');
+
   width: 90%;
-
   background-repeat: no-repeat;
+
line-height: 17pt;  
 +
   margin: 0;
 +
  border-collapse: collapse;
 +
  border-spacing: 0;
   margin: 0 auto;
   margin: 0 auto;
-
min-width: 510px;
 
-
max-width: 1080px;
 
-
width: 85%;
 
-
  text-align: center;
 
}
}
-
 
+
fieldset table td, fieldset table th {
-
.menu {
+
  border: 1px solid #bbb;
-
   height: 100px;
+
  padding: 2px;
 +
  padding-left: 4px;
 +
  padding-right: 4px;
 +
}
 +
fieldset legend, fieldset legend a {
 +
   background: transparent;
 +
  font-size: 13pt;
}
}
-
.menu.first, .menu.second {
+
.mr_content table {
-
   height: 50px;
+
  background: none;
 +
  border: none;
 +
  border-collapse: 0;
 +
  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;
}
}
-
.menu ul.second {
+
.figure, figure_two {
-
  padding-top: 0;
+
   margin: 0 auto;
   margin: 0 auto;
 +
  min-width: 375px;
 +
  max-width: 1000px;
 +
  width: 50%;
}
}
-
.menu ul.first li {
+
.caption {
-
   background: url('https://static.igem.org/mediawiki/2014/7/75/Mr-navigation-first.png');
+
   font-weight: normal;
 +
  font-size: 10pt !important;
 +
  text-align: justify;
 +
  display: block;
 +
  text-indent: 0;
 +
  margin-top: 5px;
}
}
-
.menu ul.second li {
+
.figure img {
-
   background: url('https://static.igem.org/mediawiki/2014/1/1a/Mr-navigation-second.png');
+
   width: 100%;
}
}
-
a, a:hover, a:active, a:focus, object, embed, input::-moz-focus-inner {
+
img.border {
-
  outline: none;
+
border: 10px solid #FFF;
 +
box-shadow: 3px 3px 7px #BBB !important;
}
}
-
.menu.first, .menu.second {
+
h2, h3, h2 a, h3 a, h2 a:hover, h3 a:hover {
-
   height: 50px;
+
   color: #000;
 +
  font-size: 13.5pt;
 +
  border: none;
 +
  font-weight: bold;
 +
  text-decoration: underline;
}
}
-
.menu ul.second {
+
.sponsor {
-
  padding-top: 0;
+
   margin: 0 auto;
   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;
}
}
-
.menu ul.first li {
+
.clr {
-
   background: url('https://static.igem.org/mediawiki/2014/7/75/Mr-navigation-first.png');
+
   clear: both;
}
}
-
.menu ul.second li {
+
table caption {
-
   background: url('https://static.igem.org/mediawiki/2014/1/1a/Mr-navigation-second.png');
+
   text-align: left;
 +
  padding-bottom: 5px;
 +
  font-size: 11.5pt;
 +
  font-weight: bold;
 +
  margin-bottom: 13px;
}
}
-
.menu.second ul li a  {
+
#starter_wrapper {
-
   font: 13pt/40px "Muli",arial,sans-serif;
+
   margin: 0 auto;
 +
  width: 100%;
 +
  min-width: 500px;
 +
  max-width: 892px;
 +
  margin-top: 15px;
 +
  margin-bottom: 20px;
}
}
-
</style>
+
#submenu li {
-
</html>
+
  text-align: left;
-
{{Team:Marburg/Template:HeaderMenu}}
+
}
 +
</style></html>

Latest revision as of 01:47, 18 October 2014

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