git.infodrom.org Git - infodrom.org/www.infodrom.org/blob - src/menu.css

   1 /*
   2  * Navigation
   3  */
   4 div.navigation {
   5   padding: 0 0;
   6   border-bottom: 1px solid #707070;
   7 }
   8 div.navigation ul {
   9   padding: 0 0;
  10   margin-bottom: 0px;
  11   padding-bottom: 3px;
  12   font: bold 14px Verdana, Sans-Serif;
  13 }
  14 div.navigation ul li {
  15   list-style: none;
  16   margin: 0;
  17   display: inline;
  18 }
  19 div.navigation ul li a {
  20   padding: 3px 0.5em;
  21   margin-right: -6px;
  22   margin-left: 7px;
  23   border: 1px solid #707070;
  24   text-decoration: none;
  25 }
  26 div.navigation ul li.Infodrom a {
  27   background: #b1b1ff;
  28 }
  29 div.navigation ul li.Linux a {
  30   background: #b5e2f1;
  31 }
  32 div.navigation ul li.Debian a {
  33   background: #ff6c6c;
  34 }
  35 div.navigation ul li.linx a {
  36   background: #ffb35a;
  37 }
  38 div.navigation ul li.text a {
  39   background: #f4ff76;
  40 }
  41 div.navigation ul li.service a {
  42   background: #ffa9fa;
  43 }
  44 div.navigation ul li.zeitungen a {
  45   background: #ab82ff;
  46 }
  47 div.navigation ul li.News a {
  48   background: #91ec76;
  49 }
  50 div.navigation ul li.projects a {
  51   background: #20b705;
  52 }
  53 div.navigation ul li a:link, div.navigation ul li a:visited {
  54   color: #707070;
  55 }
  56 div.navigation ul li a:link:hover, div.navigation ul li a:visited:hover {
  57   color: #000000;
  58   border-color: #000000;
  59 }
  60
  61 /*
  62  * Settings with id=current
  63  */
  64 div.navigation ul li a#current,
  65 div.navigation ul li a:link:hover#current,
  66 div.navigation ul li a:visited:hover#current {
  67   color: #000000;
  68   border-color: #000000;
  69 }
  70 div.navigation ul li.Infodrom a#current,
  71 div.navigation ul li.Infodrom a:link:hover#current,
  72 div.navigation ul li.Infodrom a:visited:hover#current {
  73   border-bottom: 1px solid #b1b1ff;
  74 }
  75 div.navigation ul li.Linux a#current,
  76 div.navigation ul li.Linux a:link:hover#current,
  77 div.navigation ul li.Linux a:visited:hover#current {
  78   border-bottom: 1px solid #b5e2f1;
  79 }
  80 div.navigation ul li.Debian a#current,
  81 div.navigation ul li.Debian a:link:hover#current,
  82 div.navigation ul li.Debian a:visited:hover#current {
  83   border-bottom: 1px solid #ff6c6c;
  84 }
  85 div.navigation ul li.linx a#current,
  86 div.navigation ul li.linx a:link:hover#current,
  87 div.navigation ul li.linx a:visited:hover#current {
  88   border-bottom: 1px solid #ffb35a;
  89 }
  90 div.navigation ul li.text a#current,
  91 div.navigation ul li.text a:link:hover#current,
  92 div.navigation ul li.text a:visited:hover#current {
  93   border-bottom: 1px solid #f4ff76;
  94 }
  95 div.navigation ul li.service a#current,
  96 div.navigation ul li.service a:link:hover#current,
  97 div.navigation ul li.service a:visited:hover#current {
  98   border-bottom: 1px solid #ffa9fa;
  99 }
 100 div.navigation ul li.zeitungen a#current,
 101 div.navigation ul li.zeitungen a:link:hover#current,
 102 div.navigation ul li.zeitungen a:visited:hover#current {
 103   border-bottom: 1px solid #ab82ff;
 104 }
 105 div.navigation ul li.News a#current,
 106 div.navigation ul li.News a:link:hover#current,
 107 div.navigation ul li.News a:visited:hover#current {
 108   border-bottom: 1px solid #91ec76;
 109 }
 110 div.navigation ul li.projects a#current,
 111 div.navigation ul li.projects a:link:hover#current,
 112 div.navigation ul li.projects a:visited:hover#current {
 113   border-bottom: 1px solid #20b705;
 114 }
 115
 116 /*
 117  * Second menu:
 118  */
 119 div.submenu ul {
 120   padding: 0 0;
 121   margin-top: 3px;
 122   margin-bottom: 10px;
 123   font: bold 13px Verdana, Sans-Serif;
 124 }
 125 div.submenu ul li {
 126   list-style: none;
 127   margin: 0;
 128   display: inline;
 129 }
 130 div.submenu ul li a {
 131   padding: 3px 3px;
 132   margin-right: 0px;
 133   margin-left: 0px;
 134   border: 1px solid #707070;
 135   border-top-style: none;
 136   text-decoration: none;
 137 }
 138 div.submenu ul li a.Infodrom {
 139   background: #b1b1ff;
 140 }
 141 div.submenu ul li a.Linux {
 142   background: #b5e2f1;
 143 }
 144 div.submenu ul li a.Debian {
 145   background: #ff6c6c;
 146 }
 147 div.submenu ul li a.linx {
 148   background: #ffb35a;
 149 }
 150 div.submenu ul li a.text {
 151   background: #f4ff76;
 152 }
 153 div.submenu ul li a.service {
 154   background: #ffa9fa;
 155 }
 156 div.submenu ul li a.zeitungen {
 157   background: #ab82ff;
 158 }
 159 div.submenu ul li a.News {
 160   background: #91ec76;
 161 }
 162 div.submenu ul li a.projects {
 163   background: #20b705;
 164 }
 165 div.submenu ul li a:link,
 166 div.submenu ul li a:visited {
 167   color: #707070;
 168 }
 169 div.submenu ul li a:link:hover,
 170 div.submenu ul li a:visited:hover,
 171 div.submenu ul li a#current,
 172 div.submenu ul li a:link:hover#current,
 173 div.submenu ul li a:visited:hover#current {
 174   color: #000000;
 175   border-color: #000000;
 176 }
 177
 178 /*
 179  * Third menu
 180  */
 181 div.vmenu {
 182   font-weight: bold;
 183   padding: 0;
 184 }
 185 div.vmenu p {
 186   height: 5px;
 187   width: 100%;
 188   background: #cfcfcf;
 189   padding: 0;
 190   margin: 0;
 191 }
 192 div.vmenu ul {
 193   list-style: none;
 194   padding: 0;
 195   margin-top: 10px;
 196   margin-bottom: 10px;
 197 }
 198 div.vmenu ul li a {
 199   display: block;
 200   width: 100%;
 201   text-decoration: none;
 202   text-align: center;
 203   color: #707070;
 204   padding: 2px 2px 2px 0.5em;
 205   background-color: #ededed;
 206 }
 207 div.vmenu ul li a#current {
 208   color: #000000;
 209   background-color: #d2d2d2;
 210 }
 211 div.vmenu ul li a:hover {
 212   color: #000000;
 213   background-color: #e1e1e1;
 214 }
 215 div.vmenu ul li a.topic {
 216   background-color: #bfbfbf;
 217   padding-top: 2px;
 218 }
 219 html>body div.vmenu ul li a {
 220   width: auto;
 221 }
 222
 223
 224 div.omenu {
 225   font-weight: bold;
 226   padding: 0;
 227   border: 5px solid #000000;
 228   margin-top: 10px;
 229   margin-bottom: 10px;
 230 }
 231 div.omenu ul {
 232   list-style: none;
 233   padding: 0;
 234   margin: 0;
 235 }
 236 div.omenu ul li a {
 237   display: block;
 238   width: 100%;
 239   text-decoration: none;
 240   text-align: center;
 241   color: #000000;
 242   padding: 1;
 243   background-color: #ffffff;
 244 }
 245 html>body div.omenu ul li a {
 246   width: auto;
 247 }
 248
 249 /*
 250  * Local variables:
 251  * mode: indented-text
 252  * mode: auto-fill
 253  * End:
 254 */