Dont use asset() for remote URLs, added metronic theme
This commit is contained in:
parent
2fe9b5c134
commit
d4824ecda5
resources/themes
adminlte/views
auth/partials
layouts
architect/views/layouts/partials
metronic
src/Providers
@ -1,21 +1,8 @@
|
|||||||
<!-- Bootstrap & Jquery App -->
|
<!-- Bootstrap & Jquery App -->
|
||||||
<script type="text/javascript" src="{{ asset('//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js') }}" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
|
||||||
<script type="text/javascript" src="{{ asset('//cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js') }}" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
|
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
|
||||||
<!-- AdminLTE -->
|
<!-- AdminLTE -->
|
||||||
<script src="{{ asset('//cdn.jsdelivr.net/npm/admin-lte@3.1.0/dist/js/adminlte.min.js') }}"></script>
|
<script src="//cdn.jsdelivr.net/npm/admin-lte@3.1.0/dist/js/adminlte.min.js"></script>
|
||||||
|
|
||||||
<!-- iCheck -->
|
|
||||||
<script src="{{ asset('/plugin/iCheck/icheck.min.js') }}"></script>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
$(document).ready(function() {
|
|
||||||
$('input').iCheck({
|
|
||||||
checkboxClass: 'icheckbox_square-blue',
|
|
||||||
radioClass : 'iradio_square-blue',
|
|
||||||
increaseArea : '20%' // optional
|
|
||||||
})
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
@if(file_exists('js/custom-auth.js'))
|
@if(file_exists('js/custom-auth.js'))
|
||||||
<!-- Any Custom JS -->
|
<!-- Any Custom JS -->
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@include('adminlte::layouts.partials.htmlheader')
|
@include('adminlte::layouts.partials.htmlheader')
|
||||||
|
|
||||||
<!-- iCheck -->
|
<!-- iCheck -->
|
||||||
<link rel="stylesheet" href="{{ asset('/plugin/iCheck/square/blue.css') }}">
|
<link rel="stylesheet" href="{{ asset('plugin/iCheck/square/blue.css') }}">
|
||||||
@show
|
@show
|
||||||
|
|
||||||
<body class="hold-transition login-page">
|
<body class="hold-transition login-page">
|
||||||
@ -14,6 +14,19 @@
|
|||||||
|
|
||||||
@section('scripts')
|
@section('scripts')
|
||||||
@include('adminlte::auth.partials.scripts')
|
@include('adminlte::auth.partials.scripts')
|
||||||
|
|
||||||
|
<!-- iCheck -->
|
||||||
|
<script src="{{ asset('plugin/iCheck/icheck.min.js') }}"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).ready(function() {
|
||||||
|
$('input').iCheck({
|
||||||
|
checkboxClass: 'icheckbox_square-blue',
|
||||||
|
radioClass : 'iradio_square-blue',
|
||||||
|
increaseArea : '20%' // optional
|
||||||
|
})
|
||||||
|
})
|
||||||
|
</script>
|
||||||
@show
|
@show
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
@ -6,5 +6,5 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Default to the left -->
|
<!-- Default to the left -->
|
||||||
<strong>Copyright © 2014-2018 <a href="#">© Leenooks</a>.</strong> All rights reserved.
|
<strong>Copyright © 2014-{{ \Carbon\Carbon::now()->year }} <a href="#">© Leenooks</a>.</strong> All rights reserved.
|
||||||
</footer>
|
</footer>
|
@ -6,27 +6,27 @@
|
|||||||
<!-- CSRF Token -->
|
<!-- CSRF Token -->
|
||||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||||
|
|
||||||
<link rel="stylesheet" href="{{ asset('//cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css') }}" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
|
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
|
||||||
|
|
||||||
<!-- Font Awesome Icons -->
|
<!-- Font Awesome Icons -->
|
||||||
<link rel="stylesheet" href="{{ asset('//use.fontawesome.com/releases/v5.15.3/css/all.css') }}">
|
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.15.3/css/all.css">
|
||||||
{{--
|
{{--
|
||||||
<link rel="stylesheet" href="{{ asset('//use.fontawesome.com/releases/v5.15.3/css/v4-shims.css') }}">
|
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.15.3/css/v4-shims.css">
|
||||||
--}}
|
--}}
|
||||||
|
|
||||||
<!-- Theme style -->
|
<!-- Theme style -->
|
||||||
<link rel="stylesheet" href="{{ asset('//cdn.jsdelivr.net/npm/admin-lte@3.1.0/dist/css/adminlte.min.css') }}">
|
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/admin-lte@3.1.0/dist/css/adminlte.min.css">
|
||||||
|
|
||||||
<!-- Google Font: Source Sans Pro -->
|
<!-- Google Font: Source Sans Pro -->
|
||||||
<link href="https://fonts.googleapis.com/css2?family={{ str_replace(' ','+',config('app.font') ?: 'IBM Plex Sans') }}:wght@300&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family={{ str_replace(' ','+',config('app.font') ?: 'IBM Plex Sans') }}:wght@300&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
@if(file_exists('css/social.css'))
|
@if(file_exists('css/social.css'))
|
||||||
<!-- Social Logins -->
|
<!-- Social Logins -->
|
||||||
<link rel="stylesheet" href="{{ asset('/css/social.css') }}">
|
<link rel="stylesheet" href="{{ asset('css/social.css') }}">
|
||||||
@endif
|
@endif
|
||||||
@if(file_exists('css/print.css'))
|
@if(file_exists('css/print.css'))
|
||||||
<!-- Printing Modifications -->
|
<!-- Printing Modifications -->
|
||||||
<link rel="stylesheet" href="{{ asset('/css/print.css') }}">
|
<link rel="stylesheet" href="{{ asset('css/print.css') }}">
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
{{--
|
{{--
|
||||||
@ -41,13 +41,15 @@
|
|||||||
<!-- STYLESHEETS -->
|
<!-- STYLESHEETS -->
|
||||||
{!! Asset::styles() !!}
|
{!! Asset::styles() !!}
|
||||||
|
|
||||||
|
@yield('page-styles')
|
||||||
|
|
||||||
@if(file_exists('css/fixes.css'))
|
@if(file_exists('css/fixes.css'))
|
||||||
<!-- CSS Fixes -->
|
<!-- CSS Fixes -->
|
||||||
<link rel="stylesheet" href="{{ asset('/css/fixes.css') }}">
|
<link rel="stylesheet" href="{{ asset('css/fixes.css') }}">
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
@if(file_exists('css/custom.css'))
|
@if(file_exists('css/custom.css'))
|
||||||
<!-- Custom CSS -->
|
<!-- Custom CSS -->
|
||||||
<link rel="stylesheet" href="{{ asset('/css/custom.css') }}">
|
<link rel="stylesheet" href="{{ asset('css/custom.css') }}">
|
||||||
@endif
|
@endif
|
||||||
</head>
|
</head>
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
<!-- REQUIRED JS SCRIPTS -->
|
<!-- REQUIRED JS SCRIPTS -->
|
||||||
<!-- Bootstrap & Jquery App -->
|
<!-- Bootstrap & Jquery App -->
|
||||||
<script type="text/javascript" src="{{ asset('//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js') }}" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
|
||||||
<script type="text/javascript" src="{{ asset('//cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js') }}" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous"></script>
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous"></script>
|
||||||
<script type="text/javascript" src="{{ asset('//cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js') }}" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
|
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
|
||||||
<!-- AdminLTE -->
|
<!-- AdminLTE -->
|
||||||
<script src="{{ asset('//cdn.jsdelivr.net/npm/admin-lte@3.1.0/dist/js/adminlte.min.js') }}"></script>
|
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/admin-lte@3.1.0/dist/js/adminlte.min.js"></script>
|
||||||
|
|
||||||
<!-- Additional Utilities -->
|
<!-- Additional Utilities -->
|
||||||
<script src="{{ asset('plugin/bootstrap3-typeahead/js/bootstrap3-typeahead.min.js') }}"></script>
|
<script src="{{ asset('plugin/bootstrap3-typeahead/js/bootstrap3-typeahead.min.js') }}"></script>
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
<aside class="main-sidebar sidebar-dark-primary elevation-4 d-print-none">
|
<aside class="main-sidebar sidebar-dark-primary elevation-4 d-print-none">
|
||||||
<!-- Brand Logo -->
|
<!-- Brand Logo -->
|
||||||
<a href="{{ url('home') }}" class="brand-link">
|
<a href="{{ url('home') }}" class="brand-link">
|
||||||
<img src="{{ asset('/img/logo.png') }}" alt="Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
|
<img src="{{ asset('img/logo.png') }}" alt="Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
|
||||||
<span class="brand-text font-weight-light">{!! config('app.name_html_long','<b>App</b>Name') !!}</span>
|
<span class="brand-text font-weight-light">{!! config('app.name_html_long','<b>App</b>Name') !!}</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
@ -24,7 +24,7 @@
|
|||||||
|
|
||||||
{{--
|
{{--
|
||||||
<!-- Font Awesome Icons -->
|
<!-- Font Awesome Icons -->
|
||||||
<link rel="stylesheet" href="{{ asset('//use.fontawesome.com/releases/v5.13.0/css/all.css') }}">
|
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.13.0/css/all.css">
|
||||||
--}}
|
--}}
|
||||||
|
|
||||||
<!-- Google Font: Source Sans Pro -->
|
<!-- Google Font: Source Sans Pro -->
|
||||||
|
650
resources/themes/metronic/assets/components.css
Normal file
650
resources/themes/metronic/assets/components.css
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;
|
||||||
|
}
|
805
resources/themes/metronic/assets/style-responsive.css
Normal file
805
resources/themes/metronic/assets/style-responsive.css
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
resources/themes/metronic/assets/style.css
Normal file
3089
resources/themes/metronic/assets/style.css
Normal file
File diff suppressed because it is too large
Load Diff
382
resources/themes/metronic/assets/themes/blue.css
Normal file
382
resources/themes/metronic/assets/themes/blue.css
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
resources/themes/metronic/assets/themes/gray.css
Normal file
382
resources/themes/metronic/assets/themes/gray.css
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
resources/themes/metronic/assets/themes/green.css
Normal file
382
resources/themes/metronic/assets/themes/green.css
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
resources/themes/metronic/assets/themes/orange.css
Normal file
382
resources/themes/metronic/assets/themes/orange.css
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
resources/themes/metronic/assets/themes/red.css
Normal file
377
resources/themes/metronic/assets/themes/red.css
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
resources/themes/metronic/assets/themes/turquoise.css
Normal file
383
resources/themes/metronic/assets/themes/turquoise.css
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;
|
||||||
|
}
|
47
resources/themes/metronic/views/layouts/app.blade.php
Normal file
47
resources/themes/metronic/views/layouts/app.blade.php
Normal file
@ -0,0 +1,47 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en"
|
||||||
|
@section('htmlheader')
|
||||||
|
@include('metronic::layouts.partials.htmlheader')
|
||||||
|
@show
|
||||||
|
|
||||||
|
<body class="corporate">
|
||||||
|
<div id="app">
|
||||||
|
<div class="wrapper">
|
||||||
|
@include('metronic::layouts.partials.mainheader')
|
||||||
|
|
||||||
|
@include('metronic::layouts.partials.sidebar')
|
||||||
|
|
||||||
|
<!-- Content Wrapper. Contains page content -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
@include('metronic::layouts.partials.contentheader')
|
||||||
|
|
||||||
|
<!-- Main content -->
|
||||||
|
<section class="content">
|
||||||
|
<!-- Your Page Content Here -->
|
||||||
|
<div class="main">
|
||||||
|
<div class="container">
|
||||||
|
@yield('breadcrumb')
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@yield('main-content')
|
||||||
|
</div>
|
||||||
|
</section><!-- /.content -->
|
||||||
|
</div><!-- /.content-wrapper -->
|
||||||
|
|
||||||
|
@include('metronic::layouts.partials.controlsidebar')
|
||||||
|
|
||||||
|
@include('metronic::layouts.partials.footer')
|
||||||
|
|
||||||
|
</div><!-- ./wrapper -->
|
||||||
|
</div> <!-- ./app -->
|
||||||
|
|
||||||
|
@section('scripts')
|
||||||
|
@include('metronic::layouts.partials.scripts')
|
||||||
|
|
||||||
|
{{-- Scripts --}}
|
||||||
|
{!! Asset::scripts() !!}
|
||||||
|
|
||||||
|
@yield('page-scripts')
|
||||||
|
@show
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,99 @@
|
|||||||
|
{{-- This page needs $site_social --}}
|
||||||
|
|
||||||
|
<!-- BEGIN PRE-FOOTER -->
|
||||||
|
<div class="pre-footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<!-- BEGIN BOTTOM ABOUT BLOCK -->
|
||||||
|
<div class="col-md-4 col-sm-6 pre-footer-col">
|
||||||
|
@isset($so->site_aboutus))
|
||||||
|
<h2>About us</h2>
|
||||||
|
<p>{!! $so->site_aboutus !!}</p>
|
||||||
|
<!--
|
||||||
|
<div class="photo-stream">
|
||||||
|
<h2>Photos Stream</h2>
|
||||||
|
<ul class="list-unstyled">
|
||||||
|
<li><a href="javascript:;"><img alt="" src="{{!! Theme::url('/') !!}}"></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
@endisset
|
||||||
|
</div>
|
||||||
|
<!-- END BOTTOM ABOUT BLOCK -->
|
||||||
|
|
||||||
|
<!-- BEGIN BOTTOM CONTACTS -->
|
||||||
|
<div class="col-md-offset-5 col-md-3 col-sm-6 pre-footer-col">
|
||||||
|
<h2 style="text-align: right;">Our Contact Details</h2>
|
||||||
|
<address class="margin-bottom-40" style="float: right;">
|
||||||
|
<table>
|
||||||
|
<tr><th style="vertical-align:top; padding-right: 5px;">Address</th><td>{!! $so->address('html') !!}</td></tr>
|
||||||
|
@isset($so->site_fax)
|
||||||
|
<tr><th>Fax</th><td>{{ $so->site_fax }}</tr>
|
||||||
|
@endif
|
||||||
|
<tr><th>Email</th><td> <a href="mailto:{{ $so->site_email }}">{{ $so->site_email }}</a></tr>
|
||||||
|
</table>
|
||||||
|
</address>
|
||||||
|
<!--
|
||||||
|
<div class="pre-footer-subscribe-box pre-footer-subscribe-box-vertical">
|
||||||
|
<h2>Newsletter</h2>
|
||||||
|
<p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
|
||||||
|
<form action="#">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" placeholder="youremail@mail.com" class="form-control">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button class="btn btn-primary" type="submit">Subscribe</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
</div>
|
||||||
|
<!-- END BOTTOM CONTACTS -->
|
||||||
|
|
||||||
|
<!-- BEGIN TWITTER BLOCK -->
|
||||||
|
<!--
|
||||||
|
<div class="col-md-4 col-sm-6 pre-footer-col">
|
||||||
|
<h2 class="margin-bottom-0">Latest Tweets</h2>
|
||||||
|
<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-tweet-limit="2" data-theme="dark" data-link-color="#57C8EB" data-widget-id="" data-chrome="noheader nofooter noscrollbar noborders transparent">Loading tweets...</a>
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
<!-- END TWITTER BLOCK -->
|
||||||
|
|
||||||
|
<!-- BEGIN ADDRESS MAP -->
|
||||||
|
{{-- @todo --}}
|
||||||
|
<!-- END ADDRESS MAP -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END PRE-FOOTER -->
|
||||||
|
|
||||||
|
<!-- BEGIN FOOTER -->
|
||||||
|
<div class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<!-- BEGIN COPYRIGHT -->
|
||||||
|
<div class="col-md-4 col-sm-4 padding-top-10">
|
||||||
|
{{ \Carbon\Carbon::now()->year }} © Leenooks. ALL Rights Reserved. <!-- <a href="javascript:;">Privacy Policy</a> | <a href="javascript:;">Terms of Service</a> -->
|
||||||
|
</div>
|
||||||
|
<!-- END COPYRIGHT -->
|
||||||
|
|
||||||
|
<!-- BEGIN SOCIAL -->
|
||||||
|
<div class="col-md-4 col-sm-4">
|
||||||
|
<ul class="social-footer list-unstyled list-inline pull-right">
|
||||||
|
@foreach ($so->social as $social)
|
||||||
|
<li><a href="{{ $social['url'] }}"><i class="fa fa-{{ $social['name'] }}"></i></a></li>
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- END SOCIAL -->
|
||||||
|
|
||||||
|
<!-- BEGIN POWERED -->
|
||||||
|
<div class="col-md-4 col-sm-4 text-right">
|
||||||
|
<p class="powered">Powered by: <a href="http://www.leenooks.net/">leenooks</a></p>
|
||||||
|
</div>
|
||||||
|
<!-- END POWERED -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END FOOTER -->
|
@ -0,0 +1,41 @@
|
|||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
|
<title>{{ config('app.name') }} - @yield('htmlheader_title','Your title here')</title>
|
||||||
|
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
|
||||||
|
<!-- CSRF Token -->
|
||||||
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
||||||
|
<!-- Font Awesome Icons -->
|
||||||
|
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.15.3/css/all.css">
|
||||||
|
{{--
|
||||||
|
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.15.3/css/v4-shims.css">
|
||||||
|
--}}
|
||||||
|
|
||||||
|
<!-- Theme style -->
|
||||||
|
@css('css/components.css')
|
||||||
|
@css('css/style.css')
|
||||||
|
@css('css/style-responsive.css')
|
||||||
|
@css('css/themes/blue.css')
|
||||||
|
|
||||||
|
<!-- Google Font: Source Sans Pro -->
|
||||||
|
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans+Narrow|Source+Sans+Pro:200,300,400,600,700,900&subset=all" rel="stylesheet" type="text/css">
|
||||||
|
|
||||||
|
<meta property="og:site_name" content="{{ config('app.name') }}" />
|
||||||
|
<meta property="og:title" content="{{ $so->site_name }}" />
|
||||||
|
<meta property="og:description" content="{{ $so->site_description }}" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:image" content="{{ $so->site_logo }}" />
|
||||||
|
<meta property="og:url" content="{{ url('/') }}" />
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="{{ object_get($so,'favicon','favicon.ico') }}" />
|
||||||
|
|
||||||
|
<!-- Custom CSS -->
|
||||||
|
@css('css/custom.css')
|
||||||
|
|
||||||
|
<!-- STYLESHEETS -->
|
||||||
|
{!! Asset::styles() !!}
|
||||||
|
|
||||||
|
@yield('page-styles')
|
||||||
|
</head>
|
@ -0,0 +1,81 @@
|
|||||||
|
<!-- BEGIN TOP BAR -->
|
||||||
|
<div class="pre-header">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<!-- BEGIN TOP BAR LEFT PART -->
|
||||||
|
<div class="col-md-6 col-sm-6 additional-shop-info">
|
||||||
|
<ul class="list-unstyled list-inline">
|
||||||
|
<li><i class="fas fa-phone mr-4"></i><span>{!! $so->site_phone !!}</span></li>
|
||||||
|
<li><i class="fas fa-envelope mr-4"></i><span>{!! $so->site_email !!}</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- END TOP BAR LEFT PART -->
|
||||||
|
|
||||||
|
<!-- BEGIN TOP BAR MENU -->
|
||||||
|
<div class="col-md-6 col-sm-6 additional-nav">
|
||||||
|
<ul class="list-unstyled list-inline pull-right">
|
||||||
|
<li><a href="{{ url('home') }}">Log In</a></li>
|
||||||
|
@isset($register)
|
||||||
|
<li><a href="{{ url('register') }}">Registration</a></li>
|
||||||
|
@endisset
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- END TOP BAR MENU -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END TOP BAR -->
|
||||||
|
|
||||||
|
<!-- BEGIN HEADER -->
|
||||||
|
<div class="header">
|
||||||
|
<div class="container">
|
||||||
|
<a class="site-logo" href="{{ url('/') }}"><img src="{{ $so->site_logo }}" alt="{{ $so->site_description }}" height="32"></a>
|
||||||
|
<a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
|
||||||
|
|
||||||
|
<!-- BEGIN NAVIGATION -->
|
||||||
|
<div class="header-navigation pull-right font-transform-inherit">
|
||||||
|
<ul>
|
||||||
|
{{-- @todo Replace this with a function that can traverse children with multiple depths --}}
|
||||||
|
@foreach ($so->top_menu as $item => $menu)
|
||||||
|
<li class="dropdown {{ Request::is($menu['url']) ? 'active' : '' }}">
|
||||||
|
|
||||||
|
@if (! \Illuminate\Support\Arr::get($menu,'children'))
|
||||||
|
<a {{ Request::is($menu['url']) ? 'class=active' : '' }} href="{{ url($menu['url']) }}">{{ $menu['name'] }}</a>
|
||||||
|
@else
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="javascript:;">{{ $item }}</a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li {{ (Request::is($menu['url']) ? 'class=active' : '') }}><a href="{{ url($menu['url']) }}">{{ $menu['name'] }}</a></li>
|
||||||
|
@foreach($menu['children'] as $name => $menuitem)
|
||||||
|
<li {{ (Request::is($menuitem['url']) ? 'class=active' : '') }}><a href="{{ url($menuitem['url']) }}">{{ $menuitem['name'] }}</a></li>
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
</li>
|
||||||
|
@endforeach
|
||||||
|
|
||||||
|
<!-- BEGIN TOP SEARCH -->
|
||||||
|
@isset($search_enabled)
|
||||||
|
<li class="menu-search">
|
||||||
|
<span class="sep"></span>
|
||||||
|
<i class="fa fa-search search-btn"></i>
|
||||||
|
|
||||||
|
<div class="search-box">
|
||||||
|
<form action="#">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" placeholder="Search" class="form-control">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button class="btn btn-primary" type="submit">Search</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
@endisset
|
||||||
|
<!-- END TOP SEARCH -->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- END NAVIGATION -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Header END -->
|
@ -0,0 +1,22 @@
|
|||||||
|
<!-- REQUIRED JS SCRIPTS -->
|
||||||
|
<!-- Bootstrap & Jquery App -->
|
||||||
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
|
||||||
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous"></script>
|
||||||
|
<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
||||||
|
@if(file_exists('plugin/back-to-top/back-to-top.js'))
|
||||||
|
<script src="{{ asset('plugin/back-to-top/back-to-top.js') }}"></script>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
// Our CSRF token to each interaction
|
||||||
|
$.ajaxSetup({
|
||||||
|
headers: {
|
||||||
|
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
@if(file_exists('js/custom.js'))
|
||||||
|
<!-- Any Custom JS -->
|
||||||
|
<script src="{{ asset('js/custom.js') }}"></script>
|
||||||
|
@endif
|
@ -29,6 +29,8 @@ class LeenooksServiceProvider extends ServiceProvider
|
|||||||
|
|
||||||
$this->loadViewsFrom($this->_path.'/resources/themes/architect/views/', 'architect');
|
$this->loadViewsFrom($this->_path.'/resources/themes/architect/views/', 'architect');
|
||||||
|
|
||||||
|
$this->loadViewsFrom($this->_path.'/resources/themes/metronic/views/', 'metronic');
|
||||||
|
|
||||||
// Enable a Collect::recursive() function
|
// Enable a Collect::recursive() function
|
||||||
\Illuminate\Support\Collection::macro('recursive', function () {
|
\Illuminate\Support\Collection::macro('recursive', function () {
|
||||||
return $this->map(function ($value) {
|
return $this->map(function ($value) {
|
||||||
|
Loading…
Reference in New Issue
Block a user