Browse Source

Updated color scheme of portfolio website to a blue.

master
jrtechs 6 years ago
parent
commit
99e0141542
3 changed files with 437 additions and 427 deletions
  1. +389
    -389
      css/bootstrap.css
  2. +46
    -36
      css/freelancer.css
  3. +2
    -2
      index.html

+ 389
- 389
css/bootstrap.css
File diff suppressed because it is too large
View File


+ 46
- 36
css/freelancer.css View File

@ -18,8 +18,10 @@ a.active,
a:active,
a:focus,
a:hover {
color: #18BC9C;
outline: none; }
color: #498FBE;
outline: none;
}
h1,
h2,
@ -55,13 +57,13 @@ hr.star-light {
hr.star-light:after {
color: white;
background-color: #18BC9C; }
background-color: #37ADBE; }
hr.star-primary {
border-color: #3B536B; }
border-color: #2C3E50; }
hr.star-primary:after {
color: #3B536B;
color: #2C3E50;
background-color: white; }
.img-centered {
@ -75,7 +77,7 @@ section {
section.success {
color: white;
background: #18BC9C; }
background: #37ADBE; }
@media (max-width: 767px) {
section {
@ -105,7 +107,7 @@ section.success {
font-weight: 700;
text-transform: uppercase;
border: none;
background: #3B536B; }
background: #2C3E50; }
#mainNav a:focus {
outline: none; }
#mainNav .navbar-brand {
@ -118,7 +120,7 @@ section.success {
#mainNav .navbar-nav li.nav-item a.nav-link {
color: white; }
#mainNav .navbar-nav li.nav-item a.nav-link:hover {
color: #18BC9C;
color: #37ADBE;
outline: none; }
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
color: white; }
@ -130,13 +132,13 @@ section.success {
border-color: white; }
#mainNav .navbar-toggler:focus, #mainNav .navbar-toggler:hover {
color: white;
border-color: #18BC9C;
background-color: #18BC9C; }
border-color: #37ADBE;
background-color: #37ADBE; }
@media (min-width: 992 px) {
@media (min-width: 992px) {
#mainNav {
padding-top: 25px;
padding-bottom: 25px;
padding-top: 30px;
padding-bottom: 30px;
-webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
-moz-transition: padding-top 0.3s, padding-bottom 0.3s;
transition: padding-top 0.3s, padding-bottom 0.3s; }
@ -148,10 +150,10 @@ section.success {
#mainNav .navbar-nav > li.nav-item > a.nav-link.active {
color: white;
border-radius: 3px;
background: #18BC9C; }
background: #37ADBE; }
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
color: white;
background: #18BC9C; }
background: #37ADBE; }
#mainNav.navbar-shrink {
padding-top: 10px;
padding-bottom: 10px; }
@ -163,7 +165,7 @@ header.masthead {
padding-bottom: 50px;
text-align: center;
color: white;
background: #18BC9C; }
background: #37ADBE; }
header.masthead img {
display: block;
margin: 0 auto 20px; }
@ -203,7 +205,7 @@ header.masthead {
-moz-transition: all ease 0.5s;
transition: all ease 0.5s;
opacity: 0;
background: rgba(24, 188, 156, 0.9); }
background: rgba(55, 173, 190, 0.9); }
#portfolio .portfolio-item .portfolio-link .caption:hover {
opacity: 1; }
#portfolio .portfolio-item .portfolio-link .caption .caption-content {
@ -271,7 +273,7 @@ header.masthead {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #3B536B; }
background-color: #2C3E50; }
.portfolio-modal .close-modal .lr .rl {
/* Safari and Chrome */
z-index: 1052;
@ -281,7 +283,7 @@ header.masthead {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
background-color: #3B536B; }
background-color: #2C3E50; }
.portfolio-modal .modal-backdrop {
display: none;
@ -328,23 +330,31 @@ header.masthead {
opacity: 1; }
.floating-label-form-group-with-focus label {
color: #18BC9C; }
color: #37ADBE; }
form .row:first-child .floating-label-form-group {
border-top: 1px solid #eeeeee; }
footer {
color: white; }
color: white;
}
footer a{
color: #00F0E1;
outline: none;
}
footer h3 {
margin-bottom: 30px; }
footer .footer-above {
padding-top: 50px;
background-color: #3B536B; }
background-color: #2C3E50; }
footer .footer-col {
margin-bottom: 50px; }
footer .footer-below {
padding: 25px 0;
background-color: #3B536B; }
background-color: #2C3E50; }
.btn-outline {
font-size: 20px;
@ -354,15 +364,15 @@ footer {
border: solid 2px white;
background: transparent; }
.btn-outline.active, .btn-outline:active, .btn-outline:focus, .btn-outline:hover {
color: #18BC9C;
color: #37ADBE;
border: solid 2px white;
background: white; }
.btn-primary {
font-weight: 700;
color: white;
border-color: #3B536B;
background-color: #3B536B; }
border-color: #2C3E50;
background-color: #2C3E50; }
.btn-primary.focus, .btn-primary:focus {
color: white;
border-color: black;
@ -390,25 +400,25 @@ footer {
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
border-color: #3B536B;
background-color: #3B536B; }
border-color: #2C3E50;
background-color: #2C3E50; }
.btn-primary .badge {
color: #3B536B;
color: #2C3E50;
background-color: white; }
.btn-success {
font-weight: 700;
color: white;
border-color: #18BC9C;
background-color: #18BC9C; }
border-color: #37ADBE;
background-color: #37ADBE; }
.btn-success.focus, .btn-success:focus {
color: white;
border-color: #0a4b3e;
background-color: #128f76; }
.btn-success:hover {
color: white;
border-color: #11866f;
background-color: #128f76; }
border-color: #00F0E1;
background-color: #00F0E1; }
.btn-success.active, .btn-success:active,
.open > .btn-success.dropdown-toggle {
color: white;
@ -428,10 +438,10 @@ footer {
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
border-color: #18BC9C;
background-color: #18BC9C; }
border-color: #37ADBE;
background-color: #37ADBE; }
.btn-success .badge {
color: #18BC9C;
color: #37ADBE;
background-color: white; }
.btn-social {

+ 2
- 2
index.html View File

@ -9,12 +9,12 @@
<title>Jeffery Russell</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic"
rel="stylesheet" type="text/css">
<link href="css/freelancer.min.css" rel="stylesheet">
<link href="css/freelancer.css" rel="stylesheet">
</head>

Loading…
Cancel
Save