fistcommit
This commit is contained in:
Kicap
319
assets/styles/color/green.css
Normal file
319
assets/styles/color/green.css
Normal file
@ -0,0 +1,319 @@
|
||||
/*
|
||||
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: #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
|
||||
*/
|
||||
.header .logo {
|
||||
color: #ffffff;
|
||||
background: #268d29;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. User Main Menu
|
||||
*/
|
||||
.user .control-list a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .control-list a:hover {
|
||||
color: #4caf50;
|
||||
}
|
||||
.user .name a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .name a:hover {
|
||||
color: #4caf50;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.navigation .menu a:hover {
|
||||
color: #4caf50;
|
||||
}
|
||||
.navigation .menu a:hover i {
|
||||
color: #4caf50;
|
||||
}
|
||||
}
|
||||
.navigation .menu a.active,
|
||||
.navigation .menu a.current {
|
||||
color: #4caf50;
|
||||
}
|
||||
.navigation .menu > li.current > a {
|
||||
background: #4caf50;
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current > a > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current .current > a {
|
||||
color: #4caf50;
|
||||
}
|
||||
.navigation .menu .waves-ripple {
|
||||
background: -webkit-radial-gradient(rgba(76, 175, 80, 0.2) 0, rgba(76, 175, 80, 0.3) 40%, rgba(76, 175, 80, 0.4) 50%, rgba(76, 175, 80, 0.5) 60%, rgba(76, 175, 80, 0) 70%);
|
||||
background: -o-radial-gradient(rgba(76, 175, 80, 0.2) 0, rgba(76, 175, 80, 0.3) 40%, rgba(76, 175, 80, 0.4) 50%, rgba(76, 175, 80, 0.5) 60%, rgba(76, 175, 80, 0) 70%);
|
||||
background: -moz-radial-gradient(rgba(76, 175, 80, 0.2) 0, rgba(76, 175, 80, 0.3) 40%, rgba(76, 175, 80, 0.4) 50%, rgba(76, 175, 80, 0.5) 60%, rgba(76, 175, 80, 0) 70%);
|
||||
background: radial-gradient(rgba(76, 175, 80, 0.2) 0, rgba(76, 175, 80, 0.3) 40%, rgba(76, 175, 80, 0.4) 50%, rgba(76, 175, 80, 0.5) 60%, rgba(76, 175, 80, 0) 70%);
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Menu Active
|
||||
*/
|
||||
@media (min-width: 800px) {
|
||||
.menu-active .header .logo {
|
||||
color: #268d29;
|
||||
}
|
||||
.menu-active .header .logo:before {
|
||||
background: #268d29;
|
||||
}
|
||||
.menu-active .header .logo:after {
|
||||
background: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a {
|
||||
background: #4caf50;
|
||||
color: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a i {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Fixed Navbar
|
||||
*/
|
||||
.fixed-navbar {
|
||||
background: #4caf50;
|
||||
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: #4caf50;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
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: #4caf50;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #4caf50;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #268d29;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #5ec662;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #4caf50;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
17. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
18. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #4caf50;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #268d29;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
Reference in New Issue
Block a user