Template:Team:Marburg/Template:Header

From 2014.igem.org

(Difference between revisions)
m
Line 1: Line 1:
<html>
<html>
<style>
<style>
-
 
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {display: none;} /*-- hides default wiki settings --*/
  body {
  body {
-
background-image:url('https://static.igem.org/mediawiki/2014/2/2d/Mr-body-background-general.png');
+
background:#fff url('https://static.igem.org/mediawiki/2014/2/2d/Mr-body-background-general.png') repeat-x;
-
background-repeat: repeat-x;
+
  }
  }
Line 28: Line 26:
height: 14px;
height: 14px;
display: block;
display: block;
-
z-index: 10;
+
z-index: 1;
-
position: fixed;
+
width: 100%;
width: 100%;
top: 0;
top: 0;
Line 38: Line 35:
text-decoration: none;  
text-decoration: none;  
background-color: transparent;
background-color: transparent;
-
}
 
-
 
-
body {
 
-
background-color: #fff;
 
}
}
Line 51: Line 44:
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
 +
font-size: 100%;
}
}
Line 71: Line 65:
}
}
-
.sidemenu, .sidemenu li {
 
-
list-style-type: none;
 
-
list-style-image: none;
 
-
font-family: verdana;
 
-
text-decoration: none;
 
-
color:#000;
 
-
font-size: 14px;
 
-
}
 
-
 
-
.sidemenu li {display: block;}
 
-
 
-
.sidemenu a {
 
-
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;}
 
-
.sub-sidemenu a {color: #666;}
 
-
 
-
div.underconst
 
-
{
 
-
padding:10px;
 
-
border-radius:5px;
 
-
background-color:pink;
 
-
text-align:center;
 
-
}
 
-
 
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 
-
 
-
.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 {
 
-
border-bottom: 1px solid #ccc;
 
-
display: block;
 
-
padding: 5px 15px 0px 10px;
 
-
margin-bottom: 0px;
 
-
}
 
-
 
-
.newsItem h3 {
 
-
width: auto;
 
-
display: inline;
 
-
font-size: 14px;
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
padding: 0px;
 
-
margin: 0px;
 
-
}
 
-
 
-
.newsItem img {
 
-
float: right;
 
-
clear: right;
 
-
width: 80px;
 
-
padding-left: 15px;
 
-
display: inline-block;
 
-
}
 
-
 
-
.newsItem .newsDate {
 
-
font-style: italic;
 
-
font-size: 14px;
 
-
display: inline-block;
 
-
color: #999;
 
-
float: right;
 
-
padding: 0px 0px 10px 15px;
 
-
}
 
-
 
-
.newsItem p, .newsItem ul, .newsItem li {
 
-
padding: 0px;
 
-
margin-left: 20px;
 
-
font-size: 12px;
 
-
line-height: 1.2;
 
-
}
 
-
 
-
.newsItem p {margin-top: 10px;}
 
-
 
-
.annItem {
 
-
border: 2px solid #414141;
 
-
display: block;
 
-
padding: 0px 15px 10px 10px;
 
-
margin-bottom: 18px;
 
-
position: relative;
 
-
height: 160px;
 
-
vertical-align: middle;
 
-
}
 
-
 
-
.annItem .annCentered {
 
-
display: table-cell;
 
-
vertical-align: middle;
 
-
height: 160px;
 
-
}
 
-
 
-
.annCentered h3 {
 
-
padding: 0px;
 
-
display: block;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
text-align: center;
 
-
}
 
-
 
-
 
-
p {
 
-
font-size: 12pt;
 
-
font-family: Verdana;
 
-
}
 
-
 
-
 
-
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 
-
.annItem li {list-style: none; margin: 5px}
 
</style>
</style>
Line 226: Line 79:
mediaQuery = $('#test-media-query').css('display') === 'none';
mediaQuery = $('#test-media-query').css('display') === 'none';
$('#test-media-query, #test-media-query-style').remove();
$('#test-media-query, #test-media-query-style').remove();
-
 
+
/* if (!mediaQuery) {
-
/* 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 () {
$(window).on("resize", function () {
widthDoc = $(window).width();
widthDoc = $(window).width();
Line 241: Line 90:
}).resize();
}).resize();
-
}
+
} */
-
 
+
});
});
</script>
</script>
<style>
<style>
-
 
@font-face {
@font-face {
   font-family: 'Muli';
   font-family: 'Muli';
Line 253: Line 100:
   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');
}
}
 +
 +
p {
 +
font-size: 12pt;
 +
font-family: Verdana;
 +
}
 +
.menu {display:block; padding:0; margin:0; height:42px; position:relative;
.menu {display:block; padding:0; margin:0; height:42px; position:relative;
Line 262: Line 115:
-ms-touch-action: none;
-ms-touch-action: none;
}
}
-
.menu img {position:absolute; left:5px; top:14px; z-index:100; display:none;}
+
.menu img {position:absolute; left:0px; top:34px; z-index:100; display:none;}
 +
 
 +
.menu.first img, .menu.second img {top:14px;}
.menu ul {padding:0; margin:0; margin-top: 25px; }
.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-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 {*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 {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 a:hover {color:#a00;}
.menu ul li.current a {color:#c00; z-index:100;}
.menu ul li.current a {color:#c00; z-index:100;}
Line 278: Line 133:
@media only screen and (max-width:1280px) {
@media only screen and (max-width:1280px) {
-
.menu {width:250px;}
+
.menu {width:235px;}
.menu.center {margin:0 auto; text-align:left;}
.menu.center {margin:0 auto; text-align:left;}
.menu.right {margin:0 0 0 auto; text-align:left;}
.menu.right {margin:0 0 0 auto; text-align:left;}
Line 293: Line 148:
}
}
@media only screen and (max-device-width:1024px) and (orientation:portrait) {
@media only screen and (max-device-width:1024px) and (orientation:portrait) {
-
.menu {width:250px;}
+
.menu {width:235px;}
.menu.center {margin:0 auto; text-align:left;}
.menu.center {margin:0 auto; text-align:left;}
.menu.right {margin:0 0 0 auto; text-align:left;}
.menu.right {margin:0 0 0 auto; text-align:left;}
Line 308: Line 163:
}
}
@media only screen and (max-device-width:480px) {
@media only screen and (max-device-width:480px) {
-
.menu {width:250px;}
+
.menu {width:235px;}
.menu.center {margin:0 auto; text-align:left;}
.menu.center {margin:0 auto; text-align:left;}
.menu.right {margin:0 0 0 auto; text-align:left;}
.menu.right {margin:0 0 0 auto; text-align:left;}

Revision as of 12:12, 3 October 2014

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