CSS   14

style menu css

Guest on 17th July 2022 05:28:40 AM

  1. /*Top Bar (login, search etc.)
  2. ------------------------------------*/
  3. #top {
  4.         padding:7px 0 8px;
  5. }
  6.  
  7. #loginbar {
  8.         margin:0;
  9.         padding:0;
  10.         z-index:9999;
  11.         list-style:none;
  12.         position:relative;
  13. }
  14.  
  15. #loginbar li {
  16.         display:inline;
  17.         list-style:none;
  18.         padding-bottom:15px;
  19. }
  20.  
  21. #loginbar li a,
  22. #loginbar li a:hover {
  23.         font-family:'Open Sans', sans-serif;
  24.         font-size:11px;
  25.         color:#006BB7;
  26.         text-transform:uppercase;
  27. }
  28.  
  29. #loginbar li.devider {
  30.         font-family:Tahoma;
  31.         font-size:8px;
  32.         border-right:solid 1px #006BB7;
  33.         position:relative;
  34.         top:-1px;
  35.         margin:0 6px 0 2px;
  36.         padding:0;
  37. }
  38.  
  39. #loginbar i {
  40.         margin-top: 3px;
  41.         font-size:18px;
  42.         color:#999;
  43.         cursor:pointer;
  44. }
  45.  
  46. /*Lenguages*/
  47. #loginbar li ul {
  48.         background:#f0f0f0;
  49.         display:none;
  50.         position:absolute;
  51.         top:30px;
  52.         left:-6px;
  53.         margin:0;
  54.         padding-top:4px;
  55.         padding-bottom:4px;
  56.         border-radius:3px;
  57. }
  58.  
  59. #loginbar li:hover ul {
  60.         display:block;
  61. }
  62.  
  63. #loginbar li ul li {
  64.         display:list-item;
  65.         position:relative;
  66.         margin-bottom:1px;
  67.         padding-bottom:0;
  68. }
  69.  
  70. #loginbar li ul li a {
  71.         font-size:10px;
  72.         color:#555;
  73.         background:#f0f0f0;
  74.         min-width:85px;
  75.         display:block;
  76.         padding:2px 12px;
  77.         text-decoration:none;
  78. }
  79.  
  80. #loginbar li ul li a:hover,
  81. #loginbar li ul li.active a {
  82.         font-size:10px;
  83.         background:#fafafa;
  84.         text-shadow:none;
  85.         color:#555;
  86.         opacity:1;
  87. }
  88.  
  89. #loginbar li ul li.active i {
  90.         font-size:14px;
  91.         cursor:default;
  92.         position:absolute;
  93.         top:2px;
  94.         right:-5px;
  95.         text-shadow:0 1px 0 #e9e9e9;
  96. }
  97.  
  98. #loginbar i.icon-globe {
  99.         font-size:13px;
  100.         color:#bbb;
  101.         margin:3px 3px 0 0;
  102. }
  103.  
  104. #loginbar li i.icon-sort-up {
  105.         font-size:14px;
  106.         color:#eee;
  107.         cursor:default;
  108.         position:absolute;
  109.         display:none;
  110.         top:21px;
  111.         left:-1px;
  112. }
  113.  
  114. #loginbar li:hover i.icon-sort-up {
  115.         display:block;
  116. }
  117.  
  118. #loginbar li:hover i.icon-ok {
  119.         top:-2px;
  120.         color:#aaa;
  121. }
  122.  
  123. /*Header (logo and menu)
  124. ------------------------------------*/
  125. #header {
  126.         z-index:999;
  127.         position:relative;
  128.         border-bottom:solid 2px #eee;
  129.        
  130. }
  131.  
  132. #header .container {
  133.         position:relative;
  134. }
  135.  
  136. #logo {
  137.         position:absolute;
  138.         top:-30px;
  139.         left:0;
  140.         z-index:10;
  141. }
  142.  
  143. /*Menu*/
  144. .navbar,
  145. .navbar-inner,
  146. .nav,
  147. .navbar-inverse {
  148.         background:#fff;
  149.         filter:none;
  150.         border:none;
  151.         padding:0;
  152.         margin:0 !important;
  153.         -webkit-box-shadow: none;
  154.        -moz-box-shadow: none;
  155.             box-shadow: none;
  156.         behaviour: url('PIE.htc');
  157. }
  158.  
  159. .nav i.icon-sort-up {
  160.         position:absolute;
  161.         font-size:13px;
  162.         bottom:-6px;
  163. }
  164.  
  165. .navbar-inner {
  166.         padding-left: 0px !important;
  167.         padding-right: 0px !important;
  168. }
  169.  
  170. .navbar .nav > li {
  171.         display:block;
  172.         position:relative;
  173. }
  174. .navbar .nav > li > a {
  175.         display:block;
  176.         font-size:15px;
  177.         font-weight:400;
  178.         color: #687074;
  179.         text-shadow:none;
  180.         padding:9px 20px;
  181.         text-transform:uppercase;
  182.         border-bottom:solid 2px #eee;
  183.         font-family:'Open Sans', sans-serif;
  184.     -webkit-transition:all 0.4s ease-in-out;
  185.     -moz-transition:all 0.4s ease-in-out;
  186.     -o-transition:all 0.4s ease-in-out;
  187.     transition:all 0.4s ease-in-out;
  188. }
  189.  
  190. .collapse.in ul {
  191.         margin-top:10px !important;
  192. }
  193.  
  194. .collapse.in li a {
  195.         padding:0 10px;
  196.         border-bottom:solid 1px #eee;
  197.         background:none;
  198. }
  199.  
  200. .collapse.in li a:hover,
  201. .collapse.in li a.dropdown-toggle {
  202.         border-bottom:solid 1px #006BB7 !important;
  203.         background:none;
  204. }
  205.  
  206. .collapse.in ul.dropdown-menu {
  207.         margin-bottom:5px;
  208. }
  209.  
  210. .collapse.in ul.dropdown-menu a {
  211.         padding:5px;
  212.         border-bottom:solid 1px #bbb;
  213. }
  214.  
  215. .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
  216.         margin:0 !important;
  217.         border-radius:0 !important;
  218. }
  219.  
  220. .navbar .nav > li > a:focus,
  221. .navbar .nav > li > a:hover {
  222.         color:#006BB7;
  223.         border-bottom:solid 2px #006BB7;
  224. }
  225.  
  226. .navbar .nav > .active > a,
  227. .navbar .nav > .active > a:focus {
  228.         color:#006BB7; 
  229.         text-decoration:none;
  230.         border-bottom:solid 2px #006BB7;
  231.         background:none;       
  232.         -webkit-box-shadow:none;
  233.        -moz-box-shadow:none;
  234.                 box-shadow:none;
  235. }
  236.  
  237. .navbar .nav > .active > a:hover {     
  238.         color:#006BB7; 
  239.         background:none;               
  240.         border-bottom:solid 2px #006BB7;
  241.         -webkit-box-shadow:none;
  242.        -moz-box-shadow:none;
  243.                 box-shadow:none;
  244. }
  245.  
  246. /*Arrow for menu*/
  247. .navbar .nav > li > a .caret {
  248.   margin:9px 0 0 3px !important;       
  249.   border-top-color: #006BB7!important; 
  250.   border-bottom-color: #006BB7 !important;
  251. }
  252.  
  253. /*Dropdown Menu*/
  254. .dropdown-menu {
  255.         padding:0;
  256.         border:none;
  257.         margin-top:-2px;
  258.         min-width:200px;
  259.         border-radius:0;
  260.         border-top:solid 2px #006BB7;
  261.         border-bottom:solid 2px #687074;
  262.         z-index: 9999 !important;
  263. }
  264. .dropdown-menu li a {
  265.         color:#687074;
  266.         font-size:13px;
  267.         font-weight:400;
  268.         padding:6px 15px;
  269.         border-bottom:solid 1px #eee;
  270. }
  271. .dropdown-menu li > a:hover,
  272. .dropdown-menu li > a:focus,
  273. .dropdown-submenu:hover > a {
  274.   color:#ffffff;
  275.   background:#687074 !important;
  276.     -webkit-transition:all 0.2s ease-in-out;
  277.     -moz-transition:all 0.2s ease-in-out;
  278.     -o-transition:all 0.2s ease-in-out;
  279.     transition:all 0.2s ease-in-out;
  280.         filter:none !important;
  281. }
  282.  
  283. .dropdown-menu .active > a {
  284.         color:#ffffff !important;
  285.         background:#687074 !important;
  286.         filter:none !important;
  287. }
  288.  
  289. .navbar .btn-navbar {
  290.         padding:10px 15px;
  291.         margin-top:1px;
  292.         margin-right:0;
  293.         background:#006BB7;
  294.         border:none !important;
  295. }
  296. .navbar .btn-navbar:hover {
  297.         background:#5fb611;
  298. }
  299. .navbar .btn-navbar span,
  300. .navbar .btn-navbar:hover span {
  301.         background:#fff !important;
  302.         box-shadow:none !important;
  303. }
  304.  
  305. .navbar .nav > li > .dropdown-menu:after {
  306.         left:19px;
  307. }
  308. .navbar .nav > li > .dropdown-menu:before {
  309.         left:18px;
  310.         border-bottom:none;
  311. }
  312. .navbar .nav > li > .dropdown-menu:after {
  313.         left:19px;
  314.         border-top-color: #006BB7 !important;
  315.         border-bottom-color: #006BB7 !important;
  316. }
  317.  
  318. /*Serach*/
  319. .navbar .search-open {
  320.         right:0;
  321.         top:44px;
  322.         display:none;
  323.         position:absolute;
  324.         background:#fcfcfc;
  325.         padding:15px 15px 11px;
  326.         border-top:solid 2px #eee;
  327. }
  328. .navbar .search-open form {
  329.         margin:0 !important;
  330. }
  331. .navbar a.search i.icon-remove {
  332.         top:2px;
  333.         font-size:18px;
  334.         position:relative;
  335. }
  336. .navbar .nav > li > a.search {
  337.         padding:8px 12px 10px;
  338.         background:#f7f7f7;
  339.         color:#aaa;
  340.         cursor:pointer;
  341.         border-bottom-color:#aaa;
  342. }
  343. .navbar .nav > li > a.search:hover {
  344.         color:#006BB7;
  345.         border-bottom-color:#006BB7;
  346. }
  347.  
  348. /*Fancybox for gallery page*/
  349. .fancybox-overlay.fancybox-overlay-fixed {
  350.         z-index:9999;
  351. }

Raw Paste


Login or Register to edit or fork this paste. It's free.