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
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 {

2
index.html
View File

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