Difference between revisions of "Template:TU Darmstadt/titlebarchiTU"

 
(39 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<body>
 
<body>
 
   <div id="titleBar">
 
   <div id="titleBar">
−
      <a class="toggle" href="#header" onclick="toggleNav()"></a>
+
<!--<input type="button" div class="togtog" onclick="toggleNav();">-->
 +
<img type="button" div class="togtog" onclick="toggleNav();" src="https://static.igem.org/mediawiki/2017/8/82/T--TU_Darmstadt--menu2.png">
 
       <span class="title">
 
       <span class="title">
 
         <a href="https://2017.igem.org/Team:TU_Darmstadt">ChiTUcare</a>
 
         <a href="https://2017.igem.org/Team:TU_Darmstadt">ChiTUcare</a>
Line 8: Line 9:
 
   </div>
 
   </div>
 
</body>
 
</body>
 +
<style>
 +
.togtog{
 +
float:right;
 +
}
 +
img[type="button"]{
 +
                -moz-appearance: none;
 +
-webkit-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
        background-color: #d4043b;
 +
        color: #ffffff !important;
 +
                height: 44px;
 +
border: 0;
 +
cursor: pointer;
 +
display: inline-block;
 +
font-weight: 700;
 +
line-height: 2em;
 +
padding: 0 0.2em;
 +
text-align: center;
 +
text-decoration: none;
 +
white-space: nowrap;
 +
                outline: none !important;
 +
}
 +
/*input[type="button"], .button.togtog{
 +
border-radius: 0;
 +
}
 +
input[type="button"], .togtog{
 +
border-radius: 0;
 +
}*/
 +
.drop-higher{
 +
margin-top:0;
 +
top:0;
 +
}
 +
@media screen and (max-width: 1680px) {
 +
#titleBar{
 +
display:none;
 +
}}
 +
@media screen and (max-width: 1280px) {
 +
#titleBar{
 +
display:none;
 +
}}
 +
@media screen and (max-width: 1024px) {
 +
#titleBar{
 +
display:block;
 +
}}
 +
@media screen and (max-width: 736px) {
 +
#titleBar{
 +
display:block;
 +
}}
 +
@media screen and (max-width: 480px) {
 +
#titleBar{
 +
display:block;
 +
}}
 +
input[type="submit"].togtog,
 +
input[type="reset"].togtog,
 +
input[type="button"].togtog,
 +
.button.togtog {
 +
background-color: #d4043b;
 +
color: #ffffff !important;
 +
        height: 44px;
 +
}
 +
</style>
 
</html>
 
</html>

Latest revision as of 12:25, 31 October 2017