API tools faq
paste
Advertisement
Guest User

Kleo CSS

a guest
Mar 23rd, 2016
31
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.09 KB | None | 0 0
raw download clone embed print report
  1. @media only screen and (min-width:768px) and (max-width: 1200px)  {
  2.  
  3.     .sticky-wrapper {
  4.         height:auto !important;
  5.         margin-top: -1px;
  6.     }
  7.     .container > .navbar-header,
  8.     .container > .navbar-collapse {
  9.     margin-left: 0;
  10.     margin-right: 0;
  11.     width: 100%;
  12.  }
  13.     .navbar-nav {
  14.     margin: 0;
  15.     }
  16.    .navbar-nav > li > a.btn-buy {
  17.         padding-left: 12px !important;
  18.     }
  19.     .navbar-nav .open .dropdown-menu > li > a {
  20.         line-height: 20px;
  21.     }
  22.  
  23.     .kleo-main-header,
  24.     .navbar-transparent .kleo-main-header,
  25.     .kleo-navbar-fixed.navbar-transparent #header {
  26.         position: relative !important;
  27.         top: auto;
  28.     }
  29.     .kleo-main-header .navbar-toggle {
  30.         display: inline-block;
  31.         margin-right: 0;
  32.     }
  33.     .kleo-main-header .navbar-collapse {
  34.         max-height: inherit;
  35.         padding: 0;
  36.         width: 100%;
  37.     }
  38.     .kleo-main-header .navbar-collapse > ul > li > a,
  39.     .header-banner {
  40.         line-height: normal !important;
  41.     }
  42.     .kleo-main-header .logo:not('.logo-retina') img,
  43.     .kleo-main-header .logo:not('.logo-retina') a {
  44.         max-height: 100% !important;
  45.     }
  46.     .kleo-main-header .navbar-collapse.collapse {
  47.         display: none !important;
  48.     }
  49.  
  50.     /* Kleo Menu */
  51.     #header .navbar-nav {
  52.         float: none;
  53.     }
  54.     #header .navbar-nav li {
  55.         display: inline-block;
  56.         width: 100%;
  57.         border: 1px solid transparent;
  58.         border-bottom-style: solid;
  59.         border-bottom-width: 1px;
  60.     }
  61.     #header .navbar-nav li a {
  62.         padding: 10px 0;
  63.         text-transform: capitalize;
  64.     }
  65.     #header .navbar-nav > li > a {
  66.         font-weight: bold;
  67.     }
  68.     #header .navbar-nav li:first-child {
  69.         /*border-top-color: #f7f7f7;*/
  70.     }
  71.     #header .navbar-nav li:last-child {
  72.         border-bottom: none;
  73.     }
  74.     /*#header .navbar-nav > li > a:before {
  75.         content: "\2013";
  76.         display: block;
  77.         width: 10px;
  78.         height: 10px;
  79.         float: left;
  80.         margin: 0;
  81.     }*/
  82.     /*#header .navbar-nav .kleo-menu-item-search > a:before {
  83.         content: " ";
  84.     }*/
  85.     #header .navbar-nav .dropdown-menu {
  86.         position: relative;
  87.         background-color: transparent;
  88.         margin: 0;
  89.         padding: 0;
  90.         float: none;
  91.         width: 100%;
  92.         box-shadow: none;
  93.         border: none;
  94.         z-index: 0 !important;
  95.     }
  96.     #header .navbar-nav .dropdown-menu li a {
  97.         font-weight: normal;
  98.         font-size: 12px;
  99.     }
  100.     #header .navbar-nav .dropdown-menu li > a:before {
  101.         font-family: "fontello";
  102.         content: "\00a0";
  103.         display: block;
  104.         width: 20px;
  105.         height: 10px;
  106.         float: left;
  107.         margin: 0;
  108.     }
  109.     #header .navbar-nav .dropdown-submenu .dropdown-menu {
  110.         left: 0;
  111.         top: 0;
  112.         border-bottom: none;
  113.         margin-bottom: 0;
  114.     }
  115.     .kleo-main-header .navbar-nav > li > .dropdown-menu {
  116.         margin-top:0 !important;
  117.     }
  118.     #header .navbar-nav .dropdown-submenu .dropdown-menu li:last-child {
  119.         border-bottom: none;
  120.     }
  121.     #header .navbar-nav .dropdown-submenu .dropdown-menu li a:before {
  122.         content: "\00a0 \00a0";
  123.         width: 30px;
  124.     }
  125.     #header .navbar-nav li .caret {
  126.         float: right;
  127.     }
  128.     #header .navbar-nav li .caret:after {
  129.         font-family: "fontello";
  130.         content: "\e982";
  131.         font-size: 18px;
  132.         display: inline-block ;
  133.         width: 40px;
  134.         height: 40px;
  135.         line-height: 40px;
  136.         text-align: center;
  137.         right: 0;
  138.         top: 0;
  139.     }
  140.     #header .navbar-nav li.dropdown.open > a .caret:after,
  141.     #header .navbar-nav li.dropdown-submenu.open > a .caret:after {
  142.         content: "\e983";
  143.     }
  144.     #header .navbar-nav .dropdown-menu li > a:hover,
  145.     #header .navbar-nav .dropdown-menu li > a:focus,
  146.     #header .navbar-nav .dropdown-submenu:hover > a,
  147.     #header .navbar-nav .dropdown-submenu:focus > a,
  148.     #header .navbar-nav .dropdown-menu > .active > a {
  149.         background: none;
  150.     }
  151.  
  152.     .logo-to-right .navbar-header {
  153.         float: none;
  154.     }
  155.     .logo-to-right .kleo-mobile-switch {
  156.         float: right;
  157.     }
  158.     .logo-to-right .kleo-mobile-icons {
  159.         float: left;
  160.     }
  161.     .logo-to-right .navbar-header .logo {
  162.         float: right;
  163.     }
  164.     .header-centered .navbar-header {
  165.         display: block;
  166.     }
  167.  
  168.     #top-social {
  169.         border-bottom-style: solid;
  170.         border-bottom-width: 1px;
  171.     }
  172.     #top-social > ul li a,
  173.     .top-menu > ul li a {
  174.         border:none;
  175.     }
  176.     #top-social .tabdrop:before,
  177.     .top-menu .tabdrop:before{
  178.         border-left: none;
  179.     }
  180.     #top-social .tabdrop .dropdown-menu {
  181.     margin-top: -1px;
  182.     }
  183.  
  184.     /* Menu on Transparent Header */
  185.     .kleo-main-header,
  186.     .navbar-transparent .kleo-main-header,
  187.     .kleo-navbar-fixed.navbar-transparent #header {
  188.         position: relative !important;
  189.         top:auto !important;
  190.         background-color: #000;
  191.     }
  192.     .kleo-navbar-fixed.navbar-transparent.on-light-bg #header {
  193.         background-color: #fff;
  194.     }
  195.  
  196.     .navbar-transparent #menu-kleonavmenu li {
  197.         border-bottom-color: rgba(255,255,255, 0.1) !important;
  198.     }
  199.     .navbar-transparent #menu-kleonavmenu li:first-child {
  200.         border-top-color: rgba(255,255,255, 0.1) !important;
  201.     }
  202.     .navbar-transparent #menu-kleonavmenu li .caret:after {
  203.         color: rgba(255,255,255, 0.2) !important;
  204.     }
  205.  
  206.     /* Megamenu */
  207.     .kleo-main-header .nav li.kleo-megamenu {
  208.         position: relative;
  209.     }
  210.  
  211.     #header .navbar-nav li.kleo-megamenu .dropdown-submenu:not(.open) .dropdown-menu {
  212.         display: none !important;
  213.     }
  214.     .kleo-main-header .nav li.kleo-megamenu .dropdown-submenu.open .dropdown-menu {
  215.         display: block !important;
  216.     }
  217.  
  218.     #header .navbar-nav li.kleo-megamenu .dropdown-submenu > a:after {
  219.     }
  220.     #header .navbar-nav li.kleo-megamenu .caret {
  221.         opacity: 1;
  222.         display:inline-block;
  223.         margin-top: -10px;
  224.     }
  225.     /*
  226.     #header .navbar-nav li.kleo-megamenu .dropdown-menu .caret:after {
  227.         content: "\e979";
  228.     }
  229.     #header .navbar-nav li.kleo-megamenu .dropdown-menu > li > a:hover .caret:after,
  230.     #header .navbar-nav li.kleo-megamenu .dropdown-menu > li > a:focus .caret:after {
  231.         content: "\e97a" !important;
  232.     }
  233.  */
  234.  
  235.     /* Ajax Cart */
  236.     .kleo-mobile-icons {
  237.         display: inline-block;
  238.         float: right;
  239.         margin-top: -4px;
  240.     }
  241.     .kleo-toggle-menu,
  242.     .kleo-toggle-menu .kleo-toggle-submenu {
  243.         display: none !important;
  244.     }
  245.     .kleo-mobile-icons a {
  246.         color: #fff;
  247.         margin-right: 20px;
  248.         font-size: 20px;
  249.     }
  250.     .kleo-mobile-icons .cart-items {
  251.         position: relative;
  252.     }
  253.     .kleo-mobile-icons .cart-items span,
  254.     .kleo-mobile-icons .notify-items span {
  255.         border-radius: 100%;
  256.         display: inline-block;
  257.         font-size: 10px;
  258.         text-align: center;
  259.         position: absolute;
  260.         top: -7px;
  261.         right: -8px;
  262.         width: 20px;
  263.         height: 20px;
  264.         line-height: 19px;
  265.     }
  266.     .navbar-transparent .kleo-mobile-icons a {
  267.         color: #fff;
  268.     }
  269.     .navbar-transparent.on-light-bg .kleo-mobile-icons a {
  270.         color: #000;
  271.     }
  272.  
  273.     /* Ajax Search */
  274.     a.search-trigger {
  275.         display: none !important;
  276.     }
  277.     #ajax_search_container:before {
  278.         display: none;
  279.     }
  280.     #ajax_search_container {
  281.         background-color: transparent;
  282.         border-radius: 0;
  283.         border: none;
  284.         z-index: 9999;
  285.         position: relative;
  286.         width:auto;
  287.         left: inherit;
  288.         box-shadow: none;
  289.         top: inherit;
  290.         line-height: inherit;
  291.         display: block;
  292.         padding: 0;
  293.     }
  294.     .logo-to-right #ajax_search_container {
  295.         right: inherit;
  296.     }
  297.     .kleo-ajax-search-loading {
  298.         right: 20px;
  299.         top: 27px;
  300.     }
  301.     #ajax_searchform {
  302.     padding: 20px 10px 10px;
  303.     }
  304.     a.ajax_view_all {
  305.         padding: 14px 20px !important;
  306.     }
  307.  
  308.     /* Ajax Search on Transparent Header */
  309.     .navbar-transparent input.form-control[type=text] {
  310.         border-color: rgba(255,255,255, 0.2);
  311.     }
  312.     .navbar-transparent input.form-control[type=text]:focus {
  313.         /*background-color: rgba(255,255,255, 0.1);*/
  314.     }
  315.     .navbar-transparent .kleo_ajax_entry {
  316.         /*border-bottom: 1px solid rgba(255,255,255, 0.2) !important;*/
  317.     }
  318.     .navbar-transparent .kleo_ajax_entry:hover {
  319.         /*background-color: rgba(255,255,255, 0.1);*/
  320.     }
  321.     .navbar-transparent #ajax_search_container {
  322.         /*background-color: transparent !important;*/
  323.     }
  324.     .navbar-transparent #ajax_searchform {
  325.         background-color: #222;
  326.     }
  327.     .navbar-transparent #ajax_searchform .form-control {
  328.         background-color: transparent;
  329.         color: #fff;
  330.     }
  331.  
  332.     .kleo-main-header .nav > li > a:hover,
  333.     .kleo-main-header .nav > li.active > a{
  334.         box-shadow: none !important;
  335.     }
  336.  
  337.     section.bg-full-video .mejs-mediaelement {display: none;}
  338.     section.bg-full-video .mejs-poster {display: block !important;}
  339.  
  340.     .post-image img {
  341.         width: 100%;
  342.     }
  343.     article .article-meta .entry-date,
  344.     article .article-meta .post-meta,
  345.     .single-attachment .post-time {
  346.         width: auto;
  347.         font-family: inherit;
  348.         font-size: inherit;
  349.     }
  350.     article .article-meta .post-meta .meta-links,
  351.     article .article-meta .post-meta .avatar,
  352.     article .article-meta .post-meta .meta-author img,
  353.     article .article-meta .post-meta .meta-author .author-name,
  354.     article .article-meta .post-meta a.post-time:after,
  355.     article .article-meta .post-meta .meta-comment-count {
  356.         display: inline;
  357.     }
  358.     article .article-meta .post-meta .meta-author,
  359.     article .article-meta .post-meta .meta-author img {
  360.         float: none;
  361.     }
  362.     article .article-meta .post-meta .meta-author img {
  363.         width: 25px;
  364.     }
  365.    
  366.     .container > .navbar-header, .container > .navbar-collapse { width:100%; }
  367.     .kleo-mobile-switch {float:right !important;}
  368.  
  369. }
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!