all repos — retro-website @ 0dc78c932195996389c5df61be9dc69f4b7f0e5e

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}