KHIT

CSSnav

Mar 16th, 2012
73
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. * {                     /* indstiller hele navens position */
  2.     margin:0;
  3.     padding:0;
  4.     outline:0;
  5. }
  6. .nav {
  7.        height:30px;
  8.        background:none;  /* Overordnet farve på hele naviagtionsbaren */
  9.        color:#fff;
  10.        text-shadow:1px 1px #888;
  11.        z-index:1000;
  12. }
  13. .menu a {
  14.      float:left;
  15.      color:#eee;    /* Linkfarven */
  16.      text-decoration:none;
  17.      width:80px; height:25px;
  18.      padding-top:8px;
  19. }
  20. .menu span {
  21.     float:left;
  22.     color:#eee;
  23.     text-decoration:none;
  24.     width:80px;
  25.     height:25px;
  26.     padding-top:8px;
  27. }
  28. .menu a:hover {
  29.     color:#EF8510       /* Her kan du style den farve selv link teksten skal have når du musen er over den */
  30. }
  31. .menu {
  32.     list-style:none;  
  33.     text-align:center;
  34.     width:480px;
  35.     margin:0 auto
  36. }
  37. .menu li {
  38.     position:relative;
  39.     float:left;
  40.     width:80px;
  41.     z-index:1000
  42. }
  43. .menu ul {
  44.     display:none;
  45.     position:absolute;
  46.     font:normal 13px Arial,Verdana;
  47.     top:25px;
  48.     left:0;
  49.     background:#81acc2;   /* listefarven uden hover */
  50.     display:none;
  51.     list-style:none;
  52. }
  53. .menu ul li {
  54.     float:none;
  55.     border-top:1px solid #ccc;
  56.     width:80px;  
  57. }
  58. .menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {
  59.     float:none;
  60.     display:block;
  61.     background:none;
  62.     height:15px;
  63.     padding-top:5px
  64. }
  65. .menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {
  66.     background:#518aa6; /* Farven på det udenom linket når man køre musen over det */
  67.     color:#EF8510 ; /* Farven på liste tekst linket når man køre musen over det */
  68. }
  69. .menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {
  70.     float:none;
  71.     display:block;
  72.     background:none;
  73.     height:15px;
  74.     padding-top:5px
  75. }
  76. .menu ul ul {
  77.     left:80px;
  78.     top:0
  79. }
  80.  
  81. .menu li.noborder {
  82.     border-top:none
  83. }
  84. li.menuhover a, li.menuhover li.menuhover a {
  85.     color:#fff; /* tekst farven på overordnet menu item */
  86.     background:#518aa6 /* Farven på overordnet menu item */
  87. }
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×