all repos — retro-website @ 01cd37a6289e6c6786134951c3b0adb291712ea4

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}