res/style.css (view raw)
1@font-face {
2 font-family: '04b_03';
3 src: url('ttf/04b03.ttf') format('truetype');
4}
5
6html {
7 font-family: "04b_03";
8 color: white;
9 cursor: url("cur/cursor2x.cur"), auto;
10}
11
12#content-iframe {
13 height: inherit;
14 width: 100%;
15 border: 0px;
16 cursor: url("cur/cursor2x.cur"), auto;
17}
18
19a {
20 cursor: url("cur/pointer2x.cur"), auto;
21}
22
23img {
24 image-rendering: pixelated;
25}
26
27.center {
28 text-align: center;
29}
30
31.hover-tilt {
32 transition: transform .1s ease-in-out;
33 rotate: -1.5deg;
34}
35.hover-tilt:hover {
36 transform: rotate(3deg);
37}
38
39#main-container {
40 /* width: calc(100% / 2); */
41 height: 100%;
42 width: 800px;
43 margin: auto;
44}
45
46.shadow {
47 text-shadow: 1px 1px #000000;
48}
49
50#menu-div {
51 text-align: center;
52 background-image: url("img/orange-banner.jpg");
53 background-size: cover;
54 color: white;
55 padding:15px;
56}
57
58#menu-div a {
59 color: white;
60 text-decoration: none;
61}
62
63#menu-div h1 {
64 margin-left: 18px;
65}
66
67.menu-item {
68 text-align: center;
69 display: inline-block;
70 width: 118px;
71}
72
73.menu-item img {
74 height: 50px;
75 margin: auto;
76 display: block;
77}
78
79#music-player {
80 position: fixed;
81 bottom: 0;
82 left: 5px;
83 height: 66px;
84 image-rendering: pixelated;
85}
86
87#music-player-base {
88 float: left;
89 width: 114px;
90 height: 66px;
91 background-color: #141414;
92 background-image: url("img/player_pause.png");
93 background-size: contain;
94}
95
96#music-player-song {
97 position: relative;
98 float: right;
99 height: 66px;
100 min-width: 700px;
101 margin-left: 5px;
102 background-color: #141414;
103 background-image: url("img/player_song.png");
104 background-size: 100% 100%;
105 transition: top .4s ease-in-out;
106}
107
108#song-text {
109 position: relative;
110 font-weight: 700;
111 color: black;
112 margin: 10px;
113 top: 30%;
114}
115
116.player-play {
117 background-image: url("img/player_play.png")!important;
118}
119
120#music-player-overlay {
121 width: 100%;
122 height: 100%;
123 background-image: url(img/player_overlay.png);
124 cursor: url("cur/pointer2x.cur"), auto;
125 background-size: contain;
126}