all repos — retro-website @ 4baca9b8866351266a55b044e8cca24ba2b0e7cf

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}