From 380ea852397b45345b725a3fa9da6ff0540a5418 Mon Sep 17 00:00:00 2001 From: Daniel Tam Date: Sun, 24 Apr 2022 03:13:01 -0500 Subject: [PATCH] update colors --- css/layout.css | 176 ++++++++++++++++++++++++------------------------- index.html | 2 +- 2 files changed, 89 insertions(+), 89 deletions(-) diff --git a/css/layout.css b/css/layout.css index 70cc670..02370b3 100755 --- a/css/layout.css +++ b/css/layout.css @@ -1,26 +1,26 @@ -/*---------------------------------------------------------------------- - - MASTER STYLESHEET - - Project: Metronic "Acidus" Frontend Freebie - Responsive HTML Template Based On Twitter Bootstrap 3.3.4 - Version: 1.0 - Author: KeenThemes - Primary use: Corporate, Business Themes. - Email: support@keenthemes.com - Follow: http://www.twitter.com/keenthemes - Like: http://www.facebook.com/keenthemes - Website: http://www.keenthemes.com - Premium: Premium Metronic Admin Theme: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes - +/*---------------------------------------------------------------------- + + MASTER STYLESHEET + + Project: Metronic "Acidus" Frontend Freebie - Responsive HTML Template Based On Twitter Bootstrap 3.3.4 + Version: 1.0 + Author: KeenThemes + Primary use: Corporate, Business Themes. + Email: support@keenthemes.com + Follow: http://www.twitter.com/keenthemes + Like: http://www.facebook.com/keenthemes + Website: http://www.keenthemes.com + Premium: Premium Metronic Admin Theme: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes + -----------------------------------------------------------------------*/ /* eg: @include user-select(none); */ /* eg: @include rotate(45deg); */ /* eg: @include translate3d(0,0,0); */ /* eg: @include border-radius(3px); */ /* eg: @include visibility-backface(hidden); */ -/*------------------------------------------------------------------ - [The "base.scss" contains basic default element styles - (colors, typography, margins & padding).] +/*------------------------------------------------------------------ + [The "base.scss" contains basic default element styles + (colors, typography, margins & padding).] ------------------------------------------------------------------*/ html { overflow-x: hidden; @@ -79,7 +79,7 @@ a:focus, a:hover, a:active { right: -15px; width: 9px; height: 2px; - background: #17bed2; + background: #f78166; content: " "; } @@ -129,19 +129,19 @@ h4 { ::selection { color: #fff; - background: #17bed2; + background: #f78166; text-shadow: none; } ::-webkit-selection { color: #fff; - background: #17bed2; + background: #f78166; text-shadow: none; } ::-moz-selection { color: #fff; - background: #17bed2; + background: #f78166; text-shadow: none; } @@ -167,8 +167,8 @@ h4 { text-decoration: none; } -/*------------------------------------------------------------------ - [Button] +/*------------------------------------------------------------------ + [Button] ------------------------------------------------------------------*/ .btn-theme { position: relative; @@ -230,7 +230,7 @@ fieldset[disabled] .btn-theme { .btn-white-bg:hover, .btn-white-bg:focus, .btn-white-bg.focus { color: #fff; - background: #17bed2; + background: #f78166; border-color: transparent; } @@ -256,7 +256,7 @@ fieldset[disabled] .btn-theme { .btn-default-bg:hover, .btn-default-bg:focus, .btn-default-bg.focus { color: #fff; - background: #17bed2; + background: #f78166; border-color: transparent; } @@ -272,8 +272,8 @@ fieldset[disabled] .btn-theme { padding: 20px 30px; } -/*------------------------------------------------------------------ - [Progress Bar] +/*------------------------------------------------------------------ + [Progress Bar] ------------------------------------------------------------------*/ .progress-box .progress { box-shadow: none; @@ -286,8 +286,8 @@ fieldset[disabled] .btn-theme { transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } -/*------------------------------------------------------------------ - [Social Icons] +/*------------------------------------------------------------------ + [Social Icons] ------------------------------------------------------------------*/ .social-icons { display: inline-block; @@ -312,8 +312,8 @@ fieldset[disabled] .btn-theme { transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } -/*------------------------------------------------------------------ - [Promo Block] +/*------------------------------------------------------------------ + [Promo Block] ------------------------------------------------------------------*/ .promo-block { padding: 220px 0 130px; @@ -342,8 +342,8 @@ fieldset[disabled] .btn-theme { margin-bottom: 35px; } -/*------------------------------------------------------------------ - [Service] +/*------------------------------------------------------------------ + [Service] ------------------------------------------------------------------*/ .service { background: #fff; @@ -386,8 +386,8 @@ fieldset[disabled] .btn-theme { transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } -/*------------------------------------------------------------------ - [Work] +/*------------------------------------------------------------------ + [Work] ------------------------------------------------------------------*/ /* Overlay */ .work { @@ -510,16 +510,16 @@ fieldset[disabled] .btn-theme { font-size: 13px; } -/*------------------------------------------------------------------ - [Footer] +/*------------------------------------------------------------------ + [Footer] ------------------------------------------------------------------*/ .footer .footer-logo { width: 64px; height: auto; } -/*------------------------------------------------------------------ - [Header] +/*------------------------------------------------------------------ + [Header] ------------------------------------------------------------------*/ /* Fixed Top */ .navbar-fixed-top .navbar-collapse { @@ -587,7 +587,7 @@ fieldset[disabled] .btn-theme { } .header .navbar-toggle:hover .toggle-icon { - background: #17bed2; + background: #f78166; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); @@ -596,7 +596,7 @@ fieldset[disabled] .btn-theme { .header .navbar-toggle:hover .toggle-icon:before, .header .navbar-toggle:hover .toggle-icon:after { width: 21px; height: 1px; - background: #17bed2; + background: #f78166; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); @@ -626,7 +626,7 @@ fieldset[disabled] .btn-theme { .header .logo-img { display: inline-block; - width: 64px; + width: 127px; height: auto; max-width: 100%; max-height: 100%; @@ -707,7 +707,7 @@ fieldset[disabled] .btn-theme { left: 0; width: 9px; height: 2px; - background: #17bed2; + background: #f78166; opacity: 0; content: " "; transition-duration: 400ms; @@ -717,7 +717,7 @@ fieldset[disabled] .btn-theme { /* Media Queries below 991px */ @media (max-width: 991px) { - /* Bootstrap collapse of navigation with a maximum width: 991px + /* Bootstrap collapse of navigation with a maximum width: 991px (Change it to any breakpoint you want to be collapsed) */ .header { background: #fff; @@ -830,8 +830,8 @@ fieldset[disabled] .btn-theme { } } -/*-------------------------------------------------- - [Back To Top Theme Button] +/*-------------------------------------------------- + [Back To Top Theme Button] ----------------------------------------------------*/ .back-to-top { position: fixed; @@ -903,8 +903,8 @@ fieldset[disabled] .btn-theme { transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } -/*------------------------------------------------------------------ - [Form Control] +/*------------------------------------------------------------------ + [Form Control] ------------------------------------------------------------------*/ .form-control { height: 50px; @@ -947,11 +947,11 @@ fieldset[disabled] .btn-theme { color: #515769; } -/*------------------------------------------------------------------ - [Text Colors] +/*------------------------------------------------------------------ + [Text Colors] ------------------------------------------------------------------*/ .color-base { - color: #17bed2 !important; + color: #f78166 !important; } .color-white { @@ -978,11 +978,11 @@ fieldset[disabled] .btn-theme { color: #fafafa !important; } -/*------------------------------------------------------------------ - [Background Colors] +/*------------------------------------------------------------------ + [Background Colors] ------------------------------------------------------------------*/ .bg-color-base { - background: #17bed2 !important; + background: #f78166 !important; } .bg-color-white { @@ -1009,8 +1009,8 @@ fieldset[disabled] .btn-theme { background: #fafafa !important; } -/*------------------------------------------------------------------ - [Row] +/*------------------------------------------------------------------ + [Row] ------------------------------------------------------------------*/ .row-space-2 { margin-right: -2px; @@ -1022,8 +1022,8 @@ fieldset[disabled] .btn-theme { padding-right: 2px; } -/*-------------------------------------------------- - [Container Full Width] +/*-------------------------------------------------- + [Container Full Width] ----------------------------------------------------*/ .container-full-width { margin-right: auto; @@ -1039,8 +1039,8 @@ fieldset[disabled] .btn-theme { clear: both; } -/*-------------------------------------------------- - [Container Small] +/*-------------------------------------------------- + [Container Small] ----------------------------------------------------*/ .container-sm { padding-right: 15px; @@ -1072,8 +1072,8 @@ fieldset[disabled] .btn-theme { } } -/*------------------------------------------------------------------ - [Content] +/*------------------------------------------------------------------ + [Content] ------------------------------------------------------------------*/ .content { padding-top: 40px; @@ -1095,16 +1095,16 @@ fieldset[disabled] .btn-theme { padding-bottom: 100px; } -/*------------------------------------------------------------------ - [Full Width] +/*------------------------------------------------------------------ + [Full Width] ------------------------------------------------------------------*/ .full-width { width: 100%; height: auto; } -/*-------------------------------------------------- - [Font Weight] +/*-------------------------------------------------- + [Font Weight] ----------------------------------------------------*/ .fweight-300 { font-weight: 300 !important; @@ -1126,8 +1126,8 @@ fieldset[disabled] .btn-theme { font-weight: 700 !important; } -/*------------------------------------------------------------------ - [Left margin] +/*------------------------------------------------------------------ + [Left margin] ------------------------------------------------------------------*/ .margin-l-0 { margin-left: 0 !important; @@ -1145,8 +1145,8 @@ fieldset[disabled] .btn-theme { margin-left: 20px !important; } -/*------------------------------------------------------------------ - [Right margin] +/*------------------------------------------------------------------ + [Right margin] ------------------------------------------------------------------*/ .margin-r-0 { margin-right: 0 !important; @@ -1164,8 +1164,8 @@ fieldset[disabled] .btn-theme { margin-right: 20px !important; } -/*------------------------------------------------------------------ - [Top margin] +/*------------------------------------------------------------------ + [Top margin] ------------------------------------------------------------------*/ .margin-t-0 { margin-top: 0 !important; @@ -1199,8 +1199,8 @@ fieldset[disabled] .btn-theme { margin-top: 60px !important; } -/*------------------------------------------------------------------ - [Bottom margin] +/*------------------------------------------------------------------ + [Bottom margin] ------------------------------------------------------------------*/ .margin-b-0 { margin-bottom: 0 !important; @@ -1254,8 +1254,8 @@ fieldset[disabled] .btn-theme { margin-bottom: 100px !important; } -/*------------------------------------------------------------------ - [Top margin below 992px] +/*------------------------------------------------------------------ + [Top margin below 992px] ------------------------------------------------------------------*/ @media (max-width: 992px) { .md-margin-b-0 { @@ -1299,8 +1299,8 @@ fieldset[disabled] .btn-theme { } } -/*------------------------------------------------------------------ - [Top margin below 768px] +/*------------------------------------------------------------------ + [Top margin below 768px] ------------------------------------------------------------------*/ @media (max-width: 768px) { .sm-margin-b-0 { @@ -1344,8 +1344,8 @@ fieldset[disabled] .btn-theme { } } -/*------------------------------------------------------------------ - [Top margin below 480px] +/*------------------------------------------------------------------ + [Top margin below 480px] ------------------------------------------------------------------*/ @media (max-width: 480px) { .xs-margin-b-0 { @@ -1389,8 +1389,8 @@ fieldset[disabled] .btn-theme { } } -/*-------------------------------------------------- - [Height] +/*-------------------------------------------------- + [Height] ----------------------------------------------------*/ .height-100 { height: 100px !important; @@ -1412,8 +1412,8 @@ fieldset[disabled] .btn-theme { height: 500px !important; } -/*------------------------------------------------------------------ - [Top margin below 992px] +/*------------------------------------------------------------------ + [Top margin below 992px] ------------------------------------------------------------------*/ @media (max-width: 992px) { .md-text-center { @@ -1427,8 +1427,8 @@ fieldset[disabled] .btn-theme { } } -/*------------------------------------------------------------------ - [Top margin below 768px] +/*------------------------------------------------------------------ + [Top margin below 768px] ------------------------------------------------------------------*/ @media (max-width: 768px) { .sm-text-center { @@ -1442,8 +1442,8 @@ fieldset[disabled] .btn-theme { } } -/*------------------------------------------------------------------ - [Top margin below 480px] +/*------------------------------------------------------------------ + [Top margin below 480px] ------------------------------------------------------------------*/ @media (max-width: 480px) { .xs-text-center { diff --git a/index.html b/index.html index 45157b0..14da228 100755 --- a/index.html +++ b/index.html @@ -29,7 +29,7 @@ - +