This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

CSS origenal

By: Luuky19 on Feb 24th, 2012  |  syntax: CSS  |  size: 2.11 KB  |  views: 14  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <style>
  2. body {
  3.         font-family: Arial, Helvetica, Sans-Serif;
  4.         font-size: 12px;
  5.         margin: 0px 20px;
  6. }
  7. /* menu */
  8. #menu {
  9.         margin: 0px;
  10.         padding: 0px;
  11.         list-style: none;
  12.         color: #fff;
  13.         line-height: 45px;
  14.         display: inline-block;
  15.         float: left;
  16.         z-index: 1000;
  17. }
  18. #menu a {
  19.         color: #fff;
  20.         text-decoration: none;
  21. }
  22. #menu > li {
  23.         background: #172322 none repeat scroll 0 0;
  24.         cursor: pointer;
  25.         float: left;
  26.         position: relative;
  27.         padding: 0px 10px;
  28. }
  29. #menu > li a:hover {
  30.         color: #B0D730;
  31. }
  32. #menu .logo {
  33.         background: ;
  34.         padding: 0px;
  35. }
  36. /* sub-menus*/
  37. #menu ul {
  38.         padding: 0px;
  39.         margin: 0px;
  40.         display: block;
  41.         display: inline;
  42. }
  43. #menu li ul {
  44.         position: absolute;
  45.         left: -10px;
  46.         top: 0px;
  47.         margin-top: 45px;
  48.         width: 150px;
  49.         line-height: 16px;
  50.         background-color: #172322;
  51.         color: #0395CC; /* for IE */;
  52.         display: none;
  53. }
  54. #menu li:hover ul {
  55.         display: block;
  56. }
  57. #menu li ul li {
  58.         display: block;
  59.         margin: 5px 20px;
  60.         padding: 5px 0px;
  61.         border-top: dotted 1px #606060;
  62.         list-style-type: none;
  63. }
  64. #menu li ul li:first-child {
  65.         border-top: none;
  66. }
  67. #menu li ul li a {
  68.         display: block;
  69.         color: #0395CC;
  70. }
  71. #menu li ul li a:hover {
  72.         color: #7FCDFE;
  73. }
  74. /* main submenu */
  75. #menu #main {
  76.         left: 0px;
  77.         top: -20px;
  78.         padding-top: 20px;
  79.         background-color: #7cb7e3;
  80.         color: #fff;
  81.         z-index: 999;
  82. }
  83. /* search */
  84. .searchContainer div {
  85.         background-color: #fff;
  86.         display: inline;
  87.         padding: 5px;
  88. }
  89. .searchContainer input[type=text] {
  90.         border: none;
  91. }
  92. .searchContainer img {
  93.         vertical-align: middle;
  94. }
  95. /* corners*/
  96. #menu .corner_inset_left {
  97.         position: absolute;
  98.         top: 0px;
  99.         left: -12px;
  100. }
  101. #menu .corner_inset_right {
  102.         position: absolute;
  103.         top: 0px;
  104.         left: 150px;
  105. }
  106. #menu .last {
  107.         background: transparent none repeat scroll 0% 0%;
  108.         margin: 0px;
  109.         padding: 0px;
  110.         border: none;
  111.         position: relative;
  112.         border: none;
  113.         height: 0px;
  114. }
  115. #menu .corner_left {
  116.         position: absolute;
  117.         left: 0px;
  118.         top: 0px;
  119. }
  120. #menu .corner_right {
  121.         position: absolute;
  122.         left: 132px;
  123.         top: 0px;
  124. }
  125. #menu .middle {
  126.         position: absolute;
  127.         left: 18px;
  128.         height: 20px;
  129.         width: 115px;
  130.         top: 0px;
  131. }
  132. </style>
clone this paste RAW Paste Data