butterfly myspace css

#commentInput {
    color: rgba(119, 11, 156, 0.5);
}
.url a {
    display: none;
}
942cb8
770b9c
430a57
@media only screen and (max-width: 768px)
.topLeft,  .topRight {
    width: auto;
    float: none;
}
a {
    color: #000000;
}
::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-thumb {
    background: #000000;
}

::-webkit-scrollbar-track {
    background: rgba(119, 11, 156, 0.5);
}
.player::before {
    content: "";
    white-space: pre-wrap;
    display: block;
    background-position: center center;
    height: 300px;
    background-image: url(https://files.catbox.moe/44guc2.gif),  url(lll);
    background-repeat: no-repeat,  repeat,  repeat,  repeat,  repeat;
}
.songName span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
}
.songName span:hover {
    animation-play-state: paused;
}
@keyframes marquee{
0% {
    transform: translate(0,  0);
}

100% {
    transform: translate(-100%,  0);
}
}
div.songName {
    color: rgba(119, 11, 156, 0.5);
}
.songName img {
    display: none;
}
.player a img,  .player audio::-webkit-media-controls-play-button,  .player audio::-webkit-media-controls-mute-button,  .player audio::-webkit-media-controls-volume-slider,  .player audio::-webkit-media-controls-timeline {
    filter: invert();
    -webkit-filter: invert();
}
.player audio,  .player audio::-webkit-media-controls,  .player audio::-webkit-media-controls-enclosure,  .player audio::-webkit-media-controls-panel {
    background: #000000;
    background: var(--color--bg-box);
    height: 36px;
    filter: none;
}
.fwiendFace,  .tableLeft {
    transition: 0.5s;
}
.songName {
    overflow: hidden;
    background: linear-gradient(#770b9c,  rgba(67, 10, 87, 0.5));
    border-radius: 3px;
    margin-top: 0px;
    font-size: large;
    box-shadow: 0px 4px 6px -5px #333;
    text-shadow: 0px -2px #333;
    color: #770b9c;
    padding: 5px;
}
.songName {
    white-space: nowrap;
}
.songName b {
    display: none;
}
.songTitle:after {
    content: ".mp3";
}
.player {
    background: rgba(148, 44, 184, 0.5);
    border: 3px double rgba(119, 11, 156, 0.5);
    padding: 0;
}
@media only screen and (max-width: 768px)
.topLeft,  .topRight {
    width: auto;
    float: none;
}
#container {
    -webkit-animation: fadein 5s;
}
div#hSub {
    color: #000000;
}
div.boxInfo.box {
    border: 4px double #000000;
    text-align: center;
}
.boxInfo {
    border: 4px double #000000;
    margin-bottom: 20px;
    margin-top: 20px;
}
.blog {
    background-color: rgba(148, 44, 184, 0.5);
    border: 4px double rgba(119, 11, 156, 0.5);
    vertical-align: middle;
}
p {
    color: #000000;
}
div#hSub a {
    letter-spacing: 5px;
    text-align: center;
}
#header a:not(.logo) {
    margin-left: 10px;
    color: #000000;
    font-size: large;
    text-decoration: none;
    font-family: Times New Roman;
}
#imgPreview img {
    width: auto;
    height: auto;
    max-height: calc(100% - 10px );
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 0px solid #000000;
    cursor: zoom-out;
    background: url(lll);
}
#sMsg::after {
    content: "𝖒𝖊𝖘𝖘𝖆𝖌𝖊 𝖒𝖊";
    font-size: 20px;
}
#sMsg {
    font-size: 0px;
    color: #000000;
}
#add::after {
    content: "𝖋𝖗𝖎𝖊𝖓𝖉 𝖒𝖊";
    font-size: 20px;
}
#add {
    font-size: 0px;
    color: #000000;
}
.topRight > .blurbs.box > .blogs > div > b::after {
    font-size: 20px !Important;
    content: "𝖇𝖑𝖔𝖌𝖘";
    animation: test 1s linear infinite;
    text-align: center;
}
.topRight > .blurbs.box > .blogs > div > b {
    font-size: 0px !Important;
}
#viewFriends {
    display: none;
}
.fwiendCounter>b::after {
    content: " 𝖋𝖗𝖎𝖊𝖓𝖉𝖘";
    font-size: 20px;
    color: #000000;
    text-align: center;
}
.fwiendCount {
    color: #000000;
    font-s0px;
}
.fwiendCounter>b {
    font-size: 0px;
    color: #000000;
}
.fwiendCounter>b>.uName {
    font-size: 0px;
    color: #000000;
}
.topRight > .box:not(.blurbs) > .rightHead > b::after {
    content: "𝖒𝖞 𝖔𝖜𝖓 𝖘𝖕𝖆𝖈𝖊";
    font-size: 20px;
    color: #000000;
    text-align: center;
}
.topRight > .box:not(.blurbs) > .rightHead > b > span.uName {
    font-size: -9999px;
}
.topRight > .box:not(.blurbs) > .rightHead > b {
    font-size: 0;
}
.blurbs.box > .rightHead > b > span.uName::after {
    content: "𝕓𝕚𝕠𝕘𝕣𝕒𝕡𝕙𝕪";
    color: #000000;
    font-size: 20px;
    text-align: center;
}
.blurbs.box > .rightHead > b {
    font-size: 0px;
}
.blurbs.box > .rightHead > b > span.uName {
    font-size: 0px;
    color: #000000;
}
#sMsg {
    background-repeat: no-repeat;
    background: url() no-repeat;
}
#add {
    background-repeat: no-repeat;
    background: url() no-repeat;
}
#block {
    display: none;
}
#report {
    display: none;
}
.topRight > .extended.box::after {
    font-size: 20px !important;
    content: "𝖍𝖊𝖑𝖑𝖔";
}
.topRight > .extended.box > h3 {
    font-size: 0;
}
.boxHead {
    display: none;
    text-indent: -9999px;
}
div#hSub a {
    font-family: Times New Roman;
}
.fwiendFace img,  .tableLeft img {
    border: 1px solid #000000;
}
input,  button {
    background: linear-gradient(#000000,  rgba(67, 10, 87, 0.5));
    color: #770b9c;
    border: 1px solid #770b9c;
    font-family: "courier";
}
input,  .fwiendFace b,  .tableLeft b,  .tableLeft img,  #avatar.avatar,  .fwiendFace img,  .logo,  div#hSub a,  button,  #add.boxButton,  #sMsg.boxButton,  #imgPreview img,  #header a:not(.logo),  #imgPreview {
    cursor: url(https://cur.cursors-4u.net/symbols/sym-2/sym142.cur), auto!important;
}
html {
    cursor: url(https://cur.cursors-4u.net/symbols/sym-2/sym142.cur), auto!important;
}
.fwiendFace img,  .tableLeft img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: top;
}
div#online {
content: url(https://ct.pimp-my-profile.com/online/myspacenowonlineicons61.gif);
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
}
body {
    font-family: "Times New Roman";
}
.logo b span {
  display: none;
}
.logo b:before {
    vertical-align: middle;
    font-size: 20px;
    content: "";
}
.logo b:after {
    vertical-align: middle;
    font-size: 20px;
    color: #000000;
    content: "♙ 𝖒𝖞𝖘𝖕𝖆𝖈𝖊.𝖜𝖎𝖓𝖉𝖔𝖜𝖘93.𝖓𝖊𝖙 ♙";
}
img {
    image-rendering: initial;
}
body {
    background-image: url(https://files.catbox.moe/ieott6.gif);
  height: 50%;
  background-position: top;
  background-repeat: repeat-y;
  background-size: 1250px 800px;
}
}
body {
    text-align: center;
}
.tableLeft,  .tableRight {
    background: rgba(119, 11, 156, 0.5);
    width: 25%;
    border-bottom: 2px solid #000000;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
}
.tableRight {
    width: 75%;
    padding: 10px;
    overflow-wrap: anywhere;
}
div {
    color: #000000;
}
.rightHead {
    background: #770b9c;
    color: #000000;
    border: 1px solid #770b9c;
    padding-left: 4px;
}
h4 {
    color: #000000;
    margin-bottom: 0px;
}
.boxButton {
    display: inline-block;
    width: calc( 49% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: large;
    color: rgba(119, 11, 156, 0.5);
    padding-top: 7px;
}
.boxHead {
    background: rgba(119, 11, 156, 0.5);
    color: #000000;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}
.extended {
    background-color: #770b9c;
    border: 1px double #000000;
    margin-bottom: 20px;
    margin-top: 20px;
}
.blurbs,  #box,  #header,  #hSub {
    background: rgba(148, 44, 184, 0.5);
    border: 3px double #000000;
    padding: 0px;
    margin-bottom: 10px;
}
.fwiendCount {
    color: #000000;
}
#commentInput {
    border: 1px solid #000000;
    background: linear-gradient(#000000,  #770b9c);
}
#hSub a {
    color: #000000;
    text-decoration: none;
}
#header,  #hSub {
    background: rgb(67, 10, 87) url(lll) repeat!important;
    border-bottom: 1px solid #000000 !important;
    border-radius: 10px;
}