Advertisement
Luuky19

CSS origenal

Feb 24th, 2012
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.11 KB | None | 0 0
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement