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 margin-top: -18px;
57}
58
59#menu-div a {
60 color: white;
61 text-decoration: none;
62}
63
64#menu-div h1 {
65 margin-left: 18px;
66}
67
68.menu-item {
69 text-align: center;
70 display: inline-block;
71 width: 118px;
72}
73
74.menu-item img {
75 height: 50px;
76 margin: auto;
77 display: block;
78}
79
80#music-player {
81 position: fixed;
82 left: 5px;
83 height: 66px;
84 image-rendering: pixelated;
85 transition: bottom .4s ease-in-out;
86}
87
88#music-player-base {
89 float: left;
90 width: 114px;
91 height: 66px;
92 background-color: #141414;
93 background-image: url("img/player_pause.png");
94 background-size: contain;
95}
96
97#music-player-song {
98 position: relative;
99 float: right;
100 height: 66px;
101 min-width: 700px;
102 margin-left: 5px;
103 background-color: #141414;
104 background-image: url("img/player_song.png");
105 background-size: 100% 100%;
106 transition: top .4s ease-in-out;
107}
108
109#song-text {
110 position: relative;
111 font-weight: 700;
112 color: black;
113 margin: 10px;
114 top: 30%;
115}
116
117.player-play {
118 background-image: url("img/player_play.png")!important;
119}
120
121#music-player-overlay {
122 width: 100%;
123 height: 100%;
124 background-image: url(img/player_overlay.png);
125 cursor: url("cur/pointer2x.cur"), auto;
126 background-size: contain;
127}