WIP: Enabled metronic frontend
This commit is contained in:
Deon George
BIN
public/theme/frontend/metronic/pages/img/fa-angles.png
Normal file
BIN
public/theme/frontend/metronic/pages/img/fa-angles.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
54
public/theme/frontend/metronic/pages/js/bs-carousel.js
vendored
Normal file
54
public/theme/frontend/metronic/pages/js/bs-carousel.js
vendored
Normal file
@@ -0,0 +1,54 @@
|
||||
var BsCarousel = function () {
|
||||
// Carousel interval
|
||||
// $('.carousel').carousel({
|
||||
// interval: 1000
|
||||
// });
|
||||
|
||||
// smart height detection for all major screens
|
||||
// if (Layout.getViewPort().width > 1600) {
|
||||
// height = $(window).height() - $('.subscribe').outerHeight(); // full height for high resolution
|
||||
// } else if (Layout.getViewPort().height > height) {
|
||||
// height = Layout.getViewPort().height;
|
||||
// }
|
||||
|
||||
(function( $ ) {
|
||||
//Function to animate slider captions
|
||||
function doAnimations( elems ) {
|
||||
//Cache the animationend event in a variable
|
||||
var animEndEv = 'webkitAnimationEnd animationend';
|
||||
|
||||
elems.each(function () {
|
||||
var $this = $(this),
|
||||
$animationType = $this.data('animation');
|
||||
$this.addClass($animationType).one(animEndEv, function () {
|
||||
$this.removeClass($animationType);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
//Variables on page load
|
||||
var $myCarousel = $('#carousel-example-generic'),
|
||||
$firstAnimatingElems = $myCarousel.find('.item:first').find("[data-animation ^= 'animated']");
|
||||
|
||||
//Initialize carousel
|
||||
$myCarousel.carousel({
|
||||
loop:true,
|
||||
autoplay:true,
|
||||
autoplayTimeout:1000,
|
||||
autoplayHoverPause:true,
|
||||
});
|
||||
|
||||
//Animate captions in first slide on page load
|
||||
doAnimations($firstAnimatingElems);
|
||||
|
||||
//Pause carousel
|
||||
//$myCarousel.carousel('pause');
|
||||
|
||||
//Other slides to be animated on carousel slide event
|
||||
$myCarousel.on('slide.bs.carousel', function (e) {
|
||||
var $animatingElems = $(e.relatedTarget).find("[data-animation ^= 'animated']");
|
||||
doAnimations($animatingElems);
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
}();
|
||||
650
public/theme/frontend/metronic/site/css/components.css
vendored
Normal file
650
public/theme/frontend/metronic/site/css/components.css
vendored
Normal file
@@ -0,0 +1,650 @@
|
||||
/* Reset rounded corners for all elements */
|
||||
div,
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
span,
|
||||
img,
|
||||
table,
|
||||
label,
|
||||
td,
|
||||
th,
|
||||
p,
|
||||
a,
|
||||
button,
|
||||
ul,
|
||||
code,
|
||||
pre,
|
||||
li {
|
||||
-webkit-border-radius: 0 !important;
|
||||
-moz-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
a,
|
||||
a:focus,
|
||||
a:hover,
|
||||
a:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/*Fix for Firefox*/
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* Bootstrap buttons */
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
background-color: #428bca;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:active,
|
||||
.btn-primary.active {
|
||||
color: #fff;
|
||||
background-color: #3379b5;
|
||||
border-color: #2a6496;
|
||||
}
|
||||
|
||||
.open .btn-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #3379b5;
|
||||
border-color: #2a6496;
|
||||
}
|
||||
|
||||
.btn-primary:active,
|
||||
.btn-primary.active {
|
||||
background-image: none;
|
||||
background-color: #2d6ca2;
|
||||
}
|
||||
|
||||
.btn-primary:active:hover,
|
||||
.btn-primary.active:hover {
|
||||
background-color: #3071a9;
|
||||
}
|
||||
|
||||
.open .btn-primary.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-primary.disabled,
|
||||
.btn-primary.disabled:hover,
|
||||
.btn-primary.disabled:focus,
|
||||
.btn-primary.disabled:active,
|
||||
.btn-primary.disabled.active,
|
||||
.btn-primary[disabled],
|
||||
.btn-primary[disabled]:hover,
|
||||
.btn-primary[disabled]:focus,
|
||||
.btn-primary[disabled]:active,
|
||||
.btn-primary[disabled].active,
|
||||
fieldset[disabled] .btn-primary,
|
||||
fieldset[disabled] .btn-primary:hover,
|
||||
fieldset[disabled] .btn-primary:focus,
|
||||
fieldset[disabled] .btn-primary:active,
|
||||
fieldset[disabled] .btn-primary.active {
|
||||
background-color: #428bca;
|
||||
border-color: #357ebd;
|
||||
}
|
||||
|
||||
.btn-primary .badge {
|
||||
color: #428bca;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
color: #fff;
|
||||
background-color: #45B6AF;
|
||||
border-color: #3ea49d;
|
||||
}
|
||||
|
||||
.btn-success:hover,
|
||||
.btn-success:focus,
|
||||
.btn-success:active,
|
||||
.btn-success.active {
|
||||
color: #fff;
|
||||
background-color: #3b9c96;
|
||||
border-color: #307f7a;
|
||||
}
|
||||
|
||||
.open .btn-success.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #3b9c96;
|
||||
border-color: #307f7a;
|
||||
}
|
||||
|
||||
.btn-success:active,
|
||||
.btn-success.active {
|
||||
background-image: none;
|
||||
background-color: #348a84;
|
||||
}
|
||||
|
||||
.btn-success:active:hover,
|
||||
.btn-success.active:hover {
|
||||
background-color: #37918b;
|
||||
}
|
||||
|
||||
.open .btn-success.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-success.disabled,
|
||||
.btn-success.disabled:hover,
|
||||
.btn-success.disabled:focus,
|
||||
.btn-success.disabled:active,
|
||||
.btn-success.disabled.active,
|
||||
.btn-success[disabled],
|
||||
.btn-success[disabled]:hover,
|
||||
.btn-success[disabled]:focus,
|
||||
.btn-success[disabled]:active,
|
||||
.btn-success[disabled].active,
|
||||
fieldset[disabled] .btn-success,
|
||||
fieldset[disabled] .btn-success:hover,
|
||||
fieldset[disabled] .btn-success:focus,
|
||||
fieldset[disabled] .btn-success:active,
|
||||
fieldset[disabled] .btn-success.active {
|
||||
background-color: #45B6AF;
|
||||
border-color: #3ea49d;
|
||||
}
|
||||
|
||||
.btn-success .badge {
|
||||
color: #45B6AF;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
color: #fff;
|
||||
background-color: #89C4F4;
|
||||
border-color: #72b8f2;
|
||||
}
|
||||
|
||||
.btn-info:hover,
|
||||
.btn-info:focus,
|
||||
.btn-info:active,
|
||||
.btn-info.active {
|
||||
color: #fff;
|
||||
background-color: #68b4f1;
|
||||
border-color: #43a1ed;
|
||||
}
|
||||
|
||||
.open .btn-info.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #68b4f1;
|
||||
border-color: #43a1ed;
|
||||
}
|
||||
|
||||
.btn-info:active,
|
||||
.btn-info.active {
|
||||
background-image: none;
|
||||
background-color: #51a8ef;
|
||||
}
|
||||
|
||||
.btn-info:active:hover,
|
||||
.btn-info.active:hover {
|
||||
background-color: #5aadf0;
|
||||
}
|
||||
|
||||
.open .btn-info.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-info.disabled,
|
||||
.btn-info.disabled:hover,
|
||||
.btn-info.disabled:focus,
|
||||
.btn-info.disabled:active,
|
||||
.btn-info.disabled.active,
|
||||
.btn-info[disabled],
|
||||
.btn-info[disabled]:hover,
|
||||
.btn-info[disabled]:focus,
|
||||
.btn-info[disabled]:active,
|
||||
.btn-info[disabled].active,
|
||||
fieldset[disabled] .btn-info,
|
||||
fieldset[disabled] .btn-info:hover,
|
||||
fieldset[disabled] .btn-info:focus,
|
||||
fieldset[disabled] .btn-info:active,
|
||||
fieldset[disabled] .btn-info.active {
|
||||
background-color: #89C4F4;
|
||||
border-color: #72b8f2;
|
||||
}
|
||||
|
||||
.btn-info .badge {
|
||||
color: #89C4F4;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
color: #fff;
|
||||
background-color: #dfba49;
|
||||
border-color: #dbb233;
|
||||
}
|
||||
|
||||
.btn-warning:hover,
|
||||
.btn-warning:focus,
|
||||
.btn-warning:active,
|
||||
.btn-warning.active {
|
||||
color: #fff;
|
||||
background-color: #daae2b;
|
||||
border-color: #bb9521;
|
||||
}
|
||||
|
||||
.open .btn-warning.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #daae2b;
|
||||
border-color: #bb9521;
|
||||
}
|
||||
|
||||
.btn-warning:active,
|
||||
.btn-warning.active {
|
||||
background-image: none;
|
||||
background-color: #c89f23;
|
||||
}
|
||||
|
||||
.btn-warning:active:hover,
|
||||
.btn-warning.active:hover {
|
||||
background-color: #d0a625;
|
||||
}
|
||||
|
||||
.open .btn-warning.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-warning.disabled,
|
||||
.btn-warning.disabled:hover,
|
||||
.btn-warning.disabled:focus,
|
||||
.btn-warning.disabled:active,
|
||||
.btn-warning.disabled.active,
|
||||
.btn-warning[disabled],
|
||||
.btn-warning[disabled]:hover,
|
||||
.btn-warning[disabled]:focus,
|
||||
.btn-warning[disabled]:active,
|
||||
.btn-warning[disabled].active,
|
||||
fieldset[disabled] .btn-warning,
|
||||
fieldset[disabled] .btn-warning:hover,
|
||||
fieldset[disabled] .btn-warning:focus,
|
||||
fieldset[disabled] .btn-warning:active,
|
||||
fieldset[disabled] .btn-warning.active {
|
||||
background-color: #dfba49;
|
||||
border-color: #dbb233;
|
||||
}
|
||||
|
||||
.btn-warning .badge {
|
||||
color: #dfba49;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
color: #fff;
|
||||
background-color: #F3565D;
|
||||
border-color: #f13e46;
|
||||
}
|
||||
|
||||
.btn-danger:hover,
|
||||
.btn-danger:focus,
|
||||
.btn-danger:active,
|
||||
.btn-danger.active {
|
||||
color: #fff;
|
||||
background-color: #f1353d;
|
||||
border-color: #ec111b;
|
||||
}
|
||||
|
||||
.open .btn-danger.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #f1353d;
|
||||
border-color: #ec111b;
|
||||
}
|
||||
|
||||
.btn-danger:active,
|
||||
.btn-danger.active {
|
||||
background-image: none;
|
||||
background-color: #ef1d26;
|
||||
}
|
||||
|
||||
.btn-danger:active:hover,
|
||||
.btn-danger.active:hover {
|
||||
background-color: #f0262f;
|
||||
}
|
||||
|
||||
.open .btn-danger.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-danger.disabled,
|
||||
.btn-danger.disabled:hover,
|
||||
.btn-danger.disabled:focus,
|
||||
.btn-danger.disabled:active,
|
||||
.btn-danger.disabled.active,
|
||||
.btn-danger[disabled],
|
||||
.btn-danger[disabled]:hover,
|
||||
.btn-danger[disabled]:focus,
|
||||
.btn-danger[disabled]:active,
|
||||
.btn-danger[disabled].active,
|
||||
fieldset[disabled] .btn-danger,
|
||||
fieldset[disabled] .btn-danger:hover,
|
||||
fieldset[disabled] .btn-danger:focus,
|
||||
fieldset[disabled] .btn-danger:active,
|
||||
fieldset[disabled] .btn-danger.active {
|
||||
background-color: #F3565D;
|
||||
border-color: #f13e46;
|
||||
}
|
||||
|
||||
.btn-danger .badge {
|
||||
color: #F3565D;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/***
|
||||
Social Icons
|
||||
***/
|
||||
.social-icons {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.social-icons:before,
|
||||
.social-icons:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.social-icons:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.social-icons li {
|
||||
float: left;
|
||||
display: inline;
|
||||
list-style: none;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
.social-icons li > a {
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-ms-border-radius: 2px;
|
||||
-o-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
display: block;
|
||||
background-position: 0 0;
|
||||
background-repeat: no-repeat;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
-ms-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.social-icons li:hover > a {
|
||||
background-position: 0 -38px;
|
||||
}
|
||||
.social-icons li .amazon {
|
||||
background: url(../../pages/img/social/amazon.png) no-repeat;
|
||||
}
|
||||
.social-icons li .behance {
|
||||
background: url(../../pages/img/social/behance.png) no-repeat;
|
||||
}
|
||||
.social-icons li .blogger {
|
||||
background: url(../../pages/img/social/blogger.png) no-repeat;
|
||||
}
|
||||
.social-icons li .deviantart {
|
||||
background: url(../../pages/img/social/deviantart.png) no-repeat;
|
||||
}
|
||||
.social-icons li .dribbble {
|
||||
background: url(../../pages/img/social/dribbble.png) no-repeat;
|
||||
}
|
||||
.social-icons li .dropbox {
|
||||
background: url(../../pages/img/social/dropbox.png) no-repeat;
|
||||
}
|
||||
.social-icons li .evernote {
|
||||
background: url(../../pages/img/social/evernote.png) no-repeat;
|
||||
}
|
||||
.social-icons li .facebook {
|
||||
background: url(../../pages/img/social/facebook.png) no-repeat;
|
||||
}
|
||||
.social-icons li .forrst {
|
||||
background: url(../../pages/img/social/forrst.png) no-repeat;
|
||||
}
|
||||
.social-icons li .github {
|
||||
background: url(../../pages/img/social/github.png) no-repeat;
|
||||
}
|
||||
.social-icons li .googleplus {
|
||||
background: url(../../pages/img/social/googleplus.png) no-repeat;
|
||||
}
|
||||
.social-icons li .jolicloud {
|
||||
background: url(../../pages/img/social/jolicloud.png) no-repeat;
|
||||
}
|
||||
.social-icons li .last-fm {
|
||||
background: url(../../pages/img/social/last-fm.png) no-repeat;
|
||||
}
|
||||
.social-icons li .linkedin {
|
||||
background: url(../../pages/img/social/linkedin.png) no-repeat;
|
||||
}
|
||||
.social-icons li .picasa {
|
||||
background: url(../../pages/img/social/picasa.png) no-repeat;
|
||||
}
|
||||
.social-icons li .pintrest {
|
||||
background: url(../../pages/img/social/pintrest.png) no-repeat;
|
||||
}
|
||||
.social-icons li .rss {
|
||||
background: url(../../pages/img/social/rss.png) no-repeat;
|
||||
}
|
||||
.social-icons li .skype {
|
||||
background: url(../../pages/img/social/skype.png) no-repeat;
|
||||
}
|
||||
.social-icons li .spotify {
|
||||
background: url(../../pages/img/social/spotify.png) no-repeat;
|
||||
}
|
||||
.social-icons li .stumbleupon {
|
||||
background: url(../../pages/img/social/stumbleupon.png) no-repeat;
|
||||
}
|
||||
.social-icons li .tumblr {
|
||||
background: url(../../pages/img/social/tumblr.png) no-repeat;
|
||||
}
|
||||
.social-icons li .twitter {
|
||||
background: url(../../pages/img/social/twitter.png) no-repeat;
|
||||
}
|
||||
.social-icons li .vimeo {
|
||||
background: url(../../pages/img/social/vimeo.png) no-repeat;
|
||||
}
|
||||
.social-icons li .wordpress {
|
||||
background: url(../../pages/img/social/wordpress.png) no-repeat;
|
||||
}
|
||||
.social-icons li .xing {
|
||||
background: url(../../pages/img/social/xing.png) no-repeat;
|
||||
}
|
||||
.social-icons li .yahoo {
|
||||
background: url(../../pages/img/social/yahoo.png) no-repeat;
|
||||
}
|
||||
.social-icons li .youtube {
|
||||
background: url(../../pages/img/social/youtube.png) no-repeat;
|
||||
}
|
||||
.social-icons li .vk {
|
||||
background: url(../../pages/img/social/vk.png) no-repeat;
|
||||
}
|
||||
.social-icons li .instagram {
|
||||
background: url(../../pages/img/social/instagram.png) no-repeat;
|
||||
}
|
||||
.social-icons li .reddit {
|
||||
background: url(../../pages/img/social/reddit.png) no-repeat;
|
||||
}
|
||||
.social-icons li .aboutme {
|
||||
background: url(../../pages/img/social/aboutme.png) no-repeat;
|
||||
}
|
||||
.social-icons li .flickr {
|
||||
background: url(../../pages/img/social/flickr.png) no-repeat;
|
||||
}
|
||||
.social-icons li .foursquare {
|
||||
background: url(../../pages/img/social/foursquare.png) no-repeat;
|
||||
}
|
||||
.social-icons li .gravatar {
|
||||
background: url(../../pages/img/social/gravatar.png) no-repeat;
|
||||
}
|
||||
.social-icons li .klout {
|
||||
background: url(../../pages/img/social/klout.png) no-repeat;
|
||||
}
|
||||
.social-icons li .myspace {
|
||||
background: url(../../pages/img/social/myspace.png) no-repeat;
|
||||
}
|
||||
.social-icons li .quora {
|
||||
background: url(../../pages/img/social/quora.png) no-repeat;
|
||||
}
|
||||
.social-icons.social-icons-color > li > a {
|
||||
opacity: 0.7;
|
||||
background-position: 0 -38px !important;
|
||||
}
|
||||
.social-icons.social-icons-color > li > a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.social-icons.social-icons-circle > li > a {
|
||||
border-radius: 25px !important;
|
||||
}
|
||||
|
||||
/***
|
||||
Inline Social Icons
|
||||
***/
|
||||
.social-icon {
|
||||
display: inline-block !important;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background-position: 0 0;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-ms-border-radius: 2px;
|
||||
-o-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
-ms-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.social-icon.social-icon-circle {
|
||||
border-radius: 25px !important;
|
||||
}
|
||||
|
||||
.social-icon.amazon {
|
||||
background: url(../../pages/img/social/amazon.png) no-repeat;
|
||||
}
|
||||
.social-icon.behance {
|
||||
background: url(../../pages/img/social/behance.png) no-repeat;
|
||||
}
|
||||
.social-icon.blogger {
|
||||
background: url(../../pages/img/social/blogger.png) no-repeat;
|
||||
}
|
||||
.social-icon.deviantart {
|
||||
background: url(../../pages/img/social/deviantart.png) no-repeat;
|
||||
}
|
||||
.social-icon.dribbble {
|
||||
background: url(../../pages/img/social/dribbble.png) no-repeat;
|
||||
}
|
||||
.social-icon.dropbox {
|
||||
background: url(../../pages/img/social/dropbox.png) no-repeat;
|
||||
}
|
||||
.social-icon.evernote {
|
||||
background: url(../../pages/img/social/evernote.png) no-repeat;
|
||||
}
|
||||
.social-icon.facebook {
|
||||
background: url(../../pages/img/social/facebook.png) no-repeat;
|
||||
}
|
||||
.social-icon.forrst {
|
||||
background: url(../../pages/img/social/forrst.png) no-repeat;
|
||||
}
|
||||
.social-icon.github {
|
||||
background: url(../../pages/img/social/github.png) no-repeat;
|
||||
}
|
||||
.social-icon.googleplus {
|
||||
background: url(../../pages/img/social/googleplus.png) no-repeat;
|
||||
}
|
||||
.social-icon.jolicloud {
|
||||
background: url(../../pages/img/social/jolicloud.png) no-repeat;
|
||||
}
|
||||
.social-icon.last-fm {
|
||||
background: url(../../pages/img/social/last-fm.png) no-repeat;
|
||||
}
|
||||
.social-icon.linkedin {
|
||||
background: url(../../pages/img/social/linkedin.png) no-repeat;
|
||||
}
|
||||
.social-icon.picasa {
|
||||
background: url(../../pages/img/social/picasa.png) no-repeat;
|
||||
}
|
||||
.social-icon.pintrest {
|
||||
background: url(../../pages/img/social/pintrest.png) no-repeat;
|
||||
}
|
||||
.social-icon.rss {
|
||||
background: url(../../pages/img/social/rss.png) no-repeat;
|
||||
}
|
||||
.social-icon.skype {
|
||||
background: url(../../pages/img/social/skype.png) no-repeat;
|
||||
}
|
||||
.social-icon.spotify {
|
||||
background: url(../../pages/img/social/spotify.png) no-repeat;
|
||||
}
|
||||
.social-icon.stumbleupon {
|
||||
background: url(../../pages/img/social/stumbleupon.png) no-repeat;
|
||||
}
|
||||
.social-icon.tumblr {
|
||||
background: url(../../pages/img/social/tumblr.png) no-repeat;
|
||||
}
|
||||
.social-icon.twitter {
|
||||
background: url(../../pages/img/social/twitter.png) no-repeat;
|
||||
}
|
||||
.social-icon.vimeo {
|
||||
background: url(../../pages/img/social/vimeo.png) no-repeat;
|
||||
}
|
||||
.social-icon.wordpress {
|
||||
background: url(../../pages/img/social/wordpress.png) no-repeat;
|
||||
}
|
||||
.social-icon.xing {
|
||||
background: url(../../pages/img/social/xing.png) no-repeat;
|
||||
}
|
||||
.social-icon.yahoo {
|
||||
background: url(../../pages/img/social/yahoo.png) no-repeat;
|
||||
}
|
||||
.social-icon.youtube {
|
||||
background: url(../../pages/img/social/youtube.png) no-repeat;
|
||||
}
|
||||
.social-icon.vk {
|
||||
background: url(../../pages/img/social/vk.png) no-repeat;
|
||||
}
|
||||
.social-icon.instagram {
|
||||
background: url(../../pages/img/social/instagram.png) no-repeat;
|
||||
}
|
||||
.social-icon.reddit {
|
||||
background: url(../../pages/img/social/reddit.png) no-repeat;
|
||||
}
|
||||
.social-icon.aboutme {
|
||||
background: url(../../pages/img/social/aboutme.png) no-repeat;
|
||||
}
|
||||
.social-icon.flickr {
|
||||
background: url(../../pages/img/social/flickr.png) no-repeat;
|
||||
}
|
||||
.social-icon.foursquare {
|
||||
background: url(../../pages/img/social/foursquare.png) no-repeat;
|
||||
}
|
||||
.social-icon.gravatar {
|
||||
background: url(../../pages/img/social/gravatar.png) no-repeat;
|
||||
}
|
||||
.social-icon.klout {
|
||||
background: url(../../pages/img/social/klout.png) no-repeat;
|
||||
}
|
||||
.social-icon.myspace {
|
||||
background: url(../../pages/img/social/myspace.png) no-repeat;
|
||||
}
|
||||
.social-icon.quora {
|
||||
background: url(../../pages/img/social/quora.png) no-repeat;
|
||||
}
|
||||
.social-icon:hover {
|
||||
background-position: 0 -38px;
|
||||
}
|
||||
|
||||
.social-icon-color {
|
||||
opacity: 0.7;
|
||||
background-position: 0 -38px !important;
|
||||
}
|
||||
.social-icon-color:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
1
public/theme/frontend/metronic/site/css/custom.css
vendored
Normal file
1
public/theme/frontend/metronic/site/css/custom.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
/* here you can put your own css to customize and override the theme */
|
||||
425
public/theme/frontend/metronic/site/css/slider.css
vendored
Normal file
425
public/theme/frontend/metronic/site/css/slider.css
vendored
Normal file
@@ -0,0 +1,425 @@
|
||||
/*--------------------------------------------------
|
||||
[Bootstrap Carousel]
|
||||
----------------------------------------------------*/
|
||||
|
||||
/* Set displays an element as in inline-level flex container */
|
||||
.center-block {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.center-block-wrap {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: table;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.center-block-body {
|
||||
height: 100%;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Colors */
|
||||
.color-red {
|
||||
color: #e54a1a;
|
||||
}
|
||||
|
||||
.color-red-v2 {
|
||||
color: #e6400c;
|
||||
}
|
||||
|
||||
/* Carousel */
|
||||
.carousel-slider .carousel-indicators li {
|
||||
border-radius: 10px !important;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-indicators-frontend li {
|
||||
border: none;
|
||||
background: rgba(0,0,0,.4);
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-indicators-frontend .active {
|
||||
background: rgba(0,0,0,.6);
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-caption {
|
||||
left: auto;
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
text-shadow: none;
|
||||
text-align: inherit;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-control {
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-control.right,
|
||||
.carousel-slider .carousel-control.left {
|
||||
top: 50%;
|
||||
background-image: none;
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-control .fa {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 30px;
|
||||
color: #fff;
|
||||
background: rgba(255,255,255,.32);
|
||||
text-shadow: none;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-control-shop .fa {
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-control-frontend .fa {
|
||||
background: rgba(0,0,0,.7);
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-control-frontend .fa:hover {
|
||||
background: rgba(0,0,0,.9);
|
||||
}
|
||||
|
||||
.carousel-slider .item {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 580px;
|
||||
}
|
||||
|
||||
/* Carousel Item Background Images */
|
||||
.carousel-slider .carousel-item-eight {
|
||||
background: url(/image/generic/300/300/eee);
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-item-nine {
|
||||
background: url(/image/generic/400/400/ddd);
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-item-ten {
|
||||
background: url(/image/generic/500/500/ccc);
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-item-eleven {
|
||||
background: url(/metronic/pages/img/frontend-slider/bg3.jpg);
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
/* Carousel Titles */
|
||||
.carousel-slider .carousel-title-v1 {
|
||||
font-size: 75px;
|
||||
font-weight: 600;
|
||||
font-family: "PT Sans Narrow", Arial, sans-serif;
|
||||
line-height: 1.4;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-title-v2 {
|
||||
font-size: 50px;
|
||||
font-weight: 600;
|
||||
line-height: 1.4;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-title-v3 {
|
||||
font-size: 60px;
|
||||
font-weight: 600;
|
||||
line-height: 1.4;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-title-v4 {
|
||||
font-size: 100px;
|
||||
line-height: 1.4;
|
||||
color: #fff;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-title-v5 {
|
||||
font-size: 50px;
|
||||
font-weight: 200;
|
||||
line-height: 1.4;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-title-v6 {
|
||||
font-size: 50px;
|
||||
font-weight: 200;
|
||||
line-height: 1.4;
|
||||
color: #3f5862;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-title-normal {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Carousel Subtitles */
|
||||
.carousel-slider .carousel-subtitle-v1 {
|
||||
display: block;
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
line-height: 1.4;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-subtitle-v2 {
|
||||
display: block;
|
||||
font-size: 23px;
|
||||
line-height: 1.4;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-subtitle-v3 {
|
||||
display: block;
|
||||
font-size: 45px;
|
||||
font-weight: 200;
|
||||
line-height: 1.4;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-subtitle-v4 {
|
||||
display: block;
|
||||
font-size: 45px;
|
||||
font-weight: 700;
|
||||
line-height: 1.4;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-subtitle-v5 {
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
font-weight: 200;
|
||||
line-height: 1.4;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-subtitle-v6 {
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
line-height: 1.4;
|
||||
color: #fff;
|
||||
background: #e54a1a;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-subtitle-v7 {
|
||||
font-size: 14px;
|
||||
line-height: 1.4;
|
||||
color: #7b8793;
|
||||
}
|
||||
|
||||
/* Carousel Btn */
|
||||
.carousel-slider .carousel-btn {
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
padding: 10px 20px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-btn:hover {
|
||||
border-color: #e6400c;
|
||||
background: #e6400c;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Carousel Btn Green */
|
||||
.carousel-slider .carousel-btn-green {
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
font-weight: 200;
|
||||
color: #fff;
|
||||
background: #6fc561;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-btn-green:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Carousel Btn Green */
|
||||
.carousel-slider .carousel-btn-red {
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
font-weight: 200;
|
||||
color: #fff;
|
||||
background: #e54a1a;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-btn-red:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Border Bottom Title */
|
||||
.border-bottom-title {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.border-bottom-title:after {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -5px;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
content: " ";
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Border Top & Bottom */
|
||||
.border-top-bottom {
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
/* Carousel Positions */
|
||||
.carousel-slider .carousel-position-one {
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
left: 15%;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-position-two {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 15%;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-position-three {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 15%;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-position-four {
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-position-five {
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
left: 35%;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-position-six {
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
/* Carousel Animation Delay */
|
||||
.carousel-slider .carousel-caption .animate-delay {
|
||||
animation-delay: 1s;
|
||||
}
|
||||
|
||||
/* Carousel Promo Like */
|
||||
.carousel-slider .promo-like {
|
||||
position: relative;
|
||||
top: -23px;
|
||||
width: 152px;
|
||||
height: 152px;
|
||||
display: inline-block;
|
||||
font-size: 80px;
|
||||
line-height: 1;
|
||||
color: #fff;
|
||||
background: rgba(0,0,0,.67);
|
||||
margin-right: 7px;
|
||||
padding: 28px;
|
||||
}
|
||||
|
||||
.carousel-slider .promo-like-text {
|
||||
color: #fff;
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
font: 400 20px/1.4 "PT Sans Narrow", Arial, sans-serif;
|
||||
background: rgba(0,0,0,0.67);
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.carousel-slider .promo-like-text h2 {
|
||||
font: 400 38px/38px "PT Sans Narrow", Arial, sans-serif;
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
|
||||
.carousel-slider .promo-like-text p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Stylesheet design for under max-width: 992px */
|
||||
@media (max-width: 991px) { /* 992px */
|
||||
.carousel-slider .carousel-title-v1 {
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-title-v2 {
|
||||
font-size: 35px;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-title-v3 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-title-v4 {
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
/* Carousel Subtitles */
|
||||
.carousel-slider .carousel-subtitle-v1 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-subtitle-v2 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-subtitle-v3 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.carousel-slider .carousel-subtitle-v4 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
/* Carousel Promo Like */
|
||||
.carousel-slider .promo-like {
|
||||
top: -24px;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
font-size: 60px;
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.carousel-slider .promo-like-text {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.carousel-slider .promo-like-text h2 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.carousel-slider .promo-like-text p {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
805
public/theme/frontend/metronic/site/css/style-responsive.css
vendored
Normal file
805
public/theme/frontend/metronic/site/css/style-responsive.css
vendored
Normal file
@@ -0,0 +1,805 @@
|
||||
/* BEGIN max width 1200px */
|
||||
@media (max-width: 1200px) {
|
||||
.content-form-page .control-label {
|
||||
padding-left: 30px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.content-form-page .col-md-offset-4 {
|
||||
margin-left: 15px;
|
||||
}
|
||||
.content-form-page .pull-right {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.quote-v1 span {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
/* END max width 1200px */
|
||||
|
||||
/* BEGIN min width 1025px */
|
||||
@media (min-width: 1025px) {
|
||||
.header .header-navigation {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
/* END min width 1025px */
|
||||
|
||||
/* BEGIN min width 1025px max width 1205 */
|
||||
@media (min-width: 1025px) and (max-width: 1205px) {
|
||||
body.page-header-fixed {
|
||||
padding-top: 121px !important; /* height of the header */
|
||||
}
|
||||
|
||||
.header .header-navigation {
|
||||
display: block !important;
|
||||
clear: both;
|
||||
margin-top: -10px;
|
||||
float: left !important;
|
||||
}
|
||||
.reduce-header .header-navigation {
|
||||
margin-top: -6px;
|
||||
}
|
||||
.header .header-navigation > ul > li {
|
||||
margin-right: 27px;
|
||||
}
|
||||
.header .header-navigation > ul > li > a {
|
||||
padding: 5px 0 18px;
|
||||
}
|
||||
.reduce-header .header-navigation > ul > li > a {
|
||||
padding-bottom: 13px;
|
||||
}
|
||||
.header .header-navigation > ul > li.active > a, .header .header-navigation > ul > li > a:hover, .header .header-navigation > ul > li > a:focus, .header .header-navigation > ul > li.open > a, .header .header-navigation > ul > li.open > a:hover, .header .header-navigation > ul > li.open > a:focus {
|
||||
background: none;
|
||||
}
|
||||
.header-navigation > ul > li.dropdown:hover > a:after {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.dropdown-fix-right .dropdown-menu {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.header .header-navigation li.menu-search {
|
||||
top: 1px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
.ecommerce .header .header-navigation li.menu-search {
|
||||
top: 2px;
|
||||
}
|
||||
.header .header-navigation li.menu-search span.sep {
|
||||
top: 2px;
|
||||
margin-right: 26px;
|
||||
}
|
||||
.header .header-navigation li.menu-search i {
|
||||
top: -4px;
|
||||
}
|
||||
}
|
||||
/* END min width 1025px max width 1205 */
|
||||
|
||||
/* BEGIN max width 1024px */
|
||||
@media (max-width: 1024px) {
|
||||
body.page-header-fixed {
|
||||
padding-top: 107px !important; /* height of the header */
|
||||
}
|
||||
|
||||
.header .mobi-toggler {
|
||||
display: block;
|
||||
}
|
||||
.header .header-navigation {
|
||||
float: none !important;
|
||||
display: none;
|
||||
clear: both;
|
||||
background: #F9F9F9;
|
||||
padding: 0 20px;
|
||||
margin: 0 -20px 25px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.header .header-navigation li {
|
||||
float: none;
|
||||
padding: 0;
|
||||
clear: both;
|
||||
}
|
||||
.header .header-navigation li > a,
|
||||
.header .dropdown.open .dropdown-toggle,
|
||||
.header .header-navigation li.open > a {
|
||||
border-bottom: 1px solid #efefef !important;
|
||||
padding: 8px 10px 9px;
|
||||
margin: 0 -10px;
|
||||
position: relative;
|
||||
color: #666 !important;
|
||||
background: none !important;
|
||||
}
|
||||
.ecommerce .header .header-navigation li > a,
|
||||
.ecommerce .header .dropdown.open .dropdown-toggle,
|
||||
.ecommerce .header .header-navigation li.open > a {
|
||||
padding: 12px 10px 9px;
|
||||
}
|
||||
.header .header-navigation li > a:hover,
|
||||
.header .header-navigation li.active > a,
|
||||
.header .header-navigation li.open > a:hover {
|
||||
border-bottom: 1px solid #efefef !important;
|
||||
background: none !important;
|
||||
color: #dd4632 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.header-navigation > ul > li.dropdown:hover > a:after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.header-navigation > ul > li > a > i.fa-angle-down {
|
||||
display: block;
|
||||
float: right;
|
||||
margin: 3px 0 0;
|
||||
}
|
||||
|
||||
/* dropdown menu */
|
||||
.header-navigation .dropdown-menu,
|
||||
.header-navigation > ul > li > .dropdown-menu {
|
||||
position: static;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
margin-top: 0;
|
||||
border-top: none;
|
||||
z-index: 22;
|
||||
}
|
||||
.header-navigation .dropdown-menu li {
|
||||
border: none !important;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.header-navigation .dropdown-menu li > a {
|
||||
padding: 10px 10px 9px;
|
||||
z-index: 999;
|
||||
position: relative;
|
||||
}
|
||||
.header-navigation .dropdown-menu li > a > i {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header-navigation .dropdown-menu .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
.header-navigation .header-navigation-content {
|
||||
border: none;
|
||||
}
|
||||
.dropdown-megamenu .header-navigation-content {
|
||||
padding: 5px 0 0;
|
||||
margin-left: -20px;
|
||||
}
|
||||
.dropdown-megamenu .header-navigation-content .row {
|
||||
margin: 0;
|
||||
}
|
||||
.dropdown-megamenu .header-navigation-content .header-navigation-col {
|
||||
padding: 0;
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.dropdown-megamenu .header-navigation-content h4 {
|
||||
font-size: 13px;
|
||||
padding: 10px 10px 9px;
|
||||
margin: 0 -10px 0 10px;
|
||||
}
|
||||
.header-navigation .dropdown-megamenu .header-navigation-content li > a {
|
||||
padding: 10px 10px 9px;
|
||||
}
|
||||
|
||||
.header-navigation-content-ext {
|
||||
background: none;
|
||||
}
|
||||
.header-navigation-description {
|
||||
height: auto !important;
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
margin: 0 10px;
|
||||
}
|
||||
.header-navigation-content-ext .col-md-6,
|
||||
.header-navigation-content-ext .col-md-3 {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.dropdown-megamenu .header-navigation-content-ext .col-md-3 h4 {
|
||||
border-bottom: 1px solid #EFEFEF;
|
||||
}
|
||||
.header-navigation .dropdown-menu .header-navigation-content-ext li > a {
|
||||
display: block;
|
||||
}
|
||||
.header-navigation-content-ext .col-md-3, .header-navigation-content-ext .col-md-6 {
|
||||
padding: 0;
|
||||
}
|
||||
.header-navigation-content-ext .col-md-6 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.header-navigation-content-ext .col-md-6 h4 {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.header .nav-brands {
|
||||
margin: 15px 10px;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
}
|
||||
.header .nav-brands ul {
|
||||
border: 1px solid #F0F0F0;
|
||||
padding: 10px;
|
||||
}
|
||||
.header .nav-brands li {
|
||||
max-width: 50%;
|
||||
display: inline-block;
|
||||
border: none;
|
||||
margin-left: 0
|
||||
}
|
||||
.header .nav-brands li a,
|
||||
.header .nav-brands li a:hover {
|
||||
border: none !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.nav-catalogue .dropdown-menu > li {
|
||||
margin-left: 0;
|
||||
}
|
||||
.nav-catalogue .header-navigation-content {
|
||||
padding: 20px 0 0;
|
||||
}
|
||||
.nav-catalogue .product-item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.header-navigation li.menu-search,
|
||||
.ecommerce .header-navigation li.menu-search {
|
||||
top: 0;
|
||||
padding: 20px 0 10px;
|
||||
position: relative;
|
||||
}
|
||||
.header-navigation li.menu-search span.sep {
|
||||
display: none;
|
||||
}
|
||||
.header-navigation .search-box {
|
||||
position: relative;
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
.header-navigation .search-box:after {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.top-cart-block {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.page-header-fixed .header-navigation {
|
||||
height: 300px;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
/* END max width 1024px */
|
||||
|
||||
/* BEGIN max width 992px */
|
||||
@media (max-width: 992px) {
|
||||
.shop-index-carousel {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.brands .container {
|
||||
padding-right: 25px;
|
||||
}
|
||||
|
||||
.sidebar-menu a:focus {
|
||||
color: #333 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sale-product___removed {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.new-arrivals___removed {
|
||||
margin-left: 15px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.two-items-bottom-items {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.carousel img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/*.steps-block {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.steps-block-col {
|
||||
border: 2px solid #FFF;
|
||||
margin: 0 20px 20px 15px;
|
||||
padding: 20px 20px 15px;
|
||||
min-height: auto;
|
||||
float: left;
|
||||
}
|
||||
.steps-block-col:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.steps-block .steps-block-col div {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.steps-block h2 {
|
||||
font-size: 25px;
|
||||
}
|
||||
.steps-block em {
|
||||
text-transform: inherit;
|
||||
}
|
||||
.steps-block-col span,
|
||||
.steps-block-col .fa {
|
||||
display: none;
|
||||
}
|
||||
.steps-block-col:first-child em {
|
||||
margin-left: 0;
|
||||
}*/
|
||||
|
||||
.steps-block-col {
|
||||
border: 2px solid #FFF;
|
||||
margin: 0 25px 20px 15px;
|
||||
padding: 20px 20px 15px;
|
||||
min-height: auto;
|
||||
float: none;
|
||||
}
|
||||
.steps-block-col:last-child {
|
||||
margin-right: 25px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.steps-block .steps-block-col div {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.steps-block h2 {
|
||||
font-size: 43px;
|
||||
}
|
||||
.steps-block em {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.steps-block-col span {
|
||||
display: none;
|
||||
}
|
||||
.steps-block-col .fa {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pre-footer-subscribe-box form {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sidebar-products img {
|
||||
float: none;
|
||||
margin-bottom: 5px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.sidebar-products h3,
|
||||
.sidebar-products .price {
|
||||
margin-left: 0;
|
||||
}
|
||||
.product-page-options .pull-left {
|
||||
margin-bottom: 10px;
|
||||
|
||||
}
|
||||
.product-quantity {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/*
|
||||
if you want to hide buttons on mobile view, uncomment this block
|
||||
.pi-img-wrapper div {
|
||||
display: none !important;
|
||||
}*/
|
||||
.review .rateit {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.list-view-sorting .pull-right {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.service-box p, .service-box .service-box-heading em, .service-box .service-box-heading span {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.service-box .service-box-heading em {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.quote-v1 {
|
||||
text-align: center;
|
||||
}
|
||||
.quote-v1 .text-right {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.recent-work .owl-carousel {
|
||||
margin-left: -10px;
|
||||
}
|
||||
.our-clients .owl-carousel {
|
||||
margin-left: -2px;
|
||||
}
|
||||
.recent-work .owl-carousel,
|
||||
.our-clients .owl-carousel {
|
||||
padding-top: 30px;
|
||||
}
|
||||
.recent-work .owl-buttons,
|
||||
.our-clients .owl-buttons {
|
||||
top: 0;
|
||||
left: -3px;
|
||||
}
|
||||
.our-clients .owl-buttons {
|
||||
left: -10px;
|
||||
}
|
||||
|
||||
.testimonials-v1 {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.recent-work .recent-work-item .fa {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
margin-top: -18px;
|
||||
font-size: 14px;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.recent-news-inner {
|
||||
padding: 10px 15px 0;
|
||||
}
|
||||
|
||||
.ecommerce .pre-footer-subscribe-box h2, .corporate .pre-footer-subscribe-box h2 {
|
||||
padding-top: 0;
|
||||
}
|
||||
.pre-footer .pre-footer-subscribe-box {
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
.ecommerce .pre-footer-subscribe-box form {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ecommerce .content-search h1 {
|
||||
padding-top: 0;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.content-search form {
|
||||
margin: 0 0 6px;
|
||||
}
|
||||
}
|
||||
/* END max width 992px */
|
||||
|
||||
/* BEGIN max width 767px */
|
||||
@media (max-width: 767px) {
|
||||
.pre-header .pull-right {
|
||||
float: left !important;
|
||||
}
|
||||
.pre-header .pull-right li:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
.ecommerce .pre-footer-subscribe-box form {
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.header .header-navigation {
|
||||
margin: 0 -10px 0;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.header-navigation-content {
|
||||
min-width: 100px;
|
||||
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.sidebar___removed {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.sidebar-menu .fa-angle-right {
|
||||
display: inline-block;
|
||||
}
|
||||
.pre-footer .pull-right,
|
||||
.footer .pull-right {
|
||||
float: none !important;
|
||||
}
|
||||
.pre-footer .pull-right,
|
||||
.footer .pull-right {
|
||||
padding-top: 15px;
|
||||
}
|
||||
.footer .list-inline > li {
|
||||
padding-left: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
|
||||
.form-info {
|
||||
border-left: none;
|
||||
padding-left: 0;
|
||||
padding-top: 30px;
|
||||
border-top: 1px solid #E4E6E8;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.sidebar-products .item {
|
||||
float: left;
|
||||
width: 48%;
|
||||
margin-bottom: 20px;
|
||||
padding: 0 10px 10px;
|
||||
}
|
||||
.sidebar-products img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.list-view-sorting {
|
||||
/*background: #fff;*/
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.list-view-sorting .col-md-10 {
|
||||
padding-right: 0;
|
||||
}
|
||||
.product-other-images {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.product-page-options .pull-left {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.product-item .img-responsive {
|
||||
width: 100%;
|
||||
}
|
||||
.pagination {
|
||||
float: left !important;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.pagination > li {
|
||||
margin-left: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.pre-footer .margin-bottom-40 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ls-layer3 .ls-price strong {
|
||||
top: -15px;
|
||||
}
|
||||
|
||||
.glyphicons-demo ul li {
|
||||
width: 12.5%;
|
||||
}
|
||||
|
||||
.tab-style-1 .tab-content img {
|
||||
margin: 5px 0 10px;
|
||||
}
|
||||
.testimonials-v1 {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.front-steps-wrapper {
|
||||
margin-left: -10px;
|
||||
margin-right: -10px;
|
||||
}
|
||||
.front-steps-wrapper .front-step-col {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.front-steps-wrapper .front-step:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.blog-posts h2, .ecommerce .blog-posts h2 {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.ecommerce .footer {
|
||||
padding: 10px 0 10px;
|
||||
}
|
||||
.ecommerce .footer .pull-right {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.ecommerce .pre-footer address {
|
||||
margin-bottom: 15px !important;
|
||||
}
|
||||
.footer img {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.ecommerce .pre-footer-subscribe-box h2, .corporate .pre-footer-subscribe-box h2 {
|
||||
padding-top: 7px;
|
||||
}
|
||||
}
|
||||
/* END max width 767px */
|
||||
|
||||
/* BEGIN max width 600px */
|
||||
@media (max-width: 600px) {
|
||||
.ls-layer3 .ls-price strong {
|
||||
top: -5px;
|
||||
}
|
||||
}
|
||||
/* END max width 600px */
|
||||
|
||||
/* BEGIN max width 480px */
|
||||
@media (max-width: 480px) {
|
||||
.pre-header .list-inline li {
|
||||
display: block;
|
||||
border: none;
|
||||
margin-bottom: 10px;
|
||||
padding: 0;
|
||||
}
|
||||
.pre-header .col-md-6 {
|
||||
float: left;
|
||||
}
|
||||
.pre-header .additional-nav {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.nav-catalogue .pi-price {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.nav-catalogue .pi-price,
|
||||
.nav-catalogue .product-item .add2cart {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.top-cart-block {
|
||||
clear: both;
|
||||
float: left;
|
||||
padding-top: 0;
|
||||
margin: 0 0 29px;
|
||||
width: 100%;
|
||||
}
|
||||
.top-cart-info {
|
||||
float: none;
|
||||
}
|
||||
.top-cart-block .fa-shopping-cart {
|
||||
top: 0;
|
||||
}
|
||||
.top-cart-content-wrapper {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.top-cart-content:after {
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.checkout-content {
|
||||
padding: 0 0 40px;
|
||||
}
|
||||
.checkout-page h2 a {
|
||||
padding: 9px 10px 8px;
|
||||
}
|
||||
.table-wrapper-responsive {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.shopping-cart-page .btn-default {
|
||||
float: right;
|
||||
}
|
||||
.shopping-cart-page .btn-primary {
|
||||
clear: both;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.checkout-page .btn-default {
|
||||
clear: both;
|
||||
margin-top: 10px;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.product-item:hover > .pi-img-wrapper>div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.steps-block-simple h2 {
|
||||
font-size: 21px;
|
||||
}
|
||||
.steps-block-simple em {
|
||||
font-size: 14px;
|
||||
text-transform: inherit;
|
||||
}
|
||||
|
||||
.ecommerce .pre-footer-subscribe-box h2,
|
||||
.corporate .pre-footer-subscribe-box h2 {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.list-view-sorting .pull-right {
|
||||
float: left !important;
|
||||
margin: 0 30px 10px 0;
|
||||
}
|
||||
|
||||
.header .top-cart-block {
|
||||
margin-top: 0;
|
||||
}
|
||||
.reduce-header .top-cart-block {
|
||||
margin-top: 0;
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
}
|
||||
/* END max width 480px */
|
||||
|
||||
/* BEGIN max width 450px */
|
||||
@media (max-width: 450px) {
|
||||
.ecommerce .steps-block h2 {
|
||||
font-size: 33px;
|
||||
}
|
||||
}
|
||||
/* END max width 450px */
|
||||
|
||||
/* BEGIN max width 405px */
|
||||
@media (max-width: 405px) {
|
||||
.top-cart-content {
|
||||
width: 100%;
|
||||
}
|
||||
.top-cart-block img,
|
||||
.top-cart-block .cart-content-count {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
/* END max width 405px */
|
||||
|
||||
/* BEGIN max width 390px */
|
||||
@media (max-width: 390px) {
|
||||
.steps-block .fa-truck, .steps-block .fa-gift, .steps-block .fa-phone {
|
||||
border: 2px solid #FFFFFF;
|
||||
border-radius: 30px !important;
|
||||
float: left;
|
||||
font-size: 20px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 11px;
|
||||
padding-top: 12px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ecommerce .steps-block h2 {
|
||||
font-size: 25px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
.ecommerce .steps-block em {
|
||||
text-transform: inherit;
|
||||
}
|
||||
|
||||
.mix-block .tab-content .col-md-3 {
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
/* END max width 390px */
|
||||
|
||||
/* BEGIN max width 330px */
|
||||
@media (max-width: 330px) {
|
||||
.top-cart-content {
|
||||
width: 280px;
|
||||
}
|
||||
}
|
||||
/* END max width 330px */
|
||||
|
||||
/* BEGIN max width 320px */
|
||||
@media (max-width: 320px) {
|
||||
.site-logo {
|
||||
margin-right: 0;
|
||||
}
|
||||
.content-form-page .btn-default {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.price-availability-block .availability {
|
||||
clear: left;
|
||||
float: left;
|
||||
}
|
||||
.product-page-options .pull-left {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
/* END max width 320px */
|
||||
3089
public/theme/frontend/metronic/site/css/style.css
vendored
Normal file
3089
public/theme/frontend/metronic/site/css/style.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
382
public/theme/frontend/metronic/site/css/themes/blue.css
vendored
Normal file
382
public/theme/frontend/metronic/site/css/themes/blue.css
vendored
Normal file
@@ -0,0 +1,382 @@
|
||||
a {
|
||||
color: #64aed9;
|
||||
}
|
||||
a:hover {
|
||||
color: #64aed9;
|
||||
}
|
||||
.pre-header a:hover {
|
||||
color: #64aed9;
|
||||
}
|
||||
.shop-currencies a.current {
|
||||
color: #64aed9;
|
||||
}
|
||||
.header-navigation ul > li.active > a,
|
||||
.header-navigation ul > li > a:hover,
|
||||
.header-navigation ul > li > a:focus,
|
||||
.header-navigation ul > li.open > a,
|
||||
.header-navigation ul > li.open > a:hover,
|
||||
.header-navigation ul > li.open > a:focus {
|
||||
color: #64aed9;
|
||||
}
|
||||
.header-navigation li.menu-search i:hover {
|
||||
color: #64aed9;
|
||||
}
|
||||
.sidebar a:hover {
|
||||
color: #64aed9;
|
||||
}
|
||||
.sidebar .dropdown.open .dropdown-toggle:hover {
|
||||
color: #64aed9;
|
||||
}
|
||||
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
|
||||
color: #64aed9;
|
||||
}
|
||||
.content-page a:hover,
|
||||
.sidebar2 a:hover {
|
||||
color: #64aed9;
|
||||
}
|
||||
.content-page .link, .content-page .link:hover, .content-page .link:active {
|
||||
color: #64aed9;
|
||||
}
|
||||
.page-404 .number,
|
||||
.page-500 .number {
|
||||
color: #64aed9;
|
||||
}
|
||||
.content-form-page a:hover {
|
||||
color: #64aed9;
|
||||
}
|
||||
.quote-v1 a.btn-transparent:hover {
|
||||
background: #64aed9;
|
||||
}
|
||||
.recent-work h2 a:hover {
|
||||
color: #64aed9;
|
||||
}
|
||||
.recent-work .recent-work-item .fa:hover {
|
||||
color: #64aed9;
|
||||
}
|
||||
.our-clients h2 a:hover {
|
||||
color: #64aed9;
|
||||
}
|
||||
.front-team h3 strong {
|
||||
color: #64aed9;
|
||||
}
|
||||
.ecommerce .header-navigation ul > li.active > a,
|
||||
.ecommerce .header-navigation ul > li > a:hover,
|
||||
.ecommerce .header-navigation ul > li > a:focus,
|
||||
.ecommerce .header-navigation ul > li.open > a,
|
||||
.ecommerce .header-navigation ul > li.open > a:hover,
|
||||
.ecommerce .header-navigation ul > li.open > a:focus {
|
||||
color: #64aed9;
|
||||
}
|
||||
.product-item h3 a:hover {
|
||||
color: #64aed9;
|
||||
}
|
||||
.checkout-page a:hover {
|
||||
color: #64aed9;
|
||||
}
|
||||
|
||||
|
||||
.langs-block-others:after {
|
||||
border-bottom: 8px solid #64aed9;
|
||||
}
|
||||
.header-navigation > ul > li.dropdown:hover > a:after {
|
||||
border-bottom: 8px solid #64aed9;
|
||||
}
|
||||
.header-navigation .dropdown-menu > li > a:hover,
|
||||
.header-navigation .dropdown-menu > li.active > a,
|
||||
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
|
||||
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
|
||||
background: #64aed9;
|
||||
color: #fff;
|
||||
}
|
||||
.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
|
||||
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
|
||||
background: #fff;
|
||||
color: #64aed9;
|
||||
}
|
||||
.header-navigation .search-box:after {
|
||||
border-bottom: 8px solid #64aed9;
|
||||
}
|
||||
.header-navigation .search-box {
|
||||
border-top: solid 2px #64aed9;
|
||||
}
|
||||
.title-wrapper h1 span {
|
||||
color: #64aed9;
|
||||
}
|
||||
.breadcrumb > .active {
|
||||
color: #64aed9;
|
||||
}
|
||||
.form-info h2 em {
|
||||
color: #64aed9;
|
||||
}
|
||||
.nav-tabs {
|
||||
border-color: #64aed9;
|
||||
}
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||||
background: #64aed9;
|
||||
}
|
||||
.content-search h1 em {
|
||||
color: #64aed9;
|
||||
}
|
||||
.recent-work .recent-work-item:hover a.recent-work-description {
|
||||
background: #64aed9;
|
||||
}
|
||||
.testimonials-v1 blockquote:after {
|
||||
background-color: #64aed9;
|
||||
}
|
||||
.testimonials-v1 span.testimonials-name {
|
||||
color: #64aed9;
|
||||
}
|
||||
.search-result-item h4 a {
|
||||
color: #64aed9;
|
||||
}
|
||||
.top-cart-content:after {
|
||||
border-bottom: 8px solid #64aed9;
|
||||
}
|
||||
.goods-data a,
|
||||
.checkout-page .checkout-description a {
|
||||
color: #64aed9;
|
||||
}
|
||||
.product-page .review a {
|
||||
color: #64aed9;
|
||||
}
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||||
background: #64aed9;
|
||||
color: #fff;
|
||||
}
|
||||
.list-view-sorting a {
|
||||
background: #fff;
|
||||
color: #64aed9;
|
||||
}
|
||||
|
||||
|
||||
|
||||
::-moz-selection {
|
||||
color: #fff;
|
||||
background: #64aed9;
|
||||
}
|
||||
::selection {
|
||||
color: #fff;
|
||||
background: #64aed9;
|
||||
}
|
||||
.steps-block ::-moz-selection {
|
||||
color: #64aed9;
|
||||
background: #fff;
|
||||
}
|
||||
.steps-block ::selection {
|
||||
color: #64aed9;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.owl-buttons .owl-prev:hover {
|
||||
background-color: #64aed9;
|
||||
}
|
||||
.owl-buttons .owl-next:hover {
|
||||
background-color: #64aed9;
|
||||
}
|
||||
.steps-block-red {
|
||||
background: #64aed9;
|
||||
}
|
||||
.pre-footer .photo-stream img:hover {
|
||||
border-color: #64aed9;
|
||||
}
|
||||
.pre-footer-light dl.f-twitter dd a {
|
||||
color: #64aed9;
|
||||
}
|
||||
.pre-footer-light address a {
|
||||
color: #64aed9;
|
||||
}
|
||||
.testimonials-v1 .left-btn:hover {
|
||||
background-color: #64aed9;
|
||||
}
|
||||
.testimonials-v1 .right-btn:hover {
|
||||
background-color: #64aed9;
|
||||
}
|
||||
.blog-tags li i,
|
||||
.blog-info li i {
|
||||
color: #64aed9;
|
||||
}
|
||||
.blog-posts .more,
|
||||
.blog-sidebar .more {
|
||||
color: #64aed9;
|
||||
}
|
||||
.recent-news h3 a {
|
||||
color: #64aed9;
|
||||
}
|
||||
.blog-photo-stream li img:hover {
|
||||
border-color: #64aed9;
|
||||
}
|
||||
.blog-tags li a:hover {
|
||||
color: #fff;
|
||||
background: #64aed9;
|
||||
}
|
||||
.blog-tags li a:hover:after {
|
||||
border-left-color: #64aed9;
|
||||
}
|
||||
.sidebar-categories li > a:hover,
|
||||
.sidebar-categories li.active > a,
|
||||
.sidebar-categories li.active:hover > a {
|
||||
color: #64aed9;
|
||||
}
|
||||
.blog-item blockquote {
|
||||
border-color: #64aed9;
|
||||
}
|
||||
.blog-item h4.media-heading span a {
|
||||
color: #64aed9;
|
||||
}
|
||||
.front-steps-wrapper .front-step1 {
|
||||
background: #64aed9;
|
||||
}
|
||||
.pricing-active {
|
||||
border: 3px solid #64aed9;
|
||||
box-shadow: 7px 7px rgba(100, 174, 217, 0.2);
|
||||
}
|
||||
.pricing:hover {
|
||||
border: 3px solid #64aed9;
|
||||
}
|
||||
.pricing:hover h4 {
|
||||
color: #64aed9;
|
||||
}
|
||||
.pricing-head h3 {
|
||||
background: #64aed9;
|
||||
}
|
||||
.pricing-head-active h4 {
|
||||
color: #64aed9;
|
||||
}
|
||||
.pricing-content li i {
|
||||
color: #64aed9;
|
||||
}
|
||||
.top-cart-block .fa-shopping-cart {
|
||||
background: #64aed9;
|
||||
}
|
||||
.product-item .btn:hover {
|
||||
background: #64aed9;
|
||||
}
|
||||
.pi-price {
|
||||
color: #64aed9;
|
||||
}
|
||||
.product-item .add2cart:hover {
|
||||
color: #fff !important;
|
||||
background: #64aed9 !important;
|
||||
border-color: #64aed9;
|
||||
}
|
||||
.goods-page-price strong,
|
||||
.goods-page-total strong,
|
||||
.checkout-price strong,
|
||||
.checkout-total strong {
|
||||
color: #64aed9;
|
||||
}
|
||||
.shopping-total strong,
|
||||
.checkout-total-block strong {
|
||||
color: #64aed9;
|
||||
}
|
||||
.compare-item strong {
|
||||
color: #64aed9;
|
||||
}
|
||||
.sidebar-products .price {
|
||||
color: #64aed9;
|
||||
}
|
||||
.price-availability-block .price strong {
|
||||
color: #64aed9;
|
||||
}
|
||||
|
||||
.require {
|
||||
color: #64aed9;
|
||||
}
|
||||
.content-form-page .form-control:focus {
|
||||
border: solid 1px #64aed9;
|
||||
}
|
||||
.content-search input:focus {
|
||||
border: solid 1px #64aed9;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #64aed9;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:active {
|
||||
background: #64aed9;
|
||||
}
|
||||
|
||||
.header-navigation .dropdown-menu > li:first-child {
|
||||
border-top: 2px solid #64aed9;
|
||||
}
|
||||
.front-steps-wrapper .front-step1:after {
|
||||
border-left: 15px solid #83BEE0;
|
||||
}
|
||||
|
||||
.del-goods:hover,
|
||||
.add-goods:hover {
|
||||
background-color: #83BEE0;
|
||||
}
|
||||
|
||||
.sidebar a:hover > .fa-angle-down {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.sidebar .collapsed:hover > .fa-angle-down {
|
||||
background-position: -22px -37px;
|
||||
}
|
||||
|
||||
.top-cart-content {
|
||||
border-top: solid 2px #83BEE0;
|
||||
}
|
||||
|
||||
.front-skills .progress-bar {
|
||||
background: #83BEE0;
|
||||
}
|
||||
|
||||
.service-box-v1:hover {
|
||||
background: #83BEE0;
|
||||
}
|
||||
|
||||
.header .mobi-toggler:hover {
|
||||
background-color: #83BEE0;
|
||||
border-color: #83BEE0;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.header .header-navigation li > a:hover,
|
||||
.header .header-navigation li.active > a,
|
||||
.header .header-navigation li.open > a:hover {
|
||||
color: #83BEE0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.faq-tabbable {
|
||||
border-left: solid 2px #83BEE0;
|
||||
}
|
||||
.faq-tabbable li:hover a,
|
||||
.faq-tabbable li.active a{
|
||||
background: #83BEE0;
|
||||
}
|
||||
.faq-tabbable li.active:after {
|
||||
border-left: 6px solid #83BEE0;
|
||||
}
|
||||
|
||||
.mix-filter li:hover, .mix-filter li.active {
|
||||
background: #83BEE0;
|
||||
color: #fff;
|
||||
}
|
||||
.mix-grid .mix .mix-details {
|
||||
background: #83BEE0;
|
||||
}
|
||||
.mix-grid .mix a.mix-link,
|
||||
.mix-grid .mix a.mix-preview {
|
||||
background: #1ab8db;
|
||||
}
|
||||
.langs-block-others {
|
||||
border-top: solid 2px #83BEE0;
|
||||
}
|
||||
|
||||
.brands .owl-buttons .owl-prev:hover {
|
||||
background-position: 18px -325px;
|
||||
}
|
||||
.brands .owl-buttons .owl-next:hover {
|
||||
background-position: -249px -325px;
|
||||
}
|
||||
.header-navigation ul > li.active > a/*,
|
||||
.ecommerce .header-navigation ul > li.active > a*/ {
|
||||
border-bottom: 2px solid #83BEE0;
|
||||
}
|
||||
382
public/theme/frontend/metronic/site/css/themes/gray.css
vendored
Normal file
382
public/theme/frontend/metronic/site/css/themes/gray.css
vendored
Normal file
@@ -0,0 +1,382 @@
|
||||
a {
|
||||
color: #798b97;
|
||||
}
|
||||
a:hover {
|
||||
color: #798b97;
|
||||
}
|
||||
.pre-header a:hover {
|
||||
color: #798b97;
|
||||
}
|
||||
.shop-currencies a.current {
|
||||
color: #798b97;
|
||||
}
|
||||
.header-navigation ul > li.active > a,
|
||||
.header-navigation ul > li > a:hover,
|
||||
.header-navigation ul > li > a:focus,
|
||||
.header-navigation ul > li.open > a,
|
||||
.header-navigation ul > li.open > a:hover,
|
||||
.header-navigation ul > li.open > a:focus {
|
||||
color: #798b97;
|
||||
}
|
||||
.header-navigation li.menu-search i:hover {
|
||||
color: #798b97;
|
||||
}
|
||||
.sidebar a:hover {
|
||||
color: #798b97;
|
||||
}
|
||||
.sidebar .dropdown.open .dropdown-toggle:hover {
|
||||
color: #798b97;
|
||||
}
|
||||
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
|
||||
color: #798b97;
|
||||
}
|
||||
.content-page a:hover,
|
||||
.sidebar2 a:hover {
|
||||
color: #798b97;
|
||||
}
|
||||
.content-page .link, .content-page .link:hover, .content-page .link:active {
|
||||
color: #798b97;
|
||||
}
|
||||
.page-404 .number,
|
||||
.page-500 .number {
|
||||
color: #798b97;
|
||||
}
|
||||
.content-form-page a:hover {
|
||||
color: #798b97;
|
||||
}
|
||||
.quote-v1 a.btn-transparent:hover {
|
||||
background: #798b97;
|
||||
}
|
||||
.recent-work h2 a:hover {
|
||||
color: #798b97;
|
||||
}
|
||||
.recent-work .recent-work-item .fa:hover {
|
||||
color: #798b97;
|
||||
}
|
||||
.our-clients h2 a:hover {
|
||||
color: #798b97;
|
||||
}
|
||||
.front-team h3 strong {
|
||||
color: #798b97;
|
||||
}
|
||||
.ecommerce .header-navigation ul > li.active > a,
|
||||
.ecommerce .header-navigation ul > li > a:hover,
|
||||
.ecommerce .header-navigation ul > li > a:focus,
|
||||
.ecommerce .header-navigation ul > li.open > a,
|
||||
.ecommerce .header-navigation ul > li.open > a:hover,
|
||||
.ecommerce .header-navigation ul > li.open > a:focus {
|
||||
color: #798b97;
|
||||
}
|
||||
.product-item h3 a:hover {
|
||||
color: #798b97;
|
||||
}
|
||||
.checkout-page a:hover {
|
||||
color: #798b97;
|
||||
}
|
||||
|
||||
|
||||
.langs-block-others:after {
|
||||
border-bottom: 8px solid #798b97;
|
||||
}
|
||||
.header-navigation > ul > li.dropdown:hover > a:after {
|
||||
border-bottom: 8px solid #798b97;
|
||||
}
|
||||
.header-navigation .dropdown-menu > li > a:hover,
|
||||
.header-navigation .dropdown-menu > li.active > a,
|
||||
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
|
||||
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
|
||||
background: #798b97;
|
||||
color: #fff;
|
||||
}
|
||||
.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
|
||||
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
|
||||
background: #fff;
|
||||
color: #798b97;
|
||||
}
|
||||
.header-navigation .search-box:after {
|
||||
border-bottom: 8px solid #798b97;
|
||||
}
|
||||
.header-navigation .search-box {
|
||||
border-top: solid 2px #798b97;
|
||||
}
|
||||
.title-wrapper h1 span {
|
||||
color: #798b97;
|
||||
}
|
||||
.breadcrumb > .active {
|
||||
color: #798b97;
|
||||
}
|
||||
.form-info h2 em {
|
||||
color: #798b97;
|
||||
}
|
||||
.nav-tabs {
|
||||
border-color: #798b97;
|
||||
}
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||||
background: #798b97;
|
||||
}
|
||||
.content-search h1 em {
|
||||
color: #798b97;
|
||||
}
|
||||
.recent-work .recent-work-item:hover a.recent-work-description {
|
||||
background: #798b97;
|
||||
}
|
||||
.testimonials-v1 blockquote:after {
|
||||
background-color: #798b97;
|
||||
}
|
||||
.testimonials-v1 span.testimonials-name {
|
||||
color: #798b97;
|
||||
}
|
||||
.search-result-item h4 a {
|
||||
color: #798b97;
|
||||
}
|
||||
.top-cart-content:after {
|
||||
border-bottom: 8px solid #798b97;
|
||||
}
|
||||
.goods-data a,
|
||||
.checkout-page .checkout-description a {
|
||||
color: #798b97;
|
||||
}
|
||||
.product-page .review a {
|
||||
color: #798b97;
|
||||
}
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||||
background: #798b97;
|
||||
color: #fff;
|
||||
}
|
||||
.list-view-sorting a {
|
||||
background: #fff;
|
||||
color: #798b97;
|
||||
}
|
||||
|
||||
|
||||
|
||||
::-moz-selection {
|
||||
color: #fff;
|
||||
background: #798b97;
|
||||
}
|
||||
::selection {
|
||||
color: #fff;
|
||||
background: #798b97;
|
||||
}
|
||||
.steps-block ::-moz-selection {
|
||||
color: #798b97;
|
||||
background: #fff;
|
||||
}
|
||||
.steps-block ::selection {
|
||||
color: #798b97;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.owl-buttons .owl-prev:hover {
|
||||
background-color: #798b97;
|
||||
}
|
||||
.owl-buttons .owl-next:hover {
|
||||
background-color: #798b97;
|
||||
}
|
||||
.steps-block-red {
|
||||
background: #798b97;
|
||||
}
|
||||
.pre-footer .photo-stream img:hover {
|
||||
border-color: #798b97;
|
||||
}
|
||||
.pre-footer-light dl.f-twitter dd a {
|
||||
color: #798b97;
|
||||
}
|
||||
.pre-footer-light address a {
|
||||
color: #798b97;
|
||||
}
|
||||
.testimonials-v1 .left-btn:hover {
|
||||
background-color: #798b97;
|
||||
}
|
||||
.testimonials-v1 .right-btn:hover {
|
||||
background-color: #798b97;
|
||||
}
|
||||
.blog-tags li i,
|
||||
.blog-info li i {
|
||||
color: #798b97;
|
||||
}
|
||||
.blog-posts .more,
|
||||
.blog-sidebar .more {
|
||||
color: #798b97;
|
||||
}
|
||||
.recent-news h3 a {
|
||||
color: #798b97;
|
||||
}
|
||||
.blog-photo-stream li img:hover {
|
||||
border-color: #798b97;
|
||||
}
|
||||
.blog-tags li a:hover {
|
||||
color: #fff;
|
||||
background: #798b97;
|
||||
}
|
||||
.blog-tags li a:hover:after {
|
||||
border-left-color: #798b97;
|
||||
}
|
||||
.sidebar-categories li > a:hover,
|
||||
.sidebar-categories li.active > a,
|
||||
.sidebar-categories li.active:hover > a {
|
||||
color: #798b97;
|
||||
}
|
||||
.blog-item blockquote {
|
||||
border-color: #798b97;
|
||||
}
|
||||
.blog-item h4.media-heading span a {
|
||||
color: #798b97;
|
||||
}
|
||||
.front-steps-wrapper .front-step1 {
|
||||
background: #798b97;
|
||||
}
|
||||
.pricing-active {
|
||||
border: 3px solid #798b97;
|
||||
box-shadow: 7px 7px rgba(121, 139, 151, 0.2);
|
||||
}
|
||||
.pricing:hover {
|
||||
border: 3px solid #798b97;
|
||||
}
|
||||
.pricing:hover h4 {
|
||||
color: #798b97;
|
||||
}
|
||||
.pricing-head h3 {
|
||||
background: #798b97;
|
||||
}
|
||||
.pricing-head-active h4 {
|
||||
color: #798b97;
|
||||
}
|
||||
.pricing-content li i {
|
||||
color: #798b97;
|
||||
}
|
||||
.top-cart-block .fa-shopping-cart {
|
||||
background: #798b97;
|
||||
}
|
||||
.product-item .btn:hover {
|
||||
background: #798b97;
|
||||
}
|
||||
.pi-price {
|
||||
color: #798b97;
|
||||
}
|
||||
.product-item .add2cart:hover {
|
||||
color: #fff !important;
|
||||
background: #798b97 !important;
|
||||
border-color: #798b97;
|
||||
}
|
||||
.goods-page-price strong,
|
||||
.goods-page-total strong,
|
||||
.checkout-price strong,
|
||||
.checkout-total strong {
|
||||
color: #798b97;
|
||||
}
|
||||
.shopping-total strong,
|
||||
.checkout-total-block strong {
|
||||
color: #798b97;
|
||||
}
|
||||
.compare-item strong {
|
||||
color: #798b97;
|
||||
}
|
||||
.sidebar-products .price {
|
||||
color: #798b97;
|
||||
}
|
||||
.price-availability-block .price strong {
|
||||
color: #798b97;
|
||||
}
|
||||
|
||||
.require {
|
||||
color: #798b97;
|
||||
}
|
||||
.content-form-page .form-control:focus {
|
||||
border: solid 1px #798b97;
|
||||
}
|
||||
.content-search input:focus {
|
||||
border: solid 1px #798b97;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #798b97;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:active {
|
||||
background: #798b97;
|
||||
}
|
||||
|
||||
.header-navigation .dropdown-menu > li:first-child {
|
||||
border-top: 2px solid #798b97;
|
||||
}
|
||||
.front-steps-wrapper .front-step1:after {
|
||||
border-left: 15px solid #93A2AB;
|
||||
}
|
||||
|
||||
.del-goods:hover,
|
||||
.add-goods:hover {
|
||||
background-color: #93A2AB;
|
||||
}
|
||||
|
||||
.sidebar a:hover > .fa-angle-down {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
.sidebar .collapsed:hover > .fa-angle-down {
|
||||
background-position: -66px -37px;
|
||||
}
|
||||
|
||||
.top-cart-content {
|
||||
border-top: solid 2px #93A2AB;
|
||||
}
|
||||
|
||||
.front-skills .progress-bar {
|
||||
background: #93A2AB;
|
||||
}
|
||||
|
||||
.service-box-v1:hover {
|
||||
background: #93A2AB;
|
||||
}
|
||||
|
||||
.header .mobi-toggler:hover {
|
||||
background-color: #93A2AB;
|
||||
border-color: #93A2AB;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.header .header-navigation li > a:hover,
|
||||
.header .header-navigation li.active > a,
|
||||
.header .header-navigation li.open > a:hover {
|
||||
color: #93A2AB !important;
|
||||
}
|
||||
}
|
||||
|
||||
.faq-tabbable {
|
||||
border-left: solid 2px #93A2AB;
|
||||
}
|
||||
.faq-tabbable li:hover a,
|
||||
.faq-tabbable li.active a{
|
||||
background: #93A2AB;
|
||||
}
|
||||
.faq-tabbable li.active:after {
|
||||
border-left: 6px solid #93A2AB;
|
||||
}
|
||||
|
||||
.mix-filter li:hover, .mix-filter li.active {
|
||||
background: #93A2AB;
|
||||
color: #fff;
|
||||
}
|
||||
.mix-grid .mix .mix-details {
|
||||
background: #93A2AB;
|
||||
}
|
||||
.mix-grid .mix a.mix-link,
|
||||
.mix-grid .mix a.mix-preview {
|
||||
background: #959798;
|
||||
}
|
||||
.langs-block-others {
|
||||
border-top: solid 2px #93A2AB;
|
||||
}
|
||||
|
||||
.brands .owl-buttons .owl-prev:hover {
|
||||
background-position: 18px -753px;
|
||||
}
|
||||
.brands .owl-buttons .owl-next:hover {
|
||||
background-position: -249px -753px;
|
||||
}
|
||||
.header-navigation ul > li.active > a/*,
|
||||
.ecommerce .header-navigation ul > li.active > a*/ {
|
||||
border-bottom: 2px solid #93A2AB;
|
||||
}
|
||||
382
public/theme/frontend/metronic/site/css/themes/green.css
vendored
Normal file
382
public/theme/frontend/metronic/site/css/themes/green.css
vendored
Normal file
@@ -0,0 +1,382 @@
|
||||
a {
|
||||
color: #67bd3c;
|
||||
}
|
||||
a:hover {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.pre-header a:hover {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.shop-currencies a.current {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.header-navigation ul > li.active > a,
|
||||
.header-navigation ul > li > a:hover,
|
||||
.header-navigation ul > li > a:focus,
|
||||
.header-navigation ul > li.open > a,
|
||||
.header-navigation ul > li.open > a:hover,
|
||||
.header-navigation ul > li.open > a:focus {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.header-navigation li.menu-search i:hover {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.sidebar a:hover {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.sidebar .dropdown.open .dropdown-toggle:hover {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.content-page a:hover,
|
||||
.sidebar2 a:hover {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.content-page .link, .content-page .link:hover, .content-page .link:active {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.page-404 .number,
|
||||
.page-500 .number {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.content-form-page a:hover {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.quote-v1 a.btn-transparent:hover {
|
||||
background: #67bd3c;
|
||||
}
|
||||
.recent-work h2 a:hover {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.recent-work .recent-work-item .fa:hover {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.our-clients h2 a:hover {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.front-team h3 strong {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.ecommerce .header-navigation ul > li.active > a,
|
||||
.ecommerce .header-navigation ul > li > a:hover,
|
||||
.ecommerce .header-navigation ul > li > a:focus,
|
||||
.ecommerce .header-navigation ul > li.open > a,
|
||||
.ecommerce .header-navigation ul > li.open > a:hover,
|
||||
.ecommerce .header-navigation ul > li.open > a:focus {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.product-item h3 a:hover {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.checkout-page a:hover {
|
||||
color: #67bd3c;
|
||||
}
|
||||
|
||||
|
||||
.langs-block-others:after {
|
||||
border-bottom: 8px solid #67bd3c;
|
||||
}
|
||||
.header-navigation > ul > li.dropdown:hover > a:after {
|
||||
border-bottom: 8px solid #67bd3c;
|
||||
}
|
||||
.header-navigation .dropdown-menu > li > a:hover,
|
||||
.header-navigation .dropdown-menu > li.active > a,
|
||||
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
|
||||
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
|
||||
background: #67bd3c;
|
||||
color: #fff;
|
||||
}
|
||||
.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
|
||||
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
|
||||
background: #fff;
|
||||
color: #67bd3c;
|
||||
}
|
||||
.header-navigation .search-box:after {
|
||||
border-bottom: 8px solid #67bd3c;
|
||||
}
|
||||
.header-navigation .search-box {
|
||||
border-top: solid 2px #67bd3c;
|
||||
}
|
||||
.title-wrapper h1 span {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.breadcrumb > .active {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.form-info h2 em {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.nav-tabs {
|
||||
border-color: #67bd3c;
|
||||
}
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||||
background: #67bd3c;
|
||||
}
|
||||
.content-search h1 em {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.recent-work .recent-work-item:hover a.recent-work-description {
|
||||
background: #67bd3c;
|
||||
}
|
||||
.testimonials-v1 blockquote:after {
|
||||
background-color: #67bd3c;
|
||||
}
|
||||
.testimonials-v1 span.testimonials-name {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.search-result-item h4 a {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.top-cart-content:after {
|
||||
border-bottom: 8px solid #67bd3c;
|
||||
}
|
||||
.goods-data a,
|
||||
.checkout-page .checkout-description a {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.product-page .review a {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||||
background: #67bd3c;
|
||||
color: #fff;
|
||||
}
|
||||
.list-view-sorting a {
|
||||
background: #fff;
|
||||
color: #67bd3c;
|
||||
}
|
||||
|
||||
|
||||
|
||||
::-moz-selection {
|
||||
color: #fff;
|
||||
background: #67bd3c;
|
||||
}
|
||||
::selection {
|
||||
color: #fff;
|
||||
background: #67bd3c;
|
||||
}
|
||||
.steps-block ::-moz-selection {
|
||||
color: #67bd3c;
|
||||
background: #fff;
|
||||
}
|
||||
.steps-block ::selection {
|
||||
color: #67bd3c;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.owl-buttons .owl-prev:hover {
|
||||
background-color: #67bd3c;
|
||||
}
|
||||
.owl-buttons .owl-next:hover {
|
||||
background-color: #67bd3c;
|
||||
}
|
||||
.steps-block-red {
|
||||
background: #67bd3c;
|
||||
}
|
||||
.pre-footer .photo-stream img:hover {
|
||||
border-color: #67bd3c;
|
||||
}
|
||||
.pre-footer-light dl.f-twitter dd a {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.pre-footer-light address a {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.testimonials-v1 .left-btn:hover {
|
||||
background-color: #67bd3c;
|
||||
}
|
||||
.testimonials-v1 .right-btn:hover {
|
||||
background-color: #67bd3c;
|
||||
}
|
||||
.blog-tags li i,
|
||||
.blog-info li i {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.blog-posts .more,
|
||||
.blog-sidebar .more {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.recent-news h3 a {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.blog-photo-stream li img:hover {
|
||||
border-color: #67bd3c;
|
||||
}
|
||||
.blog-tags li a:hover {
|
||||
color: #fff;
|
||||
background: #67bd3c;
|
||||
}
|
||||
.blog-tags li a:hover:after {
|
||||
border-left-color: #67bd3c;
|
||||
}
|
||||
.sidebar-categories li > a:hover,
|
||||
.sidebar-categories li.active > a,
|
||||
.sidebar-categories li.active:hover > a {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.blog-item blockquote {
|
||||
border-color: #67bd3c;
|
||||
}
|
||||
.blog-item h4.media-heading span a {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.front-steps-wrapper .front-step1 {
|
||||
background: #67bd3c;
|
||||
}
|
||||
.pricing-active {
|
||||
border: 3px solid #67bd3c;
|
||||
box-shadow: 7px 7px rgba(103, 189, 60, 0.2);
|
||||
}
|
||||
.pricing:hover {
|
||||
border: 3px solid #67bd3c;
|
||||
}
|
||||
.pricing:hover h4 {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.pricing-head h3 {
|
||||
background: #67bd3c;
|
||||
}
|
||||
.pricing-head-active h4 {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.pricing-content li i {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.top-cart-block .fa-shopping-cart {
|
||||
background: #67bd3c;
|
||||
}
|
||||
.product-item .btn:hover {
|
||||
background: #67bd3c;
|
||||
}
|
||||
.pi-price {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.product-item .add2cart:hover {
|
||||
color: #fff !important;
|
||||
background: #67bd3c !important;
|
||||
border-color: #67bd3c;
|
||||
}
|
||||
.goods-page-price strong,
|
||||
.goods-page-total strong,
|
||||
.checkout-price strong,
|
||||
.checkout-total strong {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.shopping-total strong,
|
||||
.checkout-total-block strong {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.compare-item strong {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.sidebar-products .price {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.price-availability-block .price strong {
|
||||
color: #67bd3c;
|
||||
}
|
||||
|
||||
.require {
|
||||
color: #67bd3c;
|
||||
}
|
||||
.content-form-page .form-control:focus {
|
||||
border: solid 1px #67bd3c;
|
||||
}
|
||||
.content-search input:focus {
|
||||
border: solid 1px #67bd3c;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #67bd3c;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:active {
|
||||
background: #67bd3c;
|
||||
}
|
||||
|
||||
.header-navigation .dropdown-menu > li:first-child {
|
||||
border-top: 2px solid #67bd3c;
|
||||
}
|
||||
.front-steps-wrapper .front-step1:after {
|
||||
border-left: 15px solid #85CA63;
|
||||
}
|
||||
|
||||
.del-goods:hover,
|
||||
.add-goods:hover {
|
||||
background-color: #85CA63;
|
||||
}
|
||||
|
||||
.sidebar a:hover > .fa-angle-down {
|
||||
background-position: -33px 0;
|
||||
}
|
||||
.sidebar .collapsed:hover > .fa-angle-down {
|
||||
background-position: -33px -37px;
|
||||
}
|
||||
|
||||
.top-cart-content {
|
||||
border-top: solid 2px #85CA63;
|
||||
}
|
||||
|
||||
.front-skills .progress-bar {
|
||||
background: #85CA63;
|
||||
}
|
||||
|
||||
.service-box-v1:hover {
|
||||
background: #85CA63;
|
||||
}
|
||||
|
||||
.header .mobi-toggler:hover {
|
||||
background-color: #85CA63;
|
||||
border-color: #85CA63;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.header .header-navigation li > a:hover,
|
||||
.header .header-navigation li.active > a,
|
||||
.header .header-navigation li.open > a:hover {
|
||||
color: #85CA63 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.faq-tabbable {
|
||||
border-left: solid 2px #85CA63;
|
||||
}
|
||||
.faq-tabbable li:hover a,
|
||||
.faq-tabbable li.active a{
|
||||
background: #85CA63;
|
||||
}
|
||||
.faq-tabbable li.active:after {
|
||||
border-left: 6px solid #85CA63;
|
||||
}
|
||||
|
||||
.mix-filter li:hover, .mix-filter li.active {
|
||||
background: #85CA63;
|
||||
color: #fff;
|
||||
}
|
||||
.mix-grid .mix .mix-details {
|
||||
background: #85CA63;
|
||||
}
|
||||
.mix-grid .mix a.mix-link,
|
||||
.mix-grid .mix a.mix-preview {
|
||||
background: #7edb1a;
|
||||
}
|
||||
.langs-block-others {
|
||||
border-top: solid 2px #85CA63;
|
||||
}
|
||||
|
||||
.brands .owl-buttons .owl-prev:hover {
|
||||
background-position: 18px -432px;
|
||||
}
|
||||
.brands .owl-buttons .owl-next:hover {
|
||||
background-position: -249px -432px;
|
||||
}
|
||||
.header-navigation ul > li.active > a/*,
|
||||
.ecommerce .header-navigation ul > li.active > a*/ {
|
||||
border-bottom: 2px solid #85CA63;
|
||||
}
|
||||
382
public/theme/frontend/metronic/site/css/themes/orange.css
vendored
Normal file
382
public/theme/frontend/metronic/site/css/themes/orange.css
vendored
Normal file
@@ -0,0 +1,382 @@
|
||||
a {
|
||||
color: #e18604;
|
||||
}
|
||||
a:hover {
|
||||
color: #e18604;
|
||||
}
|
||||
.pre-header a:hover {
|
||||
color: #e18604;
|
||||
}
|
||||
.shop-currencies a.current {
|
||||
color: #e18604;
|
||||
}
|
||||
.header-navigation ul > li.active > a,
|
||||
.header-navigation ul > li > a:hover,
|
||||
.header-navigation ul > li > a:focus,
|
||||
.header-navigation ul > li.open > a,
|
||||
.header-navigation ul > li.open > a:hover,
|
||||
.header-navigation ul > li.open > a:focus {
|
||||
color: #e18604;
|
||||
}
|
||||
.header-navigation li.menu-search i:hover {
|
||||
color: #e18604;
|
||||
}
|
||||
.sidebar a:hover {
|
||||
color: #e18604;
|
||||
}
|
||||
.sidebar .dropdown.open .dropdown-toggle:hover {
|
||||
color: #e18604;
|
||||
}
|
||||
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
|
||||
color: #e18604;
|
||||
}
|
||||
.content-page a:hover,
|
||||
.sidebar2 a:hover {
|
||||
color: #e18604;
|
||||
}
|
||||
.content-page .link, .content-page .link:hover, .content-page .link:active {
|
||||
color: #e18604;
|
||||
}
|
||||
.page-404 .number,
|
||||
.page-500 .number {
|
||||
color: #e18604;
|
||||
}
|
||||
.content-form-page a:hover {
|
||||
color: #e18604;
|
||||
}
|
||||
.quote-v1 a.btn-transparent:hover {
|
||||
background: #e18604;
|
||||
}
|
||||
.recent-work h2 a:hover {
|
||||
color: #e18604;
|
||||
}
|
||||
.recent-work .recent-work-item .fa:hover {
|
||||
color: #e18604;
|
||||
}
|
||||
.our-clients h2 a:hover {
|
||||
color: #e18604;
|
||||
}
|
||||
.front-team h3 strong {
|
||||
color: #e18604;
|
||||
}
|
||||
.ecommerce .header-navigation ul > li.active > a,
|
||||
.ecommerce .header-navigation ul > li > a:hover,
|
||||
.ecommerce .header-navigation ul > li > a:focus,
|
||||
.ecommerce .header-navigation ul > li.open > a,
|
||||
.ecommerce .header-navigation ul > li.open > a:hover,
|
||||
.ecommerce .header-navigation ul > li.open > a:focus {
|
||||
color: #e18604;
|
||||
}
|
||||
.product-item h3 a:hover {
|
||||
color: #e18604;
|
||||
}
|
||||
.checkout-page a:hover {
|
||||
color: #e18604;
|
||||
}
|
||||
|
||||
|
||||
.langs-block-others:after {
|
||||
border-bottom: 8px solid #e18604;
|
||||
}
|
||||
.header-navigation > ul > li.dropdown:hover > a:after {
|
||||
border-bottom: 8px solid #e18604;
|
||||
}
|
||||
.header-navigation .dropdown-menu > li > a:hover,
|
||||
.header-navigation .dropdown-menu > li.active > a,
|
||||
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
|
||||
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
|
||||
background: #e18604;
|
||||
color: #fff;
|
||||
}
|
||||
.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
|
||||
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
|
||||
background: #fff;
|
||||
color: #e18604;
|
||||
}
|
||||
.header-navigation .search-box:after {
|
||||
border-bottom: 8px solid #e18604;
|
||||
}
|
||||
.header-navigation .search-box {
|
||||
border-top: solid 2px #e18604;
|
||||
}
|
||||
.title-wrapper h1 span {
|
||||
color: #e18604;
|
||||
}
|
||||
.breadcrumb > .active {
|
||||
color: #e18604;
|
||||
}
|
||||
.form-info h2 em {
|
||||
color: #e18604;
|
||||
}
|
||||
.nav-tabs {
|
||||
border-color: #e18604;
|
||||
}
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||||
background: #e18604;
|
||||
}
|
||||
.content-search h1 em {
|
||||
color: #e18604;
|
||||
}
|
||||
.recent-work .recent-work-item:hover a.recent-work-description {
|
||||
background: #e18604;
|
||||
}
|
||||
.testimonials-v1 blockquote:after {
|
||||
background-color: #e18604;
|
||||
}
|
||||
.testimonials-v1 span.testimonials-name {
|
||||
color: #e18604;
|
||||
}
|
||||
.search-result-item h4 a {
|
||||
color: #e18604;
|
||||
}
|
||||
.top-cart-content:after {
|
||||
border-bottom: 8px solid #e18604;
|
||||
}
|
||||
.goods-data a,
|
||||
.checkout-page .checkout-description a {
|
||||
color: #e18604;
|
||||
}
|
||||
.product-page .review a {
|
||||
color: #e18604;
|
||||
}
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||||
background: #e18604;
|
||||
color: #fff;
|
||||
}
|
||||
.list-view-sorting a {
|
||||
background: #fff;
|
||||
color: #e18604;
|
||||
}
|
||||
|
||||
|
||||
|
||||
::-moz-selection {
|
||||
color: #fff;
|
||||
background: #e18604;
|
||||
}
|
||||
::selection {
|
||||
color: #fff;
|
||||
background: #e18604;
|
||||
}
|
||||
.steps-block ::-moz-selection {
|
||||
color: #e18604;
|
||||
background: #fff;
|
||||
}
|
||||
.steps-block ::selection {
|
||||
color: #e18604;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.owl-buttons .owl-prev:hover {
|
||||
background-color: #e18604;
|
||||
}
|
||||
.owl-buttons .owl-next:hover {
|
||||
background-color: #e18604;
|
||||
}
|
||||
.steps-block-red {
|
||||
background: #e18604;
|
||||
}
|
||||
.pre-footer .photo-stream img:hover {
|
||||
border-color: #e18604;
|
||||
}
|
||||
.pre-footer-light dl.f-twitter dd a {
|
||||
color: #e18604;
|
||||
}
|
||||
.pre-footer-light address a {
|
||||
color: #e18604;
|
||||
}
|
||||
.testimonials-v1 .left-btn:hover {
|
||||
background-color: #e18604;
|
||||
}
|
||||
.testimonials-v1 .right-btn:hover {
|
||||
background-color: #e18604;
|
||||
}
|
||||
.blog-tags li i,
|
||||
.blog-info li i {
|
||||
color: #e18604;
|
||||
}
|
||||
.blog-posts .more,
|
||||
.blog-sidebar .more {
|
||||
color: #e18604;
|
||||
}
|
||||
.recent-news h3 a {
|
||||
color: #e18604;
|
||||
}
|
||||
.blog-photo-stream li img:hover {
|
||||
border-color: #e18604;
|
||||
}
|
||||
.blog-tags li a:hover {
|
||||
color: #fff;
|
||||
background: #e18604;
|
||||
}
|
||||
.blog-tags li a:hover:after {
|
||||
border-left-color: #e18604;
|
||||
}
|
||||
.sidebar-categories li > a:hover,
|
||||
.sidebar-categories li.active > a,
|
||||
.sidebar-categories li.active:hover > a {
|
||||
color: #e18604;
|
||||
}
|
||||
.blog-item blockquote {
|
||||
border-color: #e18604;
|
||||
}
|
||||
.blog-item h4.media-heading span a {
|
||||
color: #e18604;
|
||||
}
|
||||
.front-steps-wrapper .front-step1 {
|
||||
background: #e18604;
|
||||
}
|
||||
.pricing-active {
|
||||
border: 3px solid #e18604;
|
||||
box-shadow: 7px 7px rgba(225, 134, 4, 0.2);
|
||||
}
|
||||
.pricing:hover {
|
||||
border: 3px solid #e18604;
|
||||
}
|
||||
.pricing:hover h4 {
|
||||
color: #e18604;
|
||||
}
|
||||
.pricing-head h3 {
|
||||
background: #e18604;
|
||||
}
|
||||
.pricing-head-active h4 {
|
||||
color: #e18604;
|
||||
}
|
||||
.pricing-content li i {
|
||||
color: #e18604;
|
||||
}
|
||||
.top-cart-block .fa-shopping-cart {
|
||||
background: #e18604;
|
||||
}
|
||||
.product-item .btn:hover {
|
||||
background: #e18604;
|
||||
}
|
||||
.pi-price {
|
||||
color: #e18604;
|
||||
}
|
||||
.product-item .add2cart:hover {
|
||||
color: #fff !important;
|
||||
background: #e18604 !important;
|
||||
border-color: #e18604;
|
||||
}
|
||||
.goods-page-price strong,
|
||||
.goods-page-total strong,
|
||||
.checkout-price strong,
|
||||
.checkout-total strong {
|
||||
color: #e18604;
|
||||
}
|
||||
.shopping-total strong,
|
||||
.checkout-total-block strong {
|
||||
color: #e18604;
|
||||
}
|
||||
.compare-item strong {
|
||||
color: #e18604;
|
||||
}
|
||||
.sidebar-products .price {
|
||||
color: #e18604;
|
||||
}
|
||||
.price-availability-block .price strong {
|
||||
color: #e18604;
|
||||
}
|
||||
|
||||
.require {
|
||||
color: #e18604;
|
||||
}
|
||||
.content-form-page .form-control:focus {
|
||||
border: solid 1px #e18604;
|
||||
}
|
||||
.content-search input:focus {
|
||||
border: solid 1px #e18604;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #e18604;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:active {
|
||||
background: #e18604;
|
||||
}
|
||||
|
||||
.header-navigation .dropdown-menu > li:first-child {
|
||||
border-top: 2px solid #e18604;
|
||||
}
|
||||
.front-steps-wrapper .front-step1:after {
|
||||
border-left: 15px solid #E79E36;
|
||||
}
|
||||
|
||||
.del-goods:hover,
|
||||
.add-goods:hover {
|
||||
background-color: #E79E36;
|
||||
}
|
||||
|
||||
.sidebar a:hover > .fa-angle-down {
|
||||
background-position: -44px 0;
|
||||
}
|
||||
.sidebar .collapsed:hover > .fa-angle-down {
|
||||
background-position: -44px -37px;
|
||||
}
|
||||
|
||||
.top-cart-content {
|
||||
border-top: solid 2px #E79E36;
|
||||
}
|
||||
|
||||
.front-skills .progress-bar {
|
||||
background: #E79E36;
|
||||
}
|
||||
|
||||
.service-box-v1:hover {
|
||||
background: #E79E36;
|
||||
}
|
||||
|
||||
.header .mobi-toggler:hover {
|
||||
background-color: #E79E36;
|
||||
border-color: #E79E36;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.header .header-navigation li > a:hover,
|
||||
.header .header-navigation li.active > a,
|
||||
.header .header-navigation li.open > a:hover {
|
||||
color: #E79E36 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.faq-tabbable {
|
||||
border-left: solid 2px #E79E36;
|
||||
}
|
||||
.faq-tabbable li:hover a,
|
||||
.faq-tabbable li.active a{
|
||||
background: #E79E36;
|
||||
}
|
||||
.faq-tabbable li.active:after {
|
||||
border-left: 6px solid #E79E36;
|
||||
}
|
||||
|
||||
.mix-filter li:hover, .mix-filter li.active {
|
||||
background: #E79E36;
|
||||
color: #fff;
|
||||
}
|
||||
.mix-grid .mix .mix-details {
|
||||
background: #E79E36;
|
||||
}
|
||||
.mix-grid .mix a.mix-link,
|
||||
.mix-grid .mix a.mix-preview {
|
||||
background: #db681a;
|
||||
}
|
||||
.langs-block-others {
|
||||
border-top: solid 2px #E79E36;
|
||||
}
|
||||
|
||||
.brands .owl-buttons .owl-prev:hover {
|
||||
background-position: 18px -539px;
|
||||
}
|
||||
.brands .owl-buttons .owl-next:hover {
|
||||
background-position: -249px -539px;
|
||||
}
|
||||
.header-navigation ul > li.active > a/*,
|
||||
.ecommerce .header-navigation ul > li.active > a*/ {
|
||||
border-bottom: 2px solid #E79E36;
|
||||
}
|
||||
377
public/theme/frontend/metronic/site/css/themes/red.css
vendored
Normal file
377
public/theme/frontend/metronic/site/css/themes/red.css
vendored
Normal file
@@ -0,0 +1,377 @@
|
||||
a {
|
||||
color: #E02222;
|
||||
}
|
||||
a:hover {
|
||||
color: #E02222;
|
||||
}
|
||||
.pre-header a:hover {
|
||||
color: #E02222;
|
||||
}
|
||||
.shop-currencies a.current {
|
||||
color: #E02222;
|
||||
}
|
||||
.header-navigation ul > li.active > a,
|
||||
.header-navigation ul > li > a:hover,
|
||||
.header-navigation ul > li > a:focus,
|
||||
.header-navigation ul > li.open > a,
|
||||
.header-navigation ul > li.open > a:hover,
|
||||
.header-navigation ul > li.open > a:focus {
|
||||
color: #e02222;
|
||||
}
|
||||
.header-navigation li.menu-search i:hover {
|
||||
color: #e02222;
|
||||
}
|
||||
.sidebar a:hover {
|
||||
color: #E02222;
|
||||
}
|
||||
.sidebar .dropdown.open .dropdown-toggle:hover {
|
||||
color: #E02222;
|
||||
}
|
||||
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
|
||||
color: #E02222;
|
||||
}
|
||||
.content-page a:hover,
|
||||
.sidebar2 a:hover {
|
||||
color: #E02222;
|
||||
}
|
||||
.content-page .link, .content-page .link:hover, .content-page .link:active {
|
||||
color: #E02222;
|
||||
}
|
||||
.page-404 .number,
|
||||
.page-500 .number {
|
||||
color: #E02222;
|
||||
}
|
||||
.content-form-page a:hover {
|
||||
color: #E02222;
|
||||
}
|
||||
.quote-v1 a.btn-transparent:hover {
|
||||
background: #E02222;
|
||||
}
|
||||
.recent-work h2 a:hover {
|
||||
color: #E02222;
|
||||
}
|
||||
.recent-work .recent-work-item .fa:hover {
|
||||
color: #E02222;
|
||||
}
|
||||
.our-clients h2 a:hover {
|
||||
color: #E02222;
|
||||
}
|
||||
.front-team h3 strong {
|
||||
color: #E02222;
|
||||
}
|
||||
.ecommerce .header-navigation ul > li.active > a,
|
||||
.ecommerce .header-navigation ul > li > a:hover,
|
||||
.ecommerce .header-navigation ul > li > a:focus,
|
||||
.ecommerce .header-navigation ul > li.open > a,
|
||||
.ecommerce .header-navigation ul > li.open > a:hover,
|
||||
.ecommerce .header-navigation ul > li.open > a:focus {
|
||||
color: #e02222;
|
||||
}
|
||||
.product-item h3 a:hover {
|
||||
color: #E02222;
|
||||
}
|
||||
.checkout-page a:hover {
|
||||
color: #E02222;
|
||||
}
|
||||
|
||||
|
||||
.langs-block-others:after {
|
||||
border-bottom: 8px solid #e6400c;
|
||||
}
|
||||
.header-navigation > ul > li.dropdown:hover > a:after {
|
||||
border-bottom: 8px solid #e6400c;
|
||||
}
|
||||
.header-navigation .dropdown-menu > li > a:hover,
|
||||
.header-navigation .dropdown-menu > li.active > a,
|
||||
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
|
||||
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
|
||||
background: #e6400c;
|
||||
color: #fff;
|
||||
}
|
||||
.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
|
||||
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
|
||||
background: #fff;
|
||||
color: #e6400c;
|
||||
}
|
||||
.header-navigation .search-box:after {
|
||||
border-bottom: 8px solid #e6400c;
|
||||
}
|
||||
.header-navigation .search-box {
|
||||
border-top: solid 2px #ea4c1d;
|
||||
}
|
||||
.title-wrapper h1 span {
|
||||
color: #e6400c;
|
||||
}
|
||||
.breadcrumb > .active {
|
||||
color: #e6400c;
|
||||
}
|
||||
.form-info h2 em {
|
||||
color: #e6400c;
|
||||
}
|
||||
.nav-tabs {
|
||||
border-color: #e6400c;
|
||||
}
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||||
background: #e6400c;
|
||||
}
|
||||
.content-search h1 em {
|
||||
color: #e6400c;
|
||||
}
|
||||
.recent-work .recent-work-item:hover a.recent-work-description {
|
||||
background: #E6400C;
|
||||
}
|
||||
.testimonials-v1 blockquote:after {
|
||||
background-color: #E6400C;
|
||||
}
|
||||
.testimonials-v1 span.testimonials-name {
|
||||
color: #E6400C;
|
||||
}
|
||||
.search-result-item h4 a {
|
||||
color: #E6400C;
|
||||
}
|
||||
.top-cart-content:after {
|
||||
border-bottom: 8px solid #e6400c;
|
||||
}
|
||||
.goods-data a,
|
||||
.checkout-page .checkout-description a {
|
||||
color: #e6400c;
|
||||
}
|
||||
.product-page .review a {
|
||||
color: #e6400c;
|
||||
}
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||||
background: #E6400C;
|
||||
color: #fff;
|
||||
}
|
||||
.list-view-sorting a {
|
||||
background: #fff;
|
||||
color: #E6400C;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
color: #fff;
|
||||
background: #e45000;
|
||||
}
|
||||
::selection {
|
||||
color: #fff;
|
||||
background: #e45000;
|
||||
}
|
||||
.steps-block ::-moz-selection {
|
||||
color: #e45000;
|
||||
background: #fff;
|
||||
}
|
||||
.steps-block ::selection {
|
||||
color: #e45000;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.owl-buttons .owl-prev:hover {
|
||||
background-color: #e84d1c;
|
||||
}
|
||||
.owl-buttons .owl-next:hover {
|
||||
background-color: #e84d1c;
|
||||
}
|
||||
.steps-block-red {
|
||||
background: #e84d1c;
|
||||
}
|
||||
.pre-footer .photo-stream img:hover {
|
||||
border-color: #E84D1C;
|
||||
}
|
||||
.pre-footer-light dl.f-twitter dd a {
|
||||
color: #e84d1c;
|
||||
}
|
||||
.pre-footer-light address a {
|
||||
color: #e84d1c;
|
||||
}
|
||||
.testimonials-v1 .left-btn:hover {
|
||||
background-color: #e84d1c;
|
||||
}
|
||||
.testimonials-v1 .right-btn:hover {
|
||||
background-color: #e84d1c;
|
||||
}
|
||||
.blog-tags li i,
|
||||
.blog-info li i {
|
||||
color: #E84D1C;
|
||||
}
|
||||
.blog-posts .more,
|
||||
.blog-sidebar .more {
|
||||
color: #E84D1C;
|
||||
}
|
||||
.recent-news h3 a {
|
||||
color: #E84D1C;
|
||||
}
|
||||
.blog-photo-stream li img:hover {
|
||||
border-color: #E84D1C;
|
||||
}
|
||||
.blog-tags li a:hover {
|
||||
color: #fff;
|
||||
background: #E84D1C;
|
||||
}
|
||||
.blog-tags li a:hover:after {
|
||||
border-left-color: #E84D1C;
|
||||
}
|
||||
.sidebar-categories li > a:hover,
|
||||
.sidebar-categories li.active > a,
|
||||
.sidebar-categories li.active:hover > a {
|
||||
color: #E84D1C;
|
||||
}
|
||||
.blog-item blockquote {
|
||||
border-color: #E84D1C;
|
||||
}
|
||||
.blog-item h4.media-heading span a {
|
||||
color: #E84D1C;
|
||||
}
|
||||
.front-steps-wrapper .front-step1 {
|
||||
background: #E84D1C;
|
||||
}
|
||||
.pricing-active {
|
||||
border: 3px solid #E84D1C;
|
||||
box-shadow: 7px 7px rgba(232, 77, 22, 0.2);
|
||||
}
|
||||
.pricing:hover {
|
||||
border: 3px solid #E84D1C;
|
||||
}
|
||||
.pricing:hover h4 {
|
||||
color: #E84D1C;
|
||||
}
|
||||
.pricing-head h3 {
|
||||
background: #E84D1C;
|
||||
}
|
||||
.pricing-head-active h4 {
|
||||
color: #E84D1C;
|
||||
}
|
||||
.pricing-content li i {
|
||||
color: #E84D1C;
|
||||
}
|
||||
.top-cart-block .fa-shopping-cart {
|
||||
background: #e84d1c;
|
||||
}
|
||||
.product-item .btn:hover {
|
||||
background: #e84d1c;
|
||||
}
|
||||
.pi-price {
|
||||
color: #e84d1c;
|
||||
}
|
||||
.product-item .add2cart:hover {
|
||||
color: #fff !important;
|
||||
background: #E84D1C !important;
|
||||
border-color: #E84D1C;
|
||||
}
|
||||
.goods-page-price strong,
|
||||
.goods-page-total strong,
|
||||
.checkout-price strong,
|
||||
.checkout-total strong {
|
||||
color: #e84d1c;
|
||||
}
|
||||
.shopping-total strong,
|
||||
.checkout-total-block strong {
|
||||
color: #e84d1c;
|
||||
}
|
||||
.compare-item strong {
|
||||
color: #E84D1C;
|
||||
}
|
||||
.sidebar-products .price {
|
||||
color: #E84D1C;
|
||||
}
|
||||
.price-availability-block .price strong {
|
||||
color: #e84d1c;
|
||||
}
|
||||
|
||||
|
||||
.require {
|
||||
color: #e94d1c;
|
||||
}
|
||||
.content-form-page .form-control:focus {
|
||||
border: solid 1px #e94d1c;
|
||||
}
|
||||
.content-search input:focus {
|
||||
border: solid 1px #e94d1c;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #e94d1c;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:active {
|
||||
background: #cc3304;
|
||||
}
|
||||
|
||||
.header-navigation .dropdown-menu > li:first-child {
|
||||
border-top: 2px solid #EA4C1D;
|
||||
}
|
||||
.front-steps-wrapper .front-step1:after {
|
||||
border-left: 15px solid #EC7049;
|
||||
}
|
||||
|
||||
.del-goods:hover,
|
||||
.add-goods:hover {
|
||||
background-color: #E94D1C;
|
||||
}
|
||||
|
||||
.sidebar a:hover > .fa-angle-down {
|
||||
background-position: -11px 0;
|
||||
}
|
||||
.sidebar .collapsed:hover > .fa-angle-down {
|
||||
background-position: -11px -37px;
|
||||
}
|
||||
.top-cart-content {
|
||||
border-top: solid 2px #ea4c1d;
|
||||
}
|
||||
|
||||
.front-skills .progress-bar {
|
||||
background: #EF4D2E;
|
||||
}
|
||||
|
||||
.service-box-v1:hover {
|
||||
background: #d73d04;
|
||||
}
|
||||
|
||||
.header .mobi-toggler:hover {
|
||||
background-color: #e34f00;
|
||||
border-color: #e34f00;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.header .header-navigation li > a:hover,
|
||||
.header .header-navigation li.active > a,
|
||||
.header .header-navigation li.open > a:hover {
|
||||
color: #dd4632 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.faq-tabbable {
|
||||
border-left: solid 2px #e44f00;
|
||||
}
|
||||
.faq-tabbable li:hover a,
|
||||
.faq-tabbable li.active a{
|
||||
background: #e44f00;
|
||||
}
|
||||
.faq-tabbable li.active:after {
|
||||
border-left: 6px solid #e44f00;
|
||||
}
|
||||
|
||||
.mix-filter li:hover, .mix-filter li.active {
|
||||
background: #e44f00;
|
||||
color: #fff;
|
||||
}
|
||||
.mix-grid .mix .mix-details {
|
||||
background: #e44f00;
|
||||
}
|
||||
.mix-grid .mix a.mix-link,
|
||||
.mix-grid .mix a.mix-preview {
|
||||
background: #DB3A1B;
|
||||
}
|
||||
.langs-block-others {
|
||||
border-top: solid 2px #ea4c1d;
|
||||
}
|
||||
.brands .owl-buttons .owl-prev:hover {
|
||||
background-position: 18px -217px;
|
||||
}
|
||||
.brands .owl-buttons .owl-next:hover {
|
||||
background-position: -249px -217px;
|
||||
}
|
||||
.header-navigation ul > li.active > a/*,
|
||||
.ecommerce .header-navigation ul > li.active > a*/ {
|
||||
border-bottom: 2px solid #e64f00;
|
||||
}
|
||||
383
public/theme/frontend/metronic/site/css/themes/turquoise.css
vendored
Normal file
383
public/theme/frontend/metronic/site/css/themes/turquoise.css
vendored
Normal file
@@ -0,0 +1,383 @@
|
||||
a {
|
||||
color: #44b1c1;
|
||||
}
|
||||
a:hover {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.pre-header a:hover {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.shop-currencies a.current {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.header-navigation ul > li.active > a,
|
||||
.header-navigation ul > li > a:hover,
|
||||
.header-navigation ul > li > a:focus,
|
||||
.header-navigation ul > li.open > a,
|
||||
.header-navigation ul > li.open > a:hover,
|
||||
.header-navigation ul > li.open > a:focus {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.header-navigation li.menu-search i:hover {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.sidebar a:hover {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.sidebar .dropdown.open .dropdown-toggle:hover {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.content-page a:hover,
|
||||
.sidebar2 a:hover {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.content-page .link, .content-page .link:hover, .content-page .link:active {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.page-404 .number,
|
||||
.page-500 .number {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.content-form-page a:hover {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.quote-v1 a.btn-transparent:hover {
|
||||
background: #44b1c1;
|
||||
}
|
||||
.recent-work h2 a:hover {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.recent-work .recent-work-item .fa:hover {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.our-clients h2 a:hover {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.front-team h3 strong {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.ecommerce .header-navigation ul > li.active > a,
|
||||
.ecommerce .header-navigation ul > li > a:hover,
|
||||
.ecommerce .header-navigation ul > li > a:focus,
|
||||
.ecommerce .header-navigation ul > li.open > a,
|
||||
.ecommerce .header-navigation ul > li.open > a:hover,
|
||||
.ecommerce .header-navigation ul > li.open > a:focus {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.product-item h3 a:hover {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.checkout-page a:hover {
|
||||
color: #44b1c1;
|
||||
}
|
||||
|
||||
|
||||
.langs-block-others:after {
|
||||
border-bottom: 8px solid #44b1c1;
|
||||
}
|
||||
.header-navigation > ul > li.dropdown:hover > a:after {
|
||||
border-bottom: 8px solid #44b1c1;
|
||||
}
|
||||
.header-navigation .dropdown-menu > li > a:hover,
|
||||
.header-navigation .dropdown-menu > li.active > a,
|
||||
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
|
||||
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
|
||||
background: #44b1c1;
|
||||
color: #fff;
|
||||
}
|
||||
.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
|
||||
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
|
||||
background: #fff;
|
||||
color: #44b1c1;
|
||||
}
|
||||
.header-navigation .search-box:after {
|
||||
border-bottom: 8px solid #44b1c1;
|
||||
}
|
||||
.header-navigation .search-box {
|
||||
border-top: solid 2px #44b1c1;
|
||||
}
|
||||
.title-wrapper h1 span {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.breadcrumb > .active {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.form-info h2 em {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.nav-tabs {
|
||||
border-color: #44b1c1;
|
||||
}
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||||
background: #44b1c1;
|
||||
}
|
||||
.content-search h1 em {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.recent-work .recent-work-item:hover a.recent-work-description {
|
||||
background: #44b1c1;
|
||||
}
|
||||
.testimonials-v1 blockquote:after {
|
||||
background-color: #44b1c1;
|
||||
}
|
||||
.testimonials-v1 span.testimonials-name {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.search-result-item h4 a {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.top-cart-content:after {
|
||||
border-bottom: 8px solid #44b1c1;
|
||||
}
|
||||
.goods-data a,
|
||||
.checkout-page .checkout-description a {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.product-page .review a {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||||
background: #44b1c1;
|
||||
color: #fff;
|
||||
}
|
||||
.list-view-sorting a {
|
||||
background: #fff;
|
||||
color: #44b1c1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
::-moz-selection {
|
||||
color: #fff;
|
||||
background: #44b1c1;
|
||||
}
|
||||
::selection {
|
||||
color: #fff;
|
||||
background: #44b1c1;
|
||||
}
|
||||
.steps-block ::-moz-selection {
|
||||
color: #44b1c1;
|
||||
background: #fff;
|
||||
}
|
||||
.steps-block ::selection {
|
||||
color: #44b1c1;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.owl-buttons .owl-prev:hover {
|
||||
background-color: #44b1c1;
|
||||
}
|
||||
.owl-buttons .owl-next:hover {
|
||||
background-color: #44b1c1;
|
||||
}
|
||||
.steps-block-red {
|
||||
background: #44b1c1;
|
||||
}
|
||||
.pre-footer .photo-stream img:hover {
|
||||
border-color: #44b1c1;
|
||||
}
|
||||
.pre-footer-light dl.f-twitter dd a {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.pre-footer-light address a {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.testimonials-v1 .left-btn:hover {
|
||||
background-color: #44b1c1;
|
||||
}
|
||||
.testimonials-v1 .right-btn:hover {
|
||||
background-color: #44b1c1;
|
||||
}
|
||||
.blog-tags li i,
|
||||
.blog-info li i {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.blog-posts .more,
|
||||
.blog-sidebar .more {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.recent-news h3 a {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.blog-photo-stream li img:hover {
|
||||
border-color: #44b1c1;
|
||||
}
|
||||
.blog-tags li a:hover {
|
||||
color: #fff;
|
||||
background: #44b1c1;
|
||||
}
|
||||
.blog-tags li a:hover:after {
|
||||
border-left-color: #44b1c1;
|
||||
}
|
||||
.sidebar-categories li > a:hover,
|
||||
.sidebar-categories li.active > a,
|
||||
.sidebar-categories li.active:hover > a {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.blog-item blockquote {
|
||||
border-color: #44b1c1;
|
||||
}
|
||||
.blog-item h4.media-heading span a {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.front-steps-wrapper .front-step1 {
|
||||
background: #44b1c1;
|
||||
}
|
||||
.pricing-active {
|
||||
border: 3px solid #44b1c1;
|
||||
box-shadow: 7px 7px rgba(68, 177, 193, 0.2);
|
||||
}
|
||||
.pricing:hover {
|
||||
border: 3px solid #44b1c1;
|
||||
}
|
||||
.pricing:hover h4 {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.pricing-head h3 {
|
||||
background: #44b1c1;
|
||||
}
|
||||
.pricing-head-active h4 {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.pricing-content li i {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.top-cart-block .fa-shopping-cart {
|
||||
background: #44b1c1;
|
||||
}
|
||||
.product-item .btn:hover {
|
||||
background: #44b1c1;
|
||||
}
|
||||
.pi-price {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.product-item .add2cart:hover {
|
||||
color: #fff !important;
|
||||
background: #44b1c1 !important;
|
||||
border-color: #44b1c1;
|
||||
}
|
||||
.goods-page-price strong,
|
||||
.goods-page-total strong,
|
||||
.checkout-price strong,
|
||||
.checkout-total strong {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.shopping-total strong,
|
||||
.checkout-total-block strong {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.compare-item strong {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.sidebar-products .price {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.price-availability-block .price strong {
|
||||
color: #44b1c1;
|
||||
}
|
||||
|
||||
.require {
|
||||
color: #44b1c1;
|
||||
}
|
||||
.content-form-page .form-control:focus {
|
||||
border: solid 1px #44b1c1;
|
||||
}
|
||||
.content-search input:focus {
|
||||
border: solid 1px #44b1c1;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #44b1c1;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:active {
|
||||
background: #44b1c1;
|
||||
}
|
||||
|
||||
.header-navigation .dropdown-menu > li:first-child {
|
||||
border-top: 2px solid #44b1c1;
|
||||
}
|
||||
.front-steps-wrapper .front-step1:after {
|
||||
border-left: 15px solid #69C0CD;
|
||||
}
|
||||
|
||||
.del-goods:hover,
|
||||
.add-goods:hover {
|
||||
background-color: #69C0CD;
|
||||
}
|
||||
|
||||
.sidebar a:hover > .fa-angle-down {
|
||||
background-position: -55px 0;
|
||||
}
|
||||
.sidebar .collapsed:hover > .fa-angle-down {
|
||||
background-position: -55px -37px;
|
||||
}
|
||||
|
||||
.top-cart-content {
|
||||
border-top: solid 2px #69C0CD;
|
||||
}
|
||||
|
||||
.front-skills .progress-bar {
|
||||
background: #69C0CD;
|
||||
}
|
||||
|
||||
.service-box-v1:hover {
|
||||
background: #69C0CD;
|
||||
}
|
||||
|
||||
.header .mobi-toggler:hover {
|
||||
background-color: #69C0CD;
|
||||
border-color: #69C0CD;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.header .header-navigation li > a:hover,
|
||||
.header .header-navigation li.active > a,
|
||||
.header .header-navigation li.open > a:hover {
|
||||
color: #69C0CD !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.faq-tabbable {
|
||||
border-left: solid 2px #69C0CD;
|
||||
}
|
||||
.faq-tabbable li:hover a,
|
||||
.faq-tabbable li.active a{
|
||||
background: #69C0CD;
|
||||
}
|
||||
.faq-tabbable li.active:after {
|
||||
border-left: 6px solid #69C0CD;
|
||||
}
|
||||
|
||||
.mix-filter li:hover, .mix-filter li.active {
|
||||
background: #69C0CD;
|
||||
color: #fff;
|
||||
}
|
||||
.mix-grid .mix .mix-details {
|
||||
background: #69C0CD;
|
||||
}
|
||||
.mix-grid .mix a.mix-link,
|
||||
.mix-grid .mix a.mix-preview {
|
||||
background: #1adbd2;
|
||||
}
|
||||
.langs-block-others {
|
||||
border-top: solid 2px #69C0CD;
|
||||
}
|
||||
|
||||
.brands .owl-buttons .owl-prev:hover {
|
||||
background-position: 18px -646px;
|
||||
}
|
||||
.brands .owl-buttons .owl-next:hover {
|
||||
background-position: -249px -646px;
|
||||
}
|
||||
.header-navigation ul > li.active > a/*,
|
||||
.ecommerce .header-navigation ul > li.active > a*/ {
|
||||
border-bottom: 2px solid #69C0CD;
|
||||
}
|
||||
BIN
public/theme/frontend/metronic/site/img/blockquote-corner.png
Normal file
BIN
public/theme/frontend/metronic/site/img/blockquote-corner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 974 B |
BIN
public/theme/frontend/metronic/site/img/icons/toggler.png
Normal file
BIN
public/theme/frontend/metronic/site/img/icons/toggler.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 995 B |
BIN
public/theme/frontend/metronic/site/img/up.png
Normal file
BIN
public/theme/frontend/metronic/site/img/up.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 948 B |
472
public/theme/frontend/metronic/site/js/layout.js
vendored
Normal file
472
public/theme/frontend/metronic/site/js/layout.js
vendored
Normal file
@@ -0,0 +1,472 @@
|
||||
var Layout = function () {
|
||||
|
||||
// IE mode
|
||||
var isRTL = false;
|
||||
var isIE8 = false;
|
||||
var isIE9 = false;
|
||||
var isIE10 = false;
|
||||
var isIE11 = false;
|
||||
|
||||
var responsive = true;
|
||||
|
||||
var responsiveHandlers = [];
|
||||
|
||||
var handleInit = function() {
|
||||
|
||||
if ($('body').css('direction') === 'rtl') {
|
||||
isRTL = true;
|
||||
}
|
||||
|
||||
isIE8 = !! navigator.userAgent.match(/MSIE 8.0/);
|
||||
isIE9 = !! navigator.userAgent.match(/MSIE 9.0/);
|
||||
isIE10 = !! navigator.userAgent.match(/MSIE 10.0/);
|
||||
isIE11 = !! navigator.userAgent.match(/MSIE 11.0/);
|
||||
|
||||
if (isIE10) {
|
||||
jQuery('html').addClass('ie10'); // detect IE10 version
|
||||
}
|
||||
if (isIE11) {
|
||||
jQuery('html').addClass('ie11'); // detect IE11 version
|
||||
}
|
||||
}
|
||||
|
||||
// runs callback functions set by App.addResponsiveHandler().
|
||||
var runResponsiveHandlers = function () {
|
||||
// reinitialize other subscribed elements
|
||||
for (var i in responsiveHandlers) {
|
||||
var each = responsiveHandlers[i];
|
||||
each.call();
|
||||
}
|
||||
}
|
||||
|
||||
// handle the layout reinitialization on window resize
|
||||
var handleResponsiveOnResize = function () {
|
||||
var resize;
|
||||
if (isIE8) {
|
||||
var currheight;
|
||||
$(window).resize(function () {
|
||||
if (currheight == document.documentElement.clientHeight) {
|
||||
return; //quite event since only body resized not window.
|
||||
}
|
||||
if (resize) {
|
||||
clearTimeout(resize);
|
||||
}
|
||||
resize = setTimeout(function () {
|
||||
runResponsiveHandlers();
|
||||
}, 50); // wait 50ms until window resize finishes.
|
||||
currheight = document.documentElement.clientHeight; // store last body client height
|
||||
});
|
||||
} else {
|
||||
$(window).resize(function () {
|
||||
if (resize) {
|
||||
clearTimeout(resize);
|
||||
}
|
||||
resize = setTimeout(function () {
|
||||
runResponsiveHandlers();
|
||||
}, 50); // wait 50ms until window resize finishes.
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var handleIEFixes = function() {
|
||||
//fix html5 placeholder attribute for ie7 & ie8
|
||||
if (isIE8 || isIE9) { // ie8 & ie9
|
||||
// this is html5 placeholder fix for inputs, inputs with placeholder-no-fix class will be skipped(e.g: we need this for password fields)
|
||||
jQuery('input[placeholder]:not(.placeholder-no-fix), textarea[placeholder]:not(.placeholder-no-fix)').each(function () {
|
||||
|
||||
var input = jQuery(this);
|
||||
|
||||
if (input.val() == '' && input.attr("placeholder") != '') {
|
||||
input.addClass("placeholder").val(input.attr('placeholder'));
|
||||
}
|
||||
|
||||
input.focus(function () {
|
||||
if (input.val() == input.attr('placeholder')) {
|
||||
input.val('');
|
||||
}
|
||||
});
|
||||
|
||||
input.blur(function () {
|
||||
if (input.val() == '' || input.val() == input.attr('placeholder')) {
|
||||
input.val(input.attr('placeholder'));
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Handles scrollable contents using jQuery SlimScroll plugin.
|
||||
var handleScrollers = function () {
|
||||
$('.scroller').each(function () {
|
||||
var height;
|
||||
if ($(this).attr("data-height")) {
|
||||
height = $(this).attr("data-height");
|
||||
} else {
|
||||
height = $(this).css('height');
|
||||
}
|
||||
$(this).slimScroll({
|
||||
allowPageScroll: true, // allow page scroll when the element scroll is ended
|
||||
size: '7px',
|
||||
color: ($(this).attr("data-handle-color") ? $(this).attr("data-handle-color") : '#bbb'),
|
||||
railColor: ($(this).attr("data-rail-color") ? $(this).attr("data-rail-color") : '#eaeaea'),
|
||||
position: isRTL ? 'left' : 'right',
|
||||
height: height,
|
||||
alwaysVisible: ($(this).attr("data-always-visible") == "1" ? true : false),
|
||||
railVisible: ($(this).attr("data-rail-visible") == "1" ? true : false),
|
||||
disableFadeOut: true
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
var handleSearch = function() {
|
||||
$('.search-btn').click(function () {
|
||||
if($('.search-btn').hasClass('show-search-icon')){
|
||||
if ($(window).width()>767) {
|
||||
$('.search-box').fadeOut(300);
|
||||
} else {
|
||||
$('.search-box').fadeOut(0);
|
||||
}
|
||||
$('.search-btn').removeClass('show-search-icon');
|
||||
} else {
|
||||
if ($(window).width()>767) {
|
||||
$('.search-box').fadeIn(300);
|
||||
} else {
|
||||
$('.search-box').fadeIn(0);
|
||||
}
|
||||
$('.search-btn').addClass('show-search-icon');
|
||||
}
|
||||
});
|
||||
|
||||
// close search box on body click
|
||||
if($('.search-btn').size() != 0) {
|
||||
$('.search-box, .search-btn').on('click', function(e){
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
$('body').on('click', function() {
|
||||
if ($('.search-btn').hasClass('show-search-icon')) {
|
||||
$('.search-btn').removeClass("show-search-icon");
|
||||
$('.search-box').fadeOut(300);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var handleMenu = function() {
|
||||
$(".header .navbar-toggle").click(function () {
|
||||
if ($(".header .navbar-collapse").hasClass("open")) {
|
||||
$(".header .navbar-collapse").slideDown(300)
|
||||
.removeClass("open");
|
||||
} else {
|
||||
$(".header .navbar-collapse").slideDown(300)
|
||||
.addClass("open");
|
||||
}
|
||||
});
|
||||
}
|
||||
var handleSubMenuExt = function() {
|
||||
$(".header-navigation .dropdown").on("hover", function() {
|
||||
if ($(this).children(".header-navigation-content-ext").show()) {
|
||||
if ($(".header-navigation-content-ext").height()>=$(".header-navigation-description").height()) {
|
||||
$(".header-navigation-description").css("height", $(".header-navigation-content-ext").height()+22);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var handleSidebarMenu = function () {
|
||||
$(".sidebar .dropdown > a").click(function (event) {
|
||||
if ($(this).next().hasClass('dropdown-menu')) {
|
||||
event.preventDefault();
|
||||
if ($(this).hasClass("collapsed") == false) {
|
||||
$(this).addClass("collapsed");
|
||||
$(this).siblings(".dropdown-menu").slideDown(300);
|
||||
} else {
|
||||
$(this).removeClass("collapsed");
|
||||
$(this).siblings(".dropdown-menu").slideUp(300);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function handleDifInits() {
|
||||
$(".header .navbar-toggle span:nth-child(2)").addClass("short-icon-bar");
|
||||
$(".header .navbar-toggle span:nth-child(4)").addClass("short-icon-bar");
|
||||
}
|
||||
|
||||
function handleUniform() {
|
||||
if (!jQuery().uniform) {
|
||||
return;
|
||||
}
|
||||
var test = $("input[type=checkbox]:not(.toggle), input[type=radio]:not(.toggle, .star)");
|
||||
if (test.size() > 0) {
|
||||
test.each(function () {
|
||||
if ($(this).parents(".checker").size() == 0) {
|
||||
$(this).show();
|
||||
$(this).uniform();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var handleFancybox = function () {
|
||||
if (!jQuery.fancybox) {
|
||||
return;
|
||||
}
|
||||
|
||||
jQuery(".fancybox-fast-view").fancybox();
|
||||
|
||||
if (jQuery(".fancybox-button").size() > 0) {
|
||||
jQuery(".fancybox-button").fancybox({
|
||||
groupAttr: 'data-rel',
|
||||
prevEffect: 'none',
|
||||
nextEffect: 'none',
|
||||
closeBtn: true,
|
||||
helpers: {
|
||||
title: {
|
||||
type: 'inside'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('.fancybox-video').fancybox({
|
||||
type: 'iframe'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Handles Bootstrap Accordions.
|
||||
var handleAccordions = function () {
|
||||
|
||||
jQuery('body').on('shown.bs.collapse', '.accordion.scrollable', function (e) {
|
||||
Layout.scrollTo($(e.target), -100);
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Handles Bootstrap Tabs.
|
||||
var handleTabs = function () {
|
||||
// fix content height on tab click
|
||||
$('body').on('shown.bs.tab', '.nav.nav-tabs', function () {
|
||||
handleSidebarAndContentHeight();
|
||||
});
|
||||
|
||||
//activate tab if tab id provided in the URL
|
||||
if (location.hash) {
|
||||
var tabid = location.hash.substr(1);
|
||||
$('a[href="#' + tabid + '"]').click();
|
||||
}
|
||||
}
|
||||
|
||||
var handleMobiToggler = function () {
|
||||
$(".mobi-toggler").on("click", function(event) {
|
||||
event.preventDefault();//the default action of the event will not be triggered
|
||||
|
||||
$(".header").toggleClass("menuOpened");
|
||||
$(".header").find(".header-navigation").toggle(300);
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
init: function () {
|
||||
// init core variables
|
||||
handleInit();
|
||||
handleResponsiveOnResize();
|
||||
handleIEFixes();
|
||||
handleSearch();
|
||||
handleFancybox();
|
||||
handleDifInits();
|
||||
handleSidebarMenu();
|
||||
handleAccordions();
|
||||
handleMenu();
|
||||
handleScrollers();
|
||||
handleSubMenuExt();
|
||||
handleMobiToggler();
|
||||
},
|
||||
|
||||
initUniform: function (els) {
|
||||
if (els) {
|
||||
jQuery(els).each(function () {
|
||||
if ($(this).parents(".checker").size() == 0) {
|
||||
$(this).show();
|
||||
$(this).uniform();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
handleUniform();
|
||||
}
|
||||
},
|
||||
|
||||
initTwitter: function () {
|
||||
!function(d,s,id){
|
||||
var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}
|
||||
}(document,"script","twitter-wjs");
|
||||
},
|
||||
|
||||
initTouchspin: function () {
|
||||
$(".product-quantity .form-control").TouchSpin({
|
||||
buttondown_class: "btn quantity-down",
|
||||
buttonup_class: "btn quantity-up"
|
||||
});
|
||||
$(".quantity-down").html("<i class='fa fa-angle-down'></i>");
|
||||
$(".quantity-up").html("<i class='fa fa-angle-up'></i>");
|
||||
},
|
||||
|
||||
initFixHeaderWithPreHeader: function () {
|
||||
jQuery(window).scroll(function() {
|
||||
if (jQuery(window).scrollTop()>37){
|
||||
jQuery("body").addClass("page-header-fixed");
|
||||
}
|
||||
else {
|
||||
jQuery("body").removeClass("page-header-fixed");
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
initNavScrolling: function () {
|
||||
function NavScrolling () {
|
||||
if (jQuery(window).scrollTop()>60){
|
||||
jQuery(".header").addClass("reduce-header");
|
||||
}
|
||||
else {
|
||||
jQuery(".header").removeClass("reduce-header");
|
||||
}
|
||||
}
|
||||
|
||||
NavScrolling();
|
||||
|
||||
jQuery(window).scroll(function() {
|
||||
NavScrolling ();
|
||||
});
|
||||
},
|
||||
|
||||
initOWL: function () {
|
||||
$(".owl-carousel6-brands").owlCarousel({
|
||||
pagination: false,
|
||||
navigation: true,
|
||||
items: 6,
|
||||
addClassActive: true,
|
||||
itemsCustom : [
|
||||
[0, 1],
|
||||
[320, 1],
|
||||
[480, 2],
|
||||
[700, 3],
|
||||
[975, 5],
|
||||
[1200, 6],
|
||||
[1400, 6],
|
||||
[1600, 6]
|
||||
],
|
||||
});
|
||||
|
||||
$(".owl-carousel5").owlCarousel({
|
||||
pagination: false,
|
||||
navigation: true,
|
||||
items: 5,
|
||||
addClassActive: true,
|
||||
itemsCustom : [
|
||||
[0, 1],
|
||||
[320, 1],
|
||||
[480, 2],
|
||||
[660, 2],
|
||||
[700, 3],
|
||||
[768, 3],
|
||||
[992, 4],
|
||||
[1024, 4],
|
||||
[1200, 5],
|
||||
[1400, 5],
|
||||
[1600, 5]
|
||||
],
|
||||
});
|
||||
|
||||
$(".owl-carousel4").owlCarousel({
|
||||
pagination: false,
|
||||
navigation: true,
|
||||
items: 4,
|
||||
addClassActive: true,
|
||||
});
|
||||
|
||||
$(".owl-carousel3").owlCarousel({
|
||||
pagination: false,
|
||||
navigation: true,
|
||||
items: 3,
|
||||
addClassActive: true,
|
||||
itemsCustom : [
|
||||
[0, 1],
|
||||
[320, 1],
|
||||
[480, 2],
|
||||
[700, 3],
|
||||
[768, 2],
|
||||
[1024, 3],
|
||||
[1200, 3],
|
||||
[1400, 3],
|
||||
[1600, 3]
|
||||
],
|
||||
});
|
||||
|
||||
$(".owl-carousel2").owlCarousel({
|
||||
pagination: false,
|
||||
navigation: true,
|
||||
items: 2,
|
||||
addClassActive: true,
|
||||
itemsCustom : [
|
||||
[0, 1],
|
||||
[320, 1],
|
||||
[480, 2],
|
||||
[700, 3],
|
||||
[975, 2],
|
||||
[1200, 2],
|
||||
[1400, 2],
|
||||
[1600, 2]
|
||||
],
|
||||
});
|
||||
},
|
||||
|
||||
initImageZoom: function () {
|
||||
$('.product-main-image').zoom({url: $('.product-main-image img').attr('data-BigImgSrc')});
|
||||
},
|
||||
|
||||
initSliderRange: function () {
|
||||
$( "#slider-range" ).slider({
|
||||
range: true,
|
||||
min: 0,
|
||||
max: 500,
|
||||
values: [ 50, 250 ],
|
||||
slide: function( event, ui ) {
|
||||
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
|
||||
}
|
||||
});
|
||||
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
|
||||
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
|
||||
},
|
||||
|
||||
// wrapper function to scroll(focus) to an element
|
||||
scrollTo: function (el, offeset) {
|
||||
var pos = (el && el.size() > 0) ? el.offset().top : 0;
|
||||
if (el) {
|
||||
if ($('body').hasClass('page-header-fixed')) {
|
||||
pos = pos - $('.header').height();
|
||||
}
|
||||
pos = pos + (offeset ? offeset : -1 * el.height());
|
||||
}
|
||||
|
||||
jQuery('html,body').animate({
|
||||
scrollTop: pos
|
||||
}, 'slow');
|
||||
},
|
||||
|
||||
//public function to add callback a function which will be called on window resize
|
||||
addResponsiveHandler: function (func) {
|
||||
responsiveHandlers.push(func);
|
||||
},
|
||||
|
||||
scrollTop: function () {
|
||||
App.scrollTo();
|
||||
},
|
||||
|
||||
gridOption1: function () {
|
||||
$(function(){
|
||||
$('.grid-v1').mixitup();
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
}();
|
||||
Reference in New Issue
Block a user