Commit inicial Ventas Productivo
This commit is contained in:
JORGE LUIS CAUDILLO ESPARZA
2698
Metronic/assets/layouts/layout3/css/custom.css
Normal file
2698
Metronic/assets/layouts/layout3/css/custom.css
Normal file
File diff suppressed because it is too large
Load Diff
0
Metronic/assets/layouts/layout3/css/custom.min.css
vendored
Normal file
0
Metronic/assets/layouts/layout3/css/custom.min.css
vendored
Normal file
568
Metronic/assets/layouts/layout3/css/jquery.datetimepicker.css
Normal file
568
Metronic/assets/layouts/layout3/css/jquery.datetimepicker.css
Normal file
@@ -0,0 +1,568 @@
|
||||
.xdsoft_datetimepicker {
|
||||
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #bbb;
|
||||
border-left: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
border-top: 1px solid #ccc;
|
||||
color: #333;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
padding: 8px;
|
||||
padding-left: 0;
|
||||
padding-top: 2px;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
display: none;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_rtl {
|
||||
padding: 8px 0 8px 8px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker iframe {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 75px;
|
||||
height: 210px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/*For IE8 or lower*/
|
||||
.xdsoft_datetimepicker button {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.xdsoft_noselect {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.xdsoft_noselect::selection { background: transparent }
|
||||
.xdsoft_noselect::-moz-selection { background: transparent }
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_inline {
|
||||
display: inline-block;
|
||||
position: static;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker * {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_datepicker {
|
||||
width: 224px;
|
||||
float: left;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
|
||||
float: right;
|
||||
margin-right: 8px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
|
||||
width: 256px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker {
|
||||
width: 58px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
margin-left: 8px;
|
||||
margin-top: 0;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
|
||||
float: right;
|
||||
margin-right: 8px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 3px
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_monthpicker {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label i,
|
||||
.xdsoft_datetimepicker .xdsoft_prev,
|
||||
.xdsoft_datetimepicker .xdsoft_next,
|
||||
.xdsoft_datetimepicker .xdsoft_today_button {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label i {
|
||||
opacity: 0.5;
|
||||
background-position: -92px -19px;
|
||||
display: inline-block;
|
||||
width: 9px;
|
||||
height: 20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_prev {
|
||||
float: left;
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.xdsoft_datetimepicker .xdsoft_today_button {
|
||||
float: left;
|
||||
background-position: -70px 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_next {
|
||||
float: right;
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_next,
|
||||
.xdsoft_datetimepicker .xdsoft_prev ,
|
||||
.xdsoft_datetimepicker .xdsoft_today_button {
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
border: 0 none;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
height: 30px;
|
||||
opacity: 0.5;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||
outline: medium none;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
text-indent: 100%;
|
||||
white-space: nowrap;
|
||||
width: 20px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
|
||||
float: none;
|
||||
background-position: -40px -15px;
|
||||
height: 15px;
|
||||
width: 30px;
|
||||
display: block;
|
||||
margin-left: 14px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
|
||||
background-position: -40px 0;
|
||||
margin-bottom: 7px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
|
||||
height: 151px;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
|
||||
background: #f5f5f5;
|
||||
border-top: 1px solid #ddd;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
border-collapse: collapse;
|
||||
cursor: pointer;
|
||||
border-bottom-width: 0;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_today_button:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_next:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_prev:hover {
|
||||
opacity: 1;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label {
|
||||
display: inline;
|
||||
position: relative;
|
||||
z-index: 9999;
|
||||
margin: 0;
|
||||
padding: 5px 3px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
float: left;
|
||||
width: 182px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label:hover>span {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label:hover i {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
|
||||
border: 1px solid #ccc;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
z-index: 101;
|
||||
display: none;
|
||||
background: #fff;
|
||||
max-height: 160px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
|
||||
color: #fff;
|
||||
background: #ff8000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
|
||||
padding: 2px 10px 2px 5px;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
|
||||
background: #33aaff;
|
||||
box-shadow: #178fe5 0 1px 3px 0 inset;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_month {
|
||||
width: 100px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_year{
|
||||
width: 48px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td > div {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||
width: 14.2857142%;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #ddd;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
padding: 0;
|
||||
border-collapse: collapse;
|
||||
cursor: pointer;
|
||||
height: 25px;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
|
||||
width: 12.5%;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
|
||||
color: #33aaff;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
|
||||
background: #ffe9d2;
|
||||
box-shadow: #ffb871 0 1px 4px 0 inset;
|
||||
color: #000;
|
||||
}
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
|
||||
background: #c1ffc9;
|
||||
box-shadow: #00dd1c 0 1px 4px 0 inset;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
|
||||
background: #33aaff;
|
||||
box-shadow: #178fe5 0 1px 3px 0 inset;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
|
||||
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
|
||||
opacity: 0.5;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
|
||||
opacity: 0.2;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
|
||||
color: #fff !important;
|
||||
background: #ff8000 !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
|
||||
background: #33aaff !important;
|
||||
box-shadow: #178fe5 0 1px 3px 0 inset !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
|
||||
color: inherit !important;
|
||||
background: inherit !important;
|
||||
box-shadow: inherit !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_copyright {
|
||||
color: #ccc !important;
|
||||
font-size: 10px;
|
||||
clear: both;
|
||||
float: none;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
|
||||
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }
|
||||
|
||||
.xdsoft_time_box {
|
||||
position: relative;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.xdsoft_scrollbar >.xdsoft_scroller {
|
||||
background: #ccc !important;
|
||||
height: 20px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.xdsoft_scrollbar {
|
||||
position: absolute;
|
||||
width: 7px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.xdsoft_scroller_box {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark {
|
||||
box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
|
||||
background: #000;
|
||||
border-bottom: 1px solid #444;
|
||||
border-left: 1px solid #333;
|
||||
border-right: 1px solid #333;
|
||||
border-top: 1px solid #333;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
|
||||
border-bottom: 1px solid #222;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
|
||||
background: #0a0a0a;
|
||||
border-top: 1px solid #222;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
|
||||
background-color: #000;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
|
||||
border: 1px solid #333;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
|
||||
color: #000;
|
||||
background: #007fff;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
|
||||
background: #cc5500;
|
||||
box-shadow: #b03e00 0 1px 3px 0 inset;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
|
||||
background: #0a0a0a;
|
||||
border: 1px solid #222;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
|
||||
background: #0e0e0e;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
|
||||
color: #cc5500;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
|
||||
background: #ffe9d2;
|
||||
box-shadow: #ffb871 0 1px 4px 0 inset;
|
||||
color:#000;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
|
||||
background: #c1ffc9;
|
||||
box-shadow: #00dd1c 0 1px 4px 0 inset;
|
||||
color:#000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
|
||||
background: #cc5500;
|
||||
box-shadow: #b03e00 0 1px 3px 0 inset;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
|
||||
color: #000 !important;
|
||||
background: #007fff !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }
|
||||
|
||||
.xdsoft_dark .xdsoft_time_box {
|
||||
border: 1px solid #333;
|
||||
}
|
||||
|
||||
.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
|
||||
background: #333 !important;
|
||||
}
|
||||
.xdsoft_datetimepicker .xdsoft_save_selected {
|
||||
display: block;
|
||||
border: 1px solid #dddddd !important;
|
||||
margin-top: 5px;
|
||||
width: 100%;
|
||||
color: #454551;
|
||||
font-size: 13px;
|
||||
}
|
||||
.xdsoft_datetimepicker .blue-gradient-button {
|
||||
font-family: "museo-sans", "Book Antiqua", sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: 300;
|
||||
color: #82878c;
|
||||
height: 28px;
|
||||
position: relative;
|
||||
padding: 4px 17px 4px 33px;
|
||||
border: 1px solid #d7d8da;
|
||||
background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||
/* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||
/* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||
/* IE10+ */
|
||||
background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
|
||||
/* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
|
||||
/* IE6-9 */
|
||||
}
|
||||
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
|
||||
color: #454551;
|
||||
background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||
/* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||
/* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||
/* IE10+ */
|
||||
background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
|
||||
/* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
|
||||
/* IE6-9 */
|
||||
}
|
||||
1686
Metronic/assets/layouts/layout3/css/layout.css
Normal file
1686
Metronic/assets/layouts/layout3/css/layout.css
Normal file
File diff suppressed because it is too large
Load Diff
1
Metronic/assets/layouts/layout3/css/layout.min.css
vendored
Normal file
1
Metronic/assets/layouts/layout3/css/layout.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
484
Metronic/assets/layouts/layout3/css/themes/blue-hoki.css
Normal file
484
Metronic/assets/layouts/layout3/css/themes/blue-hoki.css
Normal file
@@ -0,0 +1,484 @@
|
||||
/* Cubic Bezier Transition */
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff; }
|
||||
body.page-md {
|
||||
background: white; }
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #67809F !important; }
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #67809F; }
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #67809F;
|
||||
border-color: #67809F; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff; }
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */ }
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); }
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */ }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #337ab7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #23527c;
|
||||
text-decoration: none; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #67809F;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #67809F; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #5496cf; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e; }
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
|
||||
color: #ffffff;
|
||||
background: #55616f !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0; }
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d; }
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter h2 {
|
||||
color: #67809F; }
|
||||
.page-prefooter a {
|
||||
color: #67809F; }
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1; }
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #7088a5;
|
||||
border-color: #7088a5; }
|
||||
.page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
|
||||
color: #fff;
|
||||
background-color: #586e8b;
|
||||
border-color: #3a495c; }
|
||||
.page-prefooter .subscribe-form .btn:hover {
|
||||
color: #fff;
|
||||
background-color: #586e8b;
|
||||
border-color: #546984; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #586e8b;
|
||||
border-color: #546984; }
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
|
||||
color: #fff;
|
||||
background-color: #4a5d75;
|
||||
border-color: #3a495c; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none; }
|
||||
.page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
|
||||
background-color: #7088a5;
|
||||
border-color: #7088a5; }
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #7088a5;
|
||||
background-color: #fff; }
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7; }
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ; }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995; } }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
background: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #67809F !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #67809F !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #67809F !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #67809F !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #67809F !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #67809F !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #778da9 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #67809F; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #566c88; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */ }
|
||||
.page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white; }
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff; } }
|
||||
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #778da9; }
|
||||
1
Metronic/assets/layouts/layout3/css/themes/blue-hoki.min.css
vendored
Normal file
1
Metronic/assets/layouts/layout3/css/themes/blue-hoki.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
484
Metronic/assets/layouts/layout3/css/themes/blue-steel.css
Normal file
484
Metronic/assets/layouts/layout3/css/themes/blue-steel.css
Normal file
@@ -0,0 +1,484 @@
|
||||
/* Cubic Bezier Transition */
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff; }
|
||||
body.page-md {
|
||||
background: white; }
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #4B77BE !important; }
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #4B77BE; }
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #4B77BE;
|
||||
border-color: #4B77BE; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff; }
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */ }
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); }
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */ }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #337ab7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #23527c;
|
||||
text-decoration: none; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #4B77BE;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #4B77BE; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #5496cf; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e; }
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
|
||||
color: #ffffff;
|
||||
background: #55616f !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0; }
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d; }
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter h2 {
|
||||
color: #4B77BE; }
|
||||
.page-prefooter a {
|
||||
color: #4B77BE; }
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1; }
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #567fc2;
|
||||
border-color: #567fc2; }
|
||||
.page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
|
||||
color: #fff;
|
||||
background-color: #3d66a8;
|
||||
border-color: #294470; }
|
||||
.page-prefooter .subscribe-form .btn:hover {
|
||||
color: #fff;
|
||||
background-color: #3d66a8;
|
||||
border-color: #3a61a1; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #3d66a8;
|
||||
border-color: #3a61a1; }
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
|
||||
color: #fff;
|
||||
background-color: #33568e;
|
||||
border-color: #294470; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none; }
|
||||
.page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
|
||||
background-color: #567fc2;
|
||||
border-color: #567fc2; }
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #567fc2;
|
||||
background-color: #fff; }
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7; }
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ; }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995; } }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
background: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #4B77BE !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #4B77BE !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #4B77BE !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #4B77BE !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #4B77BE !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #4B77BE !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #5e85c5 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #4B77BE; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #3b64a5; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */ }
|
||||
.page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white; }
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff; } }
|
||||
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #5e85c5; }
|
||||
1
Metronic/assets/layouts/layout3/css/themes/blue-steel.min.css
vendored
Normal file
1
Metronic/assets/layouts/layout3/css/themes/blue-steel.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
484
Metronic/assets/layouts/layout3/css/themes/default.css
Normal file
484
Metronic/assets/layouts/layout3/css/themes/default.css
Normal file
@@ -0,0 +1,484 @@
|
||||
/* Cubic Bezier Transition */
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff; }
|
||||
body.page-md {
|
||||
background: white; }
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #32c5d2 !important; }
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #32c5d2; }
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #32c5d2;
|
||||
border-color: #32c5d2; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff; }
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */ }
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); }
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */ }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #337ab7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #23527c;
|
||||
text-decoration: none; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #32c5d2;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #32c5d2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #5496cf; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e; }
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
|
||||
color: #ffffff;
|
||||
background: #55616f !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0; }
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d; }
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter h2 {
|
||||
color: #32c5d2; }
|
||||
.page-prefooter a {
|
||||
color: #32c5d2; }
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1; }
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #3fc9d5;
|
||||
border-color: #3fc9d5; }
|
||||
.page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
|
||||
color: #fff;
|
||||
background-color: #28adb9;
|
||||
border-color: #1b727a; }
|
||||
.page-prefooter .subscribe-form .btn:hover {
|
||||
color: #fff;
|
||||
background-color: #28adb9;
|
||||
border-color: #27a5b0; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #28adb9;
|
||||
border-color: #27a5b0; }
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
|
||||
color: #fff;
|
||||
background-color: #22929b;
|
||||
border-color: #1b727a; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none; }
|
||||
.page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
|
||||
background-color: #3fc9d5;
|
||||
border-color: #3fc9d5; }
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #3fc9d5;
|
||||
background-color: #fff; }
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7; }
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ; }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995; } }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
background: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #32c5d2 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #32c5d2 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #32c5d2 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #32c5d2 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #32c5d2 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #32c5d2 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #47cbd7 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #32c5d2; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #27a9b4; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */ }
|
||||
.page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white; }
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff; } }
|
||||
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #47cbd7; }
|
||||
1
Metronic/assets/layouts/layout3/css/themes/default.min.css
vendored
Normal file
1
Metronic/assets/layouts/layout3/css/themes/default.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
484
Metronic/assets/layouts/layout3/css/themes/green-haze.css
Normal file
484
Metronic/assets/layouts/layout3/css/themes/green-haze.css
Normal file
@@ -0,0 +1,484 @@
|
||||
/* Cubic Bezier Transition */
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff; }
|
||||
body.page-md {
|
||||
background: white; }
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #44B6AE !important; }
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #44B6AE; }
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #44B6AE;
|
||||
border-color: #44B6AE; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff; }
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */ }
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); }
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */ }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #337ab7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #23527c;
|
||||
text-decoration: none; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #44B6AE;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #44B6AE; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #5496cf; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e; }
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
|
||||
color: #ffffff;
|
||||
background: #55616f !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0; }
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d; }
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter h2 {
|
||||
color: #44B6AE; }
|
||||
.page-prefooter a {
|
||||
color: #44B6AE; }
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1; }
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #4dbcb5;
|
||||
border-color: #4dbcb5; }
|
||||
.page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
|
||||
color: #fff;
|
||||
background-color: #3a9c95;
|
||||
border-color: #256460; }
|
||||
.page-prefooter .subscribe-form .btn:hover {
|
||||
color: #fff;
|
||||
background-color: #3a9c95;
|
||||
border-color: #38958e; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #3a9c95;
|
||||
border-color: #38958e; }
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
|
||||
color: #fff;
|
||||
background-color: #31827c;
|
||||
border-color: #256460; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none; }
|
||||
.page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
|
||||
background-color: #4dbcb5;
|
||||
border-color: #4dbcb5; }
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #4dbcb5;
|
||||
background-color: #fff; }
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7; }
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ; }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995; } }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
background: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #44B6AE !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #44B6AE !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #44B6AE !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #44B6AE !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #44B6AE !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #44B6AE !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #54bfb8 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #44B6AE; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #399892; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */ }
|
||||
.page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white; }
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff; } }
|
||||
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #54bfb8; }
|
||||
1
Metronic/assets/layouts/layout3/css/themes/green-haze.min.css
vendored
Normal file
1
Metronic/assets/layouts/layout3/css/themes/green-haze.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
484
Metronic/assets/layouts/layout3/css/themes/purple-plum.css
Normal file
484
Metronic/assets/layouts/layout3/css/themes/purple-plum.css
Normal file
@@ -0,0 +1,484 @@
|
||||
/* Cubic Bezier Transition */
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff; }
|
||||
body.page-md {
|
||||
background: white; }
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #8775A7 !important; }
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #8775A7; }
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #8775A7;
|
||||
border-color: #8775A7; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff; }
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */ }
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); }
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */ }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #337ab7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #23527c;
|
||||
text-decoration: none; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #8775A7;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #8775A7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #5496cf; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e; }
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
|
||||
color: #ffffff;
|
||||
background: #55616f !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0; }
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d; }
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter h2 {
|
||||
color: #8775A7; }
|
||||
.page-prefooter a {
|
||||
color: #8775A7; }
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1; }
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #8f7ead;
|
||||
border-color: #8f7ead; }
|
||||
.page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
|
||||
color: #fff;
|
||||
background-color: #746198;
|
||||
border-color: #514369; }
|
||||
.page-prefooter .subscribe-form .btn:hover {
|
||||
color: #fff;
|
||||
background-color: #746198;
|
||||
border-color: #705d91; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #746198;
|
||||
border-color: #705d91; }
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
|
||||
color: #fff;
|
||||
background-color: #645382;
|
||||
border-color: #514369; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none; }
|
||||
.page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
|
||||
background-color: #8f7ead;
|
||||
border-color: #8f7ead; }
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #8f7ead;
|
||||
background-color: #fff; }
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7; }
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ; }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995; } }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
background: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #8775A7 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #8775A7 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #8775A7 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #8775A7 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #8775A7 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #8775A7 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #9585b1 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #8775A7; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #725f95; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */ }
|
||||
.page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white; }
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff; } }
|
||||
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #9585b1; }
|
||||
1
Metronic/assets/layouts/layout3/css/themes/purple-plum.min.css
vendored
Normal file
1
Metronic/assets/layouts/layout3/css/themes/purple-plum.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
484
Metronic/assets/layouts/layout3/css/themes/purple-studio.css
Normal file
484
Metronic/assets/layouts/layout3/css/themes/purple-studio.css
Normal file
@@ -0,0 +1,484 @@
|
||||
/* Cubic Bezier Transition */
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff; }
|
||||
body.page-md {
|
||||
background: white; }
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #8E44AD !important; }
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #8E44AD; }
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #8E44AD;
|
||||
border-color: #8E44AD; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff; }
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */ }
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); }
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */ }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #337ab7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #23527c;
|
||||
text-decoration: none; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #8E44AD;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #8E44AD; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #5496cf; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e; }
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
|
||||
color: #ffffff;
|
||||
background: #55616f !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0; }
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d; }
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter h2 {
|
||||
color: #8E44AD; }
|
||||
.page-prefooter a {
|
||||
color: #8E44AD; }
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1; }
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #9749b7;
|
||||
border-color: #9749b7; }
|
||||
.page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
|
||||
color: #fff;
|
||||
background-color: #793a93;
|
||||
border-color: #4c245c; }
|
||||
.page-prefooter .subscribe-form .btn:hover {
|
||||
color: #fff;
|
||||
background-color: #793a93;
|
||||
border-color: #73378c; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #793a93;
|
||||
border-color: #73378c; }
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
|
||||
color: #fff;
|
||||
background-color: #64307a;
|
||||
border-color: #4c245c; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none; }
|
||||
.page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
|
||||
background-color: #9749b7;
|
||||
border-color: #9749b7; }
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #9749b7;
|
||||
background-color: #fff; }
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7; }
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ; }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995; } }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
background: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #8E44AD !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #8E44AD !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #8E44AD !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #8E44AD !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #8E44AD !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #8E44AD !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #9b50ba !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #8E44AD; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #763890; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */ }
|
||||
.page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white; }
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff; } }
|
||||
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #9b50ba; }
|
||||
1
Metronic/assets/layouts/layout3/css/themes/purple-studio.min.css
vendored
Normal file
1
Metronic/assets/layouts/layout3/css/themes/purple-studio.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
484
Metronic/assets/layouts/layout3/css/themes/red-intense.css
Normal file
484
Metronic/assets/layouts/layout3/css/themes/red-intense.css
Normal file
@@ -0,0 +1,484 @@
|
||||
/* Cubic Bezier Transition */
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff; }
|
||||
body.page-md {
|
||||
background: white; }
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #E35B5A !important; }
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #E35B5A; }
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #E35B5A;
|
||||
border-color: #E35B5A; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff; }
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */ }
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); }
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */ }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #337ab7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #23527c;
|
||||
text-decoration: none; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #E35B5A;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #E35B5A; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #5496cf; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e; }
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
|
||||
color: #ffffff;
|
||||
background: #55616f !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0; }
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d; }
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter h2 {
|
||||
color: #E35B5A; }
|
||||
.page-prefooter a {
|
||||
color: #E35B5A; }
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1; }
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #e56867;
|
||||
border-color: #e56867; }
|
||||
.page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
|
||||
color: #fff;
|
||||
background-color: #de3d3b;
|
||||
border-color: #af1f1e; }
|
||||
.page-prefooter .subscribe-form .btn:hover {
|
||||
color: #fff;
|
||||
background-color: #de3d3b;
|
||||
border-color: #dc3433; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #de3d3b;
|
||||
border-color: #dc3433; }
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
|
||||
color: #fff;
|
||||
background-color: #d22524;
|
||||
border-color: #af1f1e; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none; }
|
||||
.page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
|
||||
background-color: #e56867;
|
||||
border-color: #e56867; }
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #e56867;
|
||||
background-color: #fff; }
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7; }
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ; }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995; } }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
background: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #E35B5A !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #E35B5A !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #E35B5A !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #E35B5A !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #E35B5A !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #E35B5A !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #e77170 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #E35B5A; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #dd3837; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */ }
|
||||
.page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white; }
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff; } }
|
||||
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #e77170; }
|
||||
1
Metronic/assets/layouts/layout3/css/themes/red-intense.min.css
vendored
Normal file
1
Metronic/assets/layouts/layout3/css/themes/red-intense.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
484
Metronic/assets/layouts/layout3/css/themes/red-sunglo.css
Normal file
484
Metronic/assets/layouts/layout3/css/themes/red-sunglo.css
Normal file
@@ -0,0 +1,484 @@
|
||||
/* Cubic Bezier Transition */
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff; }
|
||||
body.page-md {
|
||||
background: white; }
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #E26A6A !important; }
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #E26A6A; }
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #E26A6A;
|
||||
border-color: #E26A6A; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff; }
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */ }
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); }
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */ }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #337ab7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #23527c;
|
||||
text-decoration: none; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #E26A6A;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #E26A6A; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #5496cf; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e; }
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
|
||||
color: #ffffff;
|
||||
background: #55616f !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0; }
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d; }
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter h2 {
|
||||
color: #E26A6A; }
|
||||
.page-prefooter a {
|
||||
color: #E26A6A; }
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1; }
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #e47777;
|
||||
border-color: #e47777; }
|
||||
.page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
|
||||
color: #fff;
|
||||
background-color: #dc4c4c;
|
||||
border-color: #b82424; }
|
||||
.page-prefooter .subscribe-form .btn:hover {
|
||||
color: #fff;
|
||||
background-color: #dc4c4c;
|
||||
border-color: #db4444; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #dc4c4c;
|
||||
border-color: #db4444; }
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
|
||||
color: #fff;
|
||||
background-color: #d62e2e;
|
||||
border-color: #b82424; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none; }
|
||||
.page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
|
||||
background-color: #e47777;
|
||||
border-color: #e47777; }
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #e47777;
|
||||
background-color: #fff; }
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7; }
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ; }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995; } }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
background: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #E26A6A !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #E26A6A !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #E26A6A !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #E26A6A !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #E26A6A !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #E26A6A !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #e67f7f !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #E26A6A; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #db4848; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */ }
|
||||
.page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white; }
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff; } }
|
||||
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #e67f7f; }
|
||||
1
Metronic/assets/layouts/layout3/css/themes/red-sunglo.min.css
vendored
Normal file
1
Metronic/assets/layouts/layout3/css/themes/red-sunglo.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
Metronic/assets/layouts/layout3/css/themes/vssver2.scc
Normal file
BIN
Metronic/assets/layouts/layout3/css/themes/vssver2.scc
Normal file
Binary file not shown.
484
Metronic/assets/layouts/layout3/css/themes/yellow-crusta.css
Normal file
484
Metronic/assets/layouts/layout3/css/themes/yellow-crusta.css
Normal file
@@ -0,0 +1,484 @@
|
||||
/* Cubic Bezier Transition */
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff; }
|
||||
body.page-md {
|
||||
background: white; }
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #F3C200 !important; }
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #F3C200; }
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #F3C200;
|
||||
border-color: #F3C200; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff; }
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */ }
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); }
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */ }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #337ab7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #23527c;
|
||||
text-decoration: none; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #F3C200;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #F3C200; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #5496cf; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e; }
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
|
||||
color: #ffffff;
|
||||
background: #55616f !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0; }
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d; }
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter h2 {
|
||||
color: #F3C200; }
|
||||
.page-prefooter a {
|
||||
color: #F3C200; }
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1; }
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #ffcc03;
|
||||
border-color: #ffcc03; }
|
||||
.page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
|
||||
color: #fff;
|
||||
background-color: #cfa500;
|
||||
border-color: #836800; }
|
||||
.page-prefooter .subscribe-form .btn:hover {
|
||||
color: #fff;
|
||||
background-color: #cfa500;
|
||||
border-color: #c59d00; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #cfa500;
|
||||
border-color: #c59d00; }
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
|
||||
color: #fff;
|
||||
background-color: #ac8900;
|
||||
border-color: #836800; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none; }
|
||||
.page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
|
||||
background-color: #ffcc03;
|
||||
border-color: #ffcc03; }
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #ffcc03;
|
||||
background-color: #fff; }
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7; }
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ; }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995; } }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
background: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #F3C200 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #F3C200 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #F3C200 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #F3C200 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #F3C200 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #F3C200 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #ffce0e !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #F3C200; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #caa100; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */ }
|
||||
.page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white; }
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff; } }
|
||||
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #ffce0e; }
|
||||
1
Metronic/assets/layouts/layout3/css/themes/yellow-crusta.min.css
vendored
Normal file
1
Metronic/assets/layouts/layout3/css/themes/yellow-crusta.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
484
Metronic/assets/layouts/layout3/css/themes/yellow-orange.css
Normal file
484
Metronic/assets/layouts/layout3/css/themes/yellow-orange.css
Normal file
@@ -0,0 +1,484 @@
|
||||
/* Cubic Bezier Transition */
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff; }
|
||||
body.page-md {
|
||||
background: white; }
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #F2784B !important; }
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #F2784B; }
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #F2784B;
|
||||
border-color: #F2784B; }
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff; }
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */ }
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); }
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */ }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #337ab7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #23527c;
|
||||
text-decoration: none; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #F2784B;
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #F2784B; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #5496cf; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d; }
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e; }
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
|
||||
color: #ffffff;
|
||||
background: #55616f !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4; }
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0; }
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a; }
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d; }
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter h2 {
|
||||
color: #F2784B; }
|
||||
.page-prefooter a {
|
||||
color: #F2784B; }
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7; }
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1; }
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac; }
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #f38359;
|
||||
border-color: #f38359; }
|
||||
.page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
|
||||
color: #fff;
|
||||
background-color: #f05f2a;
|
||||
border-color: #bf3e0e; }
|
||||
.page-prefooter .subscribe-form .btn:hover {
|
||||
color: #fff;
|
||||
background-color: #f05f2a;
|
||||
border-color: #ef5820; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #f05f2a;
|
||||
border-color: #ef5820; }
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
|
||||
color: #fff;
|
||||
background-color: #e54a11;
|
||||
border-color: #bf3e0e; }
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
|
||||
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none; }
|
||||
.page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
|
||||
fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
|
||||
background-color: #f38359;
|
||||
border-color: #f38359; }
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #f38359;
|
||||
background-color: #fff; }
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7; }
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ; }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */ }
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995; } }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */ }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
background: none !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #F2784B !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #F2784B !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #F2784B !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #F2784B !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #F2784B !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #F2784B !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #f48a63 !important; }
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #F2784B; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important; }
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #ef5b25; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */ }
|
||||
.page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white; }
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none; }
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff; } }
|
||||
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #f48a63; }
|
||||
1
Metronic/assets/layouts/layout3/css/themes/yellow-orange.min.css
vendored
Normal file
1
Metronic/assets/layouts/layout3/css/themes/yellow-orange.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
Metronic/assets/layouts/layout3/css/vssver2.scc
Normal file
BIN
Metronic/assets/layouts/layout3/css/vssver2.scc
Normal file
Binary file not shown.
BIN
Metronic/assets/layouts/layout3/img/ajax-loading.gif
Normal file
BIN
Metronic/assets/layouts/layout3/img/ajax-loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
Metronic/assets/layouts/layout3/img/ajax-modal-loading.gif
Normal file
BIN
Metronic/assets/layouts/layout3/img/ajax-modal-loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
Metronic/assets/layouts/layout3/img/avatar.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/avatar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
Metronic/assets/layouts/layout3/img/avatar1.jpg
Normal file
BIN
Metronic/assets/layouts/layout3/img/avatar1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
Metronic/assets/layouts/layout3/img/avatar10.jpg
Normal file
BIN
Metronic/assets/layouts/layout3/img/avatar10.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
Metronic/assets/layouts/layout3/img/avatar11.jpg
Normal file
BIN
Metronic/assets/layouts/layout3/img/avatar11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
Metronic/assets/layouts/layout3/img/avatar2.jpg
Normal file
BIN
Metronic/assets/layouts/layout3/img/avatar2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
Metronic/assets/layouts/layout3/img/avatar3.jpg
Normal file
BIN
Metronic/assets/layouts/layout3/img/avatar3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
Metronic/assets/layouts/layout3/img/avatar4.jpg
Normal file
BIN
Metronic/assets/layouts/layout3/img/avatar4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
Metronic/assets/layouts/layout3/img/avatar5.jpg
Normal file
BIN
Metronic/assets/layouts/layout3/img/avatar5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
Metronic/assets/layouts/layout3/img/avatar6.jpg
Normal file
BIN
Metronic/assets/layouts/layout3/img/avatar6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
Metronic/assets/layouts/layout3/img/avatar7.jpg
Normal file
BIN
Metronic/assets/layouts/layout3/img/avatar7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
Metronic/assets/layouts/layout3/img/avatar8.jpg
Normal file
BIN
Metronic/assets/layouts/layout3/img/avatar8.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
Metronic/assets/layouts/layout3/img/avatar9.jpg
Normal file
BIN
Metronic/assets/layouts/layout3/img/avatar9.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
Metronic/assets/layouts/layout3/img/icon-color-close.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/icon-color-close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
Metronic/assets/layouts/layout3/img/icon-color.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/icon-color.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
Metronic/assets/layouts/layout3/img/loading-spinner-blue.gif
Normal file
BIN
Metronic/assets/layouts/layout3/img/loading-spinner-blue.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
Metronic/assets/layouts/layout3/img/loading-spinner-default.gif
Normal file
BIN
Metronic/assets/layouts/layout3/img/loading-spinner-default.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
Metronic/assets/layouts/layout3/img/loading-spinner-grey.gif
Normal file
BIN
Metronic/assets/layouts/layout3/img/loading-spinner-grey.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
Metronic/assets/layouts/layout3/img/loading.gif
Normal file
BIN
Metronic/assets/layouts/layout3/img/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
Metronic/assets/layouts/layout3/img/logo-big-white.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/logo-big-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
Metronic/assets/layouts/layout3/img/logo-big.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/logo-big.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1011 B |
BIN
Metronic/assets/layouts/layout3/img/logo-blue-hoki.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/logo-blue-hoki.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/layouts/layout3/img/logo-blue-steel.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/logo-blue-steel.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/layouts/layout3/img/logo-default.jpg
Normal file
BIN
Metronic/assets/layouts/layout3/img/logo-default.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
Metronic/assets/layouts/layout3/img/logo-green-haze.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/logo-green-haze.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/layouts/layout3/img/logo-purple-plum.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/logo-purple-plum.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/layouts/layout3/img/logo-purple-studio.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/logo-purple-studio.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/layouts/layout3/img/logo-red-intense.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/logo-red-intense.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/layouts/layout3/img/logo-red-sunglo.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/logo-red-sunglo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/layouts/layout3/img/logo-yellow-crusta.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/logo-yellow-crusta.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/layouts/layout3/img/logo-yellow-orange.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/logo-yellow-orange.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/layouts/layout3/img/logo.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
Metronic/assets/layouts/layout3/img/menu-toggler.png
Normal file
BIN
Metronic/assets/layouts/layout3/img/menu-toggler.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 966 B |
179
Metronic/assets/layouts/layout3/scripts/demo.js
Normal file
179
Metronic/assets/layouts/layout3/scripts/demo.js
Normal file
@@ -0,0 +1,179 @@
|
||||
/**
|
||||
Demo script to handle the theme demo
|
||||
**/
|
||||
|
||||
var Demo = function () {
|
||||
|
||||
// Handle Theme Settings
|
||||
var handleTheme = function () {
|
||||
|
||||
var panel = $('.theme-panel');
|
||||
|
||||
if ($('.page-head > .container-fluid').size() === 1) {
|
||||
$('.theme-setting-layout', panel).val("fluid");
|
||||
} else {
|
||||
$('.theme-setting-layout', panel).val("boxed");
|
||||
}
|
||||
|
||||
if ($('.top-menu li.dropdown.dropdown-dark').size() > 0) {
|
||||
$('.theme-setting-top-menu-style', panel).val("dark");
|
||||
} else {
|
||||
$('.theme-setting-top-menu-style', panel).val("light");
|
||||
}
|
||||
|
||||
if ($('body').hasClass("page-header-top-fixed")) {
|
||||
$('.theme-setting-top-menu-mode', panel).val("fixed");
|
||||
} else {
|
||||
$('.theme-setting-top-menu-mode', panel).val("not-fixed");
|
||||
}
|
||||
|
||||
if ($('.hor-menu.hor-menu-light').size() > 0) {
|
||||
$('.theme-setting-mega-menu-style', panel).val("light");
|
||||
} else {
|
||||
$('.theme-setting-mega-menu-style', panel).val("dark");
|
||||
}
|
||||
|
||||
if ($('body').hasClass("page-header-menu-fixed")) {
|
||||
$('.theme-setting-mega-menu-mode', panel).val("fixed");
|
||||
} else {
|
||||
$('.theme-setting-mega-menu-mode', panel).val("not-fixed");
|
||||
}
|
||||
|
||||
//handle theme layout
|
||||
var resetLayout = function () {
|
||||
$("body").
|
||||
removeClass("page-header-top-fixed").
|
||||
removeClass("page-header-menu-fixed");
|
||||
|
||||
$('.page-header-top > .container-fluid').removeClass("container-fluid").addClass('container');
|
||||
$('.page-header-menu > .container-fluid').removeClass("container-fluid").addClass('container');
|
||||
$('.page-head > .container-fluid').removeClass("container-fluid").addClass('container');
|
||||
$('.page-content > .container-fluid').removeClass("container-fluid").addClass('container');
|
||||
$('.page-prefooter > .container-fluid').removeClass("container-fluid").addClass('container');
|
||||
$('.page-footer > .container-fluid').removeClass("container-fluid").addClass('container');
|
||||
};
|
||||
|
||||
var setLayout = function () {
|
||||
|
||||
var layoutMode = $('.theme-setting-layout', panel).val();
|
||||
var headerTopMenuStyle = $('.theme-setting-top-menu-style', panel).val();
|
||||
var headerTopMenuMode = $('.theme-setting-top-menu-mode', panel).val();
|
||||
var headerMegaMenuStyle = $('.theme-setting-mega-menu-style', panel).val();
|
||||
var headerMegaMenuMode = $('.theme-setting-mega-menu-mode', panel).val();
|
||||
|
||||
resetLayout(); // reset layout to default state
|
||||
|
||||
if (layoutMode === "fluid") {
|
||||
$('.page-header-top > .container').removeClass("container").addClass('container-fluid');
|
||||
$('.page-header-menu > .container').removeClass("container").addClass('container-fluid');
|
||||
$('.page-head > .container').removeClass("container").addClass('container-fluid');
|
||||
$('.page-content > .container').removeClass("container").addClass('container-fluid');
|
||||
$('.page-prefooter > .container').removeClass("container").addClass('container-fluid');
|
||||
$('.page-footer > .container').removeClass("container").addClass('container-fluid');
|
||||
|
||||
//App.runResizeHandlers();
|
||||
}
|
||||
|
||||
if (headerTopMenuStyle === 'dark') {
|
||||
$(".top-menu > .navbar-nav > li.dropdown").addClass("dropdown-dark");
|
||||
} else {
|
||||
$(".top-menu > .navbar-nav > li.dropdown").removeClass("dropdown-dark");
|
||||
}
|
||||
|
||||
if (headerTopMenuMode === 'fixed') {
|
||||
$("body").addClass("page-header-top-fixed");
|
||||
} else {
|
||||
$("body").removeClass("page-header-top-fixed");
|
||||
}
|
||||
|
||||
if (headerMegaMenuStyle === 'light') {
|
||||
$(".hor-menu").addClass("hor-menu-light");
|
||||
} else {
|
||||
$(".hor-menu").removeClass("hor-menu-light");
|
||||
}
|
||||
|
||||
if (headerMegaMenuMode === 'fixed') {
|
||||
$("body").addClass("page-header-menu-fixed");
|
||||
} else {
|
||||
$("body").removeClass("page-header-menu-fixed");
|
||||
}
|
||||
};
|
||||
|
||||
// handle theme colors
|
||||
var setColor = function (color) {
|
||||
var color_ = (App.isRTL() ? color + '-rtl' : color);
|
||||
$('#style_color').attr("href", Layout.getLayoutCssPath() + 'themes/' + color_ + ".min.css");
|
||||
$('.page-logo img').attr("src", Layout.getLayoutImgPath() + 'logo-' + color + '.png');
|
||||
};
|
||||
|
||||
$('.theme-colors > li', panel).click(function () {
|
||||
var color = $(this).attr("data-theme");
|
||||
setColor(color);
|
||||
$('.theme-colors > li', panel).removeClass("active");
|
||||
$(this).addClass("active");
|
||||
});
|
||||
|
||||
$('.theme-setting-top-menu-mode', panel).change(function(){
|
||||
var headerTopMenuMode = $('.theme-setting-top-menu-mode', panel).val();
|
||||
var headerMegaMenuMode = $('.theme-setting-mega-menu-mode', panel).val();
|
||||
|
||||
if (headerMegaMenuMode === "fixed") {
|
||||
alert("The top menu and mega menu can not be fixed at the same time.");
|
||||
$('.theme-setting-mega-menu-mode', panel).val("not-fixed");
|
||||
headerTopMenuMode = 'not-fixed';
|
||||
}
|
||||
});
|
||||
|
||||
$('.theme-setting-mega-menu-mode', panel).change(function(){
|
||||
var headerTopMenuMode = $('.theme-setting-top-menu-mode', panel).val();
|
||||
var headerMegaMenuMode = $('.theme-setting-mega-menu-mode', panel).val();
|
||||
|
||||
if (headerTopMenuMode === "fixed") {
|
||||
alert("The top menu and mega menu can not be fixed at the same time.");
|
||||
$('.theme-setting-top-menu-mode', panel).val("not-fixed");
|
||||
headerTopMenuMode = 'not-fixed';
|
||||
}
|
||||
});
|
||||
|
||||
$('.theme-setting', panel).change(setLayout);
|
||||
};
|
||||
|
||||
// handle theme style
|
||||
var setThemeStyle = function(style) {
|
||||
var file = (style === 'rounded' ? 'components-rounded' : 'components');
|
||||
file = (App.isRTL() ? file + '-rtl' : file);
|
||||
|
||||
$('#style_components').attr("href", App.getGlobalCssPath() + file + ".min.css");
|
||||
|
||||
if (typeof Cookies !== "undefined") {
|
||||
Cookies.set('layout-style-option', style);
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the theme
|
||||
init: function() {
|
||||
// handles style customer tool
|
||||
handleTheme();
|
||||
|
||||
// handle layout style change
|
||||
$('.theme-panel .theme-setting-style').change(function() {
|
||||
setThemeStyle($(this).val());
|
||||
});
|
||||
|
||||
// set layout style from cookie
|
||||
if (typeof Cookies !== "undefined" && Cookies.get('layout-style-option') === 'rounded') {
|
||||
setThemeStyle(Cookies.get('layout-style-option'));
|
||||
$('.theme-panel .layout-style-option').val(Cookies.get('layout-style-option'));
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
if (App.isAngularJsApp() === false) {
|
||||
jQuery(document).ready(function() {
|
||||
Demo.init();
|
||||
});
|
||||
}
|
||||
1
Metronic/assets/layouts/layout3/scripts/demo.min.js
vendored
Normal file
1
Metronic/assets/layouts/layout3/scripts/demo.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var Demo=function(){var e=function(){var e=$(".theme-panel");1===$(".page-head > .container-fluid").size()?$(".theme-setting-layout",e).val("fluid"):$(".theme-setting-layout",e).val("boxed"),$(".top-menu li.dropdown.dropdown-dark").size()>0?$(".theme-setting-top-menu-style",e).val("dark"):$(".theme-setting-top-menu-style",e).val("light"),$("body").hasClass("page-header-top-fixed")?$(".theme-setting-top-menu-mode",e).val("fixed"):$(".theme-setting-top-menu-mode",e).val("not-fixed"),$(".hor-menu.hor-menu-light").size()>0?$(".theme-setting-mega-menu-style",e).val("light"):$(".theme-setting-mega-menu-style",e).val("dark"),$("body").hasClass("page-header-menu-fixed")?$(".theme-setting-mega-menu-mode",e).val("fixed"):$(".theme-setting-mega-menu-mode",e).val("not-fixed");var t=function(){$("body").removeClass("page-header-top-fixed").removeClass("page-header-menu-fixed"),$(".page-header-top > .container-fluid").removeClass("container-fluid").addClass("container"),$(".page-header-menu > .container-fluid").removeClass("container-fluid").addClass("container"),$(".page-head > .container-fluid").removeClass("container-fluid").addClass("container"),$(".page-content > .container-fluid").removeClass("container-fluid").addClass("container"),$(".page-prefooter > .container-fluid").removeClass("container-fluid").addClass("container"),$(".page-footer > .container-fluid").removeClass("container-fluid").addClass("container")},a=function(){var a=$(".theme-setting-layout",e).val(),n=$(".theme-setting-top-menu-style",e).val(),o=$(".theme-setting-top-menu-mode",e).val(),i=$(".theme-setting-mega-menu-style",e).val(),s=$(".theme-setting-mega-menu-mode",e).val();t(),"fluid"===a&&($(".page-header-top > .container").removeClass("container").addClass("container-fluid"),$(".page-header-menu > .container").removeClass("container").addClass("container-fluid"),$(".page-head > .container").removeClass("container").addClass("container-fluid"),$(".page-content > .container").removeClass("container").addClass("container-fluid"),$(".page-prefooter > .container").removeClass("container").addClass("container-fluid"),$(".page-footer > .container").removeClass("container").addClass("container-fluid")),"dark"===n?$(".top-menu > .navbar-nav > li.dropdown").addClass("dropdown-dark"):$(".top-menu > .navbar-nav > li.dropdown").removeClass("dropdown-dark"),"fixed"===o?$("body").addClass("page-header-top-fixed"):$("body").removeClass("page-header-top-fixed"),"light"===i?$(".hor-menu").addClass("hor-menu-light"):$(".hor-menu").removeClass("hor-menu-light"),"fixed"===s?$("body").addClass("page-header-menu-fixed"):$("body").removeClass("page-header-menu-fixed")},n=function(e){var t=App.isRTL()?e+"-rtl":e;$("#style_color").attr("href",Layout.getLayoutCssPath()+"themes/"+t+".min.css"),$(".page-logo img").attr("src",Layout.getLayoutImgPath()+"logo-"+e+".png")};$(".theme-colors > li",e).click(function(){var t=$(this).attr("data-theme");n(t),$(".theme-colors > li",e).removeClass("active"),$(this).addClass("active")}),$(".theme-setting-top-menu-mode",e).change(function(){var t=$(".theme-setting-top-menu-mode",e).val(),a=$(".theme-setting-mega-menu-mode",e).val();"fixed"===a&&(alert("The top menu and mega menu can not be fixed at the same time."),$(".theme-setting-mega-menu-mode",e).val("not-fixed"),t="not-fixed")}),$(".theme-setting-mega-menu-mode",e).change(function(){var t=$(".theme-setting-top-menu-mode",e).val();$(".theme-setting-mega-menu-mode",e).val();"fixed"===t&&(alert("The top menu and mega menu can not be fixed at the same time."),$(".theme-setting-top-menu-mode",e).val("not-fixed"),t="not-fixed")}),$(".theme-setting",e).change(a)},t=function(e){var t="rounded"===e?"components-rounded":"components";t=App.isRTL()?t+"-rtl":t,$("#style_components").attr("href",App.getGlobalCssPath()+t+".min.css"),"undefined"!=typeof Cookies&&Cookies.set("layout-style-option",e)};return{init:function(){e(),$(".theme-panel .theme-setting-style").change(function(){t($(this).val())}),"undefined"!=typeof Cookies&&"rounded"===Cookies.get("layout-style-option")&&(t(Cookies.get("layout-style-option")),$(".theme-panel .layout-style-option").val(Cookies.get("layout-style-option")))}}}();App.isAngularJsApp()===!1&&jQuery(document).ready(function(){Demo.init()});
|
||||
File diff suppressed because it is too large
Load Diff
2
Metronic/assets/layouts/layout3/scripts/jquery.datetimepicker.full.min.js
vendored
Normal file
2
Metronic/assets/layouts/layout3/scripts/jquery.datetimepicker.full.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2393
Metronic/assets/layouts/layout3/scripts/jquery.datetimepicker.js
Normal file
2393
Metronic/assets/layouts/layout3/scripts/jquery.datetimepicker.js
Normal file
File diff suppressed because it is too large
Load Diff
2
Metronic/assets/layouts/layout3/scripts/jquery.datetimepicker.min.js
vendored
Normal file
2
Metronic/assets/layouts/layout3/scripts/jquery.datetimepicker.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
6
Metronic/assets/layouts/layout3/scripts/jquery.js
vendored
Normal file
6
Metronic/assets/layouts/layout3/scripts/jquery.js
vendored
Normal file
File diff suppressed because one or more lines are too long
296
Metronic/assets/layouts/layout3/scripts/layout.js
Normal file
296
Metronic/assets/layouts/layout3/scripts/layout.js
Normal file
@@ -0,0 +1,296 @@
|
||||
/**
|
||||
Core script to handle the entire theme and core functions
|
||||
**/
|
||||
|
||||
var Layout = function () {
|
||||
|
||||
var layoutImgPath = 'layouts/layout3/img/';
|
||||
|
||||
var layoutCssPath = 'layouts/layout3/css/';
|
||||
|
||||
var resBreakpointMd = App.getResponsiveBreakpoint('md');
|
||||
|
||||
//* BEGIN:CORE HANDLERS *//
|
||||
// this function handles responsive layout on screen size resize or mobile device rotate.
|
||||
|
||||
// Handles header
|
||||
var handleHeader = function () {
|
||||
// handle search box expand/collapse
|
||||
$('.page-header').on('click', '.search-form', function (e) {
|
||||
$(this).addClass("open");
|
||||
$(this).find('.form-control').focus();
|
||||
|
||||
$('.page-header .search-form .form-control').on('blur', function (e) {
|
||||
$(this).closest('.search-form').removeClass("open");
|
||||
$(this).unbind("blur");
|
||||
});
|
||||
});
|
||||
|
||||
// handle hor menu search form on enter press
|
||||
$('.page-header').on('keypress', '.hor-menu .search-form .form-control', function (e) {
|
||||
if (e.which == 13) {
|
||||
$(this).closest('.search-form').submit();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
// handle header search button click
|
||||
$('.page-header').on('mousedown', '.search-form.open .submit', function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
$(this).closest('.search-form').submit();
|
||||
});
|
||||
|
||||
// handle scrolling to top on responsive menu toggler click when header is fixed for mobile view
|
||||
$('body').on('click', '.page-header-top-fixed .page-header-top .menu-toggler', function(){
|
||||
App.scrollTop();
|
||||
});
|
||||
};
|
||||
|
||||
// Handles main menu
|
||||
var handleMainMenu = function () {
|
||||
|
||||
// handle menu toggler icon click
|
||||
$(".page-header .menu-toggler").on("click", function(event) {
|
||||
if (App.getViewPort().width < resBreakpointMd) {
|
||||
var menu = $(".page-header .page-header-menu");
|
||||
if (menu.is(":visible")) {
|
||||
menu.slideUp(300);
|
||||
} else {
|
||||
menu.slideDown(300);
|
||||
}
|
||||
|
||||
if ($('body').hasClass('page-header-top-fixed')) {
|
||||
App.scrollTop();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// handle sub dropdown menu click for mobile devices only
|
||||
$(".hor-menu .menu-dropdown > a, .hor-menu .dropdown-submenu > a").on("click", function(e) {
|
||||
if (App.getViewPort().width < resBreakpointMd) {
|
||||
if ($(this).next().hasClass('dropdown-menu')) {
|
||||
e.stopPropagation();
|
||||
if ($(this).parent().hasClass("opened")) {
|
||||
$(this).parent().removeClass("opened");
|
||||
} else {
|
||||
$(this).parent().addClass("opened");
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// close main menu on final link click for mobile mode
|
||||
$(".hor-menu li > a").on("click", function(e) {
|
||||
if (App.getViewPort().width < resBreakpointMd) {
|
||||
if (!$(this).parent('li').hasClass('classic-menu-dropdown') && !$(this).parent('li').hasClass('mega-menu-dropdown')
|
||||
&& !$(this).parent('li').hasClass('dropdown-submenu')) {
|
||||
$(".page-header .page-header-menu").slideUp(300);
|
||||
App.scrollTop();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// hold mega menu content open on click/tap.
|
||||
$(document).on('click', '.mega-menu-dropdown .dropdown-menu, .classic-menu-dropdown .dropdown-menu', function (e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
// handle fixed mega menu(minimized)
|
||||
$(window).scroll(function() {
|
||||
var offset = 75;
|
||||
if ($('body').hasClass('page-header-menu-fixed')) {
|
||||
if ($(window).scrollTop() > offset){
|
||||
$(".page-header-menu").addClass("fixed");
|
||||
} else {
|
||||
$(".page-header-menu").removeClass("fixed");
|
||||
}
|
||||
}
|
||||
|
||||
if ($('body').hasClass('page-header-top-fixed')) {
|
||||
if ($(window).scrollTop() > offset){
|
||||
$(".page-header-top").addClass("fixed");
|
||||
} else {
|
||||
$(".page-header-top").removeClass("fixed");
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// Handle sidebar menu links
|
||||
var handleMainMenuActiveLink = function(mode, el, $state) {
|
||||
var url = encodeURI(location.hash).toLowerCase();
|
||||
|
||||
var menu = $('.hor-menu');
|
||||
|
||||
if (mode === 'click' || mode === 'set') {
|
||||
el = $(el);
|
||||
} else if (mode === 'match') {
|
||||
menu.find("li > a").each(function() {
|
||||
var state = $(this).attr('ui-sref');
|
||||
if ($state && state) {
|
||||
if ($state.is(state)) {
|
||||
el = $(this);
|
||||
return;
|
||||
}
|
||||
} else {
|
||||
var path = $(this).attr('href');
|
||||
if (path) {
|
||||
// url match condition
|
||||
path = path.toLowerCase();
|
||||
if (path.length > 1 && url.substr(1, path.length - 1) == path.substr(1)) {
|
||||
el = $(this);
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (!el || el.size() == 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (el.attr('href') == 'javascript:;' ||
|
||||
el.attr('ui-sref') == 'javascript:;' ||
|
||||
el.attr('href') == '#' ||
|
||||
el.attr('ui-sref') == '#'
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
// disable active states
|
||||
menu.find('li.active').removeClass('active');
|
||||
menu.find('li > a > .selected').remove();
|
||||
menu.find('li.open').removeClass('open');
|
||||
|
||||
el.parents('li').each(function () {
|
||||
$(this).addClass('active');
|
||||
|
||||
if ($(this).parent('ul.navbar-nav').size() === 1) {
|
||||
$(this).find('> a').append('<span class="selected"></span>');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// Handles main menu on window resize
|
||||
var handleMainMenuOnResize = function() {
|
||||
// handle hover dropdown menu for desktop devices only
|
||||
var width = App.getViewPort().width;
|
||||
var menu = $(".page-header-menu");
|
||||
|
||||
if (width >= resBreakpointMd) {
|
||||
$(".page-header-menu").css("display", "block");
|
||||
} else if (width < resBreakpointMd) {
|
||||
$(".page-header-menu").css("display", "none");
|
||||
}
|
||||
};
|
||||
|
||||
var handleContentHeight = function() {
|
||||
return;
|
||||
var height;
|
||||
|
||||
if ($('body').height() < App.getViewPort().height) {
|
||||
height = App.getViewPort().height -
|
||||
$('.page-header').outerHeight() -
|
||||
($('.page-container').outerHeight() - $('.page-content').outerHeight()) -
|
||||
$('.page-prefooter').outerHeight() -
|
||||
$('.page-footer').outerHeight();
|
||||
|
||||
$('.page-content').css('min-height', height);
|
||||
}
|
||||
};
|
||||
|
||||
// Handles the go to top button at the footer
|
||||
var handleGoTop = function () {
|
||||
var offset = 100;
|
||||
var duration = 500;
|
||||
|
||||
if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) { // ios supported
|
||||
$(window).bind("touchend touchcancel touchleave", function(e){
|
||||
if ($(this).scrollTop() > offset) {
|
||||
$('.scroll-to-top').fadeIn(duration);
|
||||
} else {
|
||||
$('.scroll-to-top').fadeOut(duration);
|
||||
}
|
||||
});
|
||||
} else { // general
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > offset) {
|
||||
$('.scroll-to-top').fadeIn(duration);
|
||||
} else {
|
||||
$('.scroll-to-top').fadeOut(duration);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$('.scroll-to-top').click(function(e) {
|
||||
e.preventDefault();
|
||||
$('html, body').animate({scrollTop: 0}, duration);
|
||||
return false;
|
||||
});
|
||||
};
|
||||
|
||||
//* END:CORE HANDLERS *//
|
||||
|
||||
return {
|
||||
|
||||
// Main init methods to initialize the layout
|
||||
// IMPORTANT!!!: Do not modify the core handlers call order.
|
||||
|
||||
initHeader: function($state) {
|
||||
handleHeader(); // handles horizontal menu
|
||||
handleMainMenu(); // handles menu toggle for mobile
|
||||
App.addResizeHandler(handleMainMenuOnResize); // handle main menu on window resize
|
||||
|
||||
if (App.isAngularJsApp()) {
|
||||
handleMainMenuActiveLink('match', null, $state); // init sidebar active links
|
||||
}
|
||||
},
|
||||
|
||||
initContent: function() {
|
||||
handleContentHeight(); // handles content height
|
||||
},
|
||||
|
||||
initFooter: function() {
|
||||
handleGoTop(); //handles scroll to top functionality in the footer
|
||||
},
|
||||
|
||||
init: function () {
|
||||
this.initHeader();
|
||||
this.initContent();
|
||||
this.initFooter();
|
||||
},
|
||||
|
||||
setMainMenuActiveLink: function(mode, el) {
|
||||
handleMainMenuActiveLink(mode, el);
|
||||
},
|
||||
|
||||
setAngularJsMainMenuActiveLink: function(mode, el, $state) {
|
||||
handleMainMenuActiveLink(mode, el, $state);
|
||||
},
|
||||
|
||||
closeMainMenu: function() {
|
||||
$('.hor-menu').find('li.open').removeClass('open');
|
||||
|
||||
if (App.getViewPort().width < resBreakpointMd && $('.page-header-menu').is(":visible")) { // close the menu on mobile view while laoding a page
|
||||
$('.page-header .menu-toggler').click();
|
||||
}
|
||||
},
|
||||
|
||||
getLayoutImgPath: function() {
|
||||
return App.getAssetsPath() + layoutImgPath;
|
||||
},
|
||||
|
||||
getLayoutCssPath: function() {
|
||||
return App.getAssetsPath() + layoutCssPath;
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
if (App.isAngularJsApp() === false) {
|
||||
jQuery(document).ready(function() {
|
||||
Layout.init(); // init metronic core componets
|
||||
});
|
||||
}
|
||||
1
Metronic/assets/layouts/layout3/scripts/layout.min.js
vendored
Normal file
1
Metronic/assets/layouts/layout3/scripts/layout.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var Layout=function(){var e="layouts/layout3/img/",n="layouts/layout3/css/",o=App.getResponsiveBreakpoint("md"),t=function(){$(".page-header").on("click",".search-form",function(e){$(this).addClass("open"),$(this).find(".form-control").focus(),$(".page-header .search-form .form-control").on("blur",function(e){$(this).closest(".search-form").removeClass("open"),$(this).unbind("blur")})}),$(".page-header").on("keypress",".hor-menu .search-form .form-control",function(e){return 13==e.which?($(this).closest(".search-form").submit(),!1):void 0}),$(".page-header").on("mousedown",".search-form.open .submit",function(e){e.preventDefault(),e.stopPropagation(),$(this).closest(".search-form").submit()}),$("body").on("click",".page-header-top-fixed .page-header-top .menu-toggler",function(){App.scrollTop()})},a=function(){$(".page-header .menu-toggler").on("click",function(e){if(App.getViewPort().width<o){var n=$(".page-header .page-header-menu");n.is(":visible")?n.slideUp(300):n.slideDown(300),$("body").hasClass("page-header-top-fixed")&&App.scrollTop()}}),$(".hor-menu .menu-dropdown > a, .hor-menu .dropdown-submenu > a").on("click",function(e){App.getViewPort().width<o&&$(this).next().hasClass("dropdown-menu")&&(e.stopPropagation(),$(this).parent().hasClass("opened")?$(this).parent().removeClass("opened"):$(this).parent().addClass("opened"))}),$(".hor-menu li > a").on("click",function(e){App.getViewPort().width<o&&($(this).parent("li").hasClass("classic-menu-dropdown")||$(this).parent("li").hasClass("mega-menu-dropdown")||$(this).parent("li").hasClass("dropdown-submenu")||($(".page-header .page-header-menu").slideUp(300),App.scrollTop()))}),$(document).on("click",".mega-menu-dropdown .dropdown-menu, .classic-menu-dropdown .dropdown-menu",function(e){e.stopPropagation()}),$(window).scroll(function(){var e=75;$("body").hasClass("page-header-menu-fixed")&&($(window).scrollTop()>e?$(".page-header-menu").addClass("fixed"):$(".page-header-menu").removeClass("fixed")),$("body").hasClass("page-header-top-fixed")&&($(window).scrollTop()>e?$(".page-header-top").addClass("fixed"):$(".page-header-top").removeClass("fixed"))})},i=function(e,n,o){var t=encodeURI(location.hash).toLowerCase(),a=$(".hor-menu");"click"===e||"set"===e?n=$(n):"match"===e&&a.find("li > a").each(function(){var e=$(this).attr("ui-sref");if(o&&e){if(o.is(e))return void(n=$(this))}else{var a=$(this).attr("href");if(a&&(a=a.toLowerCase(),a.length>1&&t.substr(1,a.length-1)==a.substr(1)))return void(n=$(this))}}),n&&0!=n.size()&&"javascript:;"!=n.attr("href")&&"javascript:;"!=n.attr("ui-sref")&&"#"!=n.attr("href")&&"#"!=n.attr("ui-sref")&&(a.find("li.active").removeClass("active"),a.find("li > a > .selected").remove(),a.find("li.open").removeClass("open"),n.parents("li").each(function(){$(this).addClass("active"),1===$(this).parent("ul.navbar-nav").size()&&$(this).find("> a").append('<span class="selected"></span>')}))},s=function(){var e=App.getViewPort().width;$(".page-header-menu");e>=o?$(".page-header-menu").css("display","block"):o>e&&$(".page-header-menu").css("display","none")},r=function(){return},p=function(){var e=100,n=500;navigator.userAgent.match(/iPhone|iPad|iPod/i)?$(window).bind("touchend touchcancel touchleave",function(o){$(this).scrollTop()>e?$(".scroll-to-top").fadeIn(n):$(".scroll-to-top").fadeOut(n)}):$(window).scroll(function(){$(this).scrollTop()>e?$(".scroll-to-top").fadeIn(n):$(".scroll-to-top").fadeOut(n)}),$(".scroll-to-top").click(function(e){return e.preventDefault(),$("html, body").animate({scrollTop:0},n),!1})};return{initHeader:function(e){t(),a(),App.addResizeHandler(s),App.isAngularJsApp()&&i("match",null,e)},initContent:function(){r()},initFooter:function(){p()},init:function(){this.initHeader(),this.initContent(),this.initFooter()},setMainMenuActiveLink:function(e,n){i(e,n)},setAngularJsMainMenuActiveLink:function(e,n,o){i(e,n,o)},closeMainMenu:function(){$(".hor-menu").find("li.open").removeClass("open"),App.getViewPort().width<o&&$(".page-header-menu").is(":visible")&&$(".page-header .menu-toggler").click()},getLayoutImgPath:function(){return App.getAssetsPath()+e},getLayoutCssPath:function(){return App.getAssetsPath()+n}}}();App.isAngularJsApp()===!1&&jQuery(document).ready(function(){Layout.init()});
|
||||
BIN
Metronic/assets/layouts/layout3/scripts/vssver2.scc
Normal file
BIN
Metronic/assets/layouts/layout3/scripts/vssver2.scc
Normal file
Binary file not shown.
Reference in New Issue
Block a user