297 lines
7.1 KiB
CSS
297 lines
7.1 KiB
CSS
/*
|
|
Version 2.0[Table of contents]
|
|
-------------------------------------------------------------------------
|
|
1. Globally Applied Styles
|
|
2. Header Top
|
|
3. Navigation Desktop
|
|
4. Navigation Mobile
|
|
5. Footer
|
|
6. Box Content
|
|
7. Data Tables
|
|
8. Inbox List
|
|
9. Menu Mobile Button
|
|
10. Notice
|
|
11. Search Form
|
|
12. Mail
|
|
13. Login, Register, ... Form
|
|
14. Pricing Plan
|
|
15. Gallery
|
|
-------------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
1. Globally Applied Styles
|
|
*/
|
|
a {
|
|
color: #4caf50;
|
|
}
|
|
a:hover,
|
|
a:active,
|
|
a:focus {
|
|
color: #268d29;
|
|
}
|
|
.fa-hover:hover {
|
|
background: #4caf50;
|
|
color: #ffffff;
|
|
}
|
|
.fa-hover:hover .ico,
|
|
.fa-hover:hover .fa {
|
|
color: #ffffff;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
2. Header Top
|
|
*/
|
|
.header-top {
|
|
height: 55px;
|
|
background: #4caf50;
|
|
color: #ffffff;
|
|
}
|
|
.header-top .ico-item {
|
|
color: #ffffff;
|
|
}
|
|
.header-top .ico-item:hover {
|
|
color: #ffffff;
|
|
}
|
|
@media (max-width: 479px) {
|
|
.header-top .searchform {
|
|
border-bottom-color: #4caf50;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
3. Navigation Desktop
|
|
*/
|
|
@media (min-width: 1025px) {
|
|
.nav-horizontal {
|
|
background: #ffffff;
|
|
}
|
|
.nav-horizontal .menu > li:hover > a {
|
|
color: #4caf50;
|
|
}
|
|
.nav-horizontal .menu > li.current > a {
|
|
color: #4caf50;
|
|
}
|
|
.nav-horizontal .menu .sub-menu {
|
|
background: #ffffff;
|
|
}
|
|
.nav-horizontal .menu .sub-menu.single a {
|
|
color: #435966;
|
|
}
|
|
.nav-horizontal .menu .sub-menu.single a:hover {
|
|
background: #4caf50;
|
|
color: #ffffff;
|
|
}
|
|
.nav-horizontal .menu .sub-menu.mega > li a {
|
|
color: #435966;
|
|
}
|
|
.nav-horizontal .menu .sub-menu.mega > li a:hover {
|
|
color: #4caf50;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
4. Navigation Mobile
|
|
*/
|
|
@media (max-width: 1024px) {
|
|
.nav-horizontal .menu > li > a.active {
|
|
color: #ffffff;
|
|
background: #4caf50;
|
|
}
|
|
.nav-horizontal .menu > li.current > a {
|
|
color: #ffffff;
|
|
background: #4caf50;
|
|
}
|
|
.nav-horizontal .menu .sub-menu .title.active,
|
|
.nav-horizontal .menu .child-list .title.active,
|
|
.nav-horizontal .menu .sub-menu a.active,
|
|
.nav-horizontal .menu .child-list a.active {
|
|
color: #ffffff;
|
|
background: #4caf50;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
5. 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: #4caf50;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
6. 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: #4caf50;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
7. Data Tables
|
|
*/
|
|
.dataTables_wrapper .dataTable .group {
|
|
background-color: #4caf50 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
table.focus-on tbody tr.focused th,
|
|
table.focus-on tbody tr.focused td {
|
|
background: #4caf50 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
8. Inbox List
|
|
*/
|
|
.inbox-list .name {
|
|
color: #4caf50;
|
|
}
|
|
@media (min-width: 1025px) {
|
|
.inbox-list .name:hover {
|
|
color: #268d29;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
9. Menu Mobile Button
|
|
*/
|
|
.menu-mobile-button {
|
|
color: #ffffff;
|
|
background: #5ec662;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
10. Notice
|
|
*/
|
|
/* Notice List */
|
|
.notice-list .name {
|
|
color: #212121;
|
|
}
|
|
@media (min-width: 1025px) {
|
|
.notice-list .name:hover {
|
|
color: #4caf50;
|
|
}
|
|
}
|
|
/* Notice Popup */
|
|
.notice-popup {
|
|
background: #ffffff;
|
|
}
|
|
.notice-popup .notice-read-more {
|
|
color: #212121;
|
|
}
|
|
.notice-popup .notice-read-more:hover {
|
|
color: #4caf50;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
11. Search Form
|
|
*/
|
|
@media (min-width: 1025px) {
|
|
.searchform .button-search:hover {
|
|
color: #4caf50;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
12. Mail
|
|
*/
|
|
.box-body .nav li.active a {
|
|
background: #ffffff;
|
|
color: #4caf50;
|
|
}
|
|
.box-body .nav a {
|
|
color: #212121;
|
|
}
|
|
.box-body .nav a:hover {
|
|
background: #ffffff;
|
|
color: #4caf50;
|
|
}
|
|
.mailbox-messages .unread > td:first-of-type {
|
|
border-left-color: #4caf50;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
13. Login, Register, ... Form
|
|
*/
|
|
.frm-single .frm-input .frm-inp:focus {
|
|
border-color: #4caf50;
|
|
}
|
|
.frm-single .frm-submit {
|
|
background: #4caf50;
|
|
color: #ffffff;
|
|
}
|
|
@media (min-width: 1025px) {
|
|
.frm-single .frm-submit:hover {
|
|
background: #268d29;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
14. Pricing Plan
|
|
*/
|
|
.pricing-table .thead {
|
|
background: #4caf50;
|
|
color: #fff;
|
|
}
|
|
.pricing-table .thead.bg-main-2 {
|
|
background-color: #4caf50;
|
|
}
|
|
.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: #4caf50;
|
|
}
|
|
.pricing-table .td .fa-check {
|
|
color: #4caf50;
|
|
}
|
|
.pricing-table .col-featured .td .btn-order {
|
|
background: #4caf50;
|
|
}
|
|
@media (min-width: 1025px) {
|
|
.pricing-table .td .btn-order:hover {
|
|
background: #4caf50;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
15. Gallery
|
|
*/
|
|
.isotope-filter .filter-controls a {
|
|
color: #435966;
|
|
}
|
|
@media (min-width: 1025px) {
|
|
.isotope-filter .filter-controls a:hover {
|
|
color: #4caf50;
|
|
}
|
|
}
|
|
.isotope-filter .filter-controls .js__active {
|
|
color: #4caf50;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|
|
/*-----------------------------------------------------------------------
|
|
16. User Info
|
|
*/
|
|
.user-info a {
|
|
color: #4caf50;
|
|
}
|
|
.user-info a:hover {
|
|
color: #268d29;
|
|
}
|
|
/*---------------------------------------------------------------------*/
|