128 lines
2.9 KiB
CSS
128 lines
2.9 KiB
CSS
|
#show_categories{
|
||
|
|
/* -ms-transform:rotate(270deg); */
|
||
|
|
/* -moz-transform:rotate(270deg); */
|
||
|
|
transform-origin: 0% 0%;
|
||
|
|
transform: rotate(270deg) translate(-100%, 0%);
|
||
|
|
/* -webkit-transform-origin: 50% 50%; */
|
||
|
|
/* -o-transform:rotate(270deg); */
|
||
|
|
}
|
||
|
|
.elementLink:link{
|
||
|
|
display: block;
|
||
|
|
color: white;
|
||
|
|
background: #999999;
|
||
|
|
box-shadow: 5px 5px 10px #3E3E3E;
|
||
|
|
position:absolute;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.elementLink:visited{
|
||
|
|
display: block;
|
||
|
|
color: white;
|
||
|
|
background: #999999;
|
||
|
|
box-shadow: 5px 5px 10px #3E3E3E;
|
||
|
|
position:absolute;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.elementLink:hover{
|
||
|
|
display: block;
|
||
|
|
color: white;
|
||
|
|
transform: scale(1.1, 1.1);
|
||
|
|
background: #D1D1D1;
|
||
|
|
box-shadow: 5px 5px 10px #3E3E3E;
|
||
|
|
position:absolute;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.elementLink:active{
|
||
|
|
display: block;
|
||
|
|
color: white;
|
||
|
|
background: #999999;
|
||
|
|
box-shadow: 5px 5px 10px #3E3E3E;
|
||
|
|
position:absolute;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.navigationButton{
|
||
|
|
color: white;
|
||
|
|
margin-top: 5px;
|
||
|
|
background: #999999;
|
||
|
|
font-family: sans-serif;
|
||
|
|
box-shadow: 5px 5px 10px #3E3E3E;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.navigationButton:hover{
|
||
|
|
color: white;
|
||
|
|
transform: scale(1.1, 1.1);
|
||
|
|
background: #D1D1D1;
|
||
|
|
font-family: sans-serif;
|
||
|
|
box-shadow: 5px 5px 10px #3E3E3E;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.navigationButton:active{
|
||
|
|
color: white;
|
||
|
|
/* background: #D1D1D1;*/
|
||
|
|
font-family: sans-serif;
|
||
|
|
box-shadow: 5px 5px 10px #3E3E3E;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menuButton{
|
||
|
|
color: white;
|
||
|
|
background-color: transparent;
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-size:16px;
|
||
|
|
/* box-Shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);*/
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.menuButton:hover{
|
||
|
|
color: white;
|
||
|
|
/* transform: scale(1.1, 1.1); */
|
||
|
|
/* transform: translateY(-4px); */
|
||
|
|
background: transparent;
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-size:16px;
|
||
|
|
/* box-Shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);*/
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.menuButton:active{
|
||
|
|
color: white;
|
||
|
|
/* transform: scale(1.1, 1.1); */
|
||
|
|
/* transform: translateY(2px);*/
|
||
|
|
background: transparent;
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-size:16px;
|
||
|
|
/* box-Shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);*/
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.menuButton:focus{
|
||
|
|
color: white;
|
||
|
|
/* transform: scale(1.1, 1.1); */
|
||
|
|
/* transform: translateY(2px);*/
|
||
|
|
background: transparent;
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-size:16px;
|
||
|
|
/* box-Shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);*/
|
||
|
|
border: none;
|
||
|
|
outline: 0;
|
||
|
|
}
|
||
|
|
.listMenuButton{
|
||
|
|
color: white;
|
||
|
|
margin-top: 5px;
|
||
|
|
background: #999999;
|
||
|
|
font-family: sans-serif;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.listMenuButton:hover{
|
||
|
|
color: white;
|
||
|
|
margin-top: 5px;
|
||
|
|
background: #999999;
|
||
|
|
font-family: sans-serif;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.listMenuButton:active{
|
||
|
|
color: white;
|
||
|
|
margin-top: 5px;
|
||
|
|
background: #999999;
|
||
|
|
font-family: sans-serif;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
|
||
|
|
.show {display:block;}
|