first commit
This commit is contained in:
kicap1992
BIN
assets/styles/color/._chocolate.css
Executable file
BIN
assets/styles/color/._chocolate.css
Executable file
Binary file not shown.
BIN
assets/styles/color/._chocolate.min.css
vendored
Executable file
BIN
assets/styles/color/._chocolate.min.css
vendored
Executable file
Binary file not shown.
BIN
assets/styles/color/._dark-blue.css
Executable file
BIN
assets/styles/color/._dark-blue.css
Executable file
Binary file not shown.
BIN
assets/styles/color/._dark-blue.min.css
vendored
Executable file
BIN
assets/styles/color/._dark-blue.min.css
vendored
Executable file
Binary file not shown.
BIN
assets/styles/color/._dark-green.css
Executable file
BIN
assets/styles/color/._dark-green.css
Executable file
Binary file not shown.
BIN
assets/styles/color/._dark-green.min.css
vendored
Executable file
BIN
assets/styles/color/._dark-green.min.css
vendored
Executable file
Binary file not shown.
BIN
assets/styles/color/._green.css
Executable file
BIN
assets/styles/color/._green.css
Executable file
Binary file not shown.
BIN
assets/styles/color/._green.min.css
vendored
Executable file
BIN
assets/styles/color/._green.min.css
vendored
Executable file
Binary file not shown.
BIN
assets/styles/color/._light-blue.css
Executable file
BIN
assets/styles/color/._light-blue.css
Executable file
Binary file not shown.
BIN
assets/styles/color/._light-blue.min.css
vendored
Executable file
BIN
assets/styles/color/._light-blue.min.css
vendored
Executable file
Binary file not shown.
BIN
assets/styles/color/._orange.css
Executable file
BIN
assets/styles/color/._orange.css
Executable file
Binary file not shown.
BIN
assets/styles/color/._orange.min.css
vendored
Executable file
BIN
assets/styles/color/._orange.min.css
vendored
Executable file
Binary file not shown.
BIN
assets/styles/color/._red.css
Executable file
BIN
assets/styles/color/._red.css
Executable file
Binary file not shown.
BIN
assets/styles/color/._red.min.css
vendored
Executable file
BIN
assets/styles/color/._red.min.css
vendored
Executable file
Binary file not shown.
BIN
assets/styles/color/._violet.css
Executable file
BIN
assets/styles/color/._violet.css
Executable file
Binary file not shown.
BIN
assets/styles/color/._violet.min.css
vendored
Executable file
BIN
assets/styles/color/._violet.min.css
vendored
Executable file
Binary file not shown.
BIN
assets/styles/color/._yellow.css
Executable file
BIN
assets/styles/color/._yellow.css
Executable file
Binary file not shown.
BIN
assets/styles/color/._yellow.min.css
vendored
Executable file
BIN
assets/styles/color/._yellow.min.css
vendored
Executable file
Binary file not shown.
319
assets/styles/color/chocolate.css
Executable file
319
assets/styles/color/chocolate.css
Executable 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: #795548;
|
||||
}
|
||||
a:hover,
|
||||
a:active,
|
||||
a:focus {
|
||||
color: #593601;
|
||||
}
|
||||
.fa-hover:hover {
|
||||
background: #795548;
|
||||
color: #ffffff;
|
||||
}
|
||||
.fa-hover:hover .ico,
|
||||
.fa-hover:hover .fa {
|
||||
color: #ffffff;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
2. Header
|
||||
*/
|
||||
.header .logo {
|
||||
color: #ffffff;
|
||||
background: #593601;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. User Main Menu
|
||||
*/
|
||||
.user .control-list a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .control-list a:hover {
|
||||
color: #795548;
|
||||
}
|
||||
.user .name a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .name a:hover {
|
||||
color: #795548;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.navigation .menu a:hover {
|
||||
color: #795548;
|
||||
}
|
||||
.navigation .menu a:hover i {
|
||||
color: #795548;
|
||||
}
|
||||
}
|
||||
.navigation .menu a.active,
|
||||
.navigation .menu a.current {
|
||||
color: #795548;
|
||||
}
|
||||
.navigation .menu > li.current > a {
|
||||
background: #795548;
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current > a > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current .current > a {
|
||||
color: #795548;
|
||||
}
|
||||
.navigation .menu .waves-ripple {
|
||||
background: -webkit-radial-gradient(rgba(121, 85, 72, 0.2) 0, rgba(121, 85, 72, 0.3) 40%, rgba(121, 85, 72, 0.4) 50%, rgba(121, 85, 72, 0.5) 60%, rgba(121, 85, 72, 0) 70%);
|
||||
background: -o-radial-gradient(rgba(121, 85, 72, 0.2) 0, rgba(121, 85, 72, 0.3) 40%, rgba(121, 85, 72, 0.4) 50%, rgba(121, 85, 72, 0.5) 60%, rgba(121, 85, 72, 0) 70%);
|
||||
background: -moz-radial-gradient(rgba(121, 85, 72, 0.2) 0, rgba(121, 85, 72, 0.3) 40%, rgba(121, 85, 72, 0.4) 50%, rgba(121, 85, 72, 0.5) 60%, rgba(121, 85, 72, 0) 70%);
|
||||
background: radial-gradient(rgba(121, 85, 72, 0.2) 0, rgba(121, 85, 72, 0.3) 40%, rgba(121, 85, 72, 0.4) 50%, rgba(121, 85, 72, 0.5) 60%, rgba(121, 85, 72, 0) 70%);
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Menu Active
|
||||
*/
|
||||
@media (min-width: 800px) {
|
||||
.menu-active .header .logo {
|
||||
color: #593601;
|
||||
}
|
||||
.menu-active .header .logo:before {
|
||||
background: #593601;
|
||||
}
|
||||
.menu-active .header .logo:after {
|
||||
background: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a {
|
||||
background: #795548;
|
||||
color: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a i {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Fixed Navbar
|
||||
*/
|
||||
.fixed-navbar {
|
||||
background: #795548;
|
||||
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: #795548;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
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: #795548;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Data Tables
|
||||
*/
|
||||
.dataTables_wrapper .dataTable .group {
|
||||
background-color: #795548 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
table.focus-on tbody tr.focused th,
|
||||
table.focus-on tbody tr.focused td {
|
||||
background: #795548 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #795548;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #593601;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #9c6f5f;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. Notice
|
||||
*/
|
||||
/* Notice List */
|
||||
.notice-list .name {
|
||||
color: #212121;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.notice-list .name:hover {
|
||||
color: #795548;
|
||||
}
|
||||
}
|
||||
/* Notice Popup */
|
||||
.notice-popup {
|
||||
background: #ffffff;
|
||||
}
|
||||
.notice-popup .notice-read-more {
|
||||
color: #212121;
|
||||
}
|
||||
.notice-popup .notice-read-more:hover {
|
||||
color: #795548;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #795548;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. Mail
|
||||
*/
|
||||
.box-body .nav li.active a {
|
||||
background: #ffffff;
|
||||
color: #795548;
|
||||
}
|
||||
.box-body .nav a {
|
||||
color: #212121;
|
||||
}
|
||||
.box-body .nav a:hover {
|
||||
background: #ffffff;
|
||||
color: #795548;
|
||||
}
|
||||
.mailbox-messages .unread > td:first-of-type {
|
||||
border-left-color: #795548;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. Login, Register, ... Form
|
||||
*/
|
||||
.frm-single .frm-input .frm-inp:focus {
|
||||
border-color: #795548;
|
||||
}
|
||||
.frm-single .frm-submit {
|
||||
background: #795548;
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.frm-single .frm-submit:hover {
|
||||
background: #593601;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. Pricing Plan
|
||||
*/
|
||||
.pricing-table .thead {
|
||||
background: #795548;
|
||||
color: #fff;
|
||||
}
|
||||
.pricing-table .thead.bg-main-2 {
|
||||
background-color: #795548;
|
||||
}
|
||||
.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: #795548;
|
||||
}
|
||||
.pricing-table .td .fa-check {
|
||||
color: #795548;
|
||||
}
|
||||
.pricing-table .col-featured .td .btn-order {
|
||||
background: #795548;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.pricing-table .td .btn-order:hover {
|
||||
background: #795548;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
17. Gallery
|
||||
*/
|
||||
.isotope-filter .filter-controls a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.isotope-filter .filter-controls a:hover {
|
||||
color: #795548;
|
||||
}
|
||||
}
|
||||
.isotope-filter .filter-controls .js__active {
|
||||
color: #795548;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
18. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #795548;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #593601;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/chocolate.min.css
vendored
Executable file
1
assets/styles/color/chocolate.min.css
vendored
Executable file
@ -0,0 +1 @@
|
||||
a{color:#795548}a:active,a:focus,a:hover{color:#593601}.fa-hover:hover{background:#795548;color:#ffffff}.fa-hover:hover .fa,.fa-hover:hover .ico{color:#ffffff}.header .logo{color:#ffffff;background:#593601}.user .control-list a{color:#435966}.user .control-list a:hover{color:#795548}.user .name a{color:#435966}.user .name a:hover{color:#795548}@media (min-width:1025px){.navigation .menu a:hover{color:#795548}.navigation .menu a:hover i{color:#795548}}.navigation .menu a.active,.navigation .menu a.current{color:#795548}.navigation .menu>li.current>a{background:#795548;color:#ffffff}.navigation .menu>li.current>a>i{color:#ffffff}.navigation .menu>li.current .current>a{color:#795548}.navigation .menu .waves-ripple{background:-webkit-radial-gradient(rgba(121, 85, 72, 0.2) 0, rgba(121, 85, 72, 0.3) 40%, rgba(121, 85, 72, 0.4) 50%, rgba(121, 85, 72, 0.5) 60%, rgba(121, 85, 72, 0) 70%);background:-o-radial-gradient(rgba(121, 85, 72, 0.2) 0, rgba(121, 85, 72, 0.3) 40%, rgba(121, 85, 72, 0.4) 50%, rgba(121, 85, 72, 0.5) 60%, rgba(121, 85, 72, 0) 70%);background:-moz-radial-gradient(rgba(121, 85, 72, 0.2) 0, rgba(121, 85, 72, 0.3) 40%, rgba(121, 85, 72, 0.4) 50%, rgba(121, 85, 72, 0.5) 60%, rgba(121, 85, 72, 0) 70%);background:radial-gradient(rgba(121, 85, 72, 0.2) 0, rgba(121, 85, 72, 0.3) 40%, rgba(121, 85, 72, 0.4) 50%, rgba(121, 85, 72, 0.5) 60%, rgba(121, 85, 72, 0) 70%)}@media (min-width:800px){.menu-active .header .logo{color:#593601}.menu-active .header .logo:before{background:#593601}.menu-active .header .logo:after{background:#ffffff}.menu-active .navigation .menu>li:hover>a{background:#795548;color:#ffffff}.menu-active .navigation .menu>li:hover>a i{color:#ffffff}}.fixed-navbar{background:#795548;color:#ffffff}.fixed-navbar .ico-item{color:#ffffff}@media (min-width:1025px){.fixed-navbar .ico-item:hover{color:#ffffff}}.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:#795548}}.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:#795548}}.dataTables_wrapper .dataTable .group{background-color:#795548!important;color:#ffffff!important}table.focus-on tbody tr.focused td,table.focus-on tbody tr.focused th{background:#795548!important;color:#ffffff!important}.inbox-list .name{color:#795548}@media (min-width:1025px){.inbox-list .name:hover{color:#593601}}.menu-mobile-button{color:#ffffff;background:#9c6f5f}.notice-list .name{color:#212121}@media (min-width:1025px){.notice-list .name:hover{color:#795548}}.notice-popup{background:#ffffff}.notice-popup .notice-read-more{color:#212121}.notice-popup .notice-read-more:hover{color:#795548}@media (min-width:1025px){.searchform .button-search:hover{color:#795548}}.box-body .nav li.active a{background:#ffffff;color:#795548}.box-body .nav a{color:#212121}.box-body .nav a:hover{background:#ffffff;color:#795548}.mailbox-messages .unread>td:first-of-type{border-left-color:#795548}.frm-single .frm-input .frm-inp:focus{border-color:#795548}.frm-single .frm-submit{background:#795548;color:#ffffff}@media (min-width:1025px){.frm-single .frm-submit:hover{background:#593601}}.pricing-table .thead{background:#795548;color:#fff}.pricing-table .thead.bg-main-2{background-color:#795548}.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:#795548}.pricing-table .td .fa-check{color:#795548}.pricing-table .col-featured .td .btn-order{background:#795548}@media (min-width:1025px){.pricing-table .td .btn-order:hover{background:#795548}}.isotope-filter .filter-controls a{color:#435966}@media (min-width:1025px){.isotope-filter .filter-controls a:hover{color:#795548}}.isotope-filter .filter-controls .js__active{color:#795548}.user-info a{color:#795548}.user-info a:hover{color:#593601}
|
||||
319
assets/styles/color/dark-blue.css
Executable file
319
assets/styles/color/dark-blue.css
Executable 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: #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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/dark-blue.min.css
vendored
Executable file
1
assets/styles/color/dark-blue.min.css
vendored
Executable file
@ -0,0 +1 @@
|
||||
a{color:#3f51b5}a:active,a:focus,a:hover{color:#2b3ba5}.fa-hover:hover{background:#3f51b5;color:#ffffff}.fa-hover:hover .fa,.fa-hover:hover .ico{color:#ffffff}.header .logo{color:#ffffff;background:#2b3ba5}.user .control-list a{color:#435966}.user .control-list a:hover{color:#3f51b5}.user .name a{color:#435966}.user .name a:hover{color:#3f51b5}@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%)}@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}}.fixed-navbar{background:#3f51b5;color:#ffffff}.fixed-navbar .ico-item{color:#ffffff}@media (min-width:1025px){.fixed-navbar .ico-item:hover{color:#ffffff}}.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}}.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}}.dataTables_wrapper .dataTable .group{background-color:#3f51b5!important;color:#ffffff!important}table.focus-on tbody tr.focused td,table.focus-on tbody tr.focused th{background:#3f51b5!important;color:#ffffff!important}.inbox-list .name{color:#3f51b5}@media (min-width:1025px){.inbox-list .name:hover{color:#2b3ba5}}.menu-mobile-button{color:#ffffff;background:#5669d5}.notice-list .name{color:#212121}@media (min-width:1025px){.notice-list .name:hover{color:#3f51b5}}.notice-popup{background:#ffffff}.notice-popup .notice-read-more{color:#212121}.notice-popup .notice-read-more:hover{color:#3f51b5}@media (min-width:1025px){.searchform .button-search:hover{color:#3f51b5}}.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}.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}}.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}}.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}.user-info a{color:#3f51b5}.user-info a:hover{color:#2b3ba5}
|
||||
319
assets/styles/color/dark-green.css
Executable file
319
assets/styles/color/dark-green.css
Executable 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: #263238;
|
||||
}
|
||||
a:hover,
|
||||
a:active,
|
||||
a:focus {
|
||||
color: #090e00;
|
||||
}
|
||||
.fa-hover:hover {
|
||||
background: #263238;
|
||||
color: #ffffff;
|
||||
}
|
||||
.fa-hover:hover .ico,
|
||||
.fa-hover:hover .fa {
|
||||
color: #ffffff;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
2. Header
|
||||
*/
|
||||
.header .logo {
|
||||
color: #ffffff;
|
||||
background: #090e00;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. User Main Menu
|
||||
*/
|
||||
.user .control-list a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .control-list a:hover {
|
||||
color: #263238;
|
||||
}
|
||||
.user .name a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .name a:hover {
|
||||
color: #263238;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.navigation .menu a:hover {
|
||||
color: #263238;
|
||||
}
|
||||
.navigation .menu a:hover i {
|
||||
color: #263238;
|
||||
}
|
||||
}
|
||||
.navigation .menu a.active,
|
||||
.navigation .menu a.current {
|
||||
color: #263238;
|
||||
}
|
||||
.navigation .menu > li.current > a {
|
||||
background: #263238;
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current > a > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current .current > a {
|
||||
color: #263238;
|
||||
}
|
||||
.navigation .menu .waves-ripple {
|
||||
background: -webkit-radial-gradient(rgba(38, 50, 56, 0.2) 0, rgba(38, 50, 56, 0.3) 40%, rgba(38, 50, 56, 0.4) 50%, rgba(38, 50, 56, 0.5) 60%, rgba(38, 50, 56, 0) 70%);
|
||||
background: -o-radial-gradient(rgba(38, 50, 56, 0.2) 0, rgba(38, 50, 56, 0.3) 40%, rgba(38, 50, 56, 0.4) 50%, rgba(38, 50, 56, 0.5) 60%, rgba(38, 50, 56, 0) 70%);
|
||||
background: -moz-radial-gradient(rgba(38, 50, 56, 0.2) 0, rgba(38, 50, 56, 0.3) 40%, rgba(38, 50, 56, 0.4) 50%, rgba(38, 50, 56, 0.5) 60%, rgba(38, 50, 56, 0) 70%);
|
||||
background: radial-gradient(rgba(38, 50, 56, 0.2) 0, rgba(38, 50, 56, 0.3) 40%, rgba(38, 50, 56, 0.4) 50%, rgba(38, 50, 56, 0.5) 60%, rgba(38, 50, 56, 0) 70%);
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Menu Active
|
||||
*/
|
||||
@media (min-width: 800px) {
|
||||
.menu-active .header .logo {
|
||||
color: #090e00;
|
||||
}
|
||||
.menu-active .header .logo:before {
|
||||
background: #090e00;
|
||||
}
|
||||
.menu-active .header .logo:after {
|
||||
background: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a {
|
||||
background: #263238;
|
||||
color: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a i {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Fixed Navbar
|
||||
*/
|
||||
.fixed-navbar {
|
||||
background: #263238;
|
||||
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: #263238;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
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: #263238;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Data Tables
|
||||
*/
|
||||
.dataTables_wrapper .dataTable .group {
|
||||
background-color: #263238 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
table.focus-on tbody tr.focused th,
|
||||
table.focus-on tbody tr.focused td {
|
||||
background: #263238 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #263238;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #090e00;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #3e474b;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. Notice
|
||||
*/
|
||||
/* Notice List */
|
||||
.notice-list .name {
|
||||
color: #212121;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.notice-list .name:hover {
|
||||
color: #263238;
|
||||
}
|
||||
}
|
||||
/* Notice Popup */
|
||||
.notice-popup {
|
||||
background: #ffffff;
|
||||
}
|
||||
.notice-popup .notice-read-more {
|
||||
color: #212121;
|
||||
}
|
||||
.notice-popup .notice-read-more:hover {
|
||||
color: #263238;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #263238;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. Mail
|
||||
*/
|
||||
.box-body .nav li.active a {
|
||||
background: #ffffff;
|
||||
color: #263238;
|
||||
}
|
||||
.box-body .nav a {
|
||||
color: #212121;
|
||||
}
|
||||
.box-body .nav a:hover {
|
||||
background: #ffffff;
|
||||
color: #263238;
|
||||
}
|
||||
.mailbox-messages .unread > td:first-of-type {
|
||||
border-left-color: #263238;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. Login, Register, ... Form
|
||||
*/
|
||||
.frm-single .frm-input .frm-inp:focus {
|
||||
border-color: #263238;
|
||||
}
|
||||
.frm-single .frm-submit {
|
||||
background: #263238;
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.frm-single .frm-submit:hover {
|
||||
background: #090e00;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. Pricing Plan
|
||||
*/
|
||||
.pricing-table .thead {
|
||||
background: #263238;
|
||||
color: #fff;
|
||||
}
|
||||
.pricing-table .thead.bg-main-2 {
|
||||
background-color: #263238;
|
||||
}
|
||||
.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: #263238;
|
||||
}
|
||||
.pricing-table .td .fa-check {
|
||||
color: #263238;
|
||||
}
|
||||
.pricing-table .col-featured .td .btn-order {
|
||||
background: #263238;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.pricing-table .td .btn-order:hover {
|
||||
background: #263238;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
17. Gallery
|
||||
*/
|
||||
.isotope-filter .filter-controls a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.isotope-filter .filter-controls a:hover {
|
||||
color: #263238;
|
||||
}
|
||||
}
|
||||
.isotope-filter .filter-controls .js__active {
|
||||
color: #263238;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
18. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #263238;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #090e00;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/dark-green.min.css
vendored
Executable file
1
assets/styles/color/dark-green.min.css
vendored
Executable file
@ -0,0 +1 @@
|
||||
a{color:#263238}a:active,a:focus,a:hover{color:#090e00}.fa-hover:hover{background:#263238;color:#ffffff}.fa-hover:hover .fa,.fa-hover:hover .ico{color:#ffffff}.header .logo{color:#ffffff;background:#090e00}.user .control-list a{color:#435966}.user .control-list a:hover{color:#263238}.user .name a{color:#435966}.user .name a:hover{color:#263238}@media (min-width:1025px){.navigation .menu a:hover{color:#263238}.navigation .menu a:hover i{color:#263238}}.navigation .menu a.active,.navigation .menu a.current{color:#263238}.navigation .menu>li.current>a{background:#263238;color:#ffffff}.navigation .menu>li.current>a>i{color:#ffffff}.navigation .menu>li.current .current>a{color:#263238}.navigation .menu .waves-ripple{background:-webkit-radial-gradient(rgba(38, 50, 56, 0.2) 0, rgba(38, 50, 56, 0.3) 40%, rgba(38, 50, 56, 0.4) 50%, rgba(38, 50, 56, 0.5) 60%, rgba(38, 50, 56, 0) 70%);background:-o-radial-gradient(rgba(38, 50, 56, 0.2) 0, rgba(38, 50, 56, 0.3) 40%, rgba(38, 50, 56, 0.4) 50%, rgba(38, 50, 56, 0.5) 60%, rgba(38, 50, 56, 0) 70%);background:-moz-radial-gradient(rgba(38, 50, 56, 0.2) 0, rgba(38, 50, 56, 0.3) 40%, rgba(38, 50, 56, 0.4) 50%, rgba(38, 50, 56, 0.5) 60%, rgba(38, 50, 56, 0) 70%);background:radial-gradient(rgba(38, 50, 56, 0.2) 0, rgba(38, 50, 56, 0.3) 40%, rgba(38, 50, 56, 0.4) 50%, rgba(38, 50, 56, 0.5) 60%, rgba(38, 50, 56, 0) 70%)}@media (min-width:800px){.menu-active .header .logo{color:#090e00}.menu-active .header .logo:before{background:#090e00}.menu-active .header .logo:after{background:#ffffff}.menu-active .navigation .menu>li:hover>a{background:#263238;color:#ffffff}.menu-active .navigation .menu>li:hover>a i{color:#ffffff}}.fixed-navbar{background:#263238;color:#ffffff}.fixed-navbar .ico-item{color:#ffffff}@media (min-width:1025px){.fixed-navbar .ico-item:hover{color:#ffffff}}.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:#263238}}.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:#263238}}.dataTables_wrapper .dataTable .group{background-color:#263238!important;color:#ffffff!important}table.focus-on tbody tr.focused td,table.focus-on tbody tr.focused th{background:#263238!important;color:#ffffff!important}.inbox-list .name{color:#263238}@media (min-width:1025px){.inbox-list .name:hover{color:#090e00}}.menu-mobile-button{color:#ffffff;background:#3e474b}.notice-list .name{color:#212121}@media (min-width:1025px){.notice-list .name:hover{color:#263238}}.notice-popup{background:#ffffff}.notice-popup .notice-read-more{color:#212121}.notice-popup .notice-read-more:hover{color:#263238}@media (min-width:1025px){.searchform .button-search:hover{color:#263238}}.box-body .nav li.active a{background:#ffffff;color:#263238}.box-body .nav a{color:#212121}.box-body .nav a:hover{background:#ffffff;color:#263238}.mailbox-messages .unread>td:first-of-type{border-left-color:#263238}.frm-single .frm-input .frm-inp:focus{border-color:#263238}.frm-single .frm-submit{background:#263238;color:#ffffff}@media (min-width:1025px){.frm-single .frm-submit:hover{background:#090e00}}.pricing-table .thead{background:#263238;color:#fff}.pricing-table .thead.bg-main-2{background-color:#263238}.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:#263238}.pricing-table .td .fa-check{color:#263238}.pricing-table .col-featured .td .btn-order{background:#263238}@media (min-width:1025px){.pricing-table .td .btn-order:hover{background:#263238}}.isotope-filter .filter-controls a{color:#435966}@media (min-width:1025px){.isotope-filter .filter-controls a:hover{color:#263238}}.isotope-filter .filter-controls .js__active{color:#263238}.user-info a{color:#263238}.user-info a:hover{color:#090e00}
|
||||
319
assets/styles/color/green.css
Executable file
319
assets/styles/color/green.css
Executable 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/green.min.css
vendored
Executable file
1
assets/styles/color/green.min.css
vendored
Executable file
@ -0,0 +1 @@
|
||||
a{color:#4caf50}a:active,a:focus,a:hover{color:#268d29}.fa-hover:hover{background:#4caf50;color:#ffffff}.fa-hover:hover .fa,.fa-hover:hover .ico{color:#ffffff}.header .logo{color:#ffffff;background:#268d29}.user .control-list a{color:#435966}.user .control-list a:hover{color:#4caf50}.user .name a{color:#435966}.user .name a:hover{color:#4caf50}@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%)}@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}}.fixed-navbar{background:#4caf50;color:#ffffff}.fixed-navbar .ico-item{color:#ffffff}@media (min-width:1025px){.fixed-navbar .ico-item:hover{color:#ffffff}}.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}}.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}}.dataTables_wrapper .dataTable .group{background-color:#4caf50!important;color:#ffffff!important}table.focus-on tbody tr.focused td,table.focus-on tbody tr.focused th{background:#4caf50!important;color:#ffffff!important}.inbox-list .name{color:#4caf50}@media (min-width:1025px){.inbox-list .name:hover{color:#268d29}}.menu-mobile-button{color:#ffffff;background:#5ec662}.notice-list .name{color:#212121}@media (min-width:1025px){.notice-list .name:hover{color:#4caf50}}.notice-popup{background:#ffffff}.notice-popup .notice-read-more{color:#212121}.notice-popup .notice-read-more:hover{color:#4caf50}@media (min-width:1025px){.searchform .button-search:hover{color:#4caf50}}.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}.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}}.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}}.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}.user-info a{color:#4caf50}.user-info a:hover{color:#268d29}
|
||||
319
assets/styles/color/light-blue.css
Executable file
319
assets/styles/color/light-blue.css
Executable 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: #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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/light-blue.min.css
vendored
Executable file
1
assets/styles/color/light-blue.min.css
vendored
Executable file
@ -0,0 +1 @@
|
||||
a{color:#2196f3}a:active,a:focus,a:hover{color:#1382ef}.fa-hover:hover{background:#2196f3;color:#ffffff}.fa-hover:hover .fa,.fa-hover:hover .ico{color:#ffffff}.header .logo{color:#ffffff;background:#1382ef}.user .control-list a{color:#435966}.user .control-list a:hover{color:#2196f3}.user .name a{color:#435966}.user .name a:hover{color:#2196f3}@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%)}@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}}.fixed-navbar{background:#2196f3;color:#ffffff}.fixed-navbar .ico-item{color:#ffffff}@media (min-width:1025px){.fixed-navbar .ico-item:hover{color:#ffffff}}.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}}.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}}.dataTables_wrapper .dataTable .group{background-color:#2196f3!important;color:#ffffff!important}table.focus-on tbody tr.focused td,table.focus-on tbody tr.focused th{background:#2196f3!important;color:#ffffff!important}.inbox-list .name{color:#2196f3}@media (min-width:1025px){.inbox-list .name:hover{color:#1382ef}}.menu-mobile-button{color:#ffffff;background:#44a9f9}.notice-list .name{color:#212121}@media (min-width:1025px){.notice-list .name:hover{color:#2196f3}}.notice-popup{background:#ffffff}.notice-popup .notice-read-more{color:#212121}.notice-popup .notice-read-more:hover{color:#2196f3}@media (min-width:1025px){.searchform .button-search:hover{color:#2196f3}}.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}.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}}.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}}.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}.user-info a{color:#2196f3}.user-info a:hover{color:#1382ef}
|
||||
319
assets/styles/color/orange.css
Executable file
319
assets/styles/color/orange.css
Executable 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: #ff5722;
|
||||
}
|
||||
a:hover,
|
||||
a:active,
|
||||
a:focus {
|
||||
color: #fd1100;
|
||||
}
|
||||
.fa-hover:hover {
|
||||
background: #ff5722;
|
||||
color: #ffffff;
|
||||
}
|
||||
.fa-hover:hover .ico,
|
||||
.fa-hover:hover .fa {
|
||||
color: #ffffff;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
2. Header
|
||||
*/
|
||||
.header .logo {
|
||||
color: #ffffff;
|
||||
background: #fd1100;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. User Main Menu
|
||||
*/
|
||||
.user .control-list a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .control-list a:hover {
|
||||
color: #ff5722;
|
||||
}
|
||||
.user .name a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .name a:hover {
|
||||
color: #ff5722;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.navigation .menu a:hover {
|
||||
color: #ff5722;
|
||||
}
|
||||
.navigation .menu a:hover i {
|
||||
color: #ff5722;
|
||||
}
|
||||
}
|
||||
.navigation .menu a.active,
|
||||
.navigation .menu a.current {
|
||||
color: #ff5722;
|
||||
}
|
||||
.navigation .menu > li.current > a {
|
||||
background: #ff5722;
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current > a > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current .current > a {
|
||||
color: #ff5722;
|
||||
}
|
||||
.navigation .menu .waves-ripple {
|
||||
background: -webkit-radial-gradient(rgba(255, 87, 34, 0.2) 0, rgba(255, 87, 34, 0.3) 40%, rgba(255, 87, 34, 0.4) 50%, rgba(255, 87, 34, 0.5) 60%, rgba(255, 87, 34, 0) 70%);
|
||||
background: -o-radial-gradient(rgba(255, 87, 34, 0.2) 0, rgba(255, 87, 34, 0.3) 40%, rgba(255, 87, 34, 0.4) 50%, rgba(255, 87, 34, 0.5) 60%, rgba(255, 87, 34, 0) 70%);
|
||||
background: -moz-radial-gradient(rgba(255, 87, 34, 0.2) 0, rgba(255, 87, 34, 0.3) 40%, rgba(255, 87, 34, 0.4) 50%, rgba(255, 87, 34, 0.5) 60%, rgba(255, 87, 34, 0) 70%);
|
||||
background: radial-gradient(rgba(255, 87, 34, 0.2) 0, rgba(255, 87, 34, 0.3) 40%, rgba(255, 87, 34, 0.4) 50%, rgba(255, 87, 34, 0.5) 60%, rgba(255, 87, 34, 0) 70%);
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Menu Active
|
||||
*/
|
||||
@media (min-width: 800px) {
|
||||
.menu-active .header .logo {
|
||||
color: #fd1100;
|
||||
}
|
||||
.menu-active .header .logo:before {
|
||||
background: #fd1100;
|
||||
}
|
||||
.menu-active .header .logo:after {
|
||||
background: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a {
|
||||
background: #ff5722;
|
||||
color: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a i {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Fixed Navbar
|
||||
*/
|
||||
.fixed-navbar {
|
||||
background: #ff5722;
|
||||
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: #ff5722;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
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: #ff5722;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Data Tables
|
||||
*/
|
||||
.dataTables_wrapper .dataTable .group {
|
||||
background-color: #ff5722 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
table.focus-on tbody tr.focused th,
|
||||
table.focus-on tbody tr.focused td {
|
||||
background: #ff5722 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #ff5722;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #fd1100;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #ff693a;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. Notice
|
||||
*/
|
||||
/* Notice List */
|
||||
.notice-list .name {
|
||||
color: #212121;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.notice-list .name:hover {
|
||||
color: #ff5722;
|
||||
}
|
||||
}
|
||||
/* Notice Popup */
|
||||
.notice-popup {
|
||||
background: #ffffff;
|
||||
}
|
||||
.notice-popup .notice-read-more {
|
||||
color: #212121;
|
||||
}
|
||||
.notice-popup .notice-read-more:hover {
|
||||
color: #ff5722;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #ff5722;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. Mail
|
||||
*/
|
||||
.box-body .nav li.active a {
|
||||
background: #ffffff;
|
||||
color: #ff5722;
|
||||
}
|
||||
.box-body .nav a {
|
||||
color: #212121;
|
||||
}
|
||||
.box-body .nav a:hover {
|
||||
background: #ffffff;
|
||||
color: #ff5722;
|
||||
}
|
||||
.mailbox-messages .unread > td:first-of-type {
|
||||
border-left-color: #ff5722;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. Login, Register, ... Form
|
||||
*/
|
||||
.frm-single .frm-input .frm-inp:focus {
|
||||
border-color: #ff5722;
|
||||
}
|
||||
.frm-single .frm-submit {
|
||||
background: #ff5722;
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.frm-single .frm-submit:hover {
|
||||
background: #fd1100;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. Pricing Plan
|
||||
*/
|
||||
.pricing-table .thead {
|
||||
background: #ff5722;
|
||||
color: #fff;
|
||||
}
|
||||
.pricing-table .thead.bg-main-2 {
|
||||
background-color: #ff5722;
|
||||
}
|
||||
.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: #ff5722;
|
||||
}
|
||||
.pricing-table .td .fa-check {
|
||||
color: #ff5722;
|
||||
}
|
||||
.pricing-table .col-featured .td .btn-order {
|
||||
background: #ff5722;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.pricing-table .td .btn-order:hover {
|
||||
background: #ff5722;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
17. Gallery
|
||||
*/
|
||||
.isotope-filter .filter-controls a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.isotope-filter .filter-controls a:hover {
|
||||
color: #ff5722;
|
||||
}
|
||||
}
|
||||
.isotope-filter .filter-controls .js__active {
|
||||
color: #ff5722;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
18. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #ff5722;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #fd1100;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/orange.min.css
vendored
Executable file
1
assets/styles/color/orange.min.css
vendored
Executable file
@ -0,0 +1 @@
|
||||
a{color:#ff5722}a:active,a:focus,a:hover{color:#fd1100}.fa-hover:hover{background:#ff5722;color:#ffffff}.fa-hover:hover .fa,.fa-hover:hover .ico{color:#ffffff}.header .logo{color:#ffffff;background:#fd1100}.user .control-list a{color:#435966}.user .control-list a:hover{color:#ff5722}.user .name a{color:#435966}.user .name a:hover{color:#ff5722}@media (min-width:1025px){.navigation .menu a:hover{color:#ff5722}.navigation .menu a:hover i{color:#ff5722}}.navigation .menu a.active,.navigation .menu a.current{color:#ff5722}.navigation .menu>li.current>a{background:#ff5722;color:#ffffff}.navigation .menu>li.current>a>i{color:#ffffff}.navigation .menu>li.current .current>a{color:#ff5722}.navigation .menu .waves-ripple{background:-webkit-radial-gradient(rgba(255, 87, 34, 0.2) 0, rgba(255, 87, 34, 0.3) 40%, rgba(255, 87, 34, 0.4) 50%, rgba(255, 87, 34, 0.5) 60%, rgba(255, 87, 34, 0) 70%);background:-o-radial-gradient(rgba(255, 87, 34, 0.2) 0, rgba(255, 87, 34, 0.3) 40%, rgba(255, 87, 34, 0.4) 50%, rgba(255, 87, 34, 0.5) 60%, rgba(255, 87, 34, 0) 70%);background:-moz-radial-gradient(rgba(255, 87, 34, 0.2) 0, rgba(255, 87, 34, 0.3) 40%, rgba(255, 87, 34, 0.4) 50%, rgba(255, 87, 34, 0.5) 60%, rgba(255, 87, 34, 0) 70%);background:radial-gradient(rgba(255, 87, 34, 0.2) 0, rgba(255, 87, 34, 0.3) 40%, rgba(255, 87, 34, 0.4) 50%, rgba(255, 87, 34, 0.5) 60%, rgba(255, 87, 34, 0) 70%)}@media (min-width:800px){.menu-active .header .logo{color:#fd1100}.menu-active .header .logo:before{background:#fd1100}.menu-active .header .logo:after{background:#ffffff}.menu-active .navigation .menu>li:hover>a{background:#ff5722;color:#ffffff}.menu-active .navigation .menu>li:hover>a i{color:#ffffff}}.fixed-navbar{background:#ff5722;color:#ffffff}.fixed-navbar .ico-item{color:#ffffff}@media (min-width:1025px){.fixed-navbar .ico-item:hover{color:#ffffff}}.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:#ff5722}}.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:#ff5722}}.dataTables_wrapper .dataTable .group{background-color:#ff5722!important;color:#ffffff!important}table.focus-on tbody tr.focused td,table.focus-on tbody tr.focused th{background:#ff5722!important;color:#ffffff!important}.inbox-list .name{color:#ff5722}@media (min-width:1025px){.inbox-list .name:hover{color:#fd1100}}.menu-mobile-button{color:#ffffff;background:#ff693a}.notice-list .name{color:#212121}@media (min-width:1025px){.notice-list .name:hover{color:#ff5722}}.notice-popup{background:#ffffff}.notice-popup .notice-read-more{color:#212121}.notice-popup .notice-read-more:hover{color:#ff5722}@media (min-width:1025px){.searchform .button-search:hover{color:#ff5722}}.box-body .nav li.active a{background:#ffffff;color:#ff5722}.box-body .nav a{color:#212121}.box-body .nav a:hover{background:#ffffff;color:#ff5722}.mailbox-messages .unread>td:first-of-type{border-left-color:#ff5722}.frm-single .frm-input .frm-inp:focus{border-color:#ff5722}.frm-single .frm-submit{background:#ff5722;color:#ffffff}@media (min-width:1025px){.frm-single .frm-submit:hover{background:#fd1100}}.pricing-table .thead{background:#ff5722;color:#fff}.pricing-table .thead.bg-main-2{background-color:#ff5722}.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:#ff5722}.pricing-table .td .fa-check{color:#ff5722}.pricing-table .col-featured .td .btn-order{background:#ff5722}@media (min-width:1025px){.pricing-table .td .btn-order:hover{background:#ff5722}}.isotope-filter .filter-controls a{color:#435966}@media (min-width:1025px){.isotope-filter .filter-controls a:hover{color:#ff5722}}.isotope-filter .filter-controls .js__active{color:#ff5722}.user-info a{color:#ff5722}.user-info a:hover{color:#fd1100}
|
||||
319
assets/styles/color/red.css
Executable file
319
assets/styles/color/red.css
Executable 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: #f44336;
|
||||
}
|
||||
a:hover,
|
||||
a:active,
|
||||
a:focus {
|
||||
color: #cd0000;
|
||||
}
|
||||
.fa-hover:hover {
|
||||
background: #f44336;
|
||||
color: #ffffff;
|
||||
}
|
||||
.fa-hover:hover .ico,
|
||||
.fa-hover:hover .fa {
|
||||
color: #ffffff;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
2. Header
|
||||
*/
|
||||
.header .logo {
|
||||
color: #ffffff;
|
||||
background: #cd0000;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. User Main Menu
|
||||
*/
|
||||
.user .control-list a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .control-list a:hover {
|
||||
color: #f44336;
|
||||
}
|
||||
.user .name a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .name a:hover {
|
||||
color: #f44336;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.navigation .menu a:hover {
|
||||
color: #f44336;
|
||||
}
|
||||
.navigation .menu a:hover i {
|
||||
color: #f44336;
|
||||
}
|
||||
}
|
||||
.navigation .menu a.active,
|
||||
.navigation .menu a.current {
|
||||
color: #f44336;
|
||||
}
|
||||
.navigation .menu > li.current > a {
|
||||
background: #f44336;
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current > a > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current .current > a {
|
||||
color: #f44336;
|
||||
}
|
||||
.navigation .menu .waves-ripple {
|
||||
background: -webkit-radial-gradient(rgba(244, 67, 54, 0.2) 0, rgba(244, 67, 54, 0.3) 40%, rgba(244, 67, 54, 0.4) 50%, rgba(244, 67, 54, 0.5) 60%, rgba(244, 67, 54, 0) 70%);
|
||||
background: -o-radial-gradient(rgba(244, 67, 54, 0.2) 0, rgba(244, 67, 54, 0.3) 40%, rgba(244, 67, 54, 0.4) 50%, rgba(244, 67, 54, 0.5) 60%, rgba(244, 67, 54, 0) 70%);
|
||||
background: -moz-radial-gradient(rgba(244, 67, 54, 0.2) 0, rgba(244, 67, 54, 0.3) 40%, rgba(244, 67, 54, 0.4) 50%, rgba(244, 67, 54, 0.5) 60%, rgba(244, 67, 54, 0) 70%);
|
||||
background: radial-gradient(rgba(244, 67, 54, 0.2) 0, rgba(244, 67, 54, 0.3) 40%, rgba(244, 67, 54, 0.4) 50%, rgba(244, 67, 54, 0.5) 60%, rgba(244, 67, 54, 0) 70%);
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Menu Active
|
||||
*/
|
||||
@media (min-width: 800px) {
|
||||
.menu-active .header .logo {
|
||||
color: #cd0000;
|
||||
}
|
||||
.menu-active .header .logo:before {
|
||||
background: #cd0000;
|
||||
}
|
||||
.menu-active .header .logo:after {
|
||||
background: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a {
|
||||
background: #f44336;
|
||||
color: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a i {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Fixed Navbar
|
||||
*/
|
||||
.fixed-navbar {
|
||||
background: #f44336;
|
||||
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: #f44336;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
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: #f44336;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Data Tables
|
||||
*/
|
||||
.dataTables_wrapper .dataTable .group {
|
||||
background-color: #f44336 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
table.focus-on tbody tr.focused th,
|
||||
table.focus-on tbody tr.focused td {
|
||||
background: #f44336 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #f44336;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #cd0000;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #fa584c;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. Notice
|
||||
*/
|
||||
/* Notice List */
|
||||
.notice-list .name {
|
||||
color: #212121;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.notice-list .name:hover {
|
||||
color: #f44336;
|
||||
}
|
||||
}
|
||||
/* Notice Popup */
|
||||
.notice-popup {
|
||||
background: #ffffff;
|
||||
}
|
||||
.notice-popup .notice-read-more {
|
||||
color: #212121;
|
||||
}
|
||||
.notice-popup .notice-read-more:hover {
|
||||
color: #f44336;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #f44336;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. Mail
|
||||
*/
|
||||
.box-body .nav li.active a {
|
||||
background: #ffffff;
|
||||
color: #f44336;
|
||||
}
|
||||
.box-body .nav a {
|
||||
color: #212121;
|
||||
}
|
||||
.box-body .nav a:hover {
|
||||
background: #ffffff;
|
||||
color: #f44336;
|
||||
}
|
||||
.mailbox-messages .unread > td:first-of-type {
|
||||
border-left-color: #f44336;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. Login, Register, ... Form
|
||||
*/
|
||||
.frm-single .frm-input .frm-inp:focus {
|
||||
border-color: #f44336;
|
||||
}
|
||||
.frm-single .frm-submit {
|
||||
background: #f44336;
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.frm-single .frm-submit:hover {
|
||||
background: #cd0000;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. Pricing Plan
|
||||
*/
|
||||
.pricing-table .thead {
|
||||
background: #f44336;
|
||||
color: #fff;
|
||||
}
|
||||
.pricing-table .thead.bg-main-2 {
|
||||
background-color: #f44336;
|
||||
}
|
||||
.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: #f44336;
|
||||
}
|
||||
.pricing-table .td .fa-check {
|
||||
color: #f44336;
|
||||
}
|
||||
.pricing-table .col-featured .td .btn-order {
|
||||
background: #f44336;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.pricing-table .td .btn-order:hover {
|
||||
background: #f44336;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
17. Gallery
|
||||
*/
|
||||
.isotope-filter .filter-controls a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.isotope-filter .filter-controls a:hover {
|
||||
color: #f44336;
|
||||
}
|
||||
}
|
||||
.isotope-filter .filter-controls .js__active {
|
||||
color: #f44336;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
18. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #f44336;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #cd0000;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/red.min.css
vendored
Executable file
1
assets/styles/color/red.min.css
vendored
Executable file
@ -0,0 +1 @@
|
||||
a{color:#f44336}a:active,a:focus,a:hover{color:#cd0000}.fa-hover:hover{background:#f44336;color:#ffffff}.fa-hover:hover .fa,.fa-hover:hover .ico{color:#ffffff}.header .logo{color:#ffffff;background:#cd0000}.user .control-list a{color:#435966}.user .control-list a:hover{color:#f44336}.user .name a{color:#435966}.user .name a:hover{color:#f44336}@media (min-width:1025px){.navigation .menu a:hover{color:#f44336}.navigation .menu a:hover i{color:#f44336}}.navigation .menu a.active,.navigation .menu a.current{color:#f44336}.navigation .menu>li.current>a{background:#f44336;color:#ffffff}.navigation .menu>li.current>a>i{color:#ffffff}.navigation .menu>li.current .current>a{color:#f44336}.navigation .menu .waves-ripple{background:-webkit-radial-gradient(rgba(244, 67, 54, 0.2) 0, rgba(244, 67, 54, 0.3) 40%, rgba(244, 67, 54, 0.4) 50%, rgba(244, 67, 54, 0.5) 60%, rgba(244, 67, 54, 0) 70%);background:-o-radial-gradient(rgba(244, 67, 54, 0.2) 0, rgba(244, 67, 54, 0.3) 40%, rgba(244, 67, 54, 0.4) 50%, rgba(244, 67, 54, 0.5) 60%, rgba(244, 67, 54, 0) 70%);background:-moz-radial-gradient(rgba(244, 67, 54, 0.2) 0, rgba(244, 67, 54, 0.3) 40%, rgba(244, 67, 54, 0.4) 50%, rgba(244, 67, 54, 0.5) 60%, rgba(244, 67, 54, 0) 70%);background:radial-gradient(rgba(244, 67, 54, 0.2) 0, rgba(244, 67, 54, 0.3) 40%, rgba(244, 67, 54, 0.4) 50%, rgba(244, 67, 54, 0.5) 60%, rgba(244, 67, 54, 0) 70%)}@media (min-width:800px){.menu-active .header .logo{color:#cd0000}.menu-active .header .logo:before{background:#cd0000}.menu-active .header .logo:after{background:#ffffff}.menu-active .navigation .menu>li:hover>a{background:#f44336;color:#ffffff}.menu-active .navigation .menu>li:hover>a i{color:#ffffff}}.fixed-navbar{background:#f44336;color:#ffffff}.fixed-navbar .ico-item{color:#ffffff}@media (min-width:1025px){.fixed-navbar .ico-item:hover{color:#ffffff}}.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:#f44336}}.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:#f44336}}.dataTables_wrapper .dataTable .group{background-color:#f44336!important;color:#ffffff!important}table.focus-on tbody tr.focused td,table.focus-on tbody tr.focused th{background:#f44336!important;color:#ffffff!important}.inbox-list .name{color:#f44336}@media (min-width:1025px){.inbox-list .name:hover{color:#cd0000}}.menu-mobile-button{color:#ffffff;background:#fa584c}.notice-list .name{color:#212121}@media (min-width:1025px){.notice-list .name:hover{color:#f44336}}.notice-popup{background:#ffffff}.notice-popup .notice-read-more{color:#212121}.notice-popup .notice-read-more:hover{color:#f44336}@media (min-width:1025px){.searchform .button-search:hover{color:#f44336}}.box-body .nav li.active a{background:#ffffff;color:#f44336}.box-body .nav a{color:#212121}.box-body .nav a:hover{background:#ffffff;color:#f44336}.mailbox-messages .unread>td:first-of-type{border-left-color:#f44336}.frm-single .frm-input .frm-inp:focus{border-color:#f44336}.frm-single .frm-submit{background:#f44336;color:#ffffff}@media (min-width:1025px){.frm-single .frm-submit:hover{background:#cd0000}}.pricing-table .thead{background:#f44336;color:#fff}.pricing-table .thead.bg-main-2{background-color:#f44336}.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:#f44336}.pricing-table .td .fa-check{color:#f44336}.pricing-table .col-featured .td .btn-order{background:#f44336}@media (min-width:1025px){.pricing-table .td .btn-order:hover{background:#f44336}}.isotope-filter .filter-controls a{color:#435966}@media (min-width:1025px){.isotope-filter .filter-controls a:hover{color:#f44336}}.isotope-filter .filter-controls .js__active{color:#f44336}.user-info a{color:#f44336}.user-info a:hover{color:#cd0000}
|
||||
319
assets/styles/color/violet.css
Executable file
319
assets/styles/color/violet.css
Executable 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: #673ab7;
|
||||
}
|
||||
a:hover,
|
||||
a:active,
|
||||
a:focus {
|
||||
color: #5027a7;
|
||||
}
|
||||
.fa-hover:hover {
|
||||
background: #673ab7;
|
||||
color: #ffffff;
|
||||
}
|
||||
.fa-hover:hover .ico,
|
||||
.fa-hover:hover .fa {
|
||||
color: #ffffff;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
2. Header
|
||||
*/
|
||||
.header .logo {
|
||||
color: #ffffff;
|
||||
background: #5027a7;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. User Main Menu
|
||||
*/
|
||||
.user .control-list a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .control-list a:hover {
|
||||
color: #673ab7;
|
||||
}
|
||||
.user .name a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .name a:hover {
|
||||
color: #673ab7;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.navigation .menu a:hover {
|
||||
color: #673ab7;
|
||||
}
|
||||
.navigation .menu a:hover i {
|
||||
color: #673ab7;
|
||||
}
|
||||
}
|
||||
.navigation .menu a.active,
|
||||
.navigation .menu a.current {
|
||||
color: #673ab7;
|
||||
}
|
||||
.navigation .menu > li.current > a {
|
||||
background: #673ab7;
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current > a > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current .current > a {
|
||||
color: #673ab7;
|
||||
}
|
||||
.navigation .menu .waves-ripple {
|
||||
background: -webkit-radial-gradient(rgba(103, 58, 183, 0.2) 0, rgba(103, 58, 183, 0.3) 40%, rgba(103, 58, 183, 0.4) 50%, rgba(103, 58, 183, 0.5) 60%, rgba(103, 58, 183, 0) 70%);
|
||||
background: -o-radial-gradient(rgba(103, 58, 183, 0.2) 0, rgba(103, 58, 183, 0.3) 40%, rgba(103, 58, 183, 0.4) 50%, rgba(103, 58, 183, 0.5) 60%, rgba(103, 58, 183, 0) 70%);
|
||||
background: -moz-radial-gradient(rgba(103, 58, 183, 0.2) 0, rgba(103, 58, 183, 0.3) 40%, rgba(103, 58, 183, 0.4) 50%, rgba(103, 58, 183, 0.5) 60%, rgba(103, 58, 183, 0) 70%);
|
||||
background: radial-gradient(rgba(103, 58, 183, 0.2) 0, rgba(103, 58, 183, 0.3) 40%, rgba(103, 58, 183, 0.4) 50%, rgba(103, 58, 183, 0.5) 60%, rgba(103, 58, 183, 0) 70%);
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Menu Active
|
||||
*/
|
||||
@media (min-width: 800px) {
|
||||
.menu-active .header .logo {
|
||||
color: #5027a7;
|
||||
}
|
||||
.menu-active .header .logo:before {
|
||||
background: #5027a7;
|
||||
}
|
||||
.menu-active .header .logo:after {
|
||||
background: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a {
|
||||
background: #673ab7;
|
||||
color: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a i {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Fixed Navbar
|
||||
*/
|
||||
.fixed-navbar {
|
||||
background: #673ab7;
|
||||
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: #673ab7;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
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: #673ab7;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Data Tables
|
||||
*/
|
||||
.dataTables_wrapper .dataTable .group {
|
||||
background-color: #673ab7 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
table.focus-on tbody tr.focused th,
|
||||
table.focus-on tbody tr.focused td {
|
||||
background: #673ab7 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #673ab7;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #5027a7;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #7f4fd5;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. Notice
|
||||
*/
|
||||
/* Notice List */
|
||||
.notice-list .name {
|
||||
color: #212121;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.notice-list .name:hover {
|
||||
color: #673ab7;
|
||||
}
|
||||
}
|
||||
/* Notice Popup */
|
||||
.notice-popup {
|
||||
background: #ffffff;
|
||||
}
|
||||
.notice-popup .notice-read-more {
|
||||
color: #212121;
|
||||
}
|
||||
.notice-popup .notice-read-more:hover {
|
||||
color: #673ab7;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #673ab7;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. Mail
|
||||
*/
|
||||
.box-body .nav li.active a {
|
||||
background: #ffffff;
|
||||
color: #673ab7;
|
||||
}
|
||||
.box-body .nav a {
|
||||
color: #212121;
|
||||
}
|
||||
.box-body .nav a:hover {
|
||||
background: #ffffff;
|
||||
color: #673ab7;
|
||||
}
|
||||
.mailbox-messages .unread > td:first-of-type {
|
||||
border-left-color: #673ab7;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. Login, Register, ... Form
|
||||
*/
|
||||
.frm-single .frm-input .frm-inp:focus {
|
||||
border-color: #673ab7;
|
||||
}
|
||||
.frm-single .frm-submit {
|
||||
background: #673ab7;
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.frm-single .frm-submit:hover {
|
||||
background: #5027a7;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. Pricing Plan
|
||||
*/
|
||||
.pricing-table .thead {
|
||||
background: #673ab7;
|
||||
color: #fff;
|
||||
}
|
||||
.pricing-table .thead.bg-main-2 {
|
||||
background-color: #673ab7;
|
||||
}
|
||||
.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: #673ab7;
|
||||
}
|
||||
.pricing-table .td .fa-check {
|
||||
color: #673ab7;
|
||||
}
|
||||
.pricing-table .col-featured .td .btn-order {
|
||||
background: #673ab7;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.pricing-table .td .btn-order:hover {
|
||||
background: #673ab7;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
17. Gallery
|
||||
*/
|
||||
.isotope-filter .filter-controls a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.isotope-filter .filter-controls a:hover {
|
||||
color: #673ab7;
|
||||
}
|
||||
}
|
||||
.isotope-filter .filter-controls .js__active {
|
||||
color: #673ab7;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
18. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #673ab7;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #5027a7;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/violet.min.css
vendored
Executable file
1
assets/styles/color/violet.min.css
vendored
Executable file
@ -0,0 +1 @@
|
||||
a{color:#673ab7}a:active,a:focus,a:hover{color:#5027a7}.fa-hover:hover{background:#673ab7;color:#ffffff}.fa-hover:hover .fa,.fa-hover:hover .ico{color:#ffffff}.header .logo{color:#ffffff;background:#5027a7}.user .control-list a{color:#435966}.user .control-list a:hover{color:#673ab7}.user .name a{color:#435966}.user .name a:hover{color:#673ab7}@media (min-width:1025px){.navigation .menu a:hover{color:#673ab7}.navigation .menu a:hover i{color:#673ab7}}.navigation .menu a.active,.navigation .menu a.current{color:#673ab7}.navigation .menu>li.current>a{background:#673ab7;color:#ffffff}.navigation .menu>li.current>a>i{color:#ffffff}.navigation .menu>li.current .current>a{color:#673ab7}.navigation .menu .waves-ripple{background:-webkit-radial-gradient(rgba(103, 58, 183, 0.2) 0, rgba(103, 58, 183, 0.3) 40%, rgba(103, 58, 183, 0.4) 50%, rgba(103, 58, 183, 0.5) 60%, rgba(103, 58, 183, 0) 70%);background:-o-radial-gradient(rgba(103, 58, 183, 0.2) 0, rgba(103, 58, 183, 0.3) 40%, rgba(103, 58, 183, 0.4) 50%, rgba(103, 58, 183, 0.5) 60%, rgba(103, 58, 183, 0) 70%);background:-moz-radial-gradient(rgba(103, 58, 183, 0.2) 0, rgba(103, 58, 183, 0.3) 40%, rgba(103, 58, 183, 0.4) 50%, rgba(103, 58, 183, 0.5) 60%, rgba(103, 58, 183, 0) 70%);background:radial-gradient(rgba(103, 58, 183, 0.2) 0, rgba(103, 58, 183, 0.3) 40%, rgba(103, 58, 183, 0.4) 50%, rgba(103, 58, 183, 0.5) 60%, rgba(103, 58, 183, 0) 70%)}@media (min-width:800px){.menu-active .header .logo{color:#5027a7}.menu-active .header .logo:before{background:#5027a7}.menu-active .header .logo:after{background:#ffffff}.menu-active .navigation .menu>li:hover>a{background:#673ab7;color:#ffffff}.menu-active .navigation .menu>li:hover>a i{color:#ffffff}}.fixed-navbar{background:#673ab7;color:#ffffff}.fixed-navbar .ico-item{color:#ffffff}@media (min-width:1025px){.fixed-navbar .ico-item:hover{color:#ffffff}}.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:#673ab7}}.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:#673ab7}}.dataTables_wrapper .dataTable .group{background-color:#673ab7!important;color:#ffffff!important}table.focus-on tbody tr.focused td,table.focus-on tbody tr.focused th{background:#673ab7!important;color:#ffffff!important}.inbox-list .name{color:#673ab7}@media (min-width:1025px){.inbox-list .name:hover{color:#5027a7}}.menu-mobile-button{color:#ffffff;background:#7f4fd5}.notice-list .name{color:#212121}@media (min-width:1025px){.notice-list .name:hover{color:#673ab7}}.notice-popup{background:#ffffff}.notice-popup .notice-read-more{color:#212121}.notice-popup .notice-read-more:hover{color:#673ab7}@media (min-width:1025px){.searchform .button-search:hover{color:#673ab7}}.box-body .nav li.active a{background:#ffffff;color:#673ab7}.box-body .nav a{color:#212121}.box-body .nav a:hover{background:#ffffff;color:#673ab7}.mailbox-messages .unread>td:first-of-type{border-left-color:#673ab7}.frm-single .frm-input .frm-inp:focus{border-color:#673ab7}.frm-single .frm-submit{background:#673ab7;color:#ffffff}@media (min-width:1025px){.frm-single .frm-submit:hover{background:#5027a7}}.pricing-table .thead{background:#673ab7;color:#fff}.pricing-table .thead.bg-main-2{background-color:#673ab7}.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:#673ab7}.pricing-table .td .fa-check{color:#673ab7}.pricing-table .col-featured .td .btn-order{background:#673ab7}@media (min-width:1025px){.pricing-table .td .btn-order:hover{background:#673ab7}}.isotope-filter .filter-controls a{color:#435966}@media (min-width:1025px){.isotope-filter .filter-controls a:hover{color:#673ab7}}.isotope-filter .filter-controls .js__active{color:#673ab7}.user-info a{color:#673ab7}.user-info a:hover{color:#5027a7}
|
||||
319
assets/styles/color/yellow.css
Executable file
319
assets/styles/color/yellow.css
Executable 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: #ffc107;
|
||||
}
|
||||
a:hover,
|
||||
a:active,
|
||||
a:focus {
|
||||
color: #fca800;
|
||||
}
|
||||
.fa-hover:hover {
|
||||
background: #ffc107;
|
||||
color: #ffffff;
|
||||
}
|
||||
.fa-hover:hover .ico,
|
||||
.fa-hover:hover .fa {
|
||||
color: #ffffff;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
2. Header
|
||||
*/
|
||||
.header .logo {
|
||||
color: #ffffff;
|
||||
background: #fca800;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. User Main Menu
|
||||
*/
|
||||
.user .control-list a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .control-list a:hover {
|
||||
color: #ffc107;
|
||||
}
|
||||
.user .name a {
|
||||
color: #435966;
|
||||
}
|
||||
.user .name a:hover {
|
||||
color: #ffc107;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.navigation .menu a:hover {
|
||||
color: #ffc107;
|
||||
}
|
||||
.navigation .menu a:hover i {
|
||||
color: #ffc107;
|
||||
}
|
||||
}
|
||||
.navigation .menu a.active,
|
||||
.navigation .menu a.current {
|
||||
color: #ffc107;
|
||||
}
|
||||
.navigation .menu > li.current > a {
|
||||
background: #ffc107;
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current > a > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation .menu > li.current .current > a {
|
||||
color: #ffc107;
|
||||
}
|
||||
.navigation .menu .waves-ripple {
|
||||
background: -webkit-radial-gradient(rgba(255, 193, 7, 0.2) 0, rgba(255, 193, 7, 0.3) 40%, rgba(255, 193, 7, 0.4) 50%, rgba(255, 193, 7, 0.5) 60%, rgba(255, 193, 7, 0) 70%);
|
||||
background: -o-radial-gradient(rgba(255, 193, 7, 0.2) 0, rgba(255, 193, 7, 0.3) 40%, rgba(255, 193, 7, 0.4) 50%, rgba(255, 193, 7, 0.5) 60%, rgba(255, 193, 7, 0) 70%);
|
||||
background: -moz-radial-gradient(rgba(255, 193, 7, 0.2) 0, rgba(255, 193, 7, 0.3) 40%, rgba(255, 193, 7, 0.4) 50%, rgba(255, 193, 7, 0.5) 60%, rgba(255, 193, 7, 0) 70%);
|
||||
background: radial-gradient(rgba(255, 193, 7, 0.2) 0, rgba(255, 193, 7, 0.3) 40%, rgba(255, 193, 7, 0.4) 50%, rgba(255, 193, 7, 0.5) 60%, rgba(255, 193, 7, 0) 70%);
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Menu Active
|
||||
*/
|
||||
@media (min-width: 800px) {
|
||||
.menu-active .header .logo {
|
||||
color: #fca800;
|
||||
}
|
||||
.menu-active .header .logo:before {
|
||||
background: #fca800;
|
||||
}
|
||||
.menu-active .header .logo:after {
|
||||
background: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a {
|
||||
background: #ffc107;
|
||||
color: #ffffff;
|
||||
}
|
||||
.menu-active .navigation .menu > li:hover > a i {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Fixed Navbar
|
||||
*/
|
||||
.fixed-navbar {
|
||||
background: #ffc107;
|
||||
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: #ffc107;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
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: #ffc107;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Data Tables
|
||||
*/
|
||||
.dataTables_wrapper .dataTable .group {
|
||||
background-color: #ffc107 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
table.focus-on tbody tr.focused th,
|
||||
table.focus-on tbody tr.focused td {
|
||||
background: #ffc107 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #ffc107;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #fca800;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #ffcb30;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. Notice
|
||||
*/
|
||||
/* Notice List */
|
||||
.notice-list .name {
|
||||
color: #212121;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.notice-list .name:hover {
|
||||
color: #ffc107;
|
||||
}
|
||||
}
|
||||
/* Notice Popup */
|
||||
.notice-popup {
|
||||
background: #ffffff;
|
||||
}
|
||||
.notice-popup .notice-read-more {
|
||||
color: #212121;
|
||||
}
|
||||
.notice-popup .notice-read-more:hover {
|
||||
color: #ffc107;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #ffc107;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. Mail
|
||||
*/
|
||||
.box-body .nav li.active a {
|
||||
background: #ffffff;
|
||||
color: #ffc107;
|
||||
}
|
||||
.box-body .nav a {
|
||||
color: #212121;
|
||||
}
|
||||
.box-body .nav a:hover {
|
||||
background: #ffffff;
|
||||
color: #ffc107;
|
||||
}
|
||||
.mailbox-messages .unread > td:first-of-type {
|
||||
border-left-color: #ffc107;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. Login, Register, ... Form
|
||||
*/
|
||||
.frm-single .frm-input .frm-inp:focus {
|
||||
border-color: #ffc107;
|
||||
}
|
||||
.frm-single .frm-submit {
|
||||
background: #ffc107;
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.frm-single .frm-submit:hover {
|
||||
background: #fca800;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. Pricing Plan
|
||||
*/
|
||||
.pricing-table .thead {
|
||||
background: #ffc107;
|
||||
color: #fff;
|
||||
}
|
||||
.pricing-table .thead.bg-main-2 {
|
||||
background-color: #ffc107;
|
||||
}
|
||||
.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: #ffc107;
|
||||
}
|
||||
.pricing-table .td .fa-check {
|
||||
color: #ffc107;
|
||||
}
|
||||
.pricing-table .col-featured .td .btn-order {
|
||||
background: #ffc107;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.pricing-table .td .btn-order:hover {
|
||||
background: #ffc107;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
17. Gallery
|
||||
*/
|
||||
.isotope-filter .filter-controls a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.isotope-filter .filter-controls a:hover {
|
||||
color: #ffc107;
|
||||
}
|
||||
}
|
||||
.isotope-filter .filter-controls .js__active {
|
||||
color: #ffc107;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
18. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #ffc107;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #fca800;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/yellow.min.css
vendored
Executable file
1
assets/styles/color/yellow.min.css
vendored
Executable file
@ -0,0 +1 @@
|
||||
a{color:#ffc107}a:active,a:focus,a:hover{color:#fca800}.fa-hover:hover{background:#ffc107;color:#ffffff}.fa-hover:hover .fa,.fa-hover:hover .ico{color:#ffffff}.header .logo{color:#ffffff;background:#fca800}.user .control-list a{color:#435966}.user .control-list a:hover{color:#ffc107}.user .name a{color:#435966}.user .name a:hover{color:#ffc107}@media (min-width:1025px){.navigation .menu a:hover{color:#ffc107}.navigation .menu a:hover i{color:#ffc107}}.navigation .menu a.active,.navigation .menu a.current{color:#ffc107}.navigation .menu>li.current>a{background:#ffc107;color:#ffffff}.navigation .menu>li.current>a>i{color:#ffffff}.navigation .menu>li.current .current>a{color:#ffc107}.navigation .menu .waves-ripple{background:-webkit-radial-gradient(rgba(255, 193, 7, 0.2) 0, rgba(255, 193, 7, 0.3) 40%, rgba(255, 193, 7, 0.4) 50%, rgba(255, 193, 7, 0.5) 60%, rgba(255, 193, 7, 0) 70%);background:-o-radial-gradient(rgba(255, 193, 7, 0.2) 0, rgba(255, 193, 7, 0.3) 40%, rgba(255, 193, 7, 0.4) 50%, rgba(255, 193, 7, 0.5) 60%, rgba(255, 193, 7, 0) 70%);background:-moz-radial-gradient(rgba(255, 193, 7, 0.2) 0, rgba(255, 193, 7, 0.3) 40%, rgba(255, 193, 7, 0.4) 50%, rgba(255, 193, 7, 0.5) 60%, rgba(255, 193, 7, 0) 70%);background:radial-gradient(rgba(255, 193, 7, 0.2) 0, rgba(255, 193, 7, 0.3) 40%, rgba(255, 193, 7, 0.4) 50%, rgba(255, 193, 7, 0.5) 60%, rgba(255, 193, 7, 0) 70%)}@media (min-width:800px){.menu-active .header .logo{color:#fca800}.menu-active .header .logo:before{background:#fca800}.menu-active .header .logo:after{background:#ffffff}.menu-active .navigation .menu>li:hover>a{background:#ffc107;color:#ffffff}.menu-active .navigation .menu>li:hover>a i{color:#ffffff}}.fixed-navbar{background:#ffc107;color:#ffffff}.fixed-navbar .ico-item{color:#ffffff}@media (min-width:1025px){.fixed-navbar .ico-item:hover{color:#ffffff}}.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:#ffc107}}.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:#ffc107}}.dataTables_wrapper .dataTable .group{background-color:#ffc107!important;color:#ffffff!important}table.focus-on tbody tr.focused td,table.focus-on tbody tr.focused th{background:#ffc107!important;color:#ffffff!important}.inbox-list .name{color:#ffc107}@media (min-width:1025px){.inbox-list .name:hover{color:#fca800}}.menu-mobile-button{color:#ffffff;background:#ffcb30}.notice-list .name{color:#212121}@media (min-width:1025px){.notice-list .name:hover{color:#ffc107}}.notice-popup{background:#ffffff}.notice-popup .notice-read-more{color:#212121}.notice-popup .notice-read-more:hover{color:#ffc107}@media (min-width:1025px){.searchform .button-search:hover{color:#ffc107}}.box-body .nav li.active a{background:#ffffff;color:#ffc107}.box-body .nav a{color:#212121}.box-body .nav a:hover{background:#ffffff;color:#ffc107}.mailbox-messages .unread>td:first-of-type{border-left-color:#ffc107}.frm-single .frm-input .frm-inp:focus{border-color:#ffc107}.frm-single .frm-submit{background:#ffc107;color:#ffffff}@media (min-width:1025px){.frm-single .frm-submit:hover{background:#fca800}}.pricing-table .thead{background:#ffc107;color:#fff}.pricing-table .thead.bg-main-2{background-color:#ffc107}.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:#ffc107}.pricing-table .td .fa-check{color:#ffc107}.pricing-table .col-featured .td .btn-order{background:#ffc107}@media (min-width:1025px){.pricing-table .td .btn-order:hover{background:#ffc107}}.isotope-filter .filter-controls a{color:#435966}@media (min-width:1025px){.isotope-filter .filter-controls a:hover{color:#ffc107}}.isotope-filter .filter-controls .js__active{color:#ffc107}.user-info a{color:#ffc107}.user-info a:hover{color:#fca800}
|
||||
5120
assets/styles/style.css
Executable file
5120
assets/styles/style.css
Executable file
File diff suppressed because it is too large
Load Diff
1
assets/styles/style.min.css
vendored
Executable file
1
assets/styles/style.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user