test #4 design check

This commit is contained in:
t404owo
2025-10-17 01:57:04 +00:00
parent 17c26b0fb0
commit 422b417c29
2 changed files with 84 additions and 72 deletions

View File

@@ -657,6 +657,17 @@ nav {
padding: 1rem 1rem; padding: 1rem 1rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.box {
height:2rem;
width: 100%;
text-align: center;
border-radius: 5px;
margin: auto;
align-items: center;
justify-content: center;
padding: 0.5rem 0.5rem;
}
} }
textarea, textarea,

View File

@@ -576,6 +576,79 @@ nav .dropdown {
background-color: #ddd; background-color: #ddd;
} }
.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;
}
.contact-email :not(textarea) {
text-align: center;
}
.contact-email .inputbox:hover {
background: #dedede;
}
.contact-email .inputbox:focus {
background: #cecece;
}
.contact-email button {
width: 100%;
height: 3rem;
border-radius: 5px;
text-align: center;
}
.contact-email .formbutton {
background: #272727;
color: #fff;
border: 0px;
transition-duration: 300ms;
cursor: pointer;
}
.contact-email .formbutton:hover {
background: #727272;
}
.contact-email .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;
}
.contact-email .error_box {
background: #fee;
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;
}
.topic { .topic {
padding: 1rem; padding: 1rem;
font-size: 3rem; font-size: 3rem;
@@ -696,78 +769,6 @@ nav .dropdown {
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;
}
.contact-email :not(textarea) {
text-align: center;
}
.contact-email .inputbox:hover {
background: #dedede;
}
.contact-email .inputbox:focus {
background: #cecece;
}
.contact-email button {
width: 100%;
height: 3rem;
border-radius: 5px;
text-align: center;
}
.contact-email .formbutton {
background: #272727;
color: #fff;
border: 0px;
transition-duration: 300ms;
cursor: pointer;
}
.contact-email .formbutton:hover {
background: #727272;
}
.contact-email .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;
}
.contact-email .error_box {
background: #fee;
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)*/