API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 17th, 2018
89
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.96 KB | None | 0 0
raw download clone embed print report
  1. #headerWidget-headerWidgetInst {
  2. /* ---------------------------------------------------------------------- */
  3. /*  Header Area
  4. /* ---------------------------------------------------------------------- */
  5.  
  6. /* Fixing region header to show the full background */
  7. #region-header {
  8.   position: static;
  9. }
  10.  
  11. #CC-headerWidget {
  12.  
  13.   .header-line {
  14.     left: 0;
  15.     right: 0;
  16.   }
  17.   .header-background {
  18.     min-height: 20px;
  19.     padding-top: 25px;
  20.     font-size: @fontSizeSmall;
  21.     left: 0;
  22.     right: 0;
  23.     z-index: 2;
  24.     @media (max-width: 767px) {
  25.       background: #ffffff;
  26.     }
  27.   }
  28.   #header {
  29.     position: relative;
  30.  
  31.     a[class*='btn-'] {
  32.       &:hover {
  33.         color: #FFF;
  34.       }
  35.     }
  36.  
  37.     a[class='cc-button-primary'] {
  38.       &:hover {
  39.         color: @ButtonPrimaryTextColor;
  40.       }
  41.     }
  42.  
  43.     a[class='cc-button-secondary'] {
  44.       &:hover {
  45.         color: @ButtonSecondaryTextColor;
  46.       }
  47.     }
  48.   }
  49.  
  50.   .header-links {
  51.     padding-bottom: 10px;
  52.     padding-top: 10px;
  53.   }
  54.  
  55.   .sub-links {margin: 10px 0; display: block;}
  56.   .sub-links li {display: inline; margin-right: 10px;}
  57.  
  58.   .sub-links-mobile {margin:0 0 15px 0; display: block; text-align: center;}
  59.   .sub-links-mobile li {display: inline; margin-right: 10px;}
  60.   .logo {
  61.     margin:0;
  62.     padding-bottom: 10px;
  63.     padding-top: 10px;
  64.     padding-right: 0;
  65.     vertical-align: middle;
  66.     @media (max-width: @screen-xs-max) {
  67.       margin-top: 5px;
  68.       margin-bottom: 20px;
  69.     }
  70.   }
  71.  
  72.   .bottom-line {
  73.     background: url(/img/header-btm-line.png) center bottom no-repeat;
  74.     padding-bottom: 35px;
  75.     position: relative;
  76.     z-index: 1;
  77.   }
  78.  
  79.   .cc-center {
  80.     display: table;
  81.     margin-left: auto;
  82.     margin-right: auto;
  83.   }
  84.  
  85.   /*
  86.    * Non-desktop tweaks
  87.    */
  88.    
  89.   @media (min-width: 768px) {
  90.     .cc-modal-dialog {
  91.       width: 400px;
  92.     }
  93.   }
  94.  
  95.   @media (max-width: 767px) {
  96.     .cc-message-box {
  97.       margin-left: -15px;
  98.       margin-right: -15px;
  99.     }
  100.   }
  101.  
  102.   @media (max-width: 979px) {
  103.     .storefront-modal-controls {width: 90%}
  104.     .storefront-modal-controls input.span5{width: 100%;}
  105.     .storefront-modal-controls div.span5{width: 97%; margin-left: 6%}
  106.   }
  107.  
  108.   @media (min-width: 980px) {
  109.     .storefront-modal-controls {width: 90%}
  110.     .storefront-modal-controls input.span5{width: 100%;}
  111.     .storefront-modal-controls div.span5{width: 97%; margin-left: 6%}
  112.   }
  113.  
  114.   @media (max-width: 480px) {
  115.     .storefront-modal-controls {width: 90%}
  116.     .storefront-modal-controls input.span5{width: 100%;}
  117.     .storefront-modal-controls div.span5{width: 97%; margin-left: 6%}
  118.  
  119.   }
  120.  
  121.   /*
  122.    * End
  123.    */
  124.  
  125.   .text-underline {
  126.     text-decoration: underline;
  127.   }
  128.  
  129.   #CC-header-checkout {
  130.     .btn-xs;
  131.     border-radius: @ButtonPrimaryBorderRadius;
  132.   }
  133.  
  134.   .cc-cartlink-xs {
  135.     padding: 15px 0 0 0;
  136.     vertical-align: bottom;
  137.   }
  138.  
  139.   .skip-content button {
  140.     text-align: center;
  141.     float: left;
  142.     width: 0px;
  143.     height: 0px;
  144.     position: relative;
  145.     left: -999em;
  146.     border: solid #D4D4D4;
  147.     background-color: #ffffff;
  148.     z-index: 1000;
  149.   }
  150.  
  151.   .text-muted {
  152.     color: #696969;
  153.   }
  154.  
  155.   #cc-btn-skipToContent-desktop {
  156.     margin-top: -22px;
  157.     margin-bottom: -15px;
  158.   }
  159.  
  160.   #cc-btn-skipToContent-desktop:focus {
  161.     width: 150px;
  162.     height: 36px;
  163.     left: 13px;
  164.   }
  165.  
  166.   #cc-btn-skipToContent-phone:focus {
  167.     width: 120px;
  168.     height: 21px;
  169.     line-height: 18px;
  170.     left: 0px;
  171.     font-size: 12px;
  172.     padding-top: 0px;
  173.     padding-bottom: 0px;
  174.   }
  175.  
  176.   #cc-btn-skipToContent-desktop:blur, #cc-btn-skipToContent-phone:blur {
  177.     left: -999em;
  178.   }
  179.   /* ---------------------------------------------------------------------- */
  180.   /*  Drop Down Mini-cart
  181.   /* ---------------------------------------------------------------------- */
  182.  
  183.   #dropdowncart {
  184.     z-index: 998;
  185.   }
  186.   #dropdowncart .heading {margin: 0; padding: 10px; border: 1px solid transparent; border-bottom: 0; line-height:1.4; text-align: right; height: 34px;display: inline-block;}
  187.   #dropdowncart h4 { font-size: @fontSizeSmall; margin: 0; padding-bottom: 10px;}
  188.   #dropdowncart .firstColumn { text-align: left !important; }
  189.   #dropdowncart .heading a { text-decoration: none; }
  190.   #dropdowncart .heading a:hover { text-decoration:underline; }
  191.   #dropdowncart #cart-total {background: transparent url('/img/arrow_down_dark.png') 100% 50% no-repeat; cursor: pointer;}
  192.   #cart-total > span {padding-right: 12px;}
  193.  
  194.   #dropdowncart .content {display: none; position: absolute; right:0; min-height: 140px; min-width:360px;
  195.                           margin-top: -1px; margin-right: 15px; padding: 16px; border: 1px solid @grayLighter; background: @white;
  196.                           webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
  197.                           -moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
  198.                           box-shadow: 0 1px 5px rgba(0,0,0,.2);
  199.                           width:100%;
  200.                           @media (min-width: 981px) {
  201.                             width:430px;
  202.                           }
  203.                           }
  204.   #dropdowncart .cc-text-overflow {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;}
  205.   #dropdowncart .table th {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; padding: 2px}
  206.   #dropdowncart .table td {text-align: center; padding: 2px; word-break: break-word;}
  207.   #dropdowncart .table { margin-bottom: 20px;}
  208.   #dropdowncart .table tbody {
  209.     border-bottom: 1px solid #e3e3e3;
  210.     height: 80px;
  211.   }
  212.   #dropdowncart .dropdowncartItems {padding-top: 2px;}
  213.   #dropdowncart .scroll {background-color: @grayLighter; border: 1px solid @grayLight;}
  214.   #dropdowncart .linkTag {display: block; }
  215.   #dropdowncart .scrollActive {color: @black; }
  216.   #dropdowncart .scrollInactive {color: #A9A8A8; }
  217.   #dropdowncart .scrollDivActive {background-color: @white; }
  218.   #dropdowncart .fa {font-size: 2.5em; }
  219.   #dropdowncart .shiftRight {right: 10px; }
  220.   #dropdowncart .item .imageSize {max-height: 75px; }
  221.   #dropdowncart .item {border-bottom: 1px dashed  @grayLighter; height: 80px;}
  222.   #dropdowncart.active .content {display: block !important; display: none; }
  223.   #dropdowncart.active .heading {background: @white; border: 1px solid @grayLighter; border-bottom: 0;margin-bottom: 0;display: inline-block;position: relative;z-index: 1;}
  224.   #dropdowncart .total {border-collapse: collapse; padding: 5px; float: right; clear: left; margin-bottom: 8px; text-align: right;}
  225.   #dropdowncart .total td.labels { padding-right:6px; }
  226.   #dropdowncart .total th {padding-right: 6px}
  227.   #dropdowncart .content .checkout { text-align: right; clear: both; }
  228.   #dropdowncart .empty { padding-top: 50px; text-align: center; }
  229.   #closecart {float: left;position: absolute;bottom: 6px;left: 9px;display: none;opacity: 0.65;-moz-opacity: 0.65;filter:alpha(opacity=65);}
  230.  
  231.   .removeFromCartIcon{padding: 0; cursor: pointer; background: transparent; vertical-align:text-bottom; border: 0; -webkit-appearance: none;}
  232.  
  233.   /* ---------------------------------------------------------------------- */
  234.   /*  Language Drop Down
  235.   /* ---------------------------------------------------------------------- */
  236.  
  237.   #languagedropdown {
  238.     z-index: 999; position: relative;
  239.   }
  240.   #languagedropdown .heading {margin: 0; padding: 10px; border: 1px solid transparent; border-bottom: 0; line-height: 0; text-align: right; height: 25px;display: inline-block;}
  241.   #languagedropdown h4 { font-size: @fontSizeSmall; margin: 0;  }
  242.   #languagedropdown .heading a { text-decoration: none; }
  243.   #languagedropdown .heading a:hover { text-decoration:underline; }
  244.  
  245.   #languagedropdown .content {display: none; position: absolute; right:0; min-height: 60px; min-width:160px;
  246.                           margin-top: -1px; margin-right: 0px; padding: 16px; border: 1px solid @grayLighter; background: @white;
  247.                           webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
  248.                           -moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
  249.                           box-shadow: 0 1px 5px rgba(0,0,0,.2);
  250.                           overflow:scroll;max-height:450px;width:100%;overflow:auto
  251.                           }
  252.   #languagedropdown.active .content { display: block !important; display: none; }
  253.   #languagedropdown.active .heading {background: @white; border: 1px solid @grayLighter; border-bottom: 0;margin-bottom: 0;display: inline-block;position: relative;z-index: 1;}
  254.   #languagedropdown .empty { padding-top: 50px; text-align: center; }
  255.  
  256.    
  257.   /* ---------------------------------------------------------------------- */
  258.   /*  Currency Drop Down
  259.   /* ---------------------------------------------------------------------- */
  260.  
  261.   #headerCurrencyPicker {
  262.     z-index: 999;
  263.     position: absolute;
  264.     padding-left: 5px;
  265.     padding-right: 2px;
  266.     border: 1px solid white;
  267.     width: 64px;
  268.   }
  269.  
  270.   #headerCurrencyPicker .heading span:hover, #headerCurrencyPicker .content a span:hover {
  271.     text-decoration:underline;
  272.   }
  273.  
  274.   #headerCurrencyPicker.active {
  275.     position: absolute;
  276.     background: white;
  277.     border: 1px solid #eee;
  278.     webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
  279.    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
  280.     box-shadow: 0 1px 5px rgba(0,0,0,.2);
  281.     z-index:999;
  282.   }
  283.  
  284.   #headerCurrencyPicker .caret {
  285.     color: #B2B2B2;
  286.     border-width: 6px;
  287.   }
  288.  
  289.   #headerCurrencyPicker .paddingBottom {
  290.     padding-bottom: 3px;
  291.   }
  292.  
  293.   #headerCurrencyPicker .currencyCodeWidth {
  294.     display: inline-block;
  295.     width: 26px;
  296.   }
  297.  
  298.   #headerCurrencyPicker #CC-header-currency-link {
  299.     background: @white;
  300.   }
  301.  
  302.   #headerCurrencyPicker .content {
  303.     background: @white;
  304.     overflow:auto;
  305.     max-height:450px;
  306.     width:100%;
  307.   }
  308.  
  309.   @media (max-width: @screen-xs-max) {
  310.     #headerCurrencyPicker {
  311.       right: 65px;
  312.     }
  313.   }
  314.  
  315.   @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
  316.     #headerCurrencyPicker {
  317.       width: 70px;
  318.       left: 1px;
  319.     }
  320.   }
  321.  
  322. }
  323.  
  324. }
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!