Updated Contact Form

This commit is contained in:
James Dinh 2022-07-08 23:14:11 -07:00
parent ed2f44f609
commit 66462dffc3
3 changed files with 16 additions and 13 deletions

View File

@ -290,7 +290,7 @@ nav ul li {
background: black; background: black;
border-radius: 50%; border-radius: 50%;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 1); box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
margin: 10px 4px; margin: 11px 4px;
height: 10px; height: 10px;
width: 10px; width: 10px;
transform: scale(1); transform: scale(1);
@ -350,6 +350,7 @@ nav ul li {
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
align-items: left; align-items: left;
margin-top: 10px;
} }
#header-subtitle-date { #header-subtitle-date {
@ -438,8 +439,8 @@ section {
} }
.input-block { .input-block {
background-color: rgba(255, 255, 255, 0.8); background-color: #202329;
border: solid 1px #003f88; /* border: solid 1px #644710; */
border-radius: 10px; border-radius: 10px;
width: 100%; width: 100%;
height: 60px; height: 60px;
@ -449,8 +450,8 @@ section {
transition: all 0.3s ease-out; transition: all 0.3s ease-out;
} }
.input-block.focus { .input-block.focus {
background-color: rgb(243, 243, 243); background-color: #282c33;
border: solid 1px #00236e; transition: 0.5s;
} }
.input-block.textarea { .input-block.textarea {
height: auto; height: auto;
@ -470,7 +471,7 @@ section {
margin: 0; margin: 0;
font-weight: 300; font-weight: 300;
z-index: 1; z-index: 1;
color: #333; color: rgb(199, 199, 199);
font-size: 18px; font-size: 18px;
line-height: 10px; line-height: 10px;
} }
@ -484,14 +485,17 @@ section {
position: relative; position: relative;
z-index: 2; z-index: 2;
font-size: 18px; font-size: 18px;
color: #333; color: #fff;
}
option {
background-color: #343942;
} }
.input-block .form-control:focus label { .input-block .form-control:focus label {
top: 0; top: 0;
} }
.square-button { .square-button {
background-color: rgba(155, 222, 243, 0.8); background-color: #383e49;
color: #006dac; color: #f3bc6a;
font-size: 26px; font-size: 26px;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;

View File

@ -286,7 +286,7 @@ nav ul li {
background: black; background: black;
border-radius: 50%; border-radius: 50%;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 1); box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
margin: 10px 4px; margin: 11px 4px;
height: 10px; height: 10px;
width: 10px; width: 10px;
transform: scale(1); transform: scale(1);
@ -346,6 +346,7 @@ nav ul li {
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
align-items: left; align-items: left;
margin-top: 10px;
} }
#header-subtitle-date { #header-subtitle-date {

View File

@ -40,23 +40,21 @@
color: #f2f1ef !important; color: #f2f1ef !important;
font-family: "Glacial Indifference"; font-family: "Glacial Indifference";
} }
/* width */ /* width */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 15px; width: 15px;
} }
/* Track */ /* Track */
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
box-shadow: inset 0 0 2px grey; box-shadow: inset 0 0 2px grey;
background-color: rgb(12, 14, 26); background-color: rgb(12, 14, 26);
} }
/* Handle */ /* Handle */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: rgb(38, 45, 75); background: rgb(38, 45, 75);
border-radius: 5px; border-radius: 5px;
} }
/* Handle on hover */ /* Handle on hover */
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background: rgb(31, 36, 61); background: rgb(31, 36, 61);