daniel/aircv
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update colors

Browse Source
This commit is contained in:
Daniel Tam
2022-04-24 03:13:01 -05:00
parent d7dfed35ee
commit 380ea85239
2 changed files with 89 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
css/layout.css
View File

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

2
index.html
View File

@@ -29,7 +29,7 @@
<link href="css/animate.css" rel="stylesheet"> <link href="css/animate.css" rel="stylesheet">
<!-- THEME STYLES --> <!-- THEME STYLES -->
<link href="css/layout.min.css" rel="stylesheet" type="text/css"/> <link href="css/layout.css" rel="stylesheet" type="text/css"/>
<!-- Favicon --> <!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>