1
0
mirror of https://github.com/Daichimarukana/uwuzu.git synced 2026-06-05 03:24:41 +00:00

uwuzu v1.3.6 new_planet

This commit is contained in:
Daichimarukana
2024-04-24 00:17:27 +09:00
parent c59f9a3366
commit 9c39e54191
94 changed files with 7116 additions and 1464 deletions
+78 -74
View File
@@ -1,5 +1,8 @@
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Josefin+Sans:ital,wght@1,700&family=Kosugi+Maru&family=Zen+Maru+Gothic:wght@500&display=swap');
@import url("font.css");
@import url("color.css");
::-webkit-scrollbar {
display: none;
}
body{
display: flex;
@@ -27,7 +30,8 @@ body{
margin-bottom: 0px;
background-color: var(--main-color);
width: 600px;
height: 100%;
min-height: 100dvh;
height: fit-content;
margin-left: 0px;
padding: 32px;
}
@@ -50,7 +54,7 @@ body{
}
.leftbox .logo p{
color:var(--background-color);
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: bold;
font-size: 32px;
margin-left: 8px;
@@ -86,7 +90,7 @@ body{
}
.leftbox2 .logo p{
color:var(--background-color);
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: bold;
font-size: 32px;
margin-left: 8px;
@@ -111,7 +115,7 @@ body{
margin: 0px;
color: var(--main-color);
font-size: 32px;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
margin-bottom: 12px;
}
@@ -121,7 +125,7 @@ body{
color: var(--text-color);
text-align: center;
font-size: 32px;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
}
.textbox h3{
@@ -130,7 +134,7 @@ body{
color: var(--text-color);
text-align: center;
font-size: 18px;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
font-weight: normal;
}
@@ -139,7 +143,7 @@ body{
line-height: 20px;
color: var(--text-color);
font-size: 16px;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: normal;
}
@@ -150,7 +154,7 @@ body{
line-height: 20px;
color: var(--subtext-color);
font-size: 12px;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: normal;
}
@@ -162,7 +166,7 @@ body{
line-height: 20px;
color: var(--subtext-color);
font-size: 12px;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: normal;
}
@@ -173,7 +177,7 @@ body{
line-height: 24px;
color: var(--text-color);
font-size: 22px;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: bold;
}
@@ -183,7 +187,7 @@ body{
color: var(--link-color);
text-decoration: none;
font-size: 16px;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: normal;
}
@@ -212,7 +216,7 @@ body{
word-wrap: break-word;
color: var(--subtext-color);
font-size: 12px;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: normal;
}
@@ -224,7 +228,7 @@ body{
line-height: 24px;
color: var(--text-color);
font-size: 20px;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: bold;
}
@@ -276,7 +280,7 @@ body{
line-height: 24px;
color: var(--text-color);
font-size: 24px;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: bold;
}
.servericon .textzone .p2c{
@@ -287,7 +291,7 @@ body{
line-height: 20px;
color: var(--subtext-color);
font-size: 14px;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: normal;
}
@@ -314,51 +318,44 @@ label > input {
cursor: pointer;
border: none;
display: block;
width:40%;
width: fit-content;
margin: 32px;
padding: 8px 10%;
padding: 8px 20%;
margin-left: auto;
margin-right: auto;
padding-top: 8px;
padding-bottom: 8px;
background-color: var(--main-color);
text-align: center;
border-radius: 50px;
color:var(--background-color);
font-size: 22px;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
font-weight: normal;
text-decoration:none;
text-align: center;
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .15);
transition: box-shadow 250ms ease-in-out;
transition: width 250ms ease-out;
transition: all 250ms ease-in-out;
}
.irobutton:hover{
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .2);
width:45%;
padding: 8px 22%;
}
.irobutton:active{
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .05);
width:35%;
padding: 8px 18%;
}
.sirobutton{
cursor: pointer;
border: none;
display: block;
width:40%;
width: fit-content;
margin: 32px;
padding: 8px 10%;
padding: 8px 20%;
margin-left: auto;
margin-right: auto;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
background-color: var(--sub-color);
@@ -366,20 +363,19 @@ label > input {
border-radius: 50px;
color:var(--main-color);
font-size: 22px;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
font-weight: normal;
text-decoration:none;
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .15);
transition: box-shadow 250ms ease-in-out;
transition: width 250ms ease-out;
transition: all 250ms ease-in-out;
}
.sirobutton:hover{
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .2);
width:45%;
padding: 8px 22%;
}
.sirobutton:active{
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .05);
width:45%;
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .2);
padding: 8px 18%;
}
.formarea{
@@ -410,6 +406,7 @@ label > input {
height:100px;
border-radius: 50%;
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .15);
object-fit: cover;
}
.formarea label{
@@ -417,7 +414,7 @@ label > input {
font-size: 16px;
color:var(--text-color);
text-decoration: none;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: normal;
}
@@ -452,7 +449,7 @@ label > input {
line-height: 20px;
color: var(--subtext-color);
font-size: 12px;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: normal;
}
.ueuse2 a{
@@ -462,19 +459,19 @@ label > input {
font-size: 16px;
color:var(--link-color);
text-decoration: none;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: bold;
}
.inbox {
width: 96%;
width: calc(100% - 24px);
padding: 8px 10px;
border: none;
border-radius: 10px;
background: var(--background-color);
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
color: var(--text-color);
font-size: 1em;
font-size: 16px;
line-height: 1.5;
white-space: nowrap;
box-shadow: 0px 0px 25px rgba(0,0,0,0.03);
@@ -499,6 +496,10 @@ label > input {
border: 1px solid var(--main-color);
border-bottom: 3px solid var(--main-color);
}
textarea {
height: 100px;
resize: vertical;
}
.errmsg{
@@ -514,7 +515,7 @@ label > input {
margin-left: auto;
margin-right: auto;
color:#ff4848;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
word-wrap: break-word;
line-height: 20px;
border: 1px solid #FF4848;
@@ -541,7 +542,7 @@ label > input {
border-radius: 50px;
color:var(--background-color);
font-size: 26px;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
font-weight: normal;
text-decoration:none;
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .15);
@@ -575,7 +576,7 @@ label > input {
border-radius: 50px;
color:var(--main-color);
font-size: 26px;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
font-weight: normal;
text-decoration:none;
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .15);
@@ -612,7 +613,7 @@ label > input {
.rolebox p {
margin: 2px 10px 2px 10px;
font-size: 16px;
font-family: "Zen Maru Gothic", sans-serif;
font-family: var(--Head-fonts), sans-serif;
font-weight: normal;
}
@@ -723,7 +724,7 @@ label > input {
}
.userleftbox h1{
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
margin-left: 20px;
color:var(--background-color);
font-size: 32px;
@@ -741,7 +742,7 @@ label > input {
}
.userleftbox .logo p{
color:var(--background-color);
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: bold;
font-size: 32px;
margin-left: 8px;
@@ -768,7 +769,7 @@ label > input {
border-radius: 50px;
color:var(--sub-color);
font-size: 20px;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
font-weight: normal;
text-decoration:none;
text-align: center;
@@ -801,7 +802,7 @@ main{
main h1{
color:var(--text-color);
font-size: 32px;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
}
@@ -834,7 +835,7 @@ main h1{
color:var(--sub-color);
font-size: 16px;
text-align: center;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
font-weight: normal;
text-decoration:none;
text-align: center;
@@ -961,7 +962,7 @@ p img{
line-height: 14px;
color: var(--subtext-color);
font-size: 14px;
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: normal;
}
.module_chk{
@@ -992,6 +993,14 @@ p img{
backdrop-filter: blur(10px);
}
.formarea{
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
margin-top: 32px;
}
.leftbox{
margin-top: 0px;
margin-bottom: 0px;
@@ -1022,7 +1031,7 @@ p img{
}
.leftbox .logo p{
color:var(--background-color);
font-family: 'BIZ UDPGothic', sans-serif;
font-family: var(--Text-fonts), sans-serif;
font-weight: bold;
font-size: 32px;
margin-left: 8px;
@@ -1050,7 +1059,7 @@ p img{
margin: 0px;
color: var(--main-color);
font-size: 32px;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
}
@@ -1070,27 +1079,22 @@ p img{
}
.irobutton{
width:60%;
padding: 8px 5%;
}
.irobutton:hover{
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .2);
width:65%;
padding: 8px 6%;
}
.irobutton:active{
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .05);
width:55%;
padding: 8px 4%;
}
.sirobutton{
width:60%;
padding: 8px 5%;
}
.sirobutton:hover{
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .2);
width:65%;
padding: 8px 6%;
}
.sirobutton:active{
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .05);
width:55%;
padding: 8px 4%;
}
@@ -1105,16 +1109,16 @@ p img{
cursor: pointer;
border: none;
display: block;
width:50%;
width:100%;
padding: 8px auto;
margin-top: 12px;
margin-left: 12px;
margin-right: 12px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 12px;
padding-bottom: 12px;
padding-top: 6px;
padding-bottom: 6px;
background-color: var(--main-color);
@@ -1123,7 +1127,7 @@ p img{
color:var(--sub-color);
font-size: 16px;
text-align: center;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: var(--Head-fonts), sans-serif;
font-weight: normal;
text-decoration:none;
text-align: center;
@@ -1135,11 +1139,11 @@ p img{
background-color: var(--main-color);
color: var(--sub-color);
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .2);
width:55%;
width: 100%;
}
.fbtn:active{
box-shadow:0 0px 48px 0 rgba(0, 0, 0, .05);
width:45%;
width: 100%;
}
.leftbox2{