CSS   164

superfish.css

Guest on 20th July 2021 03:56:13 PM

  1. /* Main Menu */
  2. .mainmenu-navigation {
  3. }
  4.        
  5. .sf-menu-center {
  6.         }
  7.  
  8.  
  9. .homemenu {
  10.         padding:                0;
  11.         margin:                 0;
  12.         float:                  right;
  13.         margin-right:   20px;
  14.         }
  15.  
  16.         .homemenu ul ul li:first-child {
  17.                 }
  18.         .homemenu ul ul li:last-child {
  19.                 }
  20.                
  21.         .homemenu ul ul li:first-child a {
  22.                 }
  23.         .homemenu ul ul li:last-child a {
  24.                 }
  25.                
  26. .homemenu ul ul li:first-child:after {
  27.         }
  28.         .homemenu ul ul ul li:first-child:after {
  29.                 border: none;
  30.                 }
  31.                 .homemenu ul ul ul ul li:first-child:after {
  32.                         border:none;
  33.                         }
  34.                         .homemenu ul ul ul ul ul li:first-child:after {
  35.                                 border:none;
  36.                                 }
  37.  
  38. .homemenu a { color:#666; text-decoration:none;}
  39. .homemenu ul li {
  40.         }
  41.        
  42. .homemenu ul ul li a {
  43.         letter-spacing:0.8px;
  44.         }
  45.         .homemenu ul ul li a:last-child {
  46.                 padding-right:0;
  47.         }
  48. .homemenu ul li a {
  49.         padding:0;
  50. }
  51.        
  52. .homemenu ul ul li a {
  53.         border-right:none;
  54.         border-top:none;
  55. }
  56. .homemenu ul ul li:hover>a {
  57.  
  58. }
  59. .homemenu ul ul {
  60. -webkit-box-shadow:  1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  61.         box-shadow:  1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  62.         position: relative;
  63. }
  64. .homemenu ul ul li{
  65.        
  66.         }
  67. .homemenu ul ul li:hover {       }
  68. .homemenu ul ul {
  69.         padding:20px 20px 30px;
  70. }
  71. .homemenu .sf-menu .mega-item .children-depth-0,
  72. .homemenu ul ul {
  73.         background: #000;
  74. }
  75. .homemenu .sf-menu .mega-item .children-depth-0,
  76. .homemenu ul ul {
  77.         border-bottom: 1px solid #141414;
  78. }
  79. .homemenu .sf-menu .mega-item .children-depth-0 ul,
  80. .homemenu ul ul ul{
  81.         border-bottom: none;
  82. }
  83. .homemenu ul ul li a {
  84.         border-bottom: 1px solid #555;
  85.         border-bottom: 1px solid rgba(255,255,255,0.11);
  86.         color: #ADADAD;
  87.         font-size: 12px;
  88.         font-weight: 400;
  89.         letter-spacing: 0;
  90.         line-height: 12px;
  91.         margin: 0 10px;
  92.         padding: 8px 0;
  93.         text-transform: none;
  94.         }
  95.         .homemenu ul ul li:hover>a {
  96.                 color:#fff;
  97.         }
  98.         .homemenu ul ul li:hover {
  99.                 color:#fff;
  100.         }
  101. .homemenu ul ul li:last-child a {
  102.         border-bottom:none;
  103.         }
  104. .homemenu ul ul ul li a {
  105.         }
  106. .homemenu > ul {
  107. }
  108. /* Menu main titles */
  109. .homemenu ul li a {
  110.         color: #000;
  111.     display: block;
  112.     font-size: 14px;
  113.     letter-spacing: 0;
  114.     font-weight: 400;
  115.     padding: 3px 15px 2px;
  116.         }
  117.         .homemenu ul li a:hover {
  118.         color: #000;
  119.         }
  120.         .homemenu ul li a {
  121.                 border:0;
  122.         }
  123.         .homemenu ul li  {
  124.         }
  125.         .homemenu ul li:last-child {
  126.         }
  127.         .homemenu ul li ul li:last-child {
  128.                 border-right: 0;
  129.         }
  130.         .homemenu ul li ul li {
  131.                 border:0;
  132.         }
  133.  
  134. .homemenu li.current-menu-item a,
  135. .homemenu li.current-menu-parent a,
  136. .homemenu li.current-menu-ancestor a {
  137.         outline:                0;
  138. }
  139. /* Menu main titles End style */
  140. .homemenu li.current-menu-item a {
  141.         outline:                0;
  142.         position:relative;
  143. }
  144. .homemenu li.current-menu-item a:before,
  145. .homemenu li.current-menu-ancestor a:before {
  146.         content: " ";
  147.     display: block;
  148.     height: 3px;
  149.     left: 0;
  150.     position: absolute;
  151.     top: -35px;
  152.     width: 100%;
  153.     z-index: -1;
  154. }
  155.  
  156. .homemenu .sub-menu li.current-menu-item a:before,
  157. .homemenu .sub-menu li.current-menu-ancestor a:before {
  158.         background:none;
  159.         }
  160. .homemenu .sub-menu li.current-menu-item {
  161.         }
  162. .homemenu .sub-menu li.current-menu-item {
  163.         }
  164.         .homemenu .sub-menu li.current-menu-item a {
  165.                 color: #fff;
  166.         }
  167.         .homemenu .sub-menu li.current-menu-item .sub-menu {
  168.         }
  169.         .homemenu .sub-menu li.current-menu-item:after {
  170.                 position: relative;
  171.                 height: auto;
  172.                 top: auto;
  173.         }
  174.  
  175.  
  176.        
  177.         .homemenu .sf-menu ul {
  178.                 position:               absolute;
  179.                 top:                    -999em;
  180.                 width:                  160px; /* left offset of submenus need to match (see below) */
  181.                 text-align:             left;
  182.         }
  183.  
  184.         .homemenu .sf-menu ul li {
  185.                 width:                  100%;
  186.         }
  187.         .homemenu .sf-menu li:hover {
  188.                 visibility:             inherit; /* fixes IE7 'sticky bug' */
  189.         }
  190.         .homemenu .sf-menu li {
  191.                 float:                  left;
  192.                 position:               relative;
  193.         }
  194.         .homemenu .sf-menu a {
  195.                 display:                block;
  196.                 position:               relative;
  197.         }
  198.        
  199.        
  200.         .homemenu .sf-menu li:hover ul,
  201.         .homemenu .sf-menu li.sfHover ul {
  202.                 left:                   -1px;
  203.                 top:                    60px; /* match top ul list item height */
  204.         }
  205.         .homemenu ul.sf-menu li:hover li ul,
  206.         .homemenu ul.sf-menu li.sfHover li ul {
  207.                 top:                    -999em;
  208.         }
  209.         .homemenu ul.sf-menu li li:hover ul,
  210.         .homemenu ul.sf-menu li li.sfHover ul {
  211.                 left:                   19.3em; /* match ul width */
  212.                 top:                    0;
  213.         }
  214.         .homemenu ul.sf-menu li li:hover li ul,
  215.         .homemenu ul.sf-menu li li.sfHover li ul {
  216.                 top:                    -999em;
  217.         }
  218.         .homemenu ul.sf-menu li li li:hover ul,
  219.         .homemenu ul.sf-menu li li li.sfHover ul {
  220.                 left:                   19.3em; /* match ul width */
  221.                 top:                    0;
  222.         }
  223.  
  224.         .homemenu .sf-menu a {
  225.                 text-decoration:none;
  226.         }
  227.         .homemenu .sf-menu li {
  228.         }
  229.         .homemenu .sf-menu li ul li {
  230.                 border-left:0;
  231.         }
  232.         .homemenu .sf-menu li li:hover, .sf-menu li li.sfHover,
  233.         .homemenu .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  234.                 outline:                0;
  235.         }
  236.         /*** shadows for all but IE6 ***/
  237.         .homemenu .sf-shadow ul {
  238.  
  239.         }
  240.         .homemenu .sf-shadow ul.sf-shadow-off {
  241.                 background: transparent;
  242.         }
  243.  
  244.         .homemenu .sf-menu {
  245.                 display:inline-block;
  246.         }
  247.  
  248. .homemenu ul li:hover {
  249. }
  250.  
  251. .homemenu ul.sf-menu li li:hover ul,
  252. .homemenu ul.sf-menu li li.sfHover ul {
  253. left: 181px; /* match ul width */
  254. top: -20px;
  255. }
  256. .homemenu ul.sf-menu li li li:hover ul,
  257. .homemenu ul.sf-menu li li li.sfHover ul {
  258. left: 181px; /* match ul width */
  259. top: -20px;
  260. }
  261.  
  262. .homemenu .sf-menu li a:hover {
  263.         background: rgba(0,0,0,0.05);
  264.         border-radius: 3px;
  265. }
  266. .homemenu .sf-menu li li a:hover {
  267.         background: none;
  268.         border-radius: 0;
  269. }
  270.  
  271.  
  272. /*** arrows (for all except IE7) **/
  273. /* styling for both css and generated arrows */
  274. .sf-arrows .sf-with-ul:after {
  275.         content: '';
  276.         position: absolute;
  277.         top: 9px;
  278.         right: 7px;
  279.         font-family: 'FontAwesome';
  280.         content: "\f078";
  281.         font-size: 4px;
  282.         color:#000;
  283. }
  284. .header-menu-wrap .sf-arrows .sf-with-ul:after {
  285.         right: -5px;
  286.         top:8px;
  287.         margin-top:-3px;
  288.         font-family: 'FontAwesome';
  289.         content: "\f078";
  290. }
  291. .sf-arrows > li > .sf-with-ul:focus:after,
  292. .sf-arrows > li:hover > .sf-with-ul:after,
  293. .sf-arrows > .sfHover > .sf-with-ul:after {
  294.         border-top-color: #000; /* IE8 fallback colour */
  295. }
  296. /* styling for right-facing arrows */
  297. .sf-arrows ul .sf-with-ul:after {
  298.         font-family: 'FontAwesome';
  299.         content: "\f054";
  300.         color:#fff;
  301. }
  302. .sf-arrows ul li > .sf-with-ul:focus:after,
  303. .sf-arrows ul li:hover > .sf-with-ul:after,
  304. .sf-arrows ul .sfHover > .sf-with-ul:after {
  305. }
  306.  
  307.  
  308. .homemenu .sf-menu ul.sub-menu li {
  309.         position: relative;
  310.         z-index: 10;
  311. }
  312.  
  313. .homemenu li.current-menu-item a:before,
  314. .homemenu li.current-menu-ancestor a:before {
  315. background: #003C0F;
  316. border-radius: 30px;
  317. }
  318. .homemenu li.current-menu-item ul li a:before,
  319. .homemenu li.current-menu-ancestor ul li a:before {
  320. background: none;
  321. }
  322.  
  323. .homemenu .sf-menu li.mega-item {
  324.         position: static;
  325. }
  326. .homemenu .sf-menu li.mega-item ul.children {
  327.         width:auto;
  328.         left:0;
  329.         top:95px;
  330. }
  331. .homemenu .sf-menu .mega-item .children-depth-0 h6 {
  332.         font-size: 16px;
  333.         padding-left: 40px;
  334.         color: #fff;
  335.         padding-top: 40px;
  336. }
  337. .homemenu .sf-menu .mega-item .children-depth-0 .no-title h6 {
  338.         display:none;
  339. }
  340. .homemenu .sf-menu .mega-item .children-depth-0 .no-title {
  341.         padding-top:30px;
  342. }
  343. .homemenu li.mega-four .children div.menu-item {
  344.         display: inline-block;
  345.         width:25%;
  346.         position: relative;
  347.         float: left;
  348. }
  349. .homemenu li.mega-three .children div.menu-item {
  350.         display: inline-block;
  351.         width:33%;
  352.         position: relative;
  353.         float: left;
  354. }
  355. .homemenu li.mega-two .children div.menu-item {
  356.         display: inline-block;
  357.         width:50%;
  358.         position: relative;
  359.         float: left;
  360. }
  361. .homemenu li.mega-one .children div.menu-item {
  362.         display: inline-block;
  363.         width:100%;
  364.         position: relative;
  365.         float: left;
  366. }
  367. .sticky-menu-activate .homemenu .sf-menu li.mega-item ul.children {
  368.         top:70px;
  369. }
  370. .sticky-menu-activate .homemenu .sf-menu li.mega-item ul.children  div ul.children {
  371.         top:0;
  372. }
  373. .homemenu li.mega-one .children div ul.children,
  374. .homemenu li.mega-two .children div ul.children,
  375. .homemenu li.mega-three .children div ul.children,
  376. .homemenu li.mega-four .children div ul.children {
  377.         width:auto !important;
  378.         position: relative;
  379.         top:0;
  380. }
  381. .homemenu .sf-menu .mega-item .children-depth-1 {
  382.         padding: 10px 30px 0;
  383. }
  384. .homemenu .sf-menu .megamenu-textbox {
  385.         color: #C5C5C5;
  386.         font-size: 11px;
  387.         letter-spacing: 0.5px;
  388.         line-height: 18px;
  389.         padding-left: 40px;
  390.         padding-top: 15px;
  391. }
  392. .homemenu ul ul ul.children {
  393. -webkit-box-shadow:  none;
  394.         box-shadow:  none;
  395. }
  396. .homemenu .sf-menu .mega-item .children-depth-0 {
  397.         padding: 10px 30px 50px;
  398.         display:none;
  399. }
  400. .homemenu .sf-menu .mega-item .children-depth-0 ul {
  401.         background: none;
  402. }
  403.  
  404.  
  405. /*
  406. Header Menu
  407. */
  408.  
  409. .header-menu-wrap ul {
  410.         float:left;
  411.         list-style: none;
  412.         font-size:11px;
  413.         letter-spacing: 0.5px;
  414.         font-weight: 400;
  415.         margin-top:11px;
  416.         position: absolute;
  417.         z-index: 40;
  418. }
  419.  
  420. .header-menu-wrap li {
  421.         display:inline-block;
  422.         margin-left:15px;
  423.         position: relative;
  424. }
  425. .header-menu-wrap li a {
  426.         color: #B5B5B5;
  427. }
  428. .header-menu li a:hover {
  429.         color:#000;
  430. }
  431. .header-menu li:first-child{
  432.         margin-left: 0;
  433. }
  434. .header-menu-wrap ul ul li {
  435.         display:block;
  436.         margin:0;
  437.         background:#eee;
  438.         padding: 6px 20px;
  439.         width:170px;
  440.         border-bottom: 1px solid #e0e0e0;
  441. }
  442. .header-menu-wrap ul ul {
  443.  
  444. }
  445. .header-menu-wrap .sub-menu{
  446.  display:none;
  447. }

Raw Paste


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