Updated Contact Form
This commit is contained in:
parent
ed2f44f609
commit
66462dffc3
@ -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;
|
||||||
|
@ -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 {
|
||||||
|
@ -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);
|
||||||
|
Loading…
Reference in New Issue
Block a user