Team:Heidelberg/Templates/MainTemplate

From 2014.igem.org

(Difference between revisions)
 
(37 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 = true;
document.styleSheets[0].disabled = true;
Line 24: Line 30:
#top-section {
#top-section {
-
position:relative;
+
    position: relative;
 +
margin: 0 auto 0 auto;
 +
border:0;
 +
overflow:visible;
}
}
-
.left-menu, .left-menu a {
+
 
-
left: 0px;
+
#footer-box {
-
text-align: left;
+
  padding-right: 15px;
-
color: transparent;
+
  padding-left: 15px;
-
text-transform: lowercase;
+
  margin-right: auto;
 +
  margin-left: auto;
 +
  border:none;
 +
  width: 100%;
}
}
-
.right-menu, .right-menu a {
+
@media (min-width: 768px) {
-
right: 0px;
+
  #top-section {
-
text-align: right;
+
    width: 750px;
-
color: white;
+
  }
 +
  #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 44: 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: 85%;
+
     font-size: 95%;
     line-height: 1em;
     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 59: Line 160:
}
}
-
#footer-box {
 
-
display:none;
 
-
}
 
#top-section {
#top-section {
height: auto;
height: auto;
border:0;
border:0;
-
 
}
}
Line 99: 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