Black Aesthetic Myspace CSS Code

via GIPHY



So this was requested from a Tiktok poster (@666em0ch1cks) I hope I got this right! I at first thought of black and white images as being this aesthetic but now honestly I'm not sure. Lmk what you think! For more css code updates check out my tiktok if it's still there tomorrow or my Instagram @kawaiiphotography210. Thanks!



 example {

  7%    {opacity: 0.1;}

  80% {opacity: 1.0;}

  100% {opacity: .1;}

}





/* background */



body {

background-image: url("https://media.giphy.com/media/7LvNO2XoCLOzm/giphy.gif");

background-color: #3e3d53;

background-size:100% 100%;

background-attachment:fixed;

}





/* border colors, font, font colors and details */



.blurbs, #top, #box, .box, #header, #hSub, button {

  background-color: black;

  color: white;

  padding-right: 2px;

  padding-left: 3px;

  padding-top: 3px;

  padding-bottom: 2px;

  box-shadow: 1px 0 #d4d6d6,0 1px #d4d6d6,1px 1px #d4d6d6,inset 1px 1px #d4d6d6,0 0 150px 1px rgba(255,0,255,.5);

  box-shadow: 1px 0 #d4d6d6, 0 1px #d4d6d6, 1px 1px #d4d6d6, inset 1px 1px #d4d6d6;

  background-color: rgba(0,0,0,0.0);

  border-right: 1px solid grey;

  border-bottom: 1px solid grey;

  color: #e0e0e0;

}


.rightHead, .boxHead {

  background: linear-gradient(315deg,#282829 0,#eae8ed 100%);

  color: #282829;

  font-weight: none;

}



/*Friend Face codes*/


.fwiendFace {

  background: url(https://media.giphy.com/media/l378fMl1wE1rDRgl2/giphy.gif) no-repeat;

  height: 125px;

  background-size: 120px;

  background-position: center;

}


.fwiendFace img {

  opacity: 0.1;

}


.url.box {

  animation: bootAndClippy 3s steps(1) none;

  animation-fill-mode: forwards;

}



/* Start http://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/others/oth-7/oth677.cur), auto !important;} /* End http://www.cursors-4u.com */




.logo b span {display: none;}


.logo b:before {content: "GravityBongRipsLLC";font-size:15px; color: white;}



div#header {





background: #D0E4F5 url(https://media.giphy.com/media/LqTWL4igVrGMPIRQmn/giphy.gif

) repeat-x fixed 50% 0%;



background-size: cover;



font-size: 15pt;



font-family: serif;



letter-spacing: 5px;









}


div#hSub {color: white; background-color: #000; background-image:url(https://media.giphy.com/media/d2YWpgE6SLEMN86Q/giphy.gif); font-family: Times New Roman}



