res/style.css (view raw)
1html {
2 font-family: "Iosevka Web";
3 color: white;
4 cursor: url("cur/cursor2x.png"), auto;
5}
6
7#content-iframe {
8 height: inherit;
9 width: 100%;
10 border: 0px;
11 cursor: url("cur/cursor2x.png"), auto;
12}
13
14a {
15 cursor: url("cur/pointer2x.png"), auto;
16}
17
18img {
19 image-rendering: pixelated;
20}
21
22.center {
23 text-align: center;
24}
25
26.hover-tilt {
27 transition: transform .1s ease-in-out;
28 rotate: -3deg;
29}
30.hover-tilt:hover {
31 transform: rotate(3deg);
32}
33
34#main-container {
35 /* width: calc(100% / 2); */
36 height: 100%;
37 width: 800px;
38 margin: auto;
39}
40
41#background-orange {
42 /* background-color: rgb(255, 170, 60); */
43 background-image: url("img/orange-banner.jpg");
44 background-size: cover;
45 color: white;
46 text-shadow: 1px 1px #000000;
47 padding-bottom:10px;
48}
49
50#background-orange a {
51 color: white;
52 text-decoration: none;
53}
54
55#background-orange h1 {
56 margin-left: 18px;
57 padding-top: 10px;
58}
59
60.menu-item {
61 text-align: center;
62 display: inline-block;
63 width: 110px;
64}
65
66.menu-item img {
67 height: 50px;
68 margin: auto;
69 display: block;
70}
71
72#music-player-base {
73 position: fixed;
74 bottom: 0;
75 left: 5px;
76 width: 114px;
77 height: 66px;
78 background-color: #141414;
79 background-image: url("img/player_pause.png");
80 background-size: contain;
81 image-rendering: pixelated;
82}
83
84#music-player-overlay {
85 width: 100%;
86 height: 100%;
87 background-image: url(img/player_overlay.png);
88 cursor: url("cur/pointer2x.png"), auto;
89 background-size: contain;
90}