X-Git-Url: https://git.josue.xyz/?a=blobdiff_plain;f=styles%2Fmenu.css;fp=styles%2Fmenu.css;h=691ca7a8e236ba06a83ba23f601c35b32ebb0e26;hb=dbac5cb460f04625bc2a9e414e51900c9777d3ae;hp=0000000000000000000000000000000000000000;hpb=6c19fe21cbfc617146dd8df2ffd48e430155bebb;p=VSoRC%2F.git diff --git a/styles/menu.css b/styles/menu.css new file mode 100644 index 0000000..691ca7a --- /dev/null +++ b/styles/menu.css @@ -0,0 +1,78 @@ +/* + Copyright (c) Maen Artimy, 2018 +*/ + +@import "colors.css"; + +.menuitem { + width: 100%; /* Set a width if you like */ +} + +.menuitem a { + background-color: var(--tcolor-2); + display: block; /* Make the links appear below each other */ + padding: 12px; /* Add some padding */ + text-decoration: none; /* Remove underline from links */ + border-radius: 5px; + margin-top: 2px; + color: var(--tcolor-4); + font-size: 16px; +} + +/* .menuitem a:nth-of-type(1) { + margin-top: 0px; +} */ + +.menuitem a:hover { + background-color: var(--tcolor-0); + color: var(--white); +} + +.menuitem a.active { + background-color: var(--tcolor-3); + color: var(--white); +} + +/*.logowrapper { + font: normal 11px Verdana, Arial, Helvetica, sans-serif; + position: fixed; + bottom: 0; + z-index: 1; +} + +.logowrapper img { + margin: 0px 0px 10px 15px; +}*/ + +/* copyright notice */ +/*.logowrapper p { + margin: 0px 0px -10px 10px; + transform: rotate(90deg); + transform-origin: left top 0; +}*/ + +.logowrapper { + position: fixed; + bottom: 0; + z-index: 1; + background: transparent url("../img/Logo_300x300.png") no-repeat left top; + background-size: 115px 115px; + width: 115px; + height: 115px; + margin: -60px 0px 5px 10px; + border-radius: 5px; + border: var(--pcolor-0) solid 2px;*/ +} + +/* Style the navigation menu */ +.topmenu { + overflow: hidden; + position: relative; +} + +/* Hide the links inside the navigation menu (except for logo/home) */ +#myLinks { + display: none; + margin-left: 20px; + +}