API tools faq
paste
Advertisement
Guest User

css

a guest
May 30th, 2015
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.81 KB | None | 0 0
raw download clone embed print report
  1. .dropdown {
  2.     line-height:18px;
  3.     z-index:1300;
  4.     margin:0;
  5.     padding:0;
  6.     font-family: 'Cabin', sans-serif;
  7.     text-transform:uppercase;
  8.     font-size:12px;
  9.     font-weight:500;
  10.     float:right;
  11.     text-shadow:0 1px 1px #000;}
  12.  
  13. .dropdown li {
  14.     display:block;
  15.     float:left;
  16.     position:relative;
  17.     list-style:none;
  18.     margin:0 22px;
  19.     padding:0 0 20px 0;}
  20.  
  21. .dropdown li.first,
  22. .dropdown li:first-child {
  23.     margin-left:0}
  24.  
  25. .dropdown li a {
  26.     display:block;
  27.     color:#ccc;
  28.     height:20px;
  29.     text-decoration:none}
  30.  
  31. .dropdown .menu-level-0.last {
  32.     margin:0}
  33. .dropdown .menu-level-0.last a {
  34.     background:url(images/opacity_white_30.png) left repeat-y;
  35.     padding-left:22px;
  36.     color:#39b4ed;}
  37.  
  38. .dropdown .menu-level-0.last a span {
  39.     background:url(images/icons/icon_location.png) right 0 no-repeat;
  40.     padding-right:25px}
  41.  
  42. .dropdown .menu-level-0.last:hover a {
  43.     color:#39b4ed}
  44.  
  45. .dropdown li a span {
  46.     display:block}
  47.  
  48. .dropdown li:hover a {
  49.     color:#39b4ed}
  50.  
  51. .dropdown .current-menu-item a,
  52. .dropdown .current-menu-ancestor a {
  53.     color:#fff;}
  54.  
  55. .dropdown li ul li:hover a,
  56. .dropdown li:hover li ul li:hover a,
  57. .dropdown .current-menu-ancestor .current-menu-item a,
  58. .dropdown .current-menu-ancestor .current-menu-ancestor a,
  59. .dropdown .current-menu-ancestor .current-menu-ancestor .current-menu-item a,
  60. .dropdown .mega-nav ul li:hover ul li:hover a {
  61.     color:#39b4ed;
  62.     background-color: transparent}
  63.    
  64. .dropdown .mega-nav:hover li a,
  65. .dropdown .mega-nav.current-menu-ancestor li a {
  66.     color:#e5e5e5} /* light gray */
  67.  
  68. .dropdown li:hover li a,
  69. .dropdown li:hover li ul li a,
  70. .dropdown .current-menu-item li a,
  71. .dropdown .current-menu-ancestor li a,
  72. .dropdown .current-menu-ancestor .current-menu-item li a,
  73. .dropdown .current-menu-ancestor .current-menu-ancestor li a,
  74. .dropdown li ul li ul li a,
  75. .dropdown .mega-nav:hover ul li ul li a,
  76. .dropdown .mega-nav ul li:hover ul li a,
  77. .dropdown .mega-nav.current-menu-ancestor .current-menu-item li a,
  78. .dropdown .mega-nav.current-menu-ancestor .current-menu-ancestor li a{
  79.     color:#e5e5e5} /* gray */
  80.  
  81. .dropdown .mega-nav ul li:hover a,
  82. .dropdown .mega-nav.current-menu-ancestor .current-menu-item a,
  83. .dropdown .mega-nav.current-menu-ancestor .current-menu-ancestor a,
  84. .dropdown .mega-nav.current-menu-ancestor .current-menu-ancestor .current-menu-item a {
  85.     color:#efefef} /* light gray */
  86.    
  87. .dropdown li ul {
  88.     margin:0;
  89.     padding:0;
  90.     text-shadow:none;  
  91.     line-height:1em;
  92.     font-weight:400;
  93.     font-size:13px;
  94.     text-transform: none;
  95.     -webkit-border-radius:2px;
  96.     border-radius:2px;
  97.     text-shadow: none;}
  98.  
  99. .dropdown li ul.submenu-1 {
  100.     display:none;
  101.     position: absolute;
  102.     top: 20px;
  103.     left:0;
  104.     z-index: 1308;     
  105.     padding:20px 0 0 0;
  106.     max-width:50px}
  107.    
  108. .dropdown li ul.submenu-11 {
  109.     display:none;
  110.     position: absolute;
  111.     top: 20px;
  112.     left:100px;
  113.     z-index: 1308;     
  114.     padding:100px 0 0 0;
  115.     max-width:950px}
  116.  
  117. .dropdown li.parentHover {
  118.     background:url(images/dropdown_sub.png) center bottom no-repeat}
  119.    
  120. .dropdown li ul li,
  121. .dropdown .parentHover ul li { 
  122.     display:block; 
  123.     float: none;
  124.     width: 170px;  
  125.     margin:0;
  126.     padding:0;
  127.     height:auto;
  128.     background: url(images/dropdown_bg.png)}
  129.  
  130. .dropdown li ul.submenu-1 li {
  131.     line-height:1em}
  132.  
  133. .dropdown li ul li ul {
  134.     z-index: 1309}
  135.  
  136. .dropdown li ul,
  137. .dropdown li ul li ul,
  138. .dropdown li ul li ul li ul {
  139.     display:none}
  140.    
  141. .dropdown li ul li:hover>ul {
  142.     display:block;
  143.     position:absolute;
  144.     top:0px;
  145.     left: 170px;
  146.     padding:0 0 0 4px}
  147.  
  148. .dropdown li ul li.first:hover>ul {
  149.     top:2px}
  150.  
  151. .dropdown li.last ul li:hover>ul {
  152.     left:-171px;
  153.     padding:0 2px 0 0}
  154.  
  155. .dropdown li ul li ul li {
  156.     padding:0;
  157.     float:left;
  158.     clear:both;
  159.     width:170px}
  160.  
  161. .dropdown li ul li.first,
  162. .dropdown li ul li ul li.first {
  163.     -webkit-border-radius:2px 2px 0 0;
  164.     border-radius:2px 2px 0 0}
  165.  
  166. .dropdown li ul li.last,
  167. .dropdown li ul li ul li.last {
  168.     -webkit-border-radius:0 0 2px 2px;
  169.     border-radius:0 0 2px 2px}
  170.  
  171. .dropdown li ul li.last a,
  172. .dropdown li ul li ul li.last a {
  173.     background:none}
  174.  
  175. .dropdown li ul li a {
  176.     display:block;
  177.     color:#b3b2b4;
  178.     height: auto;
  179.     line-height:1.3em;
  180.     padding:8px 15px 10px 15px;
  181.     background:url(images/dropdown_line.png) bottom repeat-x}
  182.  
  183. .dropdown li ul li ul li a span {
  184.     min-height: inherit}
  185.  
  186. .dropdown li ul li.parent a span,
  187. .dropdown li ul li.parent ul li.parent a span {
  188.     background:url(images/dropdown_parent.png) 136px 3px no-repeat}
  189.  
  190. .dropdown li ul li.parent ul li a span {
  191.     background:none}
  192.  
  193. .dropdown li a:hover span {
  194.     cursor:pointer}
  195.  
  196. /* mega nav */
  197. .dropdown .mega-nav ul {}
  198.  
  199. .dropdown .mega-nav ul.submenu-1 {
  200.     left:-100%;
  201.     width:950px;
  202.     padding:20px 0 10px 0}
  203.  
  204. .dropdown .mega-nav ul.submenu-1 li {
  205.     float:left;
  206.     border-left:1px solid #3c3c3b;
  207.     border-right:1px solid #090a09;
  208.     background:none;
  209.     padding-top:0px;
  210.     background: url(images/dropdown_bg.png)}
  211.  
  212. .dropdown .mega-nav ul li.first,
  213. .dropdown .mega-nav ul li ul li.first {
  214.     border-left:none;
  215.     -webkit-border-radius:2px 0 0 2px;
  216.     border-radius:2px 0 0 2px}
  217.  
  218. .dropdown .mega-nav ul li.last,
  219. .dropdown .mega-nav ul li ul li.last {
  220.     -webkit-border-radius:0 2px 2px 0;
  221.     border-radius:0 2px 2px 0;
  222.     border-right:none}
  223.  
  224. .dropdown .mega-nav ul.submenu-1 li ul li {
  225.     border:none;
  226.     background:none}
  227.    
  228. .dropdown .mega-nav ul li ul.submenu-2,
  229. .dropdown .mega-nav ul li.first:hover>ul {
  230.     top:0}
  231.  
  232. .dropdown .mega-nav:hover ul li:hover>ul {
  233.     position:relative;
  234.     left:0;
  235.     padding:0}
  236.    
  237. .dropdown .mega-nav ul li ul {
  238.     display:block;
  239.     float:none;
  240.     position:relative}
  241.  
  242. .dropdown .mega-nav ul li ul li {
  243.     float:none;
  244.     border:none;
  245.     margin:0}
  246.  
  247. .dropdown .mega-nav ul li {
  248.     width:180px}
  249.  
  250. .dropdown .mega-nav ul .parent a span {
  251.     background:none}
  252.    
  253. .dropdown .mega-nav ul li a {
  254.     padding:17px 20px 15px 20px;
  255.     text-transform:none;
  256.     font-size:20px;
  257.     background:none;
  258.     line-height:1.1em;}
  259.    
  260. .dropdown .mega-nav ul li ul li a {
  261.     padding:5px 20px 5px 20px;
  262.     text-transform:none;
  263.     font-size:13px}
  264.  
  265. .dropdown .mega-nav ul li ul li a span {
  266.     background:url(images/dropdown_line.png) top repeat-x !important;
  267.     padding:13px 0 1px 0}
  268.  
  269. .ie7 .dropdown ul li {
  270.     float:left}
  271.  
  272. /* submenu with widgets */
  273. .dropdown li ul .mega-nav-widget {
  274.     width:300px;
  275.     padding:0;
  276.     text-transform:none}
  277.    
  278. .dropdown li ul .mega-nav-widget li,
  279. .dropdown .mega-nav ul .mega-nav-widget li  {
  280.     width:250px}
  281.  
  282. .dropdown .mega-nav ul .mega-nav-widget a {
  283.     font-size:14px;
  284.     text-transform:none;
  285.     padding:0;
  286.     line-height:1.4em}
  287.    
  288. .dropdown .mega-nav .widget-container {
  289.     padding:0 25px 15px 25px}
  290.    
  291. .dropdown .mega-nav .widget-container h3 {
  292.     color:#fff;
  293.     font-size:20px;
  294.     margin:15px 0 10px 0;
  295.     font-weight:400}
  296.  
  297. .dropdown .mega-nav .widget-container li,
  298. .dropdown .mega-nav .widget_text .textwidget {
  299.     color:#94999c;
  300.     padding:10px 0;
  301.     text-transform:none;}
  302.  
  303. .dropdown .mega-nav .widget-container li a {
  304.     padding:0;
  305.     font-size:14px;
  306.     color:#e6eff2;
  307.     background:none}
  308.    
  309. .dropdown .mega-nav .link-more,
  310. .dropdown .mega-nav .more-nav a,
  311. .dropdown .mega-nav .post-more a{
  312.     color:#f25c24 !important;
  313.     font-size:12px !important;
  314.     text-transform:uppercase;
  315.     font-weight:500}
  316.  
  317. .dropdown .mega-nav .widget_featured_posts li {
  318.     clear:both;
  319.     line-height:1.2em;
  320.     padding:15px 0;
  321.     margin:0}
  322.  
  323. .dropdown .mega-nav .widget_featured_posts li:first-child {
  324.     padding-top:10px}
  325. .dropdown .mega-nav .widget_featured_posts .post-meta {
  326.     padding:5px 0 10px 0;
  327.     margin:0}
  328. .dropdown .mega-nav .widget_featured_posts .post-author {
  329.     color:#f25c24}
  330. .dropdown .mega-nav .widget_featured_posts .post-image img {
  331.     max-width:100%}
  332. .dropdown .mega-nav .widget_featured_posts .post-descr {
  333.     padding-bottom:10px;
  334.     color:#94999c;
  335.     line-height:1.5em;
  336.     font-size:13px;}
  337.  
  338. .dropdown .mega-nav .widget_recent_entries li {
  339.     margin:5px 0 10px 0;
  340.     padding:5px 0 !important}
  341. .dropdown .mega-nav .widget_recent_entries .post-meta {
  342.     text-align:right;
  343.     padding:3px 0 0 0}
  344. .dropdown .mega-nav .widget_recent_entries .post-meta a {
  345.     font-size:13px;
  346.     color:#94999c !important}
  347. .dropdown .mega-nav .widget_recent_entries .post-meta .post-date {
  348.     float:left}
  349.  
  350. .dropdown .mega-nav .widget_text .textwidget {
  351.     line-height:1.5em;
  352.     font-size:14px}
  353. .dropdown .mega-nav .widget_text .textwidget p {
  354.     padding-bottom:15px}
  355.  
  356. .dropdown .mega-nav .widget_twitter .tweet_item {
  357.     font-size:14px;
  358.     color:#e6eff2 !important}
  359. .dropdown .mega-nav .widget_twitter .tweet_item:first-child {
  360.     padding-top:12px}
  361. .dropdown .mega-nav .widget_twitter .tweet_item a {
  362.     color:#39b4ed;
  363.     padding:0}
  364. .dropdown .mega-nav .widget_twitter .tweet_time {
  365.     color:#94999c;
  366.     font-size:13px}
  367.  
  368. .dropdown .mega-nav .widget_recent_entries li a,
  369. .dropdown .mega-nav .widget_featured_posts li .post-title a {
  370.     color:#e6eff2}
  371. .dropdown .mega-nav .widget_recent_entries li a:hover,
  372. .dropdown .mega-nav .widget_featured_posts li .post-title a:hover,
  373. .dropdown .mega-nav .widget_twitter .tweet_item a:hover {
  374.     color:#39b4ed}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!