first commit
This commit is contained in:
maher
484
assets/styles/frontend/blue.scss
Normal file
484
assets/styles/frontend/blue.scss
Normal file
@@ -0,0 +1,484 @@
|
||||
|
||||
/*===================================================================================*/
|
||||
/* Colors CSS
|
||||
/*===================================================================================*/
|
||||
|
||||
a {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.show-theme-options:hover,
|
||||
.show-theme-options:focus {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-black:hover,
|
||||
.btn-primary:focus,
|
||||
.btn-black:focus {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.top-bar .cnt-account ul > li a:hover,
|
||||
.top-bar .cnt-account ul > li a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
.top-bar .cnt-block ul li a .caret {
|
||||
color: rgba(255,255,255,0.8);
|
||||
}
|
||||
.top-bar .cnt-block ul li .dropdown-menu li a:hover,
|
||||
.top-bar .cnt-block ul li .dropdown-menu li a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.main-header .top-search-holder .contact-row .icon {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .total-price-basket .total-price {
|
||||
color: #fff;
|
||||
}
|
||||
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .name a:hover,
|
||||
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .name a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .price {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .action a:hover,
|
||||
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .action a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.top-cart-row .dropdown-cart .dropdown-menu .cart-total .price {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.main-header .top-search-holder .search-area .categories-filter .dropdown-menu li a:hover,
|
||||
.main-header .top-search-holder .search-area .categories-filter .dropdown-menu li a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.header-style-1 .header-nav {
|
||||
background: #157ed2;
|
||||
border-top: 1px solid hsla(0,0%,100%,.2);
|
||||
border-radius: 0px 0px 0px 200px;
|
||||
}
|
||||
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li.active {
|
||||
|
||||
}
|
||||
|
||||
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li.active a:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 92%;
|
||||
left: 42%;
|
||||
border-width: 0px 6px 6px 6px;
|
||||
border-style: solid;
|
||||
border-color: #f8f8f8 transparent;
|
||||
display: block;
|
||||
width: 0;
|
||||
right: inherit;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li a:hover:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 92%;
|
||||
left: 42%;
|
||||
border-width: 0px 6px 6px 6px;
|
||||
border-style: solid;
|
||||
border-color: #f8f8f8 transparent;
|
||||
display: block;
|
||||
width: 0;
|
||||
right: inherit;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
|
||||
.cnt-home .header-style-1.header-style-2 .header-nav .navbar .navbar-nav > li.active,
|
||||
.cnt-homepage .header-style-1.header-style-2 .header-nav .navbar .navbar-nav > li.active {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.cnt-home .header-style-1.header-style-3 .header-nav .navbar .navbar-nav > li.active {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.header-style-2 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:hover,
|
||||
.header-style-2 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:focus {
|
||||
background: #0f6cb2 !important;
|
||||
}
|
||||
.header-style-2 .header-nav .navbar-default .navbar-collapse .navbar-nav > li.open {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.sidebar .side-menu nav .nav > li a:hover,
|
||||
.sidebar .side-menu nav .nav > li a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.sidebar .side-menu nav .nav > li a:hover:after,
|
||||
.sidebar .side-menu nav .nav > li a:focus:after {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.info-box .info-box-heading.green {
|
||||
color: #fff;
|
||||
}
|
||||
.scroll-tabs .nav-tab-line li a:hover,
|
||||
.scroll-tabs .nav-tab-line li a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.product .product-info .name a:hover,
|
||||
.product .product-info .name a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.product .product-info .product-price .price {
|
||||
color: #333;
|
||||
}
|
||||
.product .cart .action ul li.lnk a:hover,
|
||||
.product .cart .action ul li.lnk a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.product .cart .action ul li.add-cart-button .btn-primary:hover,
|
||||
.product .cart .action ul li.add-cart-button .btn-primary:focus {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.product .cart .action ul li.add-cart-button .btn-primary.icon:hover,
|
||||
.product .cart .action ul li.add-cart-button .btn-primary.icon:focus {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.tag.sale {
|
||||
background: #fdd922;
|
||||
color:#333
|
||||
}
|
||||
.copyright-bar .copyright a {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.blog-slider-container .blog-slider .blog-post-info .name a:hover,
|
||||
.blog-slider-container .blog-slider .blog-post-info .name a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.footer .links-social .social-icons a:hover,
|
||||
.footer .links-social .social-icons a:focus,
|
||||
.footer .links-social .social-icons a.active {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.latest-tweet .re-twitter .comment a {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.latest-tweet .re-twitter .comment .icon .fa-stack-2x {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.footer .contact-information .media .icon .fa-stack-2x {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.footer .contact-information .media .media-body a:hover,
|
||||
.footer .contact-information .media .media-body a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.footer .footer-bottom .module-body ul li a:hover,
|
||||
.footer .footer-bottom .module-body ul li a:focus {
|
||||
color: #72797e;
|
||||
}
|
||||
.product-tag .item.active,
|
||||
.product-tag .item:hover,
|
||||
.product-tag .item:focus {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.hot-deals .product-info .product-price .price {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.hot-deals .product-info .name a:hover,
|
||||
.hot-deals .product-info .name a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.custom-carousel .owl-controls .owl-prev:hover,
|
||||
.custom-carousel .owl-controls .owl-next:hover,
|
||||
.custom-carousel .owl-controls .owl-prev:focus,
|
||||
.custom-carousel .owl-controls .owl-next:focus {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.yamm .dropdown-menu .title:hover,
|
||||
.yamm .dropdown-menu .title:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.yamm .dropdown-menu li a:hover,
|
||||
.yamm .dropdown-menu li a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.breadcrumb ul li.active {
|
||||
color: #157ed2;
|
||||
}
|
||||
.breadcrumb ul a:hover,
|
||||
.breadcrumb ul a:focus {
|
||||
color: #157ed2;
|
||||
}
|
||||
.filters-container .nav-tabs.nav-tab-box li.active a .icon {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.filters-container .pagination-container ul li.active a {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.filters-container .pagination-container ul li.prev:hover,
|
||||
.filters-container .pagination-container ul li.next:hover,
|
||||
.filters-container .pagination-container ul li.prev:focus,
|
||||
.filters-container .pagination-container ul li.next:focus {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.filters-container .pagination-container ul li a:hover,
|
||||
.filters-container .pagination-container ul li a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.filters-container .lbl-cnt .dropdown.dropdown-med .dropdown-menu li a:hover,
|
||||
.filters-container .lbl-cnt .dropdown.dropdown-med .dropdown-menu li a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle,
|
||||
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle:hover,
|
||||
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle:focus,
|
||||
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle:after {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle {
|
||||
border: 5px solid #0f6cb2;
|
||||
}
|
||||
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li a:hover,
|
||||
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .compare-report span {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination .owl-page.active span {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination .owl-page:hover span {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.single-product .gallery-holder .gallery-thumbs .owl-item .item:hover {
|
||||
border: 1px solid #0f6cb2;
|
||||
}
|
||||
.single-product .product-info .rating-reviews .reviews .lnk:hover,
|
||||
.single-product .product-info .rating-reviews .reviews .lnk:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.single-product .product-info .price-container .price-box .price {
|
||||
color: #ff7878;
|
||||
}
|
||||
.single-product .product-info .quantity-container .cart-quantity .arrows .arrow:hover,
|
||||
.single-product .product-info .quantity-container .cart-quantity .arrows .arrow:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.single-product .product-info .product-social-link .social-icons ul li a:hover,
|
||||
.single-product .product-info .product-social-link .social-icons ul li a:focus {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:hover,
|
||||
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:focus {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:hover:after,
|
||||
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:focus:after {
|
||||
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0f6cb2;
|
||||
}
|
||||
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li.active a {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li.active a:after {
|
||||
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0f6cb2;
|
||||
}
|
||||
.cart .action .add-cart-button .btn.btn-primary.icon:hover,
|
||||
.cart .action .add-cart-button .btn.btn-primary.icon:focus {
|
||||
background: #0f6cb2;
|
||||
color:#fff
|
||||
}
|
||||
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review-title .date span {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .author span {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
#owl-main:hover .owl-prev:hover,
|
||||
#owl-main:hover .owl-next:hover {
|
||||
background: #0f6cb2;
|
||||
color:#fff!important
|
||||
}
|
||||
#owl-main:hover .owl-prev:hover .icon,
|
||||
#owl-main:hover .owl-next:hover .icon {
|
||||
color:#fff!important
|
||||
}
|
||||
|
||||
#owl-main .owl-controls .owl-pagination .owl-page:active span,
|
||||
#owl-main .owl-controls .owl-pagination .owl-page:hover span {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.cart .action ul .lnk .add-to-cart:hover,
|
||||
.cart .action ul .lnk .add-to-cart:focus {
|
||||
color: #fff !important;
|
||||
}
|
||||
.cart .action .add-to-cart:hover,
|
||||
.cart .action .add-to-cart:focus {
|
||||
color: #0f6cb2 !important;
|
||||
}
|
||||
.homepage-container .product .tag.hot {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.homepage-container .product .product-info .name a:hover,
|
||||
.homepage-container .product .product-info .name a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.homepage-container .btn-primary:hover,
|
||||
.homepage-container .btn-primary:focus {
|
||||
background: #0f6cb2;
|
||||
border: 2px solid #0f6cb2;
|
||||
}
|
||||
.category-product .cart .action ul li .add-to-cart:hover,
|
||||
.category-product .cart .action ul li .add-to-cart:focus {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.furniture-container .product .btn-primary:hover,
|
||||
.furniture-container .product .btn-primary:focus {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.header-style-3 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:hover,
|
||||
.header-style-3 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:focus {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.header-style-3 .header-nav .navbar-default .navbar-collapse .navbar-nav > li.open {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page.active span {
|
||||
background: #0f6cb2 !important;
|
||||
}
|
||||
#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page span:hover,
|
||||
#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page span:focus {
|
||||
background: #0f6cb2 !important;
|
||||
}
|
||||
.cnt-homepage .sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle.max-slider-handle {
|
||||
background: #0f6cb2;
|
||||
}
|
||||
.blog-page .blog-post h1 a:hover,
|
||||
.blog-page .blog-post h1 a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.blog-page .sidebar .sidebar-module-container .sidebar-widget .nav-tabs > li.active > a,
|
||||
.blog-page .sidebar .sidebar-module-container .sidebar-widget .nav-tabs > li.active > a:hover,
|
||||
.blog-page .sidebar .sidebar-module-container .sidebar-widget .nav-tabs > li.active > a:focus {
|
||||
color: #157ed2;
|
||||
}
|
||||
.blog-page .blog-post .social-media a:hover,
|
||||
.blog-page .blog-post .social-media a:focus {
|
||||
background-color: #0f6cb2;
|
||||
}
|
||||
.blog-page .sidebar .sidebar-module-container .search-area .search-button:after {
|
||||
color: #333;
|
||||
}
|
||||
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post h4 a:hover,
|
||||
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post h4 a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.blog-page .blog-post-author-details .author-social-network button .twitter-icon {
|
||||
background-color: #0f6cb2;
|
||||
}
|
||||
.blog-page .blog-review .review-action a,
|
||||
.blog-page .blog-review .review-action a:hover,
|
||||
.blog-page .blog-review .review-action a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.blog-page .blog-post-author-details .author-social-network .dropdown-menu > li > a:hover,
|
||||
.blog-page .blog-post-author-details .author-social-network .dropdown-menu > li > a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.checkout-box .checkout-steps .panel .panel-heading .unicase-checkout-title > a:not(.collapsed) span {
|
||||
background-color: #0f6cb2;
|
||||
}
|
||||
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:hover,
|
||||
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.checkout-box .checkout-progress-sidebar .panel-body ul li a:hover,
|
||||
.checkout-box .checkout-progress-sidebar .panel-body ul li a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.contact-page .contact-info .contact-i {
|
||||
background-color: #0f6cb2;
|
||||
}
|
||||
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:hover,
|
||||
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span span {
|
||||
color: #84b943;
|
||||
}
|
||||
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a:hover,
|
||||
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.shopping-cart .cart-shopping-total table thead tr th .cart-grand-total {
|
||||
color: #84b943;
|
||||
}
|
||||
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow:hover,
|
||||
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.logo-color {
|
||||
fill: #0f6cb2;
|
||||
}
|
||||
.cnt-homepage .single-product .product-info-block .form-control .dropdown-menu ul li a:hover,
|
||||
.cnt-homepage .single-product .product-info-block .form-control .dropdown-menu ul li a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.cnt-homepage .single-product .product-info-block .txt.txt-qty {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail {
|
||||
border-bottom: none;
|
||||
}
|
||||
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li {
|
||||
margin-right: 10px;
|
||||
padding: 0;
|
||||
}
|
||||
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:hover,
|
||||
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:focus {
|
||||
background: #0f6cb2;
|
||||
border: 2px solid #0f6cb2;
|
||||
}
|
||||
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li.active a {
|
||||
background: #0f6cb2;
|
||||
border: 2px solid #0f6cb2;
|
||||
}
|
||||
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:hover,
|
||||
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.mega-menu .dropdown-menu {
|
||||
width:100%;
|
||||
left:0px
|
||||
}
|
||||
|
||||
.navbar-nav>li>.dropdown-menu { box-shadow:0px 10px 20px 0px rgba(0,0,0,.1);}
|
||||
|
||||
.product-comparison .compare-table tr td .product-price .price {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.product-comparison .compare-table tr td .in-stock {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.body-content .my-wishlist-page .my-wishlist table tbody .product-name a:hover,
|
||||
.body-content .my-wishlist-page .my-wishlist table tbody .product-name a:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.product-comparison .compare-table tr td .product-price .price {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.product-comparison .compare-table tr td .in-stock {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.body-content .x-page .x-text h1 {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.body-content .x-page .x-text a {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.sign-in-page .register-form .forgot-password,
|
||||
.sign-in-page .register-form .forgot-password:hover,
|
||||
.sign-in-page .register-form .forgot-password:focus {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.body-content .my-wishlist-page .my-wishlist table tbody .price {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
.terms-conditions-page .contact-form {
|
||||
color: #0f6cb2;
|
||||
}
|
||||
|
||||
188
assets/styles/frontend/checkbox.css
Normal file
188
assets/styles/frontend/checkbox.css
Normal file
@@ -0,0 +1,188 @@
|
||||
/* ---------------------------------------------------
|
||||
|
||||
Project : CSS Checkbox Switch
|
||||
Author : Partha Kar (https://www.facebook.com/partha.creativemind)
|
||||
Version : 1.0
|
||||
Release Dtae : 15 November, 2017
|
||||
|
||||
---------------------------------------------------- */
|
||||
|
||||
|
||||
.checkbox.checbox-switch {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.checkbox.checbox-switch label,
|
||||
.checkbox-inline.checbox-switch {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding-left: 0;
|
||||
}
|
||||
.checkbox.checbox-switch label input,
|
||||
.checkbox-inline.checbox-switch input {
|
||||
display: none;
|
||||
}
|
||||
.checkbox.checbox-switch label span,
|
||||
.checkbox-inline.checbox-switch span {
|
||||
width: 35px;
|
||||
border-radius: 20px;
|
||||
height: 18px;
|
||||
border: 1px solid #dbdbdb;
|
||||
background-color: rgb(255, 255, 255);
|
||||
border-color: rgb(223, 223, 223);
|
||||
box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.checkbox.checbox-switch label span:before,
|
||||
.checkbox-inline.checbox-switch span:before {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 50%;
|
||||
background: rgb(255,255,255);
|
||||
content: " ";
|
||||
top: 0;
|
||||
position: relative;
|
||||
left: 0;
|
||||
transition: all 0.3s ease;
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,0.4);
|
||||
}
|
||||
.checkbox.checbox-switch label > input:checked + span:before,
|
||||
.checkbox-inline.checbox-switch > input:checked + span:before {
|
||||
left: 17px;
|
||||
}
|
||||
|
||||
|
||||
/* Switch Default */
|
||||
.checkbox.checbox-switch label > input:checked + span,
|
||||
.checkbox-inline.checbox-switch > input:checked + span {
|
||||
background-color: rgb(180, 182, 183);
|
||||
border-color: rgb(180, 182, 183);
|
||||
box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
.checkbox.checbox-switch label > input:checked:disabled + span,
|
||||
.checkbox-inline.checbox-switch > input:checked:disabled + span {
|
||||
background-color: rgb(220, 220, 220);
|
||||
border-color: rgb(220, 220, 220);
|
||||
box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
.checkbox.checbox-switch label > input:disabled + span,
|
||||
.checkbox-inline.checbox-switch > input:disabled + span {
|
||||
background-color: rgb(232,235,238);
|
||||
border-color: rgb(255,255,255);
|
||||
}
|
||||
.checkbox.checbox-switch label > input:disabled + span:before,
|
||||
.checkbox-inline.checbox-switch > input:disabled + span:before {
|
||||
background-color: rgb(248,249,250);
|
||||
border-color: rgb(243, 243, 243);
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
/* Switch Light */
|
||||
.checkbox.checbox-switch.switch-light label > input:checked + span,
|
||||
.checkbox-inline.checbox-switch.switch-light > input:checked + span {
|
||||
background-color: rgb(248,249,250);
|
||||
border-color: rgb(248,249,250);
|
||||
box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
|
||||
/* Switch Dark */
|
||||
.checkbox.checbox-switch.switch-dark label > input:checked + span,
|
||||
.checkbox-inline.checbox-switch.switch-dark > input:checked + span {
|
||||
background-color: rgb(52,58,64);
|
||||
border-color: rgb(52,58,64);
|
||||
box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
.checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
|
||||
.checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
|
||||
background-color: rgb(100, 102, 104);
|
||||
border-color: rgb(100, 102, 104);
|
||||
box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
|
||||
/* Switch Success */
|
||||
.checkbox.checbox-switch.switch-success label > input:checked + span,
|
||||
.checkbox-inline.checbox-switch.switch-success > input:checked + span {
|
||||
background-color: rgb(40, 167, 69);
|
||||
border-color: rgb(40, 167, 69);
|
||||
box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
.checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
|
||||
.checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
|
||||
background-color: rgb(153, 217, 168);
|
||||
border-color: rgb(153, 217, 168);
|
||||
box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
|
||||
}
|
||||
|
||||
/* Switch Danger */
|
||||
.checkbox.checbox-switch.switch-danger label > input:checked + span,
|
||||
.checkbox-inline.checbox-switch.switch-danger > input:checked + span {
|
||||
background-color: rgb(200, 35, 51);
|
||||
border-color: rgb(200, 35, 51);
|
||||
box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
|
||||
.checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
|
||||
background-color: rgb(216, 119, 129);
|
||||
border-color: rgb(216, 119, 129);
|
||||
box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
|
||||
/* Switch Primary */
|
||||
.checkbox.checbox-switch.switch-primary label > input:checked + span,
|
||||
.checkbox-inline.checbox-switch.switch-primary > input:checked + span {
|
||||
background-color: rgb(0, 105, 217);
|
||||
border-color: rgb(0, 105, 217);
|
||||
box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
|
||||
.checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
|
||||
background-color: rgb(109, 163, 221);
|
||||
border-color: rgb(109, 163, 221);
|
||||
box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
|
||||
/* Switch Info */
|
||||
.checkbox.checbox-switch.switch-info label > input:checked + span,
|
||||
.checkbox-inline.checbox-switch.switch-info > input:checked + span {
|
||||
background-color: rgb(23, 162, 184);
|
||||
border-color: rgb(23, 162, 184);
|
||||
box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
.checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
|
||||
.checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
|
||||
background-color: rgb(102, 192, 206);
|
||||
border-color: rgb(102, 192, 206);
|
||||
box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
|
||||
/* Switch Warning */
|
||||
.checkbox.checbox-switch.switch-warning label > input:checked + span,
|
||||
.checkbox-inline.checbox-switch.switch-warning > input:checked + span {
|
||||
background-color: rgb(255, 193, 7);
|
||||
border-color: rgb(255, 193, 7);
|
||||
box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
.checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
|
||||
.checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
|
||||
background-color: rgb(226, 195, 102);
|
||||
border-color: rgb(226, 195, 102);
|
||||
box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
|
||||
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
|
||||
}
|
||||
115
assets/styles/frontend/grabbing.html
Normal file
115
assets/styles/frontend/grabbing.html
Normal file
@@ -0,0 +1,115 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
var xhttp = new XMLHttpRequest();
|
||||
xhttp.onreadystatechange = function() {
|
||||
if (this.readyState == 4 && this.status == 200) {
|
||||
document.getElementById("demo").innerHTML =
|
||||
this.responseText;
|
||||
document.getElementById("first-header").innerHTML = "404 - File Not Found";
|
||||
document.getElementById("second-sub-header").innerHTML = "The Page/Resource you are looking for could not be found or is unavailable. Ensure you are using the correct URL/Domain name or contact the Site Owner";
|
||||
var get=document.getElementsByTagName("A");
|
||||
for(i=0; i<get.length; i++){
|
||||
get[i].removeAttribute("onmouseover");
|
||||
get[i].removeAttribute("onmouseout");
|
||||
}
|
||||
}
|
||||
};
|
||||
xhttp.open("GET", "/errors/SingleDomainHosting.php", true);
|
||||
xhttp.send();
|
||||
|
||||
</script>
|
||||
<style>
|
||||
|
||||
.wrapper{
|
||||
overflow-y: hidden;
|
||||
padding: 0px;
|
||||
margin:0px;
|
||||
background: none !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
.header-container {
|
||||
text-align: -webkit-center;
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
background: white;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
font-size: larger;
|
||||
}
|
||||
.header-container > p,h1 {
|
||||
padding:5px;
|
||||
}
|
||||
.header-container > p {
|
||||
color: #707070;
|
||||
}
|
||||
.header-container > h1 {
|
||||
color: #333333;
|
||||
}
|
||||
.content-container {
|
||||
position: absolute;
|
||||
background-color: #202020;
|
||||
height: 635px;
|
||||
width: 100%;
|
||||
}
|
||||
.dynamic-content {
|
||||
position: relative !important;
|
||||
padding: 0 10em 0 10em;
|
||||
top: -50px;
|
||||
}
|
||||
.dynamic-content > div {
|
||||
border-style: solid;
|
||||
border-width: 0 10px 10px 10px;
|
||||
border-color: #e1e1e1;
|
||||
height: 550px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
@media only screen and (max-width:480px) {
|
||||
.dynamic-content > div {
|
||||
border-style: solid;
|
||||
border-width: 0 2px 2px 2px;
|
||||
border-color: #e1e1e1;
|
||||
overflow-y: hidden;
|
||||
height: auto;
|
||||
}
|
||||
.dynamic-content {
|
||||
padding: 0;
|
||||
top: 0;
|
||||
}
|
||||
.content-container {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 768px) and (min-width: 481px) {
|
||||
.dynamic-content > div {
|
||||
border-style: solid;
|
||||
border-width: 0 5px 5px 5px;
|
||||
border-color: #e1e1e1;
|
||||
overflow-y: hidden;
|
||||
height: auto;
|
||||
}
|
||||
.dynamic-content {
|
||||
padding: 0 2em 0 2em;
|
||||
top: 0;
|
||||
}
|
||||
.content-container {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="wrapper" id="wrapper">
|
||||
<div class="header-container">
|
||||
<h1 id="first-header"></h1>
|
||||
<p id="first-sub-header"></p>
|
||||
<p id="second-sub-header"></p>
|
||||
</div>
|
||||
<div class="content-container">
|
||||
</div>
|
||||
<div class="dynamic-content" id="demo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
210
assets/styles/frontend/lightbox.scss
Normal file
210
assets/styles/frontend/lightbox.scss
Normal file
@@ -0,0 +1,210 @@
|
||||
/* Preload images */
|
||||
body:after {
|
||||
content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lightboxOverlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||
opacity: 0.8;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lightbox {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 10000;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.lightbox .lb-image {
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: inherit;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-ms-border-radius: 3px;
|
||||
-o-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.lightbox a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.lb-outerContainer {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
*zoom: 1;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.lb-outerContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lb-container {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.lb-loader {
|
||||
position: absolute;
|
||||
top: 43%;
|
||||
left: 0;
|
||||
height: 25%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.lb-cancel {
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 0 auto;
|
||||
background: url(../images/loading.gif) no-repeat;
|
||||
}
|
||||
|
||||
.lb-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.lb-container > .nav {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.lb-nav a {
|
||||
outline: none;
|
||||
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
|
||||
}
|
||||
|
||||
.lb-prev, .lb-next {
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-prev {
|
||||
width: 34%;
|
||||
left: 0;
|
||||
float: left;
|
||||
background: url(../images/prev.png) left 48% no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-prev:hover {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-next {
|
||||
width: 64%;
|
||||
right: 0;
|
||||
float: right;
|
||||
background: url(../images/next.png) right 48% no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-next:hover {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lb-dataContainer {
|
||||
margin: 0 auto;
|
||||
padding-top: 5px;
|
||||
*zoom: 1;
|
||||
width: 100%;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.lb-dataContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lb-data {
|
||||
padding: 0 4px;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.lb-data .lb-details {
|
||||
width: 85%;
|
||||
float: left;
|
||||
text-align: left;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
|
||||
.lb-data .lb-caption {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.lb-data .lb-number {
|
||||
display: block;
|
||||
clear: left;
|
||||
padding-bottom: 1em;
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.lb-data .lb-close {
|
||||
display: block;
|
||||
float: right;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: url(../images/close.png) top right no-repeat;
|
||||
text-align: right;
|
||||
outline: none;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
|
||||
opacity: 0.7;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
-moz-transition: opacity 0.2s;
|
||||
-o-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.lb-data .lb-close:hover {
|
||||
cursor: pointer;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
7401
assets/styles/frontend/main.scss
Normal file
7401
assets/styles/frontend/main.scss
Normal file
File diff suppressed because it is too large
Load Diff
91
assets/styles/frontend/radio.css
Normal file
91
assets/styles/frontend/radio.css
Normal file
@@ -0,0 +1,91 @@
|
||||
.radio {
|
||||
padding-left: 20px; }
|
||||
.radio label {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding-left: 5px; }
|
||||
.radio label::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
left: 0;
|
||||
margin-left: -20px;
|
||||
border: 1px solid #cccccc;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
-webkit-transition: border 0.15s ease-in-out;
|
||||
-o-transition: border 0.15s ease-in-out;
|
||||
transition: border 0.15s ease-in-out; }
|
||||
.radio label::after {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
content: " ";
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
left: 3px;
|
||||
top: 3px;
|
||||
margin-left: -20px;
|
||||
border-radius: 50%;
|
||||
background-color: #555555;
|
||||
-webkit-transform: scale(0, 0);
|
||||
-ms-transform: scale(0, 0);
|
||||
-o-transform: scale(0, 0);
|
||||
transform: scale(0, 0);
|
||||
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||||
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||||
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||||
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
|
||||
.radio input[type="radio"] {
|
||||
opacity: 0; }
|
||||
.radio input[type="radio"]:focus + label::before {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px; }
|
||||
.radio input[type="radio"]:checked + label::after {
|
||||
-webkit-transform: scale(1, 1);
|
||||
-ms-transform: scale(1, 1);
|
||||
-o-transform: scale(1, 1);
|
||||
transform: scale(1, 1); }
|
||||
.radio input[type="radio"]:disabled + label {
|
||||
opacity: 0.65; }
|
||||
.radio input[type="radio"]:disabled + label::before {
|
||||
cursor: not-allowed; }
|
||||
.radio.radio-inline {
|
||||
margin-top: 0; }
|
||||
|
||||
.radio-primary input[type="radio"] + label::after {
|
||||
background-color: #428bca; }
|
||||
.radio-primary input[type="radio"]:checked + label::before {
|
||||
border-color: #428bca; }
|
||||
.radio-primary input[type="radio"]:checked + label::after {
|
||||
background-color: #428bca; }
|
||||
|
||||
.radio-danger input[type="radio"] + label::after {
|
||||
background-color: #d9534f; }
|
||||
.radio-danger input[type="radio"]:checked + label::before {
|
||||
border-color: #d9534f; }
|
||||
.radio-danger input[type="radio"]:checked + label::after {
|
||||
background-color: #d9534f; }
|
||||
|
||||
.radio-info input[type="radio"] + label::after {
|
||||
background-color: #5bc0de; }
|
||||
.radio-info input[type="radio"]:checked + label::before {
|
||||
border-color: #5bc0de; }
|
||||
.radio-info input[type="radio"]:checked + label::after {
|
||||
background-color: #5bc0de; }
|
||||
|
||||
.radio-warning input[type="radio"] + label::after {
|
||||
background-color: #f0ad4e; }
|
||||
.radio-warning input[type="radio"]:checked + label::before {
|
||||
border-color: #f0ad4e; }
|
||||
.radio-warning input[type="radio"]:checked + label::after {
|
||||
background-color: #f0ad4e; }
|
||||
|
||||
.radio-success input[type="radio"] + label::after {
|
||||
background-color: #5cb85c; }
|
||||
.radio-success input[type="radio"]:checked + label::before {
|
||||
border-color: #5cb85c; }
|
||||
.radio-success input[type="radio"]:checked + label::after {
|
||||
background-color: #5cb85c; }
|
||||
133
assets/styles/frontend/rateit.scss
Normal file
133
assets/styles/frontend/rateit.scss
Normal file
@@ -0,0 +1,133 @@
|
||||
|
||||
/*===================================================================================*/
|
||||
/* Rating CSS
|
||||
/*===================================================================================*/
|
||||
|
||||
.rateit {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
.rateit .rateit-range
|
||||
{
|
||||
position: relative;
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
background: url(../../../public/images/font/star.html);
|
||||
height: 14px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.rateit-small .rateit-range
|
||||
{
|
||||
position: relative;
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
background: url(../../../public/images/font/star-small.png);
|
||||
height: 14px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.rateit .rateit-range * {
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* for IE 6 */
|
||||
* html .rateit, * html .rateit .rateit-range
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* for IE 7 */
|
||||
* + html .rateit, * + html .rateit .rateit-range
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.rateit .rateit-hover, .rateit .rateit-selected
|
||||
{
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl
|
||||
{
|
||||
left: auto;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.rateit .rateit-hover
|
||||
{
|
||||
background: url(../../../public/images/font/star.html) left -28px;
|
||||
}
|
||||
|
||||
.rateit-small .rateit-hover
|
||||
{
|
||||
background: url(../../../public/images/font/star-small.png) left -328px;
|
||||
}
|
||||
|
||||
.rateit .rateit-hover-rtl
|
||||
{
|
||||
background-position: right -28px;
|
||||
}
|
||||
|
||||
.rateit .rateit-selected
|
||||
{
|
||||
background: url(../../../public/images/font/star.html) left -14px;
|
||||
}
|
||||
|
||||
.rateit-small .rateit-selected
|
||||
{
|
||||
background: url(../../../public/images/font/star-small.png) left -14px;
|
||||
}
|
||||
|
||||
.rateit .rateit-selected-rtl
|
||||
{
|
||||
background-position: right -14px;
|
||||
}
|
||||
|
||||
.rateit .rateit-preset
|
||||
{
|
||||
background: url(../../../public/images/font/star.html) left -48px;
|
||||
}
|
||||
|
||||
.rateit .rateit-preset-rtl
|
||||
{
|
||||
background: url(../../../public/images/font/star.html) left -48px;
|
||||
}
|
||||
|
||||
.rateit-small .rateit-preset
|
||||
{
|
||||
background: url(../../../public/images/font/star-small.png) left -48px;
|
||||
}
|
||||
|
||||
.rateit-small .rateit-preset-rtl
|
||||
{
|
||||
background: url(../../../public/images/font/star-small.png) left -48px;
|
||||
}
|
||||
|
||||
.rateit button.rateit-reset
|
||||
{
|
||||
background: url(../../../public/images/font/delete.gif) 0 0;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
outline: none;
|
||||
border:none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus
|
||||
{
|
||||
background-position: 0 -14px;
|
||||
}
|
||||
Reference in New Issue
Block a user