styles/menu.css

   1 /*\r
   2     Copyright (c) Maen Artimy, 2018\r
   3 */\r
   4 \r
   5 @import "colors.css";\r
   6 \r
   7 .menuitem {\r
   8   width: 100%; /* Set a width if you like */\r
   9 }\r
  10 \r
  11 .menuitem a {\r
  12   background-color: var(--tcolor-2);\r
  13   display: block; /* Make the links appear below each other */\r
  14   padding: 12px; /* Add some padding */\r
  15   text-decoration: none; /* Remove underline from links */\r
  16   border-radius: 5px;\r
  17   margin-top: 2px;\r
  18   color: var(--tcolor-4);\r
  19   font-size: 16px;\r
  20 }\r
  21 \r
  22 /* .menuitem a:nth-of-type(1) {\r
  23   margin-top: 0px;\r
  24 } */\r
  25 \r
  26 .menuitem a:hover {\r
  27   background-color: var(--tcolor-0);\r
  28   color: var(--white);\r
  29 }\r
  30 \r
  31 .menuitem a.active {\r
  32   background-color: var(--tcolor-3);\r
  33   color: var(--white);\r
  34 }\r
  35 \r
  36 /*.logowrapper {\r
  37   font: normal 11px Verdana, Arial, Helvetica, sans-serif;\r
  38   position: fixed;\r
  39   bottom: 0;\r
  40         z-index: 1;\r
  41 }\r
  42 \r
  43 .logowrapper img {\r
  44         margin: 0px 0px 10px 15px;\r
  45 }*/\r
  46 \r
  47 /* copyright notice */\r
  48 /*.logowrapper p {\r
  49         margin: 0px 0px -10px 10px;\r
  50         transform: rotate(90deg);\r
  51         transform-origin: left top 0;\r
  52 }*/\r
  53 \r
  54 .logowrapper {\r
  55   position: fixed;\r
  56   bottom: 0;\r
  57         z-index: 1;\r
  58   background: transparent url("../img/Logo_300x300.png") no-repeat left top;\r
  59   background-size: 115px 115px;\r
  60   width: 115px;\r
  61   height: 115px;\r
  62   margin: -60px 0px 5px 10px;\r
  63   border-radius: 5px;\r
  64   border: var(--pcolor-0) solid 2px;*/\r
  65 }\r
  66 \r
  67 /* Style the navigation menu */\r
  68 .topmenu {\r
  69   overflow: hidden;\r
  70   position: relative;\r
  71 }\r
  72 \r
  73 /* Hide the links inside the navigation menu (except for logo/home) */\r
  74 #myLinks {\r
  75   display: none;\r
  76   margin-left: 20px;\r
  77 \r
  78 }\r