/* This file corresponds to the color palettes of the Novus theme from Jumpseller. If you want to get ride of it, you can remove calling the file from the section of the Layout block. */ /* Body ============================================================= */ /* Store Logo ============================================================= */ /* Topnav ============================================================= */ /* Navigation ============================================================= */ /* Footer ============================================================= */ /* Footer Background */ /* Footer Borders */ /* Footer Titles */ /* Footer Texts */ /* Footer Links */ /* Footer Contact Form */ /* Footer Social Links */ /* General Elements ============================================================= */ /* Theme Titles */ /* Select Boxes */ /* Toolbar */ /* Buttons */ /* Pagination */ /* Void Warning */ /* Product Gallery */ /* Home ============================================================= */ /* Home Slideshow */ /* Product Page ============================================================= */ /* Product Page Form */ /* Product Page Bottom */ /* Cart Page ============================================================= */ /* Cart Product Block */ /* Cart Page Bottom */ /* Checkout Page ============================================================= */ /* Checkout Form Left */ /* Checkout Form Right */ /* Checkout Create Account Message */ /* Review Order ============================================================= */ /* Customers ============================================================= */ /* Login Page */ /* Customer Page */ /* Customer Registration */ /* Contact Page ============================================================= */ /* Static Pages ============================================================= */ /* ============================================================= DARK PALETTE ============================================================= */ /* Body ============================================================= */ body {background: #222222 ;} /* Store Logo ============================================================= */ #store-logo, #store-logo a {color: #333333;} #store-logo a:hover, #store-logo a:focus {color: #666666;} /* Topnav ============================================================= */ #top-nav, .success-info-top .success-order-number .label {background: #111111;} #top-nav .middle {border-left-color: #222222; border-right-color: #222222;} .top-nav-block {border-right-color: #222222; border-left-color: #222222;} .top-nav-block-anchor {color: #999999 !important;} .top-nav-block-anchor:hover,.top-nav-block-anchor:focus {color: #F4F4F4 !important;} /* Navigation ============================================================= */ #navigation {background: #222222;} #navigation.fixed, #navigation .top-bar, #navigation .top-bar li, #navigation .top-bar .left li a, #search_mini_form .search, #search_mini_form .submit, #search_mini_form .search:focus, #search_mini_form .submit:hover, #search_mini_form .submit:focus {background: #F2F2F2;} #navigation .top-bar {-webkit-box-shadow: 0 3px 0 #999999; -moz-box-shadow: 0 3px 0 #999999; box-shadow: 0 3px 0 #999999;} #navigation .top-bar .left li a:hover, #navigation .top-bar .left li a:focus, #navigation .top-bar .left li:hover:not(.has-form) > a {background: #DDDDDD;} #navigation .top-bar .left li.active > a, #navigation .top-bar .left li.active > a:hover, #navigation .top-bar .left li.active > a:focus {color: #222222; background: #FFFFFF !important;} #navigation .top-bar .left li .level-1:after {border-color: #999999 transparent transparent transparent;} #navigation .top-bar .left li.active .level-1:after {border-color: #999999 transparent transparent transparent;} /* Footer ============================================================= */ /* Footer Background */ footer, #contactform-footer .field .text, #contactform-footer .field .text:focus {background-color: #CCCCCC;} /* Footer Borders */ .footer-bottom, .footer-copyright {border-top-color: #EEEEEE;} .footer-top, .footer-bottom {border-bottom-color: #999999;} /* Footer Titles */ .footer-block h6 {color: #666666;} /* Footer Store Description */ .footer-block .store-description, .store-description p, .footer-copyright p {color: #666666;} /* Footer Links */ .footer-block ul li, .footer-block ul li a, .footer-copyright p a {color: #666666;} .footer-block ul li a:hover, .footer-block ul li a:focus, .footer-copyright p a:hover, .footer-copyright p a:focus {color: #111111 !important;} /* Footer Contact Form */ #contactform-footer .field .text {border-color: #999999;} #contactform-footer .field .text::-webkit-input-placeholder {color: #666666;} #contactform-footer .field .text:-moz-placeholder {color: #666666;} #contactform-footer .field .text::-moz-placeholder {color: #666666;} #contactform-footer .field .text:-ms-input-placeholder {color: #666666;} #contactform-footer .field .text:focus::-webkit-input-placeholder {color: #111111 !important;} #contactform-footer .field .text:focus:-moz-placeholder {color: #111111 !important;} #contactform-footer .field .text:focus::-moz-placeholder {color: #111111 !important;} #contactform-footer .field .text:focus:-ms-input-placeholder {color: #111111 !important;} #contactform-footer .button {color: #222222; background: #EEEEEE;} #contactform-footer .button:hover, #contactform-footer .button:focus {color: #CCCCCC; background: #333333;} /* Footer Social Links */ #footer-social ul li a {color: #222222 !important; background-color: #FFFFFF !important;} #footer-social ul li a:hover, #footer-social ul li a:focus {color: #FFFFFF !important; background-color: #222222 !important;} /* General Elements ============================================================= */ /* Theme Titles */ .title, #login-page-form h1, .shipping-address a, .billing-address a {color: #666666;} /* Select Boxes */ select, select.select {background-color: #FAFAFA;} select:hover, select.select:hover, select:focus, select.select:focus {background-color: #FFFFFF;} /* Toolbar */ .page-toolbar span {color: #666666;} /* Buttons */ .button {color: #FFFFFF; background: #999999;} .button:hover, .button:focus {color: #222222; background: #F4F4F4;} .go-back {color: #666666;} .go-back:hover, .go-back:focus {color: #FFFFFF;} .button.secondary {background: #666666;} .button.secondary:hover, .button.secondary:focus {background: #EEEEEE; color: #222222;} /* Pagination */ .pager li a{background-color: #333333;} .pager li.active a {-webkit-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; box-shadow: 0 0 10px #000000;} .pager li a:hover, .pager li a:focus, .pager li.active a {color: #222222; background-color: #FFFFFF;} /* Product Gallery */ .product-block-name, .product-block-price, .product-block-not-available {color: #666666;} .product-block-description {color: #222222; background: rgba(255,255,255,.9);} .product-block:after {background: #666666;} .product-block:hover:after, .product-block:focus:after {background-color: #CCCCCC;} /* Home ============================================================= */ /* Home Slideshow */ #home-slideshow .orbit-container {border-color: #DDDDDD; background-color: #DDDDDD;} /* Product Page ============================================================= */ /* Product Page Form */ #product-name{color: #666666;} #product-price{color: #999999; border-bottom-color: #999999;} #product-price-discount{color: #666666;} .product-form-stock, .product-form-discount, .product-form-options .product-form-block-title, .product-form-actions {border-color: #999999;} .product-form-block-title {color: #999999;} .product-number {color: #EEEEEE;} .product-form-options .select {background-color: #FAFAFA;} .product-form-options .select:hover, .product-form-options .select:focus {background-color: #F3F3F3;} /* Product Page Bottom */ #product-page-bottom h5 {color: #666666;} #product-details ul li h6, #product-permalink h6 {color: #F4F4F4;} #product-page-bottom p {color: #666666;} #product-page-bottom-left, #product-details ul {border-color: #CCCCCC;} /* Cart Page ============================================================= */ /* Cart Product Block */ .cart-product-block {background: #DDDDDD;} .cart-product-block:hover, .cart-product-block:focus {background: #FFFFFF;} .cart-product-block:hover .cart-product-name, .cart-product-block:focus .cart-product-name, .cart-product-block:hover .cart-product-name-options, .cart-product-block:focus .cart-product-name-options, .cart-product-block:hover .cart-product-price, .cart-product-block:focus .cart-product-price, .cart-product-block:hover .cart-product-price-discount, .cart-product-block:focus .cart-product-price-discount, .cart-product-block:hover .cart-product-block-qty span, .cart-product-block:focus .cart-product-block-qty span, .cart-product-block:hover .cart-product-remove-trash:hover, .cart-product-block:focus .cart-product-remove-trash:focus {color: #222222;} .cart-product-block:hover .cart-product-name-options small, .cart-product-block:focus .cart-product-name-options small, .cart-product-block:hover .cart-product-price-discount small, .cart-product-block:focus .cart-product-price-discount small {color: #333333 !important;} /* Cart Bottom */ #cart-page-bottom h5 {color: #999999;} #estimate_shipping label, #cart-discount p, #estimate_shipping label, #cart-discount p, #estimates dt span, #estimates dd {color: #777777;} /* Cart Summary */ #cart-totals .table tfoot, #cart-totals .table tfoot .totals {border-bottom-color: #CCCCCC; background: #DDDDDD;} /* Checkout Page ============================================================= */ /* Checkout Form Left */ #checkout-form-left {background: #EEEEEE;} #contacts, #billing_address, #shipping_address_same_as_shipping {border-bottom-color: #DDDDDD;} /* Checkout Form Right */ #checkout-form-right .legend {color: #999999;} #payments_options ul li span, #shipping_options ul li span {color: #666666;} #payments_options, #shipping_options {border-bottom-color: #999999;} .payment_information, .payment_information p, .shipping_information, .shipping_information p {color: #999999;} /* Checkout Create Account Message */ .create-account-mssg {border: 1px solid #999999; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 10px rgba(0,0,0,.1) inset; box-shadow: 0 0 10px rgba(0,0,0,.1) inset; background: transparent;} .create-account-mssg p {color: #999999;} /* Review Order ============================================================= */ #review-page-bottom h5 {color: #666666;} #review-page-bottom .address {color: #999999;} /* Customers ============================================================= */ /* Login Page */ #login-page-new h2 {color: #222222; border-bottom-color: #333333; font-weight: 200;} #login-page-new p {color: #666666;} /* Customer Page */ .customer-info h5 {color: #CCCCCC;} .customer-info p, .customer-contact p {color: #999999;} /* Customer Registration */ #register-page .title small {color: #999999;} #customer_registration {background-color: #EEEEEE;} /* Contact Page ============================================================= */ .message-us-title {color: #CCCCCC;} .message-us-text {color: #999999;} #contact-page #contactpage .field label {color: #999999;} #contact-page #contactpage .field .text {color: #DDDDDD; background-color: #444444;} #contact-page #contactpage .field .text:focus {color: #222222; background-color: #CCCCCC;} /* Static Pages ============================================================= */ #static-page-left p {color: #999999;} #static-page-left hr {border-color: #333333;} /* End Dark Palette css codes */ /* ============================================================= CLOUD PALETTE ============================================================= */ /* End Cloud Palette css codes */