traffic-counter/assets/styles/color/dark-blue.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: #3f51b5;
}
a:hover,
a:active,
a:focus {
color: #2b3ba5;
}
.fa-hover:hover {
background: #3f51b5;
color: #ffffff;
}
.fa-hover:hover .ico,
.fa-hover:hover .fa {
color: #ffffff;
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
2. Header
*/
.header .logo {
color: #ffffff;
background: #2b3ba5;
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
3. User Main Menu
*/
.user .control-list a {
color: #435966;
}
.user .control-list a:hover {
color: #3f51b5;
}
.user .name a {
color: #435966;
}
.user .name a:hover {
color: #3f51b5;
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
4. Navigation
*/
@media (min-width: 1025px) {
.navigation .menu a:hover {
color: #3f51b5;
}
.navigation .menu a:hover i {
color: #3f51b5;
}
}
.navigation .menu a.active,
.navigation .menu a.current {
color: #3f51b5;
}
.navigation .menu > li.current > a {
background: #3f51b5;
color: #ffffff;
}
.navigation .menu > li.current > a > i {
color: #ffffff;
}
.navigation .menu > li.current .current > a {
color: #3f51b5;
}
.navigation .menu .waves-ripple {
background: -webkit-radial-gradient(rgba(63, 81, 181, 0.2) 0, rgba(63, 81, 181, 0.3) 40%, rgba(63, 81, 181, 0.4) 50%, rgba(63, 81, 181, 0.5) 60%, rgba(63, 81, 181, 0) 70%);
background: -o-radial-gradient(rgba(63, 81, 181, 0.2) 0, rgba(63, 81, 181, 0.3) 40%, rgba(63, 81, 181, 0.4) 50%, rgba(63, 81, 181, 0.5) 60%, rgba(63, 81, 181, 0) 70%);
background: -moz-radial-gradient(rgba(63, 81, 181, 0.2) 0, rgba(63, 81, 181, 0.3) 40%, rgba(63, 81, 181, 0.4) 50%, rgba(63, 81, 181, 0.5) 60%, rgba(63, 81, 181, 0) 70%);
background: radial-gradient(rgba(63, 81, 181, 0.2) 0, rgba(63, 81, 181, 0.3) 40%, rgba(63, 81, 181, 0.4) 50%, rgba(63, 81, 181, 0.5) 60%, rgba(63, 81, 181, 0) 70%);
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
5. Menu Active
*/
@media (min-width: 800px) {
.menu-active .header .logo {
color: #2b3ba5;
}
.menu-active .header .logo:before {
background: #2b3ba5;
}
.menu-active .header .logo:after {
background: #ffffff;
}
.menu-active .navigation .menu > li:hover > a {
background: #3f51b5;
color: #ffffff;
}
.menu-active .navigation .menu > li:hover > a i {
color: #ffffff;
}
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
6. Fixed Navbar
*/
.fixed-navbar {
background: #3f51b5;
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: #3f51b5;
}
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
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: #3f51b5;
}
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
9. Data Tables
*/
.dataTables_wrapper .dataTable .group {
background-color: #3f51b5 !important;
color: #ffffff !important;
}
table.focus-on tbody tr.focused th,
table.focus-on tbody tr.focused td {
background: #3f51b5 !important;
color: #ffffff !important;
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
10. Inbox List
*/
.inbox-list .name {
color: #3f51b5;
}
@media (min-width: 1025px) {
.inbox-list .name:hover {
color: #2b3ba5;
}
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
11. Menu Mobile Button
*/
.menu-mobile-button {
color: #ffffff;
background: #5669d5;
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
12. Notice
*/
/* Notice List */
.notice-list .name {
color: #212121;
}
@media (min-width: 1025px) {
.notice-list .name:hover {
color: #3f51b5;
}
}
/* Notice Popup */
.notice-popup {
background: #ffffff;
}
.notice-popup .notice-read-more {
color: #212121;
}
.notice-popup .notice-read-more:hover {
color: #3f51b5;
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
13. Search Form
*/
@media (min-width: 1025px) {
.searchform .button-search:hover {
color: #3f51b5;
}
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
14. Mail
*/
.box-body .nav li.active a {
background: #ffffff;
color: #3f51b5;
}
.box-body .nav a {
color: #212121;
}
.box-body .nav a:hover {
background: #ffffff;
color: #3f51b5;
}
.mailbox-messages .unread > td:first-of-type {
border-left-color: #3f51b5;
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
15. Login, Register, ... Form
*/
.frm-single .frm-input .frm-inp:focus {
border-color: #3f51b5;
}
.frm-single .frm-submit {
background: #3f51b5;
color: #ffffff;
}
@media (min-width: 1025px) {
.frm-single .frm-submit:hover {
background: #2b3ba5;
}
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
16. Pricing Plan
*/
.pricing-table .thead {
background: #3f51b5;
color: #fff;
}
.pricing-table .thead.bg-main-2 {
background-color: #3f51b5;
}
.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: #3f51b5;
}
.pricing-table .td .fa-check {
color: #3f51b5;
}
.pricing-table .col-featured .td .btn-order {
background: #3f51b5;
}
@media (min-width: 1025px) {
.pricing-table .td .btn-order:hover {
background: #3f51b5;
}
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
17. Gallery
*/
.isotope-filter .filter-controls a {
color: #435966;
}
@media (min-width: 1025px) {
.isotope-filter .filter-controls a:hover {
color: #3f51b5;
}
}
.isotope-filter .filter-controls .js__active {
color: #3f51b5;
}
/*---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
18. User Info
*/
.user-info a {
color: #3f51b5;
}
.user-info a:hover {
color: #2b3ba5;
}
/*---------------------------------------------------------------------*/