traffic-counter/assets/styles/color/light-blue.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;
}
/*---------------------------------------------------------------------*/