-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathstyle-compressed.css
72 lines (72 loc) · 4.94 KB
/
style-compressed.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
@font-face{font-family:"ほのか丸ゴシック";src:url('Resources/font_1_honokamarugo_1.1.ttf');}
@font-face{font-family:"無数のセットプロ";src:url('Resources/myriad-set-pro_text.ttf');}
@font-face{font-family:"タイムマシンわ号";src:url('Resources/timemachine-wa.ttf');}
*{margin:0;padding:0;}
body,html{height:100%;font-family:'無数のセットプロ',Arial, Helvetica, sans-serif;}
header{position:fixed;width:100%;font-family:"ほのか丸ゴシック";color:grey;padding:10px 15px;background-color:white;top:0;z-index:10;box-shadow:0px 10px 10px 0px rgba(0,0,0,0.2);}
header h1{padding:10px 0;font-size:28px;}
header div{padding:20px 0;}
header a{text-decoration:none;color:green;padding:9px 15px;font-size:17px;font-family:'無数のセットプロ';}
header a:hover{background-color:green;color:yellow;}
header a.active{background-color:yellow;color:black;}
#main-picture{background-color:gray;height:100%;width:100%;background-image:url('Resources/osaka-small.jpg');background-size:cover;background-repeat:no-repeat;background-position:0 100px;font-family:'無数のセットプロ';}
#quote{padding-left:5%;max-width:450px;height:100%;background-image:linear-gradient(to right, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%);}
#quote img{width:58%;padding-top:180px;}
#quote h1{padding-top:40px;font-size:36px;color:white;}
#quote #p1{padding:30px 0;font-size:24px;color:white;width:65%;}
#quote h2{font-size:26px;color:white;padding:10px;font-weight:bold;}
#serverip{font-family:'Courier New', Courier, monospace;background-color:rgba(100,207,15,0.9);width:310px !important;}
#quote a{background-color:rgba(114,137,218,0.9);border-radius:10px;position:absolute;bottom:30px;right:20px;width:260px;padding-right:5px;text-align:center;}
#quote a img{padding:0 10px 0 0;vertical-align:middle;width:35px;height:35px;}
#quote #p2{font-size:18px;padding-top:10px;}
#main-picture iframe{position:absolute;right:10px;bottom:20px;}
#AnnounceEvents{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;}
.AE{width:500px;padding:30px;margin:20px 30px;border-radius:10px;}
.AE h1{margin-bottom:10px;}
.announce{background-color:#FF6666;color:white;}
.events{background-color:#FFBBBB;}
#youtube{width:100%;display:flex;flex-direction:column;background-color:rgb(219, 0, 0);font-family:'無数のセットプロ';padding:10px;text-align:center;overflow:hidden;}
#youtube h1{color:white;padding:1vh 5px;}
#youtube #yjjcity{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;background-color:rgb(219, 0, 0);}
#youtube #yjjcity iframe{margin:10px 5px;border-radius:15px;}
#rules{padding-left:30px;padding-top:150px;width:550px;color:white;background-image:linear-gradient(to right, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%);}
#rules ol{padding-left:30px;font-size:24px;}
.desc{font-size:18px;}
.hidden{display:none;}
.tooltip{cursor:pointer;position:relative;display:inline-block;}
.tooltip .tooltiptext{font-family:Arial, Helvetica, sans-serif;font-size:18px;opacity:0;width:180px;background-color:black;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:99;bottom:90%;left:40%;margin-left:-60px;transition:0.3s;}
.tooltip:hover .tooltiptext{opacity:1;bottom:110%;}
@media only screen and (max-width:900px){#discordembed{display:none !important;}
}
@media only screen and (max-width:600px){header{padding:8px 6px;}
header h1{font-size:24px;}
header div{padding:17px 0;}
header a{padding:5px 5px;font-size:18px;}
}
@media only screen and (max-height:660px){#discordembed{display:none !important;}
}
@media only screen and (max-height:700px){.AE{width:100%;}
#quote img{width:25vh;padding-top:160px;}
#quote{max-width:100%;height:100%;background-color:rgba(0,0,0,0.3);background-image:none;}
#quote h1{padding-top:13px;font-size:30px;}
#quote #p1{padding:20px 0;font-size:20px;max-width:400px;}
#serverip{font-size:22px;width:270px;}
#quote #p2{font-size:12px;}
}
@media only screen and (max-height:468px) and (min-width:500px){header{padding:5px 8px;}
#quote #p1{max-width:300px;}
#quote img{padding-top:140px;}
#serverip{border-radius:10px 0 0 10px;position:absolute;right:0;top:140px;}
#quote a{width:230px;bottom:10px;}
#quote a img{width:30px;height:30px;}
#quote a h2{padding:5px 0;font-size:22px;}
}
.fromBtn, .toBtn{background-color:#4CAF50;color:white;padding:16px;font-size:18px;border:none;cursor:pointer;}
.fromBtn:hover, .fromBtn:focus, .toBtn:hover, .toBtn:focus{background-color:#3e8e41;}
#fromInput, #toInput{box-sizing:border-box;background-position:14px 12px;background-repeat:no-repeat;font-size:16px;padding:14px 20px 12px 45px;border:none;border-bottom:1px solid #ddd;}
#fromInput:focus, #toInput:focus{outline:3px solid #ddd;}
.dropdown{position:relative;display:inline-block;}
.dropdown-content{display:none;position:absolute;background-color:#f6f6f6;min-width:230px;border:1px solid #ddd;z-index:1;}
.dropdown-content a{color:black;padding:12px 16px;text-decoration:none;display:block;}
.dropdown-content a:hover{background-color:#f1f1f1}
.show{display:block;}