all repos — retro-website @ 3d8b921b5ca36158c0bf5a6892b45436073dac59

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    min-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}