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

 
(23 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();">-->
−
      <input type="button" div class="togtog" onclick="toggleNav();toggleNav2();this.value=this.value=='Menu'?'Hide':'Menu'" value="Menu">
+
<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>
 
       </span>
 
       </span>
 
   </div>
 
   </div>
 +
</body>
 
<style>
 
<style>
 
.togtog{
 
.togtog{
 
float:right;
 
float:right;
 
}
 
}
−
button.togtog{
+
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;
 
border-radius: 0;
 
}
 
}
 +
input[type="button"], .togtog{
 +
border-radius: 0;
 +
}*/
 
.drop-higher{
 
.drop-higher{
 
margin-top:0;
 
margin-top:0;
 +
top:0;
 
}
 
}
 
@media screen and (max-width: 1680px) {
 
@media screen and (max-width: 1680px) {
Line 27: Line 55:
 
}}
 
}}
 
@media screen and (max-width: 1024px) {
 
@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{
 
#titleBar{
 
display:block;
 
display:block;
Line 39: Line 75:
 
}
 
}
 
</style>
 
</style>
−
</body>
 
 
</html>
 
</html>

Latest revision as of 12:25, 31 October 2017