Difference between revisions of "Team:Czech Republic/Template:Stylesheet"

Line 1: Line 1:
 
<html>
 
<html>
−
<head>
 
 
<style>
 
<style>
  
Line 175: Line 174:
  
 
/* PANEL -------------------------------------------------------------------*/
 
/* PANEL -------------------------------------------------------------------*/
−
 
 
#panel
 
#panel
 
{
 
{
Line 181: Line 179:
 
     position: fixed;
 
     position: fixed;
  
 +
    height: 40px;
 
     width: 100%;
 
     width: 100%;
  
Line 195: Line 194:
 
     margin: auto;
 
     margin: auto;
 
}
 
}
−
.
 
  
 
#panel-ul
 
#panel-ul
 
{
 
{
−
     margin: 0px;;
+
     margin: 0px;
 
     padding: 0px;
 
     padding: 0px;
 
     list-style-type: none;
 
     list-style-type: none;
 +
    display: inline-block;
 
}
 
}
  
Line 224: Line 223:
 
}
 
}
  
−
#panel-ul li a img
+
#panel-ul-logo {
 +
  display: inline-block;
 +
}
 +
 
 +
#panel-ul-logo img {
 +
    vertical-align: middle;
 +
}
 +
 
 +
#panel-ul a img
 
{
 
{
 
     height: 40px;
 
     height: 40px;
−
    padding: 5px 20px
 
 
     margin: 0px;
 
     margin: 0px;
 +
    display: inline-block;
 +
    vertical-align: middle;
 
}
 
}
  
−
#panel-ul li:hover > a
+
#panel-ul li:hover > a, #panel-ul-logo:hover
 
{
 
{
 
     transition: opacity 0.3s ease;
 
     transition: opacity 0.3s ease;
Line 238: Line 246:
 
     -o-transition: opacity 0.3s ease;
 
     -o-transition: opacity 0.3s ease;
 
     opacity: 0.65;
 
     opacity: 0.65;
 +
}
 +
 +
#panel-button {
 +
    display: none;
 +
    color: white;
 +
}
 +
 +
#panel-ul-switch {
 +
    display: inline-block;
 +
}
 +
 +
@media screen and (max-width: 1000px) {
 +
 +
    .centered-list {
 +
        position: relative;
 +
    }
 +
 +
    #panel-ul-logo {
 +
        float: left;
 +
    }
 +
 +
    #panel-ul {
 +
        display: none;
 +
    }
 +
 +
    #panel-button {
 +
        display: block;
 +
        float: right;
 +
    }
 +
 +
    #panel-ul-switch:hover #panel-ul {
 +
        display: block;
 +
    }
 +
 +
    #panel-ul-switch #panel-ul {
 +
        position: absolute;
 +
        background-color: #303030;
 +
        width: 200px;
 +
        top: 40px;
 +
        right: 0;
 +
    }
 +
 +
    #panel-ul-switch {
 +
        float: right;
 +
    }
 +
 +
    #panel-ul li, #panel-ul li a {
 +
        display: block;
 +
    }
 +
 +
    #panel-ul-button {
 +
        display: inline-block;
 +
        width: 30px;
 +
        height: 30px;
 +
        margin: 5px;
 +
        border-radius: 5px;
 +
        cursor: pointer;
 +
    }
 +
 +
    #panel-ul-button > div > div {
 +
        background-color: white;
 +
        height: 4px;
 +
        width: 26px;
 +
        margin: 4px 2px;
 +
    }
 
}
 
}
  
Line 344: Line 417:
  
 
</style>
 
</style>
−
</head>
 
 
</html>
 
</html>

Revision as of 09:18, 7 September 2015