Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- background-image: url(https://store.matadorrecords.com/pub/media/catalog/product/cache/efacd7ae70ea5536df7d34da21510682/o/l/ole-1092_csh_twinfantasy.jpg);
- background-size: 20%;
- background-attachment: fixed;
- -webkit-animation: fadeIn ease 5s;
- }
- h2{
- background: transparent;
- color: brown;
- font-size:20px;
- font-weight:700;
- text-shadow:black;
- }
- h4{
- color: brown;
- font-size: 20px;
- }
- .short, .boxInfo.box, .extended.box, .box.fwiends, .box.comments, .box.blurbs{
- border: dotted;
- border-width: 2px;
- border-radius: 8px;
- box-shadow: 0px 1px 10px black;
- text-align: right;
- }
- .rightHead {
- background: transparent;
- color: brown;
- text-align: right;
- border: 1px white;
- border-radius: 4px;
- padding-left: 4px;
- }
- .tableLeft {
- background: #520aff00;
- width: 25%;
- padding: 20px;
- vertical-align: top;
- overflow: hidden;
- }
- .tableRight {
- width: 75%;
- background: #520aff00;
- padding: 5px;
- vertical-align: top;
- overflow-wrap: anywhere;
- text-align: center;
- }
- .short{
- background: url(https://i.imgur.com/k1EoqNj.jpg);
- color: brown;
- font-size:15px;
- font-weight:700;
- text-shadow:black;
- text-align: center;
- }
- .box.fwiends{
- display: none;
- }
- .box.blurbs{
- background: url(https://78.media.tumblr.com/245ad8b02c31d9127d112be5fd46ccc2/tumblr_pd3xviivBx1uvazuno1_1280.png);
- background-size: 100% 100%;
- color: brown;
- font-size:15px;
- font-weight:700;
- text-shadow:black;
- border: dotted;
- border-width: 2px;
- border-radius: 8px;
- box-shadow: 0px 1px 10px black;
- }
- .box.comments{
- background: url(https://wallpapercave.com/wp/wp8453059.jpg);
- background-size: 600px;
- color: #25A77E;
- font-size:15px;
- font-weight:700;
- text-shadow: white;
- border: dotted;
- border-width: 2px;
- border-radius: 8px;
- box-shadow: 0px 1px 10px black;
- }
- .player.box {
- width: 100%;
- display: inline-table;
- margin-bottom: 20px;
- padding-right: 1px;
- padding-left: 2px;
- padding-top: 2px;
- padding-bottom: 2px;
- box-shadow: 1px 0 #404040, 0 1px #404040, 1px 1px #404040, inset 1px 1px #fff;
- background-color: #d4d0c8;
- border-right: 1px solid #808080;
- border-left: 1px solid #d4d0c8;
- border-top: 1px solid #d4d0c8;
- border-bottom: 1px solid #808080;
- }
- .songName::before {
- content: "";
- display: block;
- position: relative;
- margin-left: auto;
- margin-right: auto;
- margin-top: 0px;
- padding-left: 0px;
- padding-right: 0px;
- padding-top: 0px;
- padding-bottom: 0px;
- width: 99%;
- height: 164px;
- background-repeat: no-repeat;
- background-position: center;
- background-color: black;
- background-image: url(https://dch81km8r5tow.cloudfront.net/wp-content/uploads/2020/05/CarSeatHeadrest-3-copy-2-scaled.jpg);
- background-size: cover;
- border-left: 1px solid #ffffff;
- border-top: 1px solid #d4d0c8;
- border-bottom: 1px solid #ffffff;
- border-right: 1px solid #ffffff;
- }
- audio::-webkit-media-controls-mute-button,video::-webkit-media-controls-mute-button {
- background-image: url(https://web.archive.org/web/20200926092940im_/https://i.imgur.com/dRi7c7l.png);
- background-size: 20px;
- }
- audio::-webkit-media-controls-enclosure,video::-webkit-media-controls-enclosure {
- border-radius: 0%;
- box-shadow: 1px 0 #404040, 0 1px #404040, 1px 1px #404040, inset 1px 1px #fff;
- background-color: #d4d0c8;
- border-right: 1px solid #808080;
- border-left: 1px solid #d4d0c8;
- border-top: 1px solid #d4d0c8;
- border-bottom: 1px solid #808080;
- color: #000;
- }
- audio {
- margin-bottom: 5px;
- }
- div.boxHead{
- background: transparent;
- color: brown;
- }
- div.topLeft>div{
- background: translate;
- color: brown;
- font-size:15px;
- font-weight:700;
- text-shadow:black;
- }
- div.box.comments {
- background-color: transparent;
- padding: 3px 3px;
- margin-bottom: 25px;
- }
- #commentInput {
- background-color: transparent;
- }
- #block{
- display: none;
- }
- #report{
- display: none;
- }
- #sMsg, #block, #report, #add, #remove {
- color: brown;
- background-image: url(https://i.pinimg.com/originals/13/5d/e8/135de83e9c53e7a37efe0758b6a88f87.png);
- background-size: 20%;
- }
- div#hSub{
- font-family: "Courier New", monospace;
- color: black;
- font-size:15px;
- font-weight:700;
- }
- body, div#header{
- font-family: "Courier New", monospace;
- }
- .blurbs>.blogs>div:first-child {
- margin-top: -3px;
- margin-left: -3px;
- margin-right: -3px;
- border-top: none;
- position: relative;
- width: 100%;
- top: -16px;
- display: none;
- }
- .blurbs>.blogs>div:not(:first-child):before {
- content: "";
- display: block;
- width: 96px;
- height: 64px;
- background: url(https://giffiles.alphacoders.com/171/171318.gif);
- background-repeat: no-repeat;
- background-position: center;
- background-size: contain;
- }
- .blurbs>.blogs>div:not(:first-child):hover:before{
- content: "";
- display: block;
- width: 96px;
- height: 64px;
- background: url(https://media1.tenor.com/images/8d49ece185789d6adfb92a5ab45a4800/tenor.gif?itemid=18673806);
- background-repeat: no-repeat;
- background-position: center;
- background-size: contain;
- }
- .blurbs>.blogs>div:not(:first-child){
- width: 96px;
- text-align: center;
- margin: 0 20px;
- }
- .blogs {
- display: flex;
- flex-flow: row wrap;
- padding-top: 16px;
- padding-bottom: 16px;
- }
- .logo{
- font-size:0;
- }
- div#header{
- background: rgba(40, 10, 24, 0.5);
- font-family:monospace;
- }
- div#hSub{
- background: rgba(40, 10, 24, 0.5);
- font-family:monospace;
- }
- @keyframes fadeIn {
- 0% {opacity:0;}
- 100% {opacity:1;}
- }
Add Comment
Please, Sign In to add comment