| src/app/layout/header/header.component.html | ●●●●● patch | view | raw | blame | history | |
| src/app/shared/styles/themes/theme-a.scss | ●●●●● patch | view | raw | blame | history | |
| src/app/shared/styles/themes/theme-b.scss | ●●●●● patch | view | raw | blame | history | |
| src/app/shared/styles/themes/theme-c.scss | ●●●●● patch | view | raw | blame | history | |
| src/app/shared/styles/themes/theme-d.scss | ●●●●● patch | view | raw | blame | history | |
| src/app/shared/styles/themes/theme-e.scss | ●●●●● patch | view | raw | blame | history | |
| src/app/shared/styles/themes/theme-f.scss | ●●●●● patch | view | raw | blame | history | |
| src/app/shared/styles/themes/theme-g.scss | ●●●●● patch | view | raw | blame | history | |
| src/app/shared/styles/themes/theme-h.scss | ●●●●● patch | view | raw | blame | history | |
| src/styles.scss | ●●●●● patch | view | raw | blame | history |
src/app/layout/header/header.component.html
@@ -108,7 +108,7 @@ </ul> <!-- END Dropdown menu--> </li> <!-- END Alert menu--> <!-- END Alert menu --> <!-- START Offsidebar button--> <li> <a (click)="toggleOffsidebar()"> src/app/shared/styles/themes/theme-a.scss
@@ -10,6 +10,13 @@ // LAYOUT $free-button-color: #2faed4; $pagination-color: #2faed4; $sweet-color: #0c91ba; $but-block-color: #154d77; $content-bg: #f5f7fa; $aside-bg: #fff; // NAVBAR TOP @@ -29,7 +36,7 @@ $sidebar-bg: $aside-bg; $sidebar-item-color: #fff; $sidebar-item-color: #515253; $sidebar-item-color-active: $nav-top-bg; $sidebar-item-bg-active: darken($sidebar-bg, 1%); @@ -110,6 +117,159 @@ // Navbar Desktop styles // ------------------------------ .modal-header{ position: relative; width: 100.1%; background-color: $free-button-color !important; padding: 3px; button{ font-size: 40px; color: #333 !important; margin-right: 10px; margin-top: 3px !important; transition: 0.7s; // transiton:all 1s !important; // &:hover{ // transform: rotate(180deg) !important; // } } } .but_free{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 38px; // padding-left: 12px; // padding-right: 12px; line-height: 38px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .but_hover:hover{ background: $free-button-color; color:#fff !important; } .but_block{ background: $free-button-color; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 18px; padding-right: 18px; line-height: 35px; color:#ffffff; transition: 0.2s; white-space: nowrap; } .but_strip_hover:hover{ background: #ffffff; color: $free-button-color; } .but_block_hover:hover{ background: $but-block-color; border: 1px solid $but-block-color; } .mol_but{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 15px; padding-right: 15px; line-height: 35px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .mol_but_sm{ background: #fff; border: 1px solid $free-button-color !important; border-radius: 3px; height: 32px; padding-left: 8px; padding-right: 8px; line-height: 30px; color:$free-button-color !important; transition: 0.2s; } .but_red_hover:hover{ background: #ee574d; color:#fff; } .fa-size{ padding-top: 10px; color: $free-button-color; } .pagin-style{ color: $free-button-color !important; } .pagination a{ transition: 0.3s; width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 18px !important; background: none !important; margin-right: 10px !important; padding: 0 !important; line-height: 27px !important; border: 1px solid $free-button-color !important; } .pagination > .active > a{ font-size: 14px !important; color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .active > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .pagination-page > a{ font-size: 14px !important; } .pagination > .pagination-page > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .sweet-alert button{ background: $free-button-color !important; border: 1px solid $free-button-color !important; border-radius: 3px !important; color:#ffffff !important; transition: 0.2s !important; } .sweet-alert button:hover{ background: $sweet-color !important; color:#ffffff !important; border: 1px solid $sweet-color !important; } .green_color{ color: $free-button-color !important; font-weight: 500; } .green_color:hover{ color: $free-button-color !important; font-weight: 500; } .load{ width: 100%; height: 100%; position: fixed; z-index: 999; background: rgba(51, 51, 51, 0.166); span{ position: fixed; left: 50%; top: 50%; font-size: 66px; color: $free-button-color !important; } } @media only screen and (min-width: $mq-tablet) { // Navbar top styles src/app/shared/styles/themes/theme-b.scss
@@ -10,6 +10,12 @@ // LAYOUT $free-button-color: #37bc9b; $pagination-color: #37bc9b; $sweet-color: #1f9b7c; $but-block-color: rgb(28, 102, 84); $content-bg: #f5f7fa; $aside-bg: #fff; // NAVBAR TOP @@ -109,6 +115,159 @@ // Navbar Desktop styles // ------------------------------ .modal-header{ position: relative; width: 100.1%; background-color: $free-button-color !important; padding: 3px; button{ font-size: 40px; color: #333 !important; margin-right: 10px; margin-top: 3px !important; transition: 0.7s; // transiton:all 1s !important; // &:hover{ // transform: rotate(180deg) !important; // } } } .but_free{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 38px; // padding-left: 12px; // padding-right: 12px; line-height: 38px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .but_hover:hover{ background: $free-button-color; color:#fff !important; } .but_block{ background: $free-button-color; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 18px; padding-right: 18px; line-height: 35px; color:#ffffff; transition: 0.2s; white-space: nowrap; } .but_strip_hover:hover{ background: #ffffff; color: $free-button-color; } .but_block_hover:hover{ background: $but-block-color; border: 1px solid $but-block-color; } .mol_but{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 15px; padding-right: 15px; line-height: 35px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .mol_but_sm{ background: #fff; border: 1px solid $free-button-color !important; border-radius: 3px; height: 32px; padding-left: 8px; padding-right: 8px; line-height: 30px; color:$free-button-color !important; transition: 0.2s; } .but_red_hover:hover{ background: #ee574d; color:#fff; } .fa-size{ padding-top: 10px; color: $free-button-color; } .pagin-style{ color: $free-button-color !important; } .pagination a{ transition: 0.3s; width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 18px !important; background: none !important; margin-right: 10px !important; padding: 0 !important; line-height: 27px !important; border: 1px solid $free-button-color !important; } .pagination > .active > a{ font-size: 14px !important; color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .active > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .pagination-page > a{ font-size: 14px !important; } .pagination > .pagination-page > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .sweet-alert button{ background: $free-button-color !important; border: 1px solid $free-button-color !important; border-radius: 3px !important; color:#ffffff !important; transition: 0.2s !important; } .sweet-alert button:hover{ background: $sweet-color !important; color:#ffffff !important; border: 1px solid $sweet-color !important; } .green_color{ color: $free-button-color !important; font-weight: 500; } .green_color:hover{ color: $free-button-color !important; font-weight: 500; } .load{ width: 100%; height: 100%; position: fixed; z-index: 999; background: rgba(51, 51, 51, 0.166); span{ position: fixed; left: 50%; top: 50%; font-size: 66px; color: $free-button-color !important; } } @media only screen and (min-width: $mq-tablet) { // Navbar top styles src/app/shared/styles/themes/theme-c.scss
@@ -10,6 +10,12 @@ // LAYOUT $free-button-color: #7266ba; $pagination-color: #7266ba; $sweet-color: #5b509d; $but-block-color: #463e77; $content-bg: #f5f7fa; $aside-bg: #fff; // NAVBAR TOP @@ -53,6 +59,159 @@ Component: layout ========================================================================== */ .modal-header{ position: relative; width: 100.1%; background-color: $free-button-color !important; padding: 3px; button{ font-size: 40px; color: #333 !important; margin-right: 10px; margin-top: 3px !important; transition: 0.7s; // transiton:all 1s !important; // &:hover{ // transform: rotate(180deg) !important; // } } } .but_free{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 38px; // padding-left: 12px; // padding-right: 12px; line-height: 38px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .but_hover:hover{ background: $free-button-color; color:#fff !important; } .but_block{ background: $free-button-color; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 18px; padding-right: 18px; line-height: 35px; color:#ffffff; transition: 0.2s; white-space: nowrap; } .but_strip_hover:hover{ background: #ffffff; color: $free-button-color; } .but_block_hover:hover{ background: $but-block-color; border: 1px solid $but-block-color; } .mol_but{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 15px; padding-right: 15px; line-height: 35px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .mol_but_sm{ background: #fff; border: 1px solid $free-button-color !important; border-radius: 3px; height: 32px; padding-left: 8px; padding-right: 8px; line-height: 30px; color:$free-button-color !important; transition: 0.2s; } .but_red_hover:hover{ background: #ee574d; color:#fff; } .fa-size{ padding-top: 10px; color: $free-button-color; } .pagin-style{ color: $free-button-color !important; } .pagination a{ transition: 0.3s; width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 18px !important; background: none !important; margin-right: 10px !important; padding: 0 !important; line-height: 27px !important; border: 1px solid $free-button-color !important; } .pagination > .active > a{ font-size: 14px !important; color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .active > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .pagination-page > a{ font-size: 14px !important; } .pagination > .pagination-page > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .sweet-alert button{ background: $free-button-color !important; border: 1px solid $free-button-color !important; border-radius: 3px !important; color:#ffffff !important; transition: 0.2s !important; } .sweet-alert button:hover{ background: $sweet-color !important; color:#ffffff !important; border: 1px solid $sweet-color !important; } .green_color{ color: $free-button-color !important; font-weight: 500; } .green_color:hover{ color: $free-button-color !important; font-weight: 500; } .load{ width: 100%; height: 100%; position: fixed; z-index: 999; background: rgba(51, 51, 51, 0.166); span{ position: fixed; left: 50%; top: 50%; font-size: 66px; color: $free-button-color !important; } } body, .wrapper > section { background-color: $content-bg; src/app/shared/styles/themes/theme-d.scss
@@ -10,6 +10,11 @@ // LAYOUT $free-button-color: #f05050; $pagination-color: #f05050; $sweet-color: #c13333; $but-block-color: #932727; $content-bg: #f5f7fa; $aside-bg: #fff; // NAVBAR TOP @@ -53,6 +58,159 @@ Component: layout ========================================================================== */ .modal-header{ position: relative; width: 100.1%; background-color: $free-button-color !important; padding: 3px; button{ font-size: 40px; color: #333 !important; margin-right: 10px; margin-top: 3px !important; transition: 0.7s; // transiton:all 1s !important; // &:hover{ // transform: rotate(180deg) !important; // } } } .but_free{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 38px; // padding-left: 12px; // padding-right: 12px; line-height: 38px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .but_hover:hover{ background: $free-button-color; color:#fff !important; } .but_block{ background: $free-button-color; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 18px; padding-right: 18px; line-height: 35px; color:#ffffff; transition: 0.2s; white-space: nowrap; } .but_strip_hover:hover{ background: #ffffff; color: $free-button-color; } .but_block_hover:hover{ background: $but-block-color; border: 1px solid $but-block-color; } .mol_but{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 15px; padding-right: 15px; line-height: 35px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .mol_but_sm{ background: #fff; border: 1px solid $free-button-color !important; border-radius: 3px; height: 32px; padding-left: 8px; padding-right: 8px; line-height: 30px; color:$free-button-color !important; transition: 0.2s; } .but_red_hover:hover{ background: #ee574d; color:#fff; } .fa-size{ padding-top: 10px; color: $free-button-color; } .pagin-style{ color: $free-button-color !important; } .pagination a{ transition: 0.3s; width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 18px !important; background: none !important; margin-right: 10px !important; padding: 0 !important; line-height: 27px !important; border: 1px solid $free-button-color !important; } .pagination > .active > a{ font-size: 14px !important; color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .active > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .pagination-page > a{ font-size: 14px !important; } .pagination > .pagination-page > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .sweet-alert button{ background: $free-button-color !important; border: 1px solid $free-button-color !important; border-radius: 3px !important; color:#ffffff !important; transition: 0.2s !important; } .sweet-alert button:hover{ background: $sweet-color !important; color:#ffffff !important; border: 1px solid $sweet-color !important; } .green_color{ color: $free-button-color !important; font-weight: 500; } .green_color:hover{ color: $free-button-color !important; font-weight: 500; } .load{ width: 100%; height: 100%; position: fixed; z-index: 999; background: rgba(51, 51, 51, 0.166); span{ position: fixed; left: 50%; top: 50%; font-size: 66px; color: $free-button-color !important; } } body, .wrapper > section { background-color: $content-bg; src/app/shared/styles/themes/theme-e.scss
@@ -10,6 +10,11 @@ // LAYOUT $free-button-color: #2faed4; $pagination-color: #2faed4; $sweet-color: #0c91ba; $but-block-color: #154d77; $content-bg: #f5f7fa; $aside-bg: $gray-dark; @@ -54,6 +59,159 @@ Component: layout ========================================================================== */ .modal-header{ position: relative; width: 100.1%; background-color: $free-button-color !important; padding: 3px; button{ font-size: 40px; color: #333 !important; margin-right: 10px; margin-top: 3px !important; transition: 0.7s; // transiton:all 1s !important; // &:hover{ // transform: rotate(180deg) !important; // } } } .but_free{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 38px; // padding-left: 12px; // padding-right: 12px; line-height: 38px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .but_hover:hover{ background: $free-button-color; color:#fff !important; } .but_block{ background: $free-button-color; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 18px; padding-right: 18px; line-height: 35px; color:#ffffff; transition: 0.2s; white-space: nowrap; } .but_strip_hover:hover{ background: #ffffff; color: $free-button-color; } .but_block_hover:hover{ background: $but-block-color; border: 1px solid $but-block-color; } .mol_but{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 15px; padding-right: 15px; line-height: 35px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .mol_but_sm{ background: #fff; border: 1px solid $free-button-color !important; border-radius: 3px; height: 32px; padding-left: 8px; padding-right: 8px; line-height: 30px; color:$free-button-color !important; transition: 0.2s; } .but_red_hover:hover{ background: #ee574d; color:#fff; } .fa-size{ padding-top: 10px; color: $free-button-color; } .pagin-style{ color: $free-button-color !important; } .pagination a{ transition: 0.3s; width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 18px !important; background: none !important; margin-right: 10px !important; padding: 0 !important; line-height: 27px !important; border: 1px solid $free-button-color !important; } .pagination > .active > a{ font-size: 14px !important; color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .active > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .pagination-page > a{ font-size: 14px !important; } .pagination > .pagination-page > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .sweet-alert button{ background: $free-button-color !important; border: 1px solid $free-button-color !important; border-radius: 3px !important; color:#ffffff !important; transition: 0.2s !important; } .sweet-alert button:hover{ background: $sweet-color !important; color:#ffffff !important; border: 1px solid $sweet-color !important; } .green_color{ color: $free-button-color !important; font-weight: 500; } .green_color:hover{ color: $free-button-color !important; font-weight: 500; } .load{ width: 100%; height: 100%; position: fixed; z-index: 999; background: rgba(51, 51, 51, 0.166); span{ position: fixed; left: 50%; top: 50%; font-size: 66px; color: $free-button-color !important; } } body, .wrapper > section { background-color: $content-bg; src/app/shared/styles/themes/theme-f.scss
@@ -10,6 +10,11 @@ // LAYOUT $free-button-color: #37bc9b; $pagination-color: #37bc9b; $sweet-color: #1f9b7c; $but-block-color: rgb(28, 102, 84); $content-bg: #f5f7fa; $aside-bg: $gray-dark; // NAVBAR TOP @@ -53,6 +58,159 @@ Component: layout ========================================================================== */ .modal-header{ position: relative; width: 100.1%; background-color: $free-button-color !important; padding: 3px; button{ font-size: 40px; color: #333 !important; margin-right: 10px; margin-top: 3px !important; transition: 0.7s; // transiton:all 1s !important; // &:hover{ // transform: rotate(180deg) !important; // } } } .but_free{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 38px; // padding-left: 12px; // padding-right: 12px; line-height: 38px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .but_hover:hover{ background: $free-button-color; color:#fff !important; } .but_block{ background: $free-button-color; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 18px; padding-right: 18px; line-height: 35px; color:#ffffff; transition: 0.2s; white-space: nowrap; } .but_strip_hover:hover{ background: #ffffff; color: $free-button-color; } .but_block_hover:hover{ background: $but-block-color; border: 1px solid $but-block-color; } .mol_but{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 15px; padding-right: 15px; line-height: 35px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .mol_but_sm{ background: #fff; border: 1px solid $free-button-color !important; border-radius: 3px; height: 32px; padding-left: 8px; padding-right: 8px; line-height: 30px; color:$free-button-color !important; transition: 0.2s; } .but_red_hover:hover{ background: #ee574d; color:#fff; } .fa-size{ padding-top: 10px; color: $free-button-color; } .pagin-style{ color: $free-button-color !important; } .pagination a{ transition: 0.3s; width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 18px !important; background: none !important; margin-right: 10px !important; padding: 0 !important; line-height: 27px !important; border: 1px solid $free-button-color !important; } .pagination > .active > a{ font-size: 14px !important; color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .active > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .pagination-page > a{ font-size: 14px !important; } .pagination > .pagination-page > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .sweet-alert button{ background: $free-button-color !important; border: 1px solid $free-button-color !important; border-radius: 3px !important; color:#ffffff !important; transition: 0.2s !important; } .sweet-alert button:hover{ background: $sweet-color !important; color:#ffffff !important; border: 1px solid $sweet-color !important; } .green_color{ color: $free-button-color !important; font-weight: 500; } .green_color:hover{ color: $free-button-color !important; font-weight: 500; } .load{ width: 100%; height: 100%; position: fixed; z-index: 999; background: rgba(51, 51, 51, 0.166); span{ position: fixed; left: 50%; top: 50%; font-size: 66px; color: $free-button-color !important; } } body, .wrapper > section { background-color: $content-bg; src/app/shared/styles/themes/theme-g.scss
@@ -10,6 +10,11 @@ // LAYOUT $free-button-color: #7266ba; $pagination-color: #7266ba; $sweet-color: #5b509d; $but-block-color: #463e77; $content-bg: #f5f7fa; $aside-bg: $gray-dark; // NAVBAR TOP @@ -53,6 +58,159 @@ Component: layout ========================================================================== */ .modal-header{ position: relative; width: 100.1%; background-color: $free-button-color !important; padding: 3px; button{ font-size: 40px; color: #333 !important; margin-right: 10px; margin-top: 3px !important; transition: 0.7s; // transiton:all 1s !important; // &:hover{ // transform: rotate(180deg) !important; // } } } .but_free{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 38px; // padding-left: 12px; // padding-right: 12px; line-height: 38px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .but_hover:hover{ background: $free-button-color; color:#fff !important; } .but_block{ background: $free-button-color; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 18px; padding-right: 18px; line-height: 35px; color:#ffffff; transition: 0.2s; white-space: nowrap; } .but_strip_hover:hover{ background: #ffffff; color: $free-button-color; } .but_block_hover:hover{ background: $but-block-color; border: 1px solid $but-block-color; } .mol_but{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 15px; padding-right: 15px; line-height: 35px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .mol_but_sm{ background: #fff; border: 1px solid $free-button-color !important; border-radius: 3px; height: 32px; padding-left: 8px; padding-right: 8px; line-height: 30px; color:$free-button-color !important; transition: 0.2s; } .but_red_hover:hover{ background: #ee574d; color:#fff; } .fa-size{ padding-top: 10px; color: $free-button-color; } .pagin-style{ color: $free-button-color !important; } .pagination a{ transition: 0.3s; width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 18px !important; background: none !important; margin-right: 10px !important; padding: 0 !important; line-height: 27px !important; border: 1px solid $free-button-color !important; } .pagination > .active > a{ font-size: 14px !important; color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .active > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .pagination-page > a{ font-size: 14px !important; } .pagination > .pagination-page > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .sweet-alert button{ background: $free-button-color !important; border: 1px solid $free-button-color !important; border-radius: 3px !important; color:#ffffff !important; transition: 0.2s !important; } .sweet-alert button:hover{ background: $sweet-color !important; color:#ffffff !important; border: 1px solid $sweet-color !important; } .green_color{ color: $free-button-color !important; font-weight: 500; } .green_color:hover{ color: $free-button-color !important; font-weight: 500; } .load{ width: 100%; height: 100%; position: fixed; z-index: 999; background: rgba(51, 51, 51, 0.166); span{ position: fixed; left: 50%; top: 50%; font-size: 66px; color: $free-button-color !important; } } body, .wrapper > section { background-color: $content-bg; src/app/shared/styles/themes/theme-h.scss
@@ -10,6 +10,11 @@ // LAYOUT $free-button-color: #f05050; $pagination-color: #f05050; $sweet-color: #c13333; $but-block-color: #932727; $content-bg: #f5f7fa; $aside-bg: $gray-dark; // NAVBAR TOP @@ -53,6 +58,159 @@ Component: layout ========================================================================== */ .modal-header{ position: relative; width: 100.1%; background-color: $free-button-color !important; padding: 3px; button{ font-size: 40px; color: #333 !important; margin-right: 10px; margin-top: 3px !important; transition: 0.7s; // transiton:all 1s !important; // &:hover{ // transform: rotate(180deg) !important; // } } } .but_free{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 38px; // padding-left: 12px; // padding-right: 12px; line-height: 38px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .but_hover:hover{ background: $free-button-color; color:#fff !important; } .but_block{ background: $free-button-color; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 18px; padding-right: 18px; line-height: 35px; color:#ffffff; transition: 0.2s; white-space: nowrap; } .but_strip_hover:hover{ background: #ffffff; color: $free-button-color; } .but_block_hover:hover{ background: $but-block-color; border: 1px solid $but-block-color; } .mol_but{ background: #fff; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 15px; padding-right: 15px; line-height: 35px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .mol_but_sm{ background: #fff; border: 1px solid $free-button-color !important; border-radius: 3px; height: 32px; padding-left: 8px; padding-right: 8px; line-height: 30px; color:$free-button-color !important; transition: 0.2s; } .but_red_hover:hover{ background: #ee574d; color:#fff; } .fa-size{ padding-top: 10px; color: $free-button-color; } .pagin-style{ color: $free-button-color !important; } .pagination a{ transition: 0.3s; width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 18px !important; background: none !important; margin-right: 10px !important; padding: 0 !important; line-height: 27px !important; border: 1px solid $free-button-color !important; } .pagination > .active > a{ font-size: 14px !important; color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .active > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .pagination-page > a{ font-size: 14px !important; } .pagination > .pagination-page > a:hover{ color: #fff !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .sweet-alert button{ background: $free-button-color !important; border: 1px solid $free-button-color !important; border-radius: 3px !important; color:#ffffff !important; transition: 0.2s !important; } .sweet-alert button:hover{ background: $sweet-color !important; color:#ffffff !important; border: 1px solid $sweet-color !important; } .green_color{ color: $free-button-color !important; font-weight: 500; } .green_color:hover{ color: $free-button-color !important; font-weight: 500; } .load{ width: 100%; height: 100%; position: fixed; z-index: 999; background: rgba(51, 51, 51, 0.166); span{ position: fixed; left: 50%; top: 50%; font-size: 66px; color: $free-button-color !important; } } body, .wrapper > section { background-color: $content-bg; src/styles.scss
@@ -18,23 +18,6 @@ //==input type="file" @import "./app/shared/styles/app/file-upload.scss"; .modal-header{ position: relative; width: 100.1%; background-color: $free-button-color !important; padding: 3px; button{ font-size: 40px; color: #333 !important; margin-right: 10px; margin-top: 3px !important; transition: 0.7s; // transiton:all 1s !important; // &:hover{ // transform: rotate(180deg) !important; // } } } .modal-content{ border-radius: 0 !important; } @@ -260,14 +243,14 @@ margin-right:0px; } .topnavbar .nav-wrapper{ background-color: #1b728e !important; // background-color: #1b728e !important; background-image: none !important; } .sidebar{ background-color: #1c5061 !important; // background-color: #1c5061 !important; } .sidebar .nav > li.active, .sidebar .nav > li.active > a, .sidebar .nav > li.active .nav, .sidebar .nav > li.open, .sidebar .nav > li.open > a, .sidebar .nav > li.open .nav{ background-color: #1c5061 !important; // background-color: #1c5061 !important; // color: white !important; } .sidebar .nav > li > a, .sidebar .nav > li > .nav-item{ @@ -280,7 +263,7 @@ padding: 10px 20px; padding-left: 53px; font-weight: normal; background-color: #1c5061 !important; // background-color: #1c5061 !important; } .btn-danger:hover{ background-color: #ee3d3d !important; @@ -369,139 +352,4 @@ } .fa-size{ font-size: 18px; } .but_free{ background: white; border: 1px solid $free-button-color; border-radius: 3px; height: 38px; // padding-left: 12px; // padding-right: 12px; line-height: 38px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .but_block{ background: $free-button-color; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 18px; padding-right: 18px; line-height: 35px; color:#ffffff; transition: 0.2s; white-space: nowrap; } .but_strip_hover:hover{ background: #ffffff; color: $free-button-color; } .but_block_hover:hover{ background: $but-block-color; border: 1px solid $but-block-color; } .mol_but{ background: white; border: 1px solid $free-button-color; border-radius: 3px; height: 35px; padding-left: 15px; padding-right: 15px; line-height: 35px; color:$free-button-color; transition: 0.2s; white-space: nowrap; } .mol_but_sm{ background: white; border: 1px solid $free-button-color !important; border-radius: 3px; height: 32px; padding-left: 8px; padding-right: 8px; line-height: 30px; color:$free-button-color !important; transition: 0.2s; } .but_hover:hover{ background: $free-button-color; color:white !important; } .but_red_hover:hover{ background: #ee574d; color:white; } .fa-size{ padding-top: 10px; color: $free-button-color; } .pagin-style{ color: $free-button-color !important; } .pagination a{ transition: 0.3s; width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 18px !important; background: none !important; margin-right: 10px !important; padding: 0 !important; line-height: 27px !important; border: 1px solid $free-button-color !important; } .pagination > .active > a{ font-size: 14px !important; color: white !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .active > a:hover{ color: white !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .pagination > .pagination-page > a{ font-size: 14px !important; } .pagination > .pagination-page > a:hover{ color: white !important; background: $free-button-color !important; border: 1px solid $free-button-color !important; } .sweet-alert button{ background: $free-button-color !important; border: 1px solid $free-button-color !important; border-radius: 3px !important; color:#ffffff !important; transition: 0.2s !important; } .sweet-alert button:hover{ background: $sweet-color !important; color:#ffffff !important; border: 1px solid $sweet-color !important; } .green_color{ color: $free-button-color !important; font-weight: 500; } .green_color:hover{ color: $free-button-color !important; font-weight: 500; } .load{ width: 100%; height: 100%; position: fixed; z-index: 999; background: rgba(51, 51, 51, 0.166); span{ position: fixed; left: 50%; top: 50%; font-size: 66px; color: $free-button-color; } }
