Team:Heidelberg/Templates/MainTemplate

From 2014.igem.org

(Difference between revisions)
 
(30 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">
<script type="text/javascript">
-
document.styleSheets[0].disabled = false;
+
document.styleSheets[0].disabled = true;
</script>
</script>
<style type="text/css">
<style type="text/css">
Line 25: Line 31:
#top-section {
#top-section {
     position: relative;
     position: relative;
-
    width: 975px;
 
margin: 0 auto 0 auto;
margin: 0 auto 0 auto;
border:0;
border:0;
overflow:visible;
overflow:visible;
 +
}
 +
 +
 +
#footer-box {
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
  margin-right: auto;
 +
  margin-left: auto;
 +
  border:none;
 +
  width: 100%;
 +
}
 +
 +
@media (min-width: 768px) {
 +
  #top-section {
 +
    width: 750px;
 +
  }
 +
  #footer-box {
 +
    width: 750px;
 +
  }
 +
}
 +
 +
 +
@media (min-width: 992px) {
 +
  #top-section {
 +
    width: 970px;
 +
  }
 +
  #footer-box {
 +
    width: 970px;
 +
  }
 +
}
 +
 +
@media (min-width: 1200px) {
 +
  #top-section {
 +
    width: 1170px;
 +
  }
 +
  #footer-box {
 +
    width: 1170px;
 +
  }
}
}
Line 35: Line 78:
     white-space: nowrap;
     white-space: nowrap;
     top: -6px;
     top: -6px;
-
    width: 400px;
+
     z-index: 1035;
-
     z-index: 5;
+
     font-family: sans-serif;
     font-family: sans-serif;
     font-size: 95%;
     font-size: 95%;
     line-height: 1em;
     line-height: 1em;
 +
}
 +
 +
#menubar ul {
 +
    margin-bottom: 0;
}
}
Line 47: Line 93:
     color:transparent;
     color:transparent;
     text-transform: lowercase;
     text-transform: lowercase;
 +
}
 +
 +
.left-menu li {
 +
color:transparent !important;
 +
}
 +
 +
.left-menu:hover li {
 +
color: white !important;
}
}
Line 53: Line 107:
     background-color: #555555
     background-color: #555555
}
}
 +
 +
 +
 +
.left-menu:hover a {
 +
    color: white;
 +
}
 +
.right-menu, .right-menu a {
.right-menu, .right-menu a {
     right: 0px;
     right: 0px;
Line 58: Line 119:
     color: white;
     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 {
#menubar ul {
     color: #555555;
     color: #555555;
     list-style: none;
     list-style: none;
 +
    margin-top:10px;
}
}
 +
#menubar li {
#menubar li {
     display: inline;
     display: inline;
Line 69: Line 146:
     padding-right: 0px;
     padding-right: 0px;
}
}
 +
.left-menu li a {
.left-menu li a {
     padding: 0px 10px 0px 0px;
     padding: 0px 10px 0px 0px;
Line 82: Line 160:
}
}
-
#footer-box {
 
-
display:none;
 
-
}
 
#top-section {
#top-section {
Line 121: Line 196:
background:none;
background:none;
}
}
-
#footer {
+
 
-
display: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