init
This commit is contained in:
72
css/tools/email-me.css
Normal file
72
css/tools/email-me.css
Normal file
@@ -0,0 +1,72 @@
|
||||
input[type=text],
|
||||
input[type=email],
|
||||
textarea {
|
||||
width: 100%;
|
||||
|
||||
box-sizing: border-box;
|
||||
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
|
||||
font-size: 1em;
|
||||
line-height: 1em;
|
||||
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 1em;
|
||||
margin-left: 0;
|
||||
padding: 0.5em;
|
||||
min-height: 0.75em;
|
||||
|
||||
border: unset;
|
||||
border-radius: 0.2em;
|
||||
|
||||
outline-color: rgb(84 105 212 / 0.5);
|
||||
background-color: rgb(255, 255, 255);
|
||||
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
|
||||
}
|
||||
.email-me label{
|
||||
display: block;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.email-me-form{
|
||||
margin: auto;
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
|
||||
.email-me-container{
|
||||
padding-top: 4em;
|
||||
padding-bottom: 1em;
|
||||
|
||||
background-color: #212121;
|
||||
color: white;
|
||||
|
||||
font-size: 0.95em;
|
||||
}
|
||||
.email-me-container header{
|
||||
font-size: 1.5em;
|
||||
text-align: center;
|
||||
}
|
||||
.email-me hr{
|
||||
border-color: gold;
|
||||
height: 0;
|
||||
}
|
||||
.email-me-form button{
|
||||
font-size: 1em;
|
||||
|
||||
padding: 0.8em;
|
||||
|
||||
border-radius: 0.5em;
|
||||
border-width: 0;
|
||||
background-color: goldenrod;
|
||||
color: black;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 910px){
|
||||
.email-me-form{
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user