@main-color: #1c68b3; @special-ribbon: #03a9fc; @coupon-ribbon: #26cef8; @background-color: #c9e6f7; @social-color: #82bef8; @coupon-ribbon: #26cef8; body { background-image: url('/admin/images/theme/pattern_021.png'); background-repeat: repeat; background-position: ; background-color: @background-color; } /* Main Color */ .header-bar, #available .bx-pager-link.active, .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .radio-button:checked:after, .step-wrapper.active .number, .go-back:hover i, .button-text { background-color: @main-color; } /* Social */ nav.social [class*="icon-"].circle, nav.social [class*="icon-"].rounded, nav.social [class*="icon-"].square { background-color: @social-color; } footer, footer a, nav.social a, nav.social [class*="icon-"].default { color: @social-color; } /* Room */ .room .description-content { color: @main-color; } .room .price-tag-room { background-color: fadeout(@main-color, 20%); } /* Ribbons */ .ribbon-special { box-shadow: inset 5px 1px 3px 2px @special-ribbon; background: -moz-linear-gradient(135deg, darken(@special-ribbon, 15%) 40%, darken(@special-ribbon, 8%) 69%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(31%, darken(@special-ribbon, 8%)), color-stop(60%, darken(@special-ribbon, 15%)) ); /* safari4+,chrome */ background: -webkit-linear-gradient(135deg, darken(@special-ribbon, 15%) 40%, darken(@special-ribbon, 8%) 69%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(135deg, darken(@special-ribbon, 15%) 40%, darken(@special-ribbon, 8%) 69%); /* opera 11.10+ */ background: -ms-linear-gradient(135deg, darken(@special-ribbon, 15%) 40%, darken(@special-ribbon, 8%) 69%); /* ie10+ */ background: linear-gradient(315deg, darken(@special-ribbon, 15%) 40%, darken(@special-ribbon, 8%) 69%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= darken(@special-ribbon, 15%), endColorstr=darken(@special-ribbon, 8%), GradientType=1 ); /* ie6-9 */ } .ribbon-special:before, .ribbon-special:after { border-top-color: darken(@special-ribbon, 25%); } .price-tag-special { background-color: fadeout(@special-ribbon, 20%) } .special .description-content { color: @special-ribbon; } .ribbon-coupon { box-shadow: inset 5px 1px 3px 2px @coupon-ribbon; background: -moz-linear-gradient(135deg, darken(@coupon-ribbon, 15%) 40%, darken(@coupon-ribbon, 8%) 69%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(31%, darken(@coupon-ribbon, 8%)), color-stop(60%, darken(@coupon-ribbon, 15%))); /* safari4+,chrome */ background: -webkit-linear-gradient(135deg, darken(@coupon-ribbon, 15%) 40%, darken(@coupon-ribbon, 8%) 69%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(135deg, darken(@coupon-ribbon, 15%) 40%, darken(@coupon-ribbon, 8%) 69%); /* opera 11.10+ */ background: -ms-linear-gradient(135deg, darken(@coupon-ribbon, 15%) 40%, darken(@coupon-ribbon, 8%) 69%); /* ie10+ */ background: linear-gradient(315deg, darken(@coupon-ribbon, 15%) 40%, darken(@coupon-ribbon, 8%) 69%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= darken(@coupon-ribbon, 15%), endColorstr=darken(@coupon-ribbon, 8%),GradientType=1 ); /* ie6-9 */ } .ribbon-coupon:before, .ribbon-coupon:after { border-top-color: darken(@coupon-ribbon, 25%); } .price-tag-coupon { background-color: fadeout(@coupon-ribbon, 20%) } .discount .description-content { color: @coupon-ribbon; } #top-nav nav ul li a, label.booking-mask, .room .description-content, .close-magnific-wrapper i { color: @main-color; } .button-text { text-shadow: 2px 2px 2px darken(@main-color, 10%); } .button-text:hover { background-color: lighten(@main-color, 15%); } .room .price-tag-room { background-color: fadeout(@main-color, 20%); } .section-header { color: @main-color; } .book-detail-row .book-details, .total-row, .checkbox-wrapper label:last-child { color: @main-color; } .taxes-row .book-details, .sub-row .book-details, .discount-row .book-details, .total-row .book-details { color: #9a9c9c; } .radio-button:checked, #room-select-wrapper .bx-controls-direction a, .checkbox-wrapper span, #available .bx-prev:hover, #available .bx-next:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .read-more a { color: @main-color; } #available .bx-prev:hover, #available .bx-next:hover { text-shadow: -1px -1px 1px darken(@main-color, 10%); } footer { background-color: @main-color; box-shadow: inset 0px 5px 10px 0px fadeout(darken(@main-color, 10%), 60%); } .close-magnific-wrapper i:hover, #room-select-wrapper .bx-controls-direction a:hover { color: lighten(@main-color, 20%); }