Team:Heidelberg/Templates/MainTemplate

From 2014.igem.org

(Difference between revisions)
 
(75 intermediate revisions not shown)
Line 1: Line 1:
 +
 +
{{#tag:html|
 +
{{{unresponsive|<meta name="viewport" content="width=device-width, initial-scale=1">}}}
 +
}}
<html>
<html>
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
 +
<script type="text/javascript">
 +
document.styleSheets[0].disabled = true;
 +
</script>
<style type="text/css">
<style type="text/css">
 +
/*
body {background-color: white;}
body {background-color: white;}
#globalWrapper {visibility: hidden; background-color: white;}
#globalWrapper {visibility: hidden; background-color: white;}
#menubar, right-menu {visibility: visible;}
#menubar, right-menu {visibility: visible;}
-
<!--#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover {
-
background-color: #383838;
+
color: #727272; text-decoration: none; background-color: transparent;
-
border: 0 none;
+
-
height: 14px;
+
-
z-index: 100;
+
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;
+
-
margin-left: -487px;
+
}
}
 +
#extein {
 +
visibility: visible; width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px;
 +
}
 +
#content, #contentSub, #catlinks, .printfooter, .visualClear, .wrapper {visibility: hidden;}
 +
#footer-box a:link, #footer-box a:active, #footer-box a:visited {
 +
visibility:visible; border: none; color: #727272; text-decoration: none; background-color: transparent;
 +
}*/
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
#column-one, #top, .firstHeading, #contentSub, #p-logo, #search-controls{
-
background-color: #383838;
+
display: 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 {
+
#top-section {
-
color: #727272;  
+
    position: relative;
-
text-decoration: none;  
+
margin: 0 auto 0 auto;
-
background-color: transparent;
+
border:0;
 +
overflow:visible;
}
}
-
#extein {visibility: visible;}
 
-
.menu {
+
 
-
margin: 0;
+
#footer-box {
-
padding: 0;
+
  padding-right: 15px;
 +
  padding-left: 15px;
 +
  margin-right: auto;
 +
  margin-left: auto;
 +
  border:none;
 +
  width: 100%;
}
}
-
.menu a {
+
@media (min-width: 768px) {
-
float: left;
+
  #top-section {
-
text-align: center;
+
    width: 750px;
-
background-color: #7C78F5;
+
  }
-
margin: 01px;
+
  #footer-box {
-
padding: 10px;
+
    width: 750px;
-
font-size: 18px;
+
  }
-
font-family: Arial;
+
-
text-decoration: none;
+
-
color: black;
+
-
display: block;
+
-
width: 90px;
+
}
}
-
.menu a:hover {
 
-
background-color: #B8B6F2;
+
 
 +
@media (min-width: 992px) {
 +
  #top-section {
 +
    width: 970px;
 +
  }
 +
  #footer-box {
 +
    width: 970px;
 +
  }
}
}
 +
 +
@media (min-width: 1200px) {
 +
  #top-section {
 +
    width: 1170px;
 +
  }
 +
  #footer-box {
 +
    width: 1170px;
 +
  }
 +
}
 +
 +
#menubar {
 +
    position: absolute;
 +
    white-space: nowrap;
 +
    top: -6px;
 +
    z-index: 1035;
 +
    font-family: sans-serif;
 +
    font-size: 95%;
 +
    line-height: 1em;
 +
}
 +
 +
#menubar ul {
 +
    margin-bottom: 0;
 +
}
 +
 +
.left-menu, .left-menu a {
 +
    left: 0px;
 +
    text-align: left;
 +
    color:transparent;
 +
    text-transform: lowercase;
 +
}
 +
 +
.left-menu li {
 +
color:transparent !important;
 +
}
 +
 +
.left-menu:hover li {
 +
color: white !important;
 +
}
 +
 +
.left-menu:hover {
 +
    color: white;
 +
    background-color: #555555
 +
}
 +
 +
 +
 +
.left-menu:hover a {
 +
    color: white;
 +
}
 +
 +
.right-menu, .right-menu a {
 +
    right: 0px;
 +
    text-align: right;
 +
    color: white;
 +
}
 +
.right-menu a {
 +
background-color: #606060;
 +
}
 +
 +
.right-menu li a {
 +
    padding: 0px 15px 0px 0px;
 +
    color: white;
 +
    background-color: #606060;
 +
}
 +
.right-menu li a:hover {
 +
    color: #aaaaff;
 +
    text-decoration: underline;
 +
}
 +
 +
#menubar ul {
 +
    color: #555555;
 +
    list-style: none;
 +
    margin-top:10px;
 +
}
 +
 +
#menubar li {
 +
    display: inline;
 +
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
}
 +
 +
.left-menu li a {
 +
    padding: 0px 10px 0px 0px;
 +
}
 +
 +
 +
#content {
 +
border:none;
 +
margin:0;
 +
padding:0;
 +
z-index:0;
 +
width:auto;
 +
}
 +
 +
 +
#top-section {
 +
height: auto;
 +
border:0;
 +
}
 +
 +
#bodyContent > p {
 +
display:none;
 +
/* Workaround wrapping of template includes */
 +
}
 +
 +
#column-content {
 +
margin:0;
 +
padding:0;
 +
float:none;
 +
}
 +
 +
#siteSub {
 +
display:none;
 +
}
 +
 +
#jump-to-nav {
 +
display:none;
 +
}
 +
 +
#catlinks {
 +
display:none;
 +
}
 +
 +
.printfooter {
 +
display:none;
 +
}
 +
 +
body {
 +
background:none;
 +
}
 +
 +
 +
#footer-box *{
 +
  position:relative;
 +
  margin-top:10px;
 +
}
 +
 +
#footer-box a {
 +
    color: #BFBFBF;
 +
}
 +
 +
#footer-box a:hover {
 +
    color: #515151;
 +
}
 +
 +
#footer{
 +
  text-align: center;
 +
}
 +
 +
#f-copyrightico {
 +
float: left;
 +
}
 +
 +
#f-poweredbyico {
 +
float: right;
 +
}
 +
 +
head:first-child+body #footer li {
 +
white-space: nowrap;
 +
}
 +
 +
#footer li {
 +
display: inline;
 +
margin: 0 1.3em;
 +
}
 +
</style>
</style>
</html>
</html>

Latest revision as of 15:42, 12 October 2014