320 lines
8.0 KiB
CSS
320 lines
8.0 KiB
CSS
/*
|
|
Version 2.0[Table of contents]
|
|
-------------------------------------------------------------------------
|
|
1. Globally Applied Styles
|
|
2. Header
|
|
3. User Main Menu
|
|
4. Navigation
|
|
5. Menu Active
|
|
6. Fixed Navbar7. Footer
|
|
8. Box Content
|
|
9. Data Tables
|
|
10. Inbox List
|
|
11. Menu Mobile Button
|
|
12. Notice
|
|
13. Search Form
|
|
14. Mail
|
|
15. Login, Register, ... Form
|
|
16. Pricing Plan
|
|
17. Gallery
|
|
-------------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
1. Globally Applied Styles
|
|
*/
|
|
a {
|
|
color: #2196f3;
|
|
}
|
|
a:hover,
|
|
a:active,
|
|
a:focus {
|
|
color: #1382ef;
|
|
}
|
|
.fa-hover:hover {
|
|
background: #2196f3;
|
|
color: #ffffff;
|
|
}
|
|
.fa-hover:hover .ico,
|
|
.fa-hover:hover .fa {
|
|
color: #ffffff;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
2. Header
|
|
*/
|
|
.header .logo {
|
|
color: #ffffff;
|
|
background: #1382ef;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
3. User Main Menu
|
|
*/
|
|
.user .control-list a {
|
|
color: #435966;
|
|
}
|
|
.user .control-list a:hover {
|
|
color: #2196f3;
|
|
}
|
|
.user .name a {
|
|
color: #435966;
|
|
}
|
|
.user .name a:hover {
|
|
color: #2196f3;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
4. Navigation
|
|
*/
|
|
@media (min-width: 1025px) {
|
|
.navigation .menu a:hover {
|
|
color: #2196f3;
|
|
}
|
|
.navigation .menu a:hover i {
|
|
color: #2196f3;
|
|
}
|
|
}
|
|
.navigation .menu a.active,
|
|
.navigation .menu a.current {
|
|
color: #2196f3;
|
|
}
|
|
.navigation .menu > li.current > a {
|
|
background: #2196f3;
|
|
color: #ffffff;
|
|
}
|
|
.navigation .menu > li.current > a > i {
|
|
color: #ffffff;
|
|
}
|
|
.navigation .menu > li.current .current > a {
|
|
color: #2196f3;
|
|
}
|
|
.navigation .menu .waves-ripple {
|
|
background: -webkit-radial-gradient(rgba(33, 150, 243, 0.2) 0, rgba(33, 150, 243, 0.3) 40%, rgba(33, 150, 243, 0.4) 50%, rgba(33, 150, 243, 0.5) 60%, rgba(33, 150, 243, 0) 70%);
|
|
background: -o-radial-gradient(rgba(33, 150, 243, 0.2) 0, rgba(33, 150, 243, 0.3) 40%, rgba(33, 150, 243, 0.4) 50%, rgba(33, 150, 243, 0.5) 60%, rgba(33, 150, 243, 0) 70%);
|
|
background: -moz-radial-gradient(rgba(33, 150, 243, 0.2) 0, rgba(33, 150, 243, 0.3) 40%, rgba(33, 150, 243, 0.4) 50%, rgba(33, 150, 243, 0.5) 60%, rgba(33, 150, 243, 0) 70%);
|
|
background: radial-gradient(rgba(33, 150, 243, 0.2) 0, rgba(33, 150, 243, 0.3) 40%, rgba(33, 150, 243, 0.4) 50%, rgba(33, 150, 243, 0.5) 60%, rgba(33, 150, 243, 0) 70%);
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
5. Menu Active
|
|
*/
|
|
@media (min-width: 800px) {
|
|
.menu-active .header .logo {
|
|
color: #1382ef;
|
|
}
|
|
.menu-active .header .logo:before {
|
|
background: #1382ef;
|
|
}
|
|
.menu-active .header .logo:after {
|
|
background: #ffffff;
|
|
}
|
|
.menu-active .navigation .menu > li:hover > a {
|
|
background: #2196f3;
|
|
color: #ffffff;
|
|
}
|
|
.menu-active .navigation .menu > li:hover > a i {
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
6. Fixed Navbar
|
|
*/
|
|
.fixed-navbar {
|
|
background: #2196f3;
|
|
color: #ffffff;
|
|
}
|
|
.fixed-navbar .ico-item {
|
|
color: #ffffff;
|
|
}
|
|
@media (min-width: 1025px) {
|
|
.fixed-navbar .ico-item:hover {
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
7. Footer
|
|
*/
|
|
.footer {
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.footer a {
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
@media (min-width: 1025px) {
|
|
.footer a:hover {
|
|
color: #2196f3;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
8. Box Content
|
|
*/
|
|
.box-content .dropdown.js__drop_down .sub-menu {
|
|
background: #ffffff;
|
|
}
|
|
.box-content .dropdown.js__drop_down .sub-menu a {
|
|
color: #435966;
|
|
}
|
|
@media (min-width: 1025px) {
|
|
.box-content .dropdown.js__drop_down .sub-menu a:hover {
|
|
color: #2196f3;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
9. Data Tables
|
|
*/
|
|
.dataTables_wrapper .dataTable .group {
|
|
background-color: #2196f3 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
table.focus-on tbody tr.focused th,
|
|
table.focus-on tbody tr.focused td {
|
|
background: #2196f3 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
10. Inbox List
|
|
*/
|
|
.inbox-list .name {
|
|
color: #2196f3;
|
|
}
|
|
@media (min-width: 1025px) {
|
|
.inbox-list .name:hover {
|
|
color: #1382ef;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
11. Menu Mobile Button
|
|
*/
|
|
.menu-mobile-button {
|
|
color: #ffffff;
|
|
background: #44a9f9;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
12. Notice
|
|
*/
|
|
/* Notice List */
|
|
.notice-list .name {
|
|
color: #212121;
|
|
}
|
|
@media (min-width: 1025px) {
|
|
.notice-list .name:hover {
|
|
color: #2196f3;
|
|
}
|
|
}
|
|
/* Notice Popup */
|
|
.notice-popup {
|
|
background: #ffffff;
|
|
}
|
|
.notice-popup .notice-read-more {
|
|
color: #212121;
|
|
}
|
|
.notice-popup .notice-read-more:hover {
|
|
color: #2196f3;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
13. Search Form
|
|
*/
|
|
@media (min-width: 1025px) {
|
|
.searchform .button-search:hover {
|
|
color: #2196f3;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
14. Mail
|
|
*/
|
|
.box-body .nav li.active a {
|
|
background: #ffffff;
|
|
color: #2196f3;
|
|
}
|
|
.box-body .nav a {
|
|
color: #212121;
|
|
}
|
|
.box-body .nav a:hover {
|
|
background: #ffffff;
|
|
color: #2196f3;
|
|
}
|
|
.mailbox-messages .unread > td:first-of-type {
|
|
border-left-color: #2196f3;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
15. Login, Register, ... Form
|
|
*/
|
|
.frm-single .frm-input .frm-inp:focus {
|
|
border-color: #2196f3;
|
|
}
|
|
.frm-single .frm-submit {
|
|
background: #2196f3;
|
|
color: #ffffff;
|
|
}
|
|
@media (min-width: 1025px) {
|
|
.frm-single .frm-submit:hover {
|
|
background: #1382ef;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
16. Pricing Plan
|
|
*/
|
|
.pricing-table .thead {
|
|
background: #2196f3;
|
|
color: #fff;
|
|
}
|
|
.pricing-table .thead.bg-main-2 {
|
|
background-color: #2196f3;
|
|
}
|
|
.pricing-table .thead.bg-blue-1 {
|
|
background-color: #2444f9;
|
|
}
|
|
.pricing-table .thead.bg-blue-2 {
|
|
background-color: #1e3def;
|
|
}
|
|
.pricing-table .thead.bg-blue-3 {
|
|
background-color: #2196f3;
|
|
}
|
|
.pricing-table .td .fa-check {
|
|
color: #2196f3;
|
|
}
|
|
.pricing-table .col-featured .td .btn-order {
|
|
background: #2196f3;
|
|
}
|
|
@media (min-width: 1025px) {
|
|
.pricing-table .td .btn-order:hover {
|
|
background: #2196f3;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
17. Gallery
|
|
*/
|
|
.isotope-filter .filter-controls a {
|
|
color: #435966;
|
|
}
|
|
@media (min-width: 1025px) {
|
|
.isotope-filter .filter-controls a:hover {
|
|
color: #2196f3;
|
|
}
|
|
}
|
|
.isotope-filter .filter-controls .js__active {
|
|
color: #2196f3;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
18. User Info
|
|
*/
|
|
.user-info a {
|
|
color: #2196f3;
|
|
}
|
|
.user-info a:hover {
|
|
color: #1382ef;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|