first commit
This commit is contained in:
kicap
296
assets/styles/color/chocolate.css
Normal file
296
assets/styles/color/chocolate.css
Normal file
@ -0,0 +1,296 @@
|
||||
/*
|
||||
Version 2.0[Table of contents]
|
||||
-------------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
2. Header Top
|
||||
3. Navigation Desktop
|
||||
4. Navigation Mobile
|
||||
5. Footer
|
||||
6. Box Content
|
||||
7. Data Tables
|
||||
8. Inbox List
|
||||
9. Menu Mobile Button
|
||||
10. Notice
|
||||
11. Search Form
|
||||
12. Mail
|
||||
13. Login, Register, ... Form
|
||||
14. Pricing Plan
|
||||
15. Gallery
|
||||
-------------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
*/
|
||||
a {
|
||||
color: #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 Top
|
||||
*/
|
||||
.header-top {
|
||||
height: 55px;
|
||||
background: #795548;
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item {
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.header-top .searchform {
|
||||
border-bottom-color: #795548;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. Navigation Desktop
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.nav-horizontal {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu > li:hover > a {
|
||||
color: #795548;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #795548;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a:hover {
|
||||
background: #795548;
|
||||
color: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a:hover {
|
||||
color: #795548;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation Mobile
|
||||
*/
|
||||
@media (max-width: 1024px) {
|
||||
.nav-horizontal .menu > li > a.active {
|
||||
color: #ffffff;
|
||||
background: #795548;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #ffffff;
|
||||
background: #795548;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu .title.active,
|
||||
.nav-horizontal .menu .child-list .title.active,
|
||||
.nav-horizontal .menu .sub-menu a.active,
|
||||
.nav-horizontal .menu .child-list a.active {
|
||||
color: #ffffff;
|
||||
background: #795548;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Footer
|
||||
*/
|
||||
.footer {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
.footer a {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.footer a:hover {
|
||||
color: #795548;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Box Content
|
||||
*/
|
||||
.box-content .dropdown.js__drop_down .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.box-content .dropdown.js__drop_down .sub-menu a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.box-content .dropdown.js__drop_down .sub-menu a:hover {
|
||||
color: #795548;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
7. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
8. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #795548;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #593601;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #9c6f5f;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #795548;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #795548;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #593601;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/chocolate.min.css
vendored
Normal file
1
assets/styles/color/chocolate.min.css
vendored
Normal 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-top{height:55px;background:#795548;color:#ffffff}.header-top .ico-item{color:#ffffff}.header-top .ico-item:hover{color:#ffffff}@media (max-width:479px){.header-top .searchform{border-bottom-color:#795548}}@media (min-width:1025px){.nav-horizontal{background:#ffffff}.nav-horizontal .menu>li:hover>a{color:#795548}.nav-horizontal .menu>li.current>a{color:#795548}.nav-horizontal .menu .sub-menu{background:#ffffff}.nav-horizontal .menu .sub-menu.single a{color:#435966}.nav-horizontal .menu .sub-menu.single a:hover{background:#795548;color:#ffffff}.nav-horizontal .menu .sub-menu.mega>li a{color:#435966}.nav-horizontal .menu .sub-menu.mega>li a:hover{color:#795548}}@media (max-width:1024px){.nav-horizontal .menu>li>a.active{color:#ffffff;background:#795548}.nav-horizontal .menu>li.current>a{color:#ffffff;background:#795548}.nav-horizontal .menu .child-list .title.active,.nav-horizontal .menu .child-list a.active,.nav-horizontal .menu .sub-menu .title.active,.nav-horizontal .menu .sub-menu a.active{color:#ffffff;background:#795548}}.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}
|
||||
296
assets/styles/color/dark-blue.css
Normal file
296
assets/styles/color/dark-blue.css
Normal file
@ -0,0 +1,296 @@
|
||||
/*
|
||||
Version 2.0[Table of contents]
|
||||
-------------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
2. Header Top
|
||||
3. Navigation Desktop
|
||||
4. Navigation Mobile
|
||||
5. Footer
|
||||
6. Box Content
|
||||
7. Data Tables
|
||||
8. Inbox List
|
||||
9. Menu Mobile Button
|
||||
10. Notice
|
||||
11. Search Form
|
||||
12. Mail
|
||||
13. Login, Register, ... Form
|
||||
14. Pricing Plan
|
||||
15. Gallery
|
||||
-------------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
*/
|
||||
a {
|
||||
color: #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 Top
|
||||
*/
|
||||
.header-top {
|
||||
height: 55px;
|
||||
background: #3f51b5;
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item {
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.header-top .searchform {
|
||||
border-bottom-color: #3f51b5;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. Navigation Desktop
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.nav-horizontal {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu > li:hover > a {
|
||||
color: #3f51b5;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #3f51b5;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a:hover {
|
||||
background: #3f51b5;
|
||||
color: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a:hover {
|
||||
color: #3f51b5;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation Mobile
|
||||
*/
|
||||
@media (max-width: 1024px) {
|
||||
.nav-horizontal .menu > li > a.active {
|
||||
color: #ffffff;
|
||||
background: #3f51b5;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #ffffff;
|
||||
background: #3f51b5;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu .title.active,
|
||||
.nav-horizontal .menu .child-list .title.active,
|
||||
.nav-horizontal .menu .sub-menu a.active,
|
||||
.nav-horizontal .menu .child-list a.active {
|
||||
color: #ffffff;
|
||||
background: #3f51b5;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Footer
|
||||
*/
|
||||
.footer {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
.footer a {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.footer a:hover {
|
||||
color: #3f51b5;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Box Content
|
||||
*/
|
||||
.box-content .dropdown.js__drop_down .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.box-content .dropdown.js__drop_down .sub-menu a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.box-content .dropdown.js__drop_down .sub-menu a:hover {
|
||||
color: #3f51b5;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
7. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
8. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #3f51b5;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #2b3ba5;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #5669d5;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #3f51b5;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #3f51b5;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #2b3ba5;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/dark-blue.min.css
vendored
Normal file
1
assets/styles/color/dark-blue.min.css
vendored
Normal 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-top{height:55px;background:#3f51b5;color:#ffffff}.header-top .ico-item{color:#ffffff}.header-top .ico-item:hover{color:#ffffff}@media (max-width:479px){.header-top .searchform{border-bottom-color:#3f51b5}}@media (min-width:1025px){.nav-horizontal{background:#ffffff}.nav-horizontal .menu>li:hover>a{color:#3f51b5}.nav-horizontal .menu>li.current>a{color:#3f51b5}.nav-horizontal .menu .sub-menu{background:#ffffff}.nav-horizontal .menu .sub-menu.single a{color:#435966}.nav-horizontal .menu .sub-menu.single a:hover{background:#3f51b5;color:#ffffff}.nav-horizontal .menu .sub-menu.mega>li a{color:#435966}.nav-horizontal .menu .sub-menu.mega>li a:hover{color:#3f51b5}}@media (max-width:1024px){.nav-horizontal .menu>li>a.active{color:#ffffff;background:#3f51b5}.nav-horizontal .menu>li.current>a{color:#ffffff;background:#3f51b5}.nav-horizontal .menu .child-list .title.active,.nav-horizontal .menu .child-list a.active,.nav-horizontal .menu .sub-menu .title.active,.nav-horizontal .menu .sub-menu a.active{color:#ffffff;background:#3f51b5}}.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}
|
||||
296
assets/styles/color/dark-green.css
Normal file
296
assets/styles/color/dark-green.css
Normal file
@ -0,0 +1,296 @@
|
||||
/*
|
||||
Version 2.0[Table of contents]
|
||||
-------------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
2. Header Top
|
||||
3. Navigation Desktop
|
||||
4. Navigation Mobile
|
||||
5. Footer
|
||||
6. Box Content
|
||||
7. Data Tables
|
||||
8. Inbox List
|
||||
9. Menu Mobile Button
|
||||
10. Notice
|
||||
11. Search Form
|
||||
12. Mail
|
||||
13. Login, Register, ... Form
|
||||
14. Pricing Plan
|
||||
15. Gallery
|
||||
-------------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
*/
|
||||
a {
|
||||
color: #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 Top
|
||||
*/
|
||||
.header-top {
|
||||
height: 55px;
|
||||
background: #263238;
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item {
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.header-top .searchform {
|
||||
border-bottom-color: #263238;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. Navigation Desktop
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.nav-horizontal {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu > li:hover > a {
|
||||
color: #263238;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #263238;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a:hover {
|
||||
background: #263238;
|
||||
color: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a:hover {
|
||||
color: #263238;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation Mobile
|
||||
*/
|
||||
@media (max-width: 1024px) {
|
||||
.nav-horizontal .menu > li > a.active {
|
||||
color: #ffffff;
|
||||
background: #263238;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #ffffff;
|
||||
background: #263238;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu .title.active,
|
||||
.nav-horizontal .menu .child-list .title.active,
|
||||
.nav-horizontal .menu .sub-menu a.active,
|
||||
.nav-horizontal .menu .child-list a.active {
|
||||
color: #ffffff;
|
||||
background: #263238;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Footer
|
||||
*/
|
||||
.footer {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
.footer a {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.footer a:hover {
|
||||
color: #263238;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Box Content
|
||||
*/
|
||||
.box-content .dropdown.js__drop_down .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.box-content .dropdown.js__drop_down .sub-menu a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.box-content .dropdown.js__drop_down .sub-menu a:hover {
|
||||
color: #263238;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
7. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
8. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #263238;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #090e00;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #3e474b;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #263238;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #263238;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #090e00;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/dark-green.min.css
vendored
Normal file
1
assets/styles/color/dark-green.min.css
vendored
Normal 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-top{height:55px;background:#263238;color:#ffffff}.header-top .ico-item{color:#ffffff}.header-top .ico-item:hover{color:#ffffff}@media (max-width:479px){.header-top .searchform{border-bottom-color:#263238}}@media (min-width:1025px){.nav-horizontal{background:#ffffff}.nav-horizontal .menu>li:hover>a{color:#263238}.nav-horizontal .menu>li.current>a{color:#263238}.nav-horizontal .menu .sub-menu{background:#ffffff}.nav-horizontal .menu .sub-menu.single a{color:#435966}.nav-horizontal .menu .sub-menu.single a:hover{background:#263238;color:#ffffff}.nav-horizontal .menu .sub-menu.mega>li a{color:#435966}.nav-horizontal .menu .sub-menu.mega>li a:hover{color:#263238}}@media (max-width:1024px){.nav-horizontal .menu>li>a.active{color:#ffffff;background:#263238}.nav-horizontal .menu>li.current>a{color:#ffffff;background:#263238}.nav-horizontal .menu .child-list .title.active,.nav-horizontal .menu .child-list a.active,.nav-horizontal .menu .sub-menu .title.active,.nav-horizontal .menu .sub-menu a.active{color:#ffffff;background:#263238}}.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}
|
||||
296
assets/styles/color/green.css
Normal file
296
assets/styles/color/green.css
Normal file
@ -0,0 +1,296 @@
|
||||
/*
|
||||
Version 2.0[Table of contents]
|
||||
-------------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
2. Header Top
|
||||
3. Navigation Desktop
|
||||
4. Navigation Mobile
|
||||
5. Footer
|
||||
6. Box Content
|
||||
7. Data Tables
|
||||
8. Inbox List
|
||||
9. Menu Mobile Button
|
||||
10. Notice
|
||||
11. Search Form
|
||||
12. Mail
|
||||
13. Login, Register, ... Form
|
||||
14. Pricing Plan
|
||||
15. Gallery
|
||||
-------------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
*/
|
||||
a {
|
||||
color: #4caf50;
|
||||
}
|
||||
a:hover,
|
||||
a:active,
|
||||
a:focus {
|
||||
color: #268d29;
|
||||
}
|
||||
.fa-hover:hover {
|
||||
background: #4caf50;
|
||||
color: #ffffff;
|
||||
}
|
||||
.fa-hover:hover .ico,
|
||||
.fa-hover:hover .fa {
|
||||
color: #ffffff;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
2. Header Top
|
||||
*/
|
||||
.header-top {
|
||||
height: 55px;
|
||||
background: #4caf50;
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item {
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.header-top .searchform {
|
||||
border-bottom-color: #4caf50;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. Navigation Desktop
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.nav-horizontal {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu > li:hover > a {
|
||||
color: #4caf50;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #4caf50;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a:hover {
|
||||
background: #4caf50;
|
||||
color: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a:hover {
|
||||
color: #4caf50;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation Mobile
|
||||
*/
|
||||
@media (max-width: 1024px) {
|
||||
.nav-horizontal .menu > li > a.active {
|
||||
color: #ffffff;
|
||||
background: #4caf50;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #ffffff;
|
||||
background: #4caf50;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu .title.active,
|
||||
.nav-horizontal .menu .child-list .title.active,
|
||||
.nav-horizontal .menu .sub-menu a.active,
|
||||
.nav-horizontal .menu .child-list a.active {
|
||||
color: #ffffff;
|
||||
background: #4caf50;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Footer
|
||||
*/
|
||||
.footer {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
.footer a {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.footer a:hover {
|
||||
color: #4caf50;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Box Content
|
||||
*/
|
||||
.box-content .dropdown.js__drop_down .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.box-content .dropdown.js__drop_down .sub-menu a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.box-content .dropdown.js__drop_down .sub-menu a:hover {
|
||||
color: #4caf50;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
7. Data Tables
|
||||
*/
|
||||
.dataTables_wrapper .dataTable .group {
|
||||
background-color: #4caf50 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
table.focus-on tbody tr.focused th,
|
||||
table.focus-on tbody tr.focused td {
|
||||
background: #4caf50 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
8. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #4caf50;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #268d29;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #5ec662;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. Notice
|
||||
*/
|
||||
/* Notice List */
|
||||
.notice-list .name {
|
||||
color: #212121;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.notice-list .name:hover {
|
||||
color: #4caf50;
|
||||
}
|
||||
}
|
||||
/* Notice Popup */
|
||||
.notice-popup {
|
||||
background: #ffffff;
|
||||
}
|
||||
.notice-popup .notice-read-more {
|
||||
color: #212121;
|
||||
}
|
||||
.notice-popup .notice-read-more:hover {
|
||||
color: #4caf50;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #4caf50;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. Mail
|
||||
*/
|
||||
.box-body .nav li.active a {
|
||||
background: #ffffff;
|
||||
color: #4caf50;
|
||||
}
|
||||
.box-body .nav a {
|
||||
color: #212121;
|
||||
}
|
||||
.box-body .nav a:hover {
|
||||
background: #ffffff;
|
||||
color: #4caf50;
|
||||
}
|
||||
.mailbox-messages .unread > td:first-of-type {
|
||||
border-left-color: #4caf50;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. Login, Register, ... Form
|
||||
*/
|
||||
.frm-single .frm-input .frm-inp:focus {
|
||||
border-color: #4caf50;
|
||||
}
|
||||
.frm-single .frm-submit {
|
||||
background: #4caf50;
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.frm-single .frm-submit:hover {
|
||||
background: #268d29;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. Pricing Plan
|
||||
*/
|
||||
.pricing-table .thead {
|
||||
background: #4caf50;
|
||||
color: #fff;
|
||||
}
|
||||
.pricing-table .thead.bg-main-2 {
|
||||
background-color: #4caf50;
|
||||
}
|
||||
.pricing-table .thead.bg-blue-1 {
|
||||
background-color: #2444f9;
|
||||
}
|
||||
.pricing-table .thead.bg-blue-2 {
|
||||
background-color: #1e3def;
|
||||
}
|
||||
.pricing-table .thead.bg-blue-3 {
|
||||
background-color: #4caf50;
|
||||
}
|
||||
.pricing-table .td .fa-check {
|
||||
color: #4caf50;
|
||||
}
|
||||
.pricing-table .col-featured .td .btn-order {
|
||||
background: #4caf50;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.pricing-table .td .btn-order:hover {
|
||||
background: #4caf50;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. Gallery
|
||||
*/
|
||||
.isotope-filter .filter-controls a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.isotope-filter .filter-controls a:hover {
|
||||
color: #4caf50;
|
||||
}
|
||||
}
|
||||
.isotope-filter .filter-controls .js__active {
|
||||
color: #4caf50;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #4caf50;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #268d29;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/green.min.css
vendored
Normal file
1
assets/styles/color/green.min.css
vendored
Normal 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-top{height:55px;background:#4caf50;color:#ffffff}.header-top .ico-item{color:#ffffff}.header-top .ico-item:hover{color:#ffffff}@media (max-width:479px){.header-top .searchform{border-bottom-color:#4caf50}}@media (min-width:1025px){.nav-horizontal{background:#ffffff}.nav-horizontal .menu>li:hover>a{color:#4caf50}.nav-horizontal .menu>li.current>a{color:#4caf50}.nav-horizontal .menu .sub-menu{background:#ffffff}.nav-horizontal .menu .sub-menu.single a{color:#435966}.nav-horizontal .menu .sub-menu.single a:hover{background:#4caf50;color:#ffffff}.nav-horizontal .menu .sub-menu.mega>li a{color:#435966}.nav-horizontal .menu .sub-menu.mega>li a:hover{color:#4caf50}}@media (max-width:1024px){.nav-horizontal .menu>li>a.active{color:#ffffff;background:#4caf50}.nav-horizontal .menu>li.current>a{color:#ffffff;background:#4caf50}.nav-horizontal .menu .child-list .title.active,.nav-horizontal .menu .child-list a.active,.nav-horizontal .menu .sub-menu .title.active,.nav-horizontal .menu .sub-menu a.active{color:#ffffff;background:#4caf50}}.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}
|
||||
296
assets/styles/color/light-blue.css
Normal file
296
assets/styles/color/light-blue.css
Normal file
@ -0,0 +1,296 @@
|
||||
/*
|
||||
Version 2.0[Table of contents]
|
||||
-------------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
2. Header Top
|
||||
3. Navigation Desktop
|
||||
4. Navigation Mobile
|
||||
5. Footer
|
||||
6. Box Content
|
||||
7. Data Tables
|
||||
8. Inbox List
|
||||
9. Menu Mobile Button
|
||||
10. Notice
|
||||
11. Search Form
|
||||
12. Mail
|
||||
13. Login, Register, ... Form
|
||||
14. Pricing Plan
|
||||
15. Gallery
|
||||
-------------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
*/
|
||||
a {
|
||||
color: #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 Top
|
||||
*/
|
||||
.header-top {
|
||||
height: 55px;
|
||||
background: #2196f3;
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item {
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.header-top .searchform {
|
||||
border-bottom-color: #2196f3;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. Navigation Desktop
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.nav-horizontal {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu > li:hover > a {
|
||||
color: #2196f3;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #2196f3;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a:hover {
|
||||
background: #2196f3;
|
||||
color: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a:hover {
|
||||
color: #2196f3;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation Mobile
|
||||
*/
|
||||
@media (max-width: 1024px) {
|
||||
.nav-horizontal .menu > li > a.active {
|
||||
color: #ffffff;
|
||||
background: #2196f3;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #ffffff;
|
||||
background: #2196f3;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu .title.active,
|
||||
.nav-horizontal .menu .child-list .title.active,
|
||||
.nav-horizontal .menu .sub-menu a.active,
|
||||
.nav-horizontal .menu .child-list a.active {
|
||||
color: #ffffff;
|
||||
background: #2196f3;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Footer
|
||||
*/
|
||||
.footer {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
.footer a {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.footer a:hover {
|
||||
color: #2196f3;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Box Content
|
||||
*/
|
||||
.box-content .dropdown.js__drop_down .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.box-content .dropdown.js__drop_down .sub-menu a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.box-content .dropdown.js__drop_down .sub-menu a:hover {
|
||||
color: #2196f3;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
7. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
8. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #2196f3;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #1382ef;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #44a9f9;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #2196f3;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #2196f3;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #1382ef;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/light-blue.min.css
vendored
Normal file
1
assets/styles/color/light-blue.min.css
vendored
Normal 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-top{height:55px;background:#2196f3;color:#ffffff}.header-top .ico-item{color:#ffffff}.header-top .ico-item:hover{color:#ffffff}@media (max-width:479px){.header-top .searchform{border-bottom-color:#2196f3}}@media (min-width:1025px){.nav-horizontal{background:#ffffff}.nav-horizontal .menu>li:hover>a{color:#2196f3}.nav-horizontal .menu>li.current>a{color:#2196f3}.nav-horizontal .menu .sub-menu{background:#ffffff}.nav-horizontal .menu .sub-menu.single a{color:#435966}.nav-horizontal .menu .sub-menu.single a:hover{background:#2196f3;color:#ffffff}.nav-horizontal .menu .sub-menu.mega>li a{color:#435966}.nav-horizontal .menu .sub-menu.mega>li a:hover{color:#2196f3}}@media (max-width:1024px){.nav-horizontal .menu>li>a.active{color:#ffffff;background:#2196f3}.nav-horizontal .menu>li.current>a{color:#ffffff;background:#2196f3}.nav-horizontal .menu .child-list .title.active,.nav-horizontal .menu .child-list a.active,.nav-horizontal .menu .sub-menu .title.active,.nav-horizontal .menu .sub-menu a.active{color:#ffffff;background:#2196f3}}.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}
|
||||
296
assets/styles/color/orange.css
Normal file
296
assets/styles/color/orange.css
Normal file
@ -0,0 +1,296 @@
|
||||
/*
|
||||
Version 2.0[Table of contents]
|
||||
-------------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
2. Header Top
|
||||
3. Navigation Desktop
|
||||
4. Navigation Mobile
|
||||
5. Footer
|
||||
6. Box Content
|
||||
7. Data Tables
|
||||
8. Inbox List
|
||||
9. Menu Mobile Button
|
||||
10. Notice
|
||||
11. Search Form
|
||||
12. Mail
|
||||
13. Login, Register, ... Form
|
||||
14. Pricing Plan
|
||||
15. Gallery
|
||||
-------------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
*/
|
||||
a {
|
||||
color: #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 Top
|
||||
*/
|
||||
.header-top {
|
||||
height: 55px;
|
||||
background: #ff5722;
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item {
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.header-top .searchform {
|
||||
border-bottom-color: #ff5722;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. Navigation Desktop
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.nav-horizontal {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu > li:hover > a {
|
||||
color: #ff5722;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #ff5722;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a:hover {
|
||||
background: #ff5722;
|
||||
color: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a:hover {
|
||||
color: #ff5722;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation Mobile
|
||||
*/
|
||||
@media (max-width: 1024px) {
|
||||
.nav-horizontal .menu > li > a.active {
|
||||
color: #ffffff;
|
||||
background: #ff5722;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #ffffff;
|
||||
background: #ff5722;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu .title.active,
|
||||
.nav-horizontal .menu .child-list .title.active,
|
||||
.nav-horizontal .menu .sub-menu a.active,
|
||||
.nav-horizontal .menu .child-list a.active {
|
||||
color: #ffffff;
|
||||
background: #ff5722;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Footer
|
||||
*/
|
||||
.footer {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
.footer a {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.footer a:hover {
|
||||
color: #ff5722;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Box Content
|
||||
*/
|
||||
.box-content .dropdown.js__drop_down .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.box-content .dropdown.js__drop_down .sub-menu a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.box-content .dropdown.js__drop_down .sub-menu a:hover {
|
||||
color: #ff5722;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
7. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
8. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #ff5722;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #fd1100;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #ff693a;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #ff5722;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #ff5722;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #fd1100;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/orange.min.css
vendored
Normal file
1
assets/styles/color/orange.min.css
vendored
Normal 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-top{height:55px;background:#ff5722;color:#ffffff}.header-top .ico-item{color:#ffffff}.header-top .ico-item:hover{color:#ffffff}@media (max-width:479px){.header-top .searchform{border-bottom-color:#ff5722}}@media (min-width:1025px){.nav-horizontal{background:#ffffff}.nav-horizontal .menu>li:hover>a{color:#ff5722}.nav-horizontal .menu>li.current>a{color:#ff5722}.nav-horizontal .menu .sub-menu{background:#ffffff}.nav-horizontal .menu .sub-menu.single a{color:#435966}.nav-horizontal .menu .sub-menu.single a:hover{background:#ff5722;color:#ffffff}.nav-horizontal .menu .sub-menu.mega>li a{color:#435966}.nav-horizontal .menu .sub-menu.mega>li a:hover{color:#ff5722}}@media (max-width:1024px){.nav-horizontal .menu>li>a.active{color:#ffffff;background:#ff5722}.nav-horizontal .menu>li.current>a{color:#ffffff;background:#ff5722}.nav-horizontal .menu .child-list .title.active,.nav-horizontal .menu .child-list a.active,.nav-horizontal .menu .sub-menu .title.active,.nav-horizontal .menu .sub-menu a.active{color:#ffffff;background:#ff5722}}.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}
|
||||
296
assets/styles/color/red.css
Normal file
296
assets/styles/color/red.css
Normal file
@ -0,0 +1,296 @@
|
||||
/*
|
||||
Version 2.0[Table of contents]
|
||||
-------------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
2. Header Top
|
||||
3. Navigation Desktop
|
||||
4. Navigation Mobile
|
||||
5. Footer
|
||||
6. Box Content
|
||||
7. Data Tables
|
||||
8. Inbox List
|
||||
9. Menu Mobile Button
|
||||
10. Notice
|
||||
11. Search Form
|
||||
12. Mail
|
||||
13. Login, Register, ... Form
|
||||
14. Pricing Plan
|
||||
15. Gallery
|
||||
-------------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
*/
|
||||
a {
|
||||
color: #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 Top
|
||||
*/
|
||||
.header-top {
|
||||
height: 55px;
|
||||
background: #f44336;
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item {
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.header-top .searchform {
|
||||
border-bottom-color: #f44336;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. Navigation Desktop
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.nav-horizontal {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu > li:hover > a {
|
||||
color: #f44336;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #f44336;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a:hover {
|
||||
background: #f44336;
|
||||
color: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a:hover {
|
||||
color: #f44336;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation Mobile
|
||||
*/
|
||||
@media (max-width: 1024px) {
|
||||
.nav-horizontal .menu > li > a.active {
|
||||
color: #ffffff;
|
||||
background: #f44336;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #ffffff;
|
||||
background: #f44336;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu .title.active,
|
||||
.nav-horizontal .menu .child-list .title.active,
|
||||
.nav-horizontal .menu .sub-menu a.active,
|
||||
.nav-horizontal .menu .child-list a.active {
|
||||
color: #ffffff;
|
||||
background: #f44336;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Footer
|
||||
*/
|
||||
.footer {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
.footer a {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.footer a:hover {
|
||||
color: #f44336;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Box Content
|
||||
*/
|
||||
.box-content .dropdown.js__drop_down .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.box-content .dropdown.js__drop_down .sub-menu a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.box-content .dropdown.js__drop_down .sub-menu a:hover {
|
||||
color: #f44336;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
7. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
8. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #f44336;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #cd0000;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #fa584c;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #f44336;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #f44336;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #cd0000;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/red.min.css
vendored
Normal file
1
assets/styles/color/red.min.css
vendored
Normal 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-top{height:55px;background:#f44336;color:#ffffff}.header-top .ico-item{color:#ffffff}.header-top .ico-item:hover{color:#ffffff}@media (max-width:479px){.header-top .searchform{border-bottom-color:#f44336}}@media (min-width:1025px){.nav-horizontal{background:#ffffff}.nav-horizontal .menu>li:hover>a{color:#f44336}.nav-horizontal .menu>li.current>a{color:#f44336}.nav-horizontal .menu .sub-menu{background:#ffffff}.nav-horizontal .menu .sub-menu.single a{color:#435966}.nav-horizontal .menu .sub-menu.single a:hover{background:#f44336;color:#ffffff}.nav-horizontal .menu .sub-menu.mega>li a{color:#435966}.nav-horizontal .menu .sub-menu.mega>li a:hover{color:#f44336}}@media (max-width:1024px){.nav-horizontal .menu>li>a.active{color:#ffffff;background:#f44336}.nav-horizontal .menu>li.current>a{color:#ffffff;background:#f44336}.nav-horizontal .menu .child-list .title.active,.nav-horizontal .menu .child-list a.active,.nav-horizontal .menu .sub-menu .title.active,.nav-horizontal .menu .sub-menu a.active{color:#ffffff;background:#f44336}}.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}
|
||||
296
assets/styles/color/violet.css
Normal file
296
assets/styles/color/violet.css
Normal file
@ -0,0 +1,296 @@
|
||||
/*
|
||||
Version 2.0[Table of contents]
|
||||
-------------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
2. Header Top
|
||||
3. Navigation Desktop
|
||||
4. Navigation Mobile
|
||||
5. Footer
|
||||
6. Box Content
|
||||
7. Data Tables
|
||||
8. Inbox List
|
||||
9. Menu Mobile Button
|
||||
10. Notice
|
||||
11. Search Form
|
||||
12. Mail
|
||||
13. Login, Register, ... Form
|
||||
14. Pricing Plan
|
||||
15. Gallery
|
||||
-------------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
*/
|
||||
a {
|
||||
color: #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 Top
|
||||
*/
|
||||
.header-top {
|
||||
height: 55px;
|
||||
background: #673ab7;
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item {
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.header-top .searchform {
|
||||
border-bottom-color: #673ab7;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. Navigation Desktop
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.nav-horizontal {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu > li:hover > a {
|
||||
color: #673ab7;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #673ab7;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a:hover {
|
||||
background: #673ab7;
|
||||
color: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a:hover {
|
||||
color: #673ab7;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation Mobile
|
||||
*/
|
||||
@media (max-width: 1024px) {
|
||||
.nav-horizontal .menu > li > a.active {
|
||||
color: #ffffff;
|
||||
background: #673ab7;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #ffffff;
|
||||
background: #673ab7;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu .title.active,
|
||||
.nav-horizontal .menu .child-list .title.active,
|
||||
.nav-horizontal .menu .sub-menu a.active,
|
||||
.nav-horizontal .menu .child-list a.active {
|
||||
color: #ffffff;
|
||||
background: #673ab7;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Footer
|
||||
*/
|
||||
.footer {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
.footer a {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.footer a:hover {
|
||||
color: #673ab7;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Box Content
|
||||
*/
|
||||
.box-content .dropdown.js__drop_down .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.box-content .dropdown.js__drop_down .sub-menu a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.box-content .dropdown.js__drop_down .sub-menu a:hover {
|
||||
color: #673ab7;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
7. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
8. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #673ab7;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #5027a7;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #7f4fd5;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #673ab7;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #673ab7;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #5027a7;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/violet.min.css
vendored
Normal file
1
assets/styles/color/violet.min.css
vendored
Normal 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-top{height:55px;background:#673ab7;color:#ffffff}.header-top .ico-item{color:#ffffff}.header-top .ico-item:hover{color:#ffffff}@media (max-width:479px){.header-top .searchform{border-bottom-color:#673ab7}}@media (min-width:1025px){.nav-horizontal{background:#ffffff}.nav-horizontal .menu>li:hover>a{color:#673ab7}.nav-horizontal .menu>li.current>a{color:#673ab7}.nav-horizontal .menu .sub-menu{background:#ffffff}.nav-horizontal .menu .sub-menu.single a{color:#435966}.nav-horizontal .menu .sub-menu.single a:hover{background:#673ab7;color:#ffffff}.nav-horizontal .menu .sub-menu.mega>li a{color:#435966}.nav-horizontal .menu .sub-menu.mega>li a:hover{color:#673ab7}}@media (max-width:1024px){.nav-horizontal .menu>li>a.active{color:#ffffff;background:#673ab7}.nav-horizontal .menu>li.current>a{color:#ffffff;background:#673ab7}.nav-horizontal .menu .child-list .title.active,.nav-horizontal .menu .child-list a.active,.nav-horizontal .menu .sub-menu .title.active,.nav-horizontal .menu .sub-menu a.active{color:#ffffff;background:#673ab7}}.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}
|
||||
296
assets/styles/color/yellow.css
Normal file
296
assets/styles/color/yellow.css
Normal file
@ -0,0 +1,296 @@
|
||||
/*
|
||||
Version 2.0[Table of contents]
|
||||
-------------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
2. Header Top
|
||||
3. Navigation Desktop
|
||||
4. Navigation Mobile
|
||||
5. Footer
|
||||
6. Box Content
|
||||
7. Data Tables
|
||||
8. Inbox List
|
||||
9. Menu Mobile Button
|
||||
10. Notice
|
||||
11. Search Form
|
||||
12. Mail
|
||||
13. Login, Register, ... Form
|
||||
14. Pricing Plan
|
||||
15. Gallery
|
||||
-------------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
1. Globally Applied Styles
|
||||
*/
|
||||
a {
|
||||
color: #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 Top
|
||||
*/
|
||||
.header-top {
|
||||
height: 55px;
|
||||
background: #ffc107;
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item {
|
||||
color: #ffffff;
|
||||
}
|
||||
.header-top .ico-item:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.header-top .searchform {
|
||||
border-bottom-color: #ffc107;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
3. Navigation Desktop
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.nav-horizontal {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu > li:hover > a {
|
||||
color: #ffc107;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #ffc107;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.single a:hover {
|
||||
background: #ffc107;
|
||||
color: #ffffff;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a {
|
||||
color: #435966;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu.mega > li a:hover {
|
||||
color: #ffc107;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
4. Navigation Mobile
|
||||
*/
|
||||
@media (max-width: 1024px) {
|
||||
.nav-horizontal .menu > li > a.active {
|
||||
color: #ffffff;
|
||||
background: #ffc107;
|
||||
}
|
||||
.nav-horizontal .menu > li.current > a {
|
||||
color: #ffffff;
|
||||
background: #ffc107;
|
||||
}
|
||||
.nav-horizontal .menu .sub-menu .title.active,
|
||||
.nav-horizontal .menu .child-list .title.active,
|
||||
.nav-horizontal .menu .sub-menu a.active,
|
||||
.nav-horizontal .menu .child-list a.active {
|
||||
color: #ffffff;
|
||||
background: #ffc107;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
5. Footer
|
||||
*/
|
||||
.footer {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
.footer a {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.footer a:hover {
|
||||
color: #ffc107;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
6. Box Content
|
||||
*/
|
||||
.box-content .dropdown.js__drop_down .sub-menu {
|
||||
background: #ffffff;
|
||||
}
|
||||
.box-content .dropdown.js__drop_down .sub-menu a {
|
||||
color: #435966;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.box-content .dropdown.js__drop_down .sub-menu a:hover {
|
||||
color: #ffc107;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
7. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
8. Inbox List
|
||||
*/
|
||||
.inbox-list .name {
|
||||
color: #ffc107;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.inbox-list .name:hover {
|
||||
color: #fca800;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
9. Menu Mobile Button
|
||||
*/
|
||||
.menu-mobile-button {
|
||||
color: #ffffff;
|
||||
background: #ffcb30;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
10. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
11. Search Form
|
||||
*/
|
||||
@media (min-width: 1025px) {
|
||||
.searchform .button-search:hover {
|
||||
color: #ffc107;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
12. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
13. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
14. 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;
|
||||
}
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
15. 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;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/*-----------------------------------------------------------------------
|
||||
16. User Info
|
||||
*/
|
||||
.user-info a {
|
||||
color: #ffc107;
|
||||
}
|
||||
.user-info a:hover {
|
||||
color: #fca800;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
1
assets/styles/color/yellow.min.css
vendored
Normal file
1
assets/styles/color/yellow.min.css
vendored
Normal 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-top{height:55px;background:#ffc107;color:#ffffff}.header-top .ico-item{color:#ffffff}.header-top .ico-item:hover{color:#ffffff}@media (max-width:479px){.header-top .searchform{border-bottom-color:#ffc107}}@media (min-width:1025px){.nav-horizontal{background:#ffffff}.nav-horizontal .menu>li:hover>a{color:#ffc107}.nav-horizontal .menu>li.current>a{color:#ffc107}.nav-horizontal .menu .sub-menu{background:#ffffff}.nav-horizontal .menu .sub-menu.single a{color:#435966}.nav-horizontal .menu .sub-menu.single a:hover{background:#ffc107;color:#ffffff}.nav-horizontal .menu .sub-menu.mega>li a{color:#435966}.nav-horizontal .menu .sub-menu.mega>li a:hover{color:#ffc107}}@media (max-width:1024px){.nav-horizontal .menu>li>a.active{color:#ffffff;background:#ffc107}.nav-horizontal .menu>li.current>a{color:#ffffff;background:#ffc107}.nav-horizontal .menu .child-list .title.active,.nav-horizontal .menu .child-list a.active,.nav-horizontal .menu .sub-menu .title.active,.nav-horizontal .menu .sub-menu a.active{color:#ffffff;background:#ffc107}}.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}
|
||||
4812
assets/styles/style-horizontal.css
Normal file
4812
assets/styles/style-horizontal.css
Normal file
File diff suppressed because it is too large
Load Diff
1
assets/styles/style-horizontal.min.css
vendored
Normal file
1
assets/styles/style-horizontal.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user