Team:Heidelberg/Templates/MainTemplate

From 2014.igem.org

(Difference between revisions)
 
(44 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">
/*
/*
Line 19: Line 28:
display: none;
display: none;
}
}
 +
 +
#top-section {
 +
    position: relative;
 +
margin: 0 auto 0 auto;
 +
border:0;
 +
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;
 +
  }
 +
}
 +
 +
#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 {
#content {
Line 25: Line 157:
padding:0;
padding:0;
z-index:0;
z-index:0;
-
width: 100%;
+
width:auto;
-
}
+
-
#footer-box {
+
-
display:none;
+
}
}
 +
#top-section {
#top-section {
height: auto;
height: auto;
border:0;
border:0;
-
 
}
}
Line 63: Line 192:
display:none;
display:none;
}
}
-
 
body {
body {
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