res/style.css (view raw)
1html {
2 font-family: "Iosevka Web";
3 color: white;
4 cursor: url("cur/cursor2x.cur"), auto;
5}
6
7#content-iframe {
8 height: inherit;
9 width: 100%;
10 border: 0px;
11 cursor: url("cur/cursor2x.cur"), auto;
12}
13
14a {
15 cursor: url("cur/pointer2x.cur"), 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: -1.5deg;
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.shadow {
42 text-shadow: 1px 1px #000000;
43}
44
45#background-orange {
46 /* background-color: rgb(255, 170, 60); */
47 background-image: url("img/orange-banner.jpg");
48 background-size: cover;
49 color: white;
50 padding-bottom:10px;
51}
52
53#background-orange a {
54 color: white;
55 text-decoration: none;
56}
57
58#background-orange h1 {
59 margin-left: 18px;
60 padding-top: 10px;
61}
62
63.menu-item {
64 text-align: center;
65 display: inline-block;
66 width: 110px;
67}
68
69.menu-item img {
70 height: 50px;
71 margin: auto;
72 display: block;
73}
74
75#music-player {
76 position: fixed;
77 bottom: 0;
78 left: 5px;
79 height: 66px;
80 image-rendering: pixelated;
81}
82
83#music-player-base {
84 float: left;
85 width: 114px;
86 height: 66px;
87 background-color: #141414;
88 background-image: url("img/player_pause.png");
89 background-size: contain;
90}
91
92#music-player-song {
93 position: relative;
94 float: right;
95 height: 66px;
96 width: 700px;
97 margin-left: 5px;
98 background-color: #141414;
99 background-image: url("img/player_song.png");
100 background-size: 100% 100%;
101 transition: top .4s ease-in-out;
102}
103
104#song-text {
105 position: relative;
106 font-weight: 700;
107 color: black;
108 margin: 10px;
109 top: 30%;
110}
111
112.player-play {
113 background-image: url("img/player_play.png")!important;
114}
115
116#music-player-overlay {
117 width: 100%;
118 height: 100%;
119 background-image: url(img/player_overlay.png);
120 cursor: url("cur/pointer2x.cur"), auto;
121 background-size: contain;
122}