Difference between revisions of "Template:Goettingen/CSS"
| Line 26: | Line 26: | ||
width:150px; | width:150px; | ||
height:100vh; | height:100vh; | ||
| − | + | /* position:fixed; */ | |
padding:0px; | padding:0px; | ||
| − | + | float:left; | |
background-color:#f2f2f2; | background-color:#f2f2f2; | ||
text-align:left; | text-align:left; | ||
| Line 147: | Line 147: | ||
background-color:#000000; | background-color:#000000; | ||
color: #72c9b6; | color: #72c9b6; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */ | ||
| + | .collapsable_menu_control { | ||
| + | width:100%; | ||
| + | padding: 15px 0px; | ||
| + | display:none; | ||
| + | background-color:#000000; | ||
| + | text-align:center; | ||
| + | font-weight:bold; | ||
| + | color:#72c9b6; | ||
| + | cursor:pointer; | ||
| + | -webkit-transition: all 0.4s ease; | ||
| + | -moz-transition: all 0.4s ease; | ||
| + | -ms-transition: all 0.4s ease; | ||
| + | -o-transition: all 0.4s ease; | ||
| + | transition: all 0.4s ease; | ||
| + | } | ||
| + | |||
| + | /* when hovering on that button */ | ||
| + | .collapsable_menu_control:hover { | ||
| + | background-color: #72c9b6; | ||
| + | color:#000000; | ||
} | } | ||
Revision as of 08:33, 29 July 2016
