uwuzu v1.4.0 Funium

css/color.css

@@ -0,0 +1,29 @@
+:root {
+    /*Maincolor*/
+    --main-color: #FFC832;
+    --sub-color: #FFFAE6;
+    --background-color: #F5F5F5;
+    --tl-color: #F7F7F7;
+    --ueuse-color:#f5f5f5;
+    --text-color: #252525;
+    --subtext-color: #999;
+    --link-color: #4e4428;
+    --border-color: #EEE;
+    /*Infocolor*/
+    --error: #FF4848;
+    --danger: #ff6a00;
+    --warn: #ffc400;
+    --good: #99cc00;
+    --success: #00cc4e;
+    /*Darkmode*/
+    --dark-sub-color: #181616;
+    --dark-background-color: #0c0c0c;
+    --dark-subtext-color: #CCC;
+    --dark-text-color: #FFF;
+    /*HeadingFonts*/
+    --Head-fonts: "Zen Maru Gothic";
+    /*TextFonts*/
+    --Text-fonts: "BIZ UDPGothic";
+    /*MonospacedFonts*/
+    --Mono-fonts: "BIZ UDGothic";
+}

css/font.css

@@ -0,0 +1,17 @@
+/*GoogleFontsから使用*/
+@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&family=BIZ+UDPGothic:wght@400;700&family=Zen+Maru+Gothic:wght@500&display=swap')
+
+/*
+ローカルから独自フォントを読み込む際はこれを使用
+color.cssの方のフォント変数にも同じ名前を書いて～
+@font-face {
+    font-family: 'HeadingFont';
+	src: url(/Fonts/HeadingFont.woff);
+
+    font-family: 'TextFont';
+	src: url(/Fonts/TextFont.woff);
+
+    font-family: 'MonospacedFont';
+	src: url(/Fonts/MOnospacedtFont.woff);
+}
+*/

css/unsupported.css

@@ -0,0 +1,121 @@
+
+@import url("color.css");
+body{
+    max-width: 640px;
+    height: auto;
+    margin:0px;
+    margin-top: 128px;
+    margin-left: auto;
+    margin-right: auto;
+    background-color:#f5f5f5;
+    display: block;
+}
+main{
+    max-width: 640px;
+    margin-left: auto;
+    margin-right: auto;
+}
+main .server_icon_zone{
+    margin:12px;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
+main .server_icon_zone img{
+    width: 64px;
+    height: 64px;
+    object-fit: cover;
+    border-radius: 12px;
+}
+h1{
+    margin-top: 0px;
+    margin-bottom: 0px;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+    color:#252525;
+    font-size: 32px;
+    font-family: 'BIZ UDGothic', 'Yu Mincho Regular', 'ヒラギノ角ゴシック', sans-serif;
+    font-weight: bold;
+}
+h3{
+    line-height: 28px;
+    margin-top: 6px;
+    margin-bottom: 6px;
+    margin-left: 0px;
+    margin-right: auto;
+    text-align: left;
+    color:#252525;
+    font-size: 20px;
+    font-family: 'BIZ UDGothic', 'Yu Mincho Regular', 'ヒラギノ角ゴシック', sans-serif;
+    font-weight: bold;
+}
+p{
+    line-height: 20px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    text-align: left;
+    color:#252525;
+    font-size: 16px;
+    font-family: 'BIZ UDGothic', 'Yu Mincho Regular', 'ヒラギノ角ゴシック', sans-serif;
+    font-weight: normal;
+}
+.maintext{
+    margin-top: 16px;
+    margin-bottom: 16px;
+    
+}
+.infobtn{
+    display: block;
+    width: 128px;
+    padding: 6px;
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+    background-color:#FFC832;
+    color:#ffffff;
+    border-radius: 32px;
+    font-size: 20px;
+    font-family: 'BIZ UDGothic', 'Yu Mincho Regular', 'ヒラギノ角ゴシック', sans-serif;
+    font-weight: normal;
+    text-decoration: none;
+}
+.center_text{
+    margin-top: 32px;
+    display: block;
+}
+.center_text p{
+    line-height: 20px;
+    margin-top: 6px;
+    margin-bottom: 6px;
+    text-align: center;
+    color:#252525;
+    font-size: 16px;
+    font-family: 'BIZ UDGothic', 'Yu Mincho Regular', 'ヒラギノ角ゴシック', sans-serif;
+    font-weight: normal;
+}
+.center_text .p2{
+    line-height: 20px;
+    margin-top: 6px;
+    margin-bottom: 6px;
+    text-align: center;
+    color:#777;
+    font-size: 16px;
+    font-family: 'BIZ UDGothic', 'Yu Mincho Regular', 'ヒラギノ角ゴシック', sans-serif;
+    font-weight: normal;
+}
+hr{
+    height: 0;
+    margin-top: 12px;
+    margin-bottom: 12px;
+    padding: 0;
+    border: 0;
+    border-top: 1px solid #252525;
+}
+@media screen and (max-width:640px) {
+    body{
+        margin:24px;
+        margin-top: 32px;
+    }
+}