mirror of
https://github.com/t404owo/t404null.git
synced 2025-12-12 18:08:47 +00:00
test#3 reedited color
This commit is contained in:
@@ -587,6 +587,86 @@ nav {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.contact-email {
|
||||||
|
|
||||||
|
.inputbox {
|
||||||
|
outline: none;
|
||||||
|
height: 3rem;
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
background: #EFEFEF;
|
||||||
|
color: black;
|
||||||
|
border: 0px solid #505050;
|
||||||
|
border-radius: 5px;
|
||||||
|
transition: 0.3s;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
:not(textarea) {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inputbox:hover {
|
||||||
|
background: #DEDEDE;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inputbox:focus {
|
||||||
|
background: #CECECE;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
width: 100%;
|
||||||
|
height: 3rem;
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formbutton {
|
||||||
|
background: #272727;
|
||||||
|
color: #fff;
|
||||||
|
border: 0px;
|
||||||
|
transition-duration: 300ms;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formbutton:hover {
|
||||||
|
background: #727272;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form {
|
||||||
|
border-radius: 5px;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: auto;
|
||||||
|
padding: 4rem 2.5rem;
|
||||||
|
width: 65%;
|
||||||
|
background: #FDFDFD;
|
||||||
|
box-shadow: rgba(50, 50, 50, 0.1) 0px 4px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error_box {
|
||||||
|
background: #FFEEEE;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
margin: auto;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
padding: 1rem 1rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea,
|
||||||
|
textfield {
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
resize: vertical;
|
||||||
|
min-height: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
.topic {
|
.topic {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
font-size: 3rem;
|
font-size: 3rem;
|
||||||
@@ -707,84 +787,6 @@ nav {
|
|||||||
height: 2rem;
|
height: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.contact-email {
|
|
||||||
|
|
||||||
.inputbox {
|
|
||||||
outline: none;
|
|
||||||
height: 3rem;
|
|
||||||
width: 100%;
|
|
||||||
display: block;
|
|
||||||
background: #EFEFEF;
|
|
||||||
color: black;
|
|
||||||
border: 0px solid #505050;
|
|
||||||
border-radius: 5px;
|
|
||||||
transition: 0.3s;
|
|
||||||
margin-top: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
:not(textarea) {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inputbox:hover {
|
|
||||||
background: #DEDEDE;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inputbox:focus {
|
|
||||||
background: #CECECE;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
width: 100%;
|
|
||||||
height: 3rem;
|
|
||||||
border-radius: 5px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.formbutton {
|
|
||||||
background: #272727;
|
|
||||||
color: #fff;
|
|
||||||
border: 0px;
|
|
||||||
transition-duration: 300ms;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.formbutton:hover {
|
|
||||||
background: #727272;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form {
|
|
||||||
border-radius: 5px;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
margin: auto;
|
|
||||||
padding: 4rem 2.5rem;
|
|
||||||
width: 65%;
|
|
||||||
background: #FDFDFD;
|
|
||||||
box-shadow: rgba(50, 50, 50, 0.1) 0px 4px 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.error_box {
|
|
||||||
background: #FFEEEE;
|
|
||||||
border-radius: 5px;
|
|
||||||
|
|
||||||
margin: auto;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
text-align: center;
|
|
||||||
padding: 1rem 1rem;
|
|
||||||
margin-bottom: 1.5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea,
|
|
||||||
textfield {
|
|
||||||
padding: 5px;
|
|
||||||
font-size: 0.95rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media screen and (width >=1180px) and (width<=1690px) {
|
@media screen and (width >=1180px) and (width<=1690px) {
|
||||||
/*if(width<1620px&&width>=1125px)*/
|
/*if(width<1620px&&width>=1125px)*/
|
||||||
|
|
||||||
|
|||||||
@@ -40,7 +40,7 @@ form.addEventListener("submit", async (e) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
statusMessage.textContent = "Message sent successfully!";
|
statusMessage.textContent = "Message sent successfully!";
|
||||||
statusMessage.style = "background: #FFDCDC";
|
statusMessage.style = "background: #DDF6D2";
|
||||||
form.reset();
|
form.reset();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("Error sending message:", error);
|
console.error("Error sending message:", error);
|
||||||
|
|||||||
Reference in New Issue
Block a user