.tableLeft {







background: #ffffff00;





background-image:url(https://media.giphy.com/media/l1J9Dd2H58LXjKyOY/giphy.gif);





width: 25%;





padding: 10px;





vertical-align: top;





overflow: hidden;





border: 3px solid black;}











.tableRight {





width: 75%;





background: #ffffff00;





background-image:url(https://media.giphy.com/media/xT9IglZl57aP0yZe7u/giphy.gif);





padding: 10px;





vertical-align: top;





overflow-wrap: anywhere;

}





























/* 

    CSS caption changer

    feel free to reuse this.

    made with love by utf-16

*/


:root {

    --_font-size: 15px;

    /* blurbs */

    --blurbs: "\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'s interesting stuff";

    --blurbs-about: "info man:";

    --blurbs-meet: "message for my fwiends:";

    

    /* friend space */

    --friends: "\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'s Fwiends man";

    --friends-counter-prefix: "";

    --friends-counter-suffix: " people to smoke with.";

    --friends-counter-name-prefix: "";

    --friends-counter-name-suffix: " definitely has ";

    --friend-count-prefix: "like ";

    --friend-count-suffix: "";

    

    /* contact box */

    --contact-prefix: "";

    --contact-suffix: "s contact box";

    --contact-block: "never see me again man";

    --contact-report: "please dont report me man";

    --contact-send-message: "hit me up man";

    --contact-add-friend: "take a toke man";

    

    /* myspace url */

    --myspace-url: "My URL:";

    

    /* song */

    --song-prefix: "songs that i change often";

    --song-suffix: "";

    

    /* comment box */

    --comment: "Leave a comment hunny!!";

    /* note: because of css limitations, you cannot change the text of the "Send" button */

    

    /* comment list */

    --wall-username-prefix: "";

    --wall-username-suffix: "";

}


.blurbs.box>.rightHead>b { font-size: 0 }

.blurbs.box>.rightHead>b>.uName { font-size: var(--_font-size); }

.blurbs.box>.rightHead>b::after { content: var(--blurbs); font-size: var(--_font-size); }


.blurbs.box > h4:nth-child(2) { font-size: 0 }

.blurbs.box > h4:nth-child(2)::before { content: var(--blurbs-about); font-size: var(--_font-size); margin-top: 19.95px; display: block; }


.blurbs.box > h4:nth-child(4) { font-size: 0 }

.blurbs.box > h4:nth-child(4)::before { content: var(--blurbs-meet); font-size: var(--_font-size); margin-top: 19.95px; display: block; }


#container > .topRight > .box:nth-child(3) > .rightHead > b { font-size: 0 }

#container > .topRight > .box:nth-child(3) > .rightHead > b > .uName { font-size: var(--_font-size) }

#container > .topRight > .box:nth-child(3) > .rightHead > b::after { content: var(--friends); font-size: var(--_font-size); }


.fwiendCounter > b { font-size: 0 }

.fwiendCounter > b::before,

.fwiendCounter > b::after,

.fwiendCounter > b > .uName,

.fwiendCounter > b > .fwiendCount { font-size: var(--_font-size); }

.fwiendCounter > b::before { content: var(--friends-counter-prefix) }

.fwiendCounter > b::after { content: var(--friends-counter-suffix) }

.fwiendCounter > b > .uName::before { content: var(--friends-counter-name-prefix) }

.fwiendCounter > b > .uName::after { content: var(--friends-counter-name-suffix) }

.fwiendCounter > b > .fwiendCount::before { content: var(--friend-count-prefix) }

.fwiendCounter > b > .fwiendCount::after { content: var(--friend-count-suffix) }


.boxInfo > .boxHead > b, #block, #report, #sMsg, #add { font-size: 0 }

.boxInfo > .boxHead > b::before,

.boxInfo > .boxHead > b::after,

.boxInfo > .boxHead > b > .uName { font-size: var(--_font-size) }

.boxInfo > .boxHead > b::before { content: var(--contact-prefix); font-size: var(--_font-size) }

.boxInfo > .boxHead > b::after { content: var(--contact-suffix); font-size: var(--_font-size) }

#block::before, #report::before, #sMsg::before, #add::before { font-size: small }

#block::before { content: var(--contact-block) }

#report::before { content: var(--contact-report) }

#sMsg::before { content: var(--contact-send-message) }

#add::before { content: var(--contact-add-friend) }


.url.box > div:first-child > b { font-size: 0 }

.url.box > div:first-child > b::before { content: var(--myspace-url); font-size: var(--_font-size) }


.songName > b { font-size: 0 }

.songName > b::before { font-size: small; content: var(--song-prefix) }

.songName::after { content: var(--song-suffix) }


#userWall td.tableLeft > a > div > b::before { content: var(--wall-username-prefix) }

#userWall td.tableLeft > a > div > b::after { content: var(--wall-username-suffix) }








img:hover {













/* Start the shake animation and make the animation last for 0.5 seconds */





animation: shake 2.0s;











/* When the animation is finished, start again */





animation-iteration-count: infinite;





}











@keyframes shake {





0% { transform: translate(1px, 1px) rotate(0deg); }





10% { transform: translate(-1px, -2px) rotate(-1deg); }





20% { transform: translate(-3px, 0px) rotate(1deg); }





30% { transform: translate(3px, 2px) rotate(0deg); }





40% { transform: translate(1px, -1px) rotate(1deg); }





50% { transform: translate(-1px, 2px) rotate(-1deg); }





60% { transform: translate(-3px, 1px) rotate(0deg); }





70% { transform: translate(3px, 1px) rotate(-1deg); }





80% { transform: translate(-1px, -1px) rotate(1deg); }





90% { transform: translate(1px, 2px) rotate(0deg); }





100% { transform: translate(1px, -2px) rotate(-1deg); }





}

Comments

  1. How I became a happy woman again
    With tears of joy and happiness I am giving out my testimony to all viewers on line, my problem with Stomach Cancer stage IB and HIV has caused me many pains and sadness especially in my family.
    I was so afraid of loosing my life, I suffered the embarrassment of visiting
    therapy hundreds of times, unfortunately they did not find a definitive solution to my problem, I cried all day and night, do I have to live my life this way? I searched all true the internet for care, I was scammed by internet fraudsters times without numbers… until a friend of mine who stays in the UK introduced me to a friend of hers who was cured of the same disease, and she introduced me to Dr Itua who cured her from Breast Cancer by this email/WhatsApp +2348149277967,  drituaherbalcenter@gmail.com. I contacted him and he promised that all will be fine and I had faith.He sent me his herbal medicines through Courier service and i was instructed on how to drink it for three weeks to cure,I followed the instruction given to me and Today am a happy woman again. He cures all kind of diseases like__Brain cancer,Gestational trophoblastic disease,Head and neck cancer,Ovarian cancer,Hodgkin lymphoma,Herpes,,Liver cancer,Throat cancer,
    Syndrome Fibrodysplasia Ossificans ProgresS sclerosis,Alzheimer's disease,Chronic Diarrhea,Copd,Parkinson,Als,Adrenocortical carcinoma  Infectious mononucleosis.
    Intestinal cancer,Thyroid Cancer,Uterine cancer,Fibroid,Angiopathy, Ataxia,Arthritis,Amyotrophic Lateral Sclerosis,Brain Tumor,Fibromyalgia,Fluoroquinolone ToxicityBladder cancer,Hiv,Esophageal cancer,Gallbladder cancer,Kidney cancer,Hpv,Lung cancer,Melanoma,Mesothelioma,Multiple myeloma,Neuroendocrine tumors
    Non-Hodgkin lymphoma,Oral cancer,Sinus cancer,Hepatitis A,B/C,Skin cancer,Soft tissue sarcoma,Spinal cancer,Stomach cancer,Vaginal cancer,Vulvar cancer,
    Testicular cancer,Tach Diseases,Leukemia.

    ReplyDelete

Post a Comment