- body {
- font-size: 20px;
- color: white;
- }
- body {
- color: white;
- background-image: url(https://www.kolpaper.com/wp-content/uploads/2021/03/HD-Gorillaz-Wallpaper-2.jpg);
- background-size: cover;
- background-attachment: fixed;
- text-align: center;
- }
- * {
- cursor: url(https://cdn.custom-cursor.com/db/8060/32/musicians-and-singers-gorillaz-2d-and-microphone-cursor.png), auto;
- font-family: Consolas, Monospace, Arial;
- }
- a {
- color: black;
- cursor: url(https://cdn.custom-cursor.com/db/8059/32/musicians-and-singers-gorillaz-2d-and-microphone-pointer.png), auto;
- }
- .topLeft {
- margin-top: 30px;
- background-repeat: no-repeat
- background-color: #C8A2C8;
- border: 2px dashed white;
- box-sizing: border-box;
- background-color: rgb(142, 191, 232,0.7);
- width: 420px;
- }
- .topLeft {
- margin-top: 30px;
- background-repeat: no-repeat
- background-color: #C8A2C8;
- border: 5px solid white;
- box-sizing: border-box;
- background-color: rgb(142, 191, 232,0.7);
- width: 420px;
- }
- .topRight {
- margin-top: 20px;
- background-color: rgb(142, 191, 232,0.7);
- border: 5px solid white;
- margin-bottom: 20px;
- width: 550px;
- }
- .extended {
- border: 1px solid #fff;
- text-align: center;
- margin-bottom: 20px;
- margin-top: 15px;
- border: 5px solid white;
- }
- .player {
- padding: 4px;
- margin-top: 20px;
- margin-bottom: 20px;
- background-color: #ff6f8c;
- width: calc(100% - 10px );
- border: 5px solid white;
- }
- .player::before {
- content: "";
- display: block;
- position: relative;
- width: calc(50% -20px);
- height: 335px;
- max-width: 390px;
- background-position: 0 0;
- background-size: 100% 100%;
- background-image: url(https://64.media.tumblr.com/1a9f2b8541a061f0a592013814e3a5d3/0487cc099877c5a8-cc/s250x400/eb6435b28678f48b2683af548111692e1472e708.gifv);
- object-fit: cover;
- border: 5px solid white;
- }
- div#hSub {
- color: black !important;
- background-color: rgb(111, 224, 255);
- text-align: center;
- font-family: monospace;
- border: 5px solid white;
- }
- div#header {
- background-color: #ff6f8c;
- background-position: 0px -400px;
- text-align: center;
- font-family: monospace;
- background-size: 30%;
- background-repeat: repeat;
- border: 5px solid white;
- }
- span#hUp::before {
- animation: blinkingText 0.2s Infinite;
- content: "It'll be alright in the end. And if it's not alright, it's not the end ";
- color: black;
- font-size: large;
- }
- .avatar {
- border-radius: 50%;
- border: double white 5px;
- }
- .topLeft:after {
- margin: 4px 236px 36px -240px;
- content: " ";
- display: block;
- white-space: pre-wrap;
- padding: 0px 69px 0px 0px;
- height: 1600px;
- width: 652px;
- background-image: url(https://i.pinimg.com/originals/62/7b/a8/627ba8438e5e3b72f521db2853f16d6d.gif), url(https://media4.giphy.com/media/AF8LfUu61hJ2rz7NJ1/giphy.gif);
- background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
- background-size: 385px;
- background-position: 243px 0px, 243px 237px;
- }
- .url {
- background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/8a5a5044-be1e-47b6-b37b-3a489f601373/d52m4kj-0eaec8fd-d0c5-42b5-b894-79a6f276f4d6.png/v1/fill/w_803,h_594,strp/gorillaz_2_d_by_deathlingdog_d52m4kj-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTk0IiwicGF0aCI6IlwvZlwvOGE1YTUwNDQtYmUxZS00N2I2LWIzN2ItM2E0ODlmNjAxMzczXC9kNTJtNGtqLTBlYWVjOGZkLWQwYzUtNDJiNS1iODk0LTc5YTZmMjc2ZjRkNi5wbmciLCJ3aWR0aCI6Ijw9ODAzIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.uNYKJPknNWz3jGWOnDo65Ag-H4H4dfmyyxAeGBHLxE8) no-repeat;
- position: fixed;
- right: 0;
- bottom: 20px;
- color: #ffffff00;
- background-size: 260px;
- height: 200px;
- width: 270px;
- border: none;
- box-shadow: none;
- filter: drop-shadow(8px 9px 15px #00000044);
- z-index: 1000;
- font-size: 0px;
- opacity: 1;
- }
- .fwiendFace img {
- border-radius: 50%;
- background-position: center;
- display: absolute;
- object-fit: cover;
- height: 100px;
- width: 100px;
- }
- .fwiendFace {
- background-image: url();
- border: 1px solid #fff;
- border-radius: 50%;
- font-size: 0;
- height: 100px;
- margin-bottom: 5px;
- margin-right: 5px;
- max-width: 100vw;
- width: 100px;
- }
- .tableRight {
- width: 75%;
- background-color: #ff6f8c;
- padding: 10px;
- vertical-align: top;
- overflow-wrap: anywhere;
- border: 5px solid white;
- }
- .tableLeft {
- background: #ff6f8c;
- width: 25%;
- padding: 10px;
- vertical-align: top;
- overflow: hidden;
- border: 5px solid white;
- }
- .boxHead {
- background: rgb(255, 111, 140,0.7);
- color: white;
- padding: 3px;
- padding-bottom: 4px;
- padding-left: 6px;
- }
- .rightHead {
- background: rgb(255, 111, 140,0.7);
- padding-left: 4px;
- }
- h4 {
- color: black;
- margin-bottom: 0px;
- text-decoration-line: underline;
- }
- * {
- color: white;
- }
- .fwiendCount {
- color: black;
- }