WIP: Enabled metronic frontend
This commit is contained in:
Deon George
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;
|
||||
}
|
||||
Reference in New Issue
Block a user