myranda's profile picture

Published by

published
updated

Category: Web, HTML, Tech

raining green and black matrix classic layout!!! <3

I loved this one. pls enjoy and comment to lmk if you're using so I can see!

Paste the layout in your about me section!


layout preview  raining green and black matrix


FULL LAYOUT STARTS HERE


<!--- raining matrix green&black by myranda! https://spacehey.com/mtv_1996 --->



<style>




/* Chrome, Edge, and Safari */




*::-webkit-scrollbar {width: 15px;}




*::-webkit-scrollbar-track {




*::-webkit-scrollbar-thumb {




background-color: #e9f60d;




border-radius: 10px;




border: 1px solid #0B1111;




}




</style>




<style>


body {


 background: url(https://i.pinimg.com/originals/4e/cc/57/4ecc5727c94b40b7136b13c9c3169b1f.gif);


 }


#comments > div.inner > p > b > a:nth-child(3){color:#27e300;}


#comments > div.inner > p > b > a:nth-child(4){color:#27e300;}


a { color:#27e300;}

.icon{display:none;}

.profile .mood {

background: #27e300;

border:10px solid black;

padding: 10px;

color:black;}


.profile .url-info {

background: #27e300;

border:10px solid black;

padding: 10px;

color:black;

}

.online {color:#27e300; }

.profile .contact {

background: #27e300;

border:10px solid black;}


.profile .friends .heading {


background: #27e300;

border:10px solid black;

padding: 10px;


}


.profile .contact .heading {

background: #27e300;

}


.contact a {

border: 2px solid black;

padding: 1px; }


.blog-preview {

border: 10px solid black;

padding:2rem;

background-color: #27e300; }


.blog-preview p, a {

color:black; }


.blog-preview h4 {

border: 2px solid;

padding:5px;}


.profile-info{

border: 10px solid black;

padding:2rem;

background-color: #27e300;}


button {

color:white!important;}


.profile-info a {

color:black;

text-shadow: 0 0 7px #0000007a !important; }


.profile h1, .details p {

text-shadow: 5px 5px 2.5px #fff !important;}


.profile .table-section .heading {

background: #27e300;}



.table-section {background: #27e300;

border:10px solid black !important;

padding: 10px;}



.comments-table td:first-child{background:#27e300!important;}



table.comments-table {border:10px solid black;}



.comments-table td{background:#27e300;}


.comment-reply p {border: 2px solid;}


.general-about .profile-pic {}


.comments-table td *, .bulletin-table td * {color:black;}


.details-table td:first-child {background:#27e300;

border: 1px solid black; }


.details-table td {background:#27e300; 

border: 1px solid black;

}




nav .top {


        background: black!important;


}


.friends-grid {

border: 10px solid black;

padding:5px;

background-color: #27e300;

}


nav .links{ background: #27e300!important;}




nav .links a { color:black;

text-shadow: 0 0 7px #0000007a !important;

}




.profile .blurbs .heading {


display:none;}




h4 {

color:black;

text-shadow: 0 0 7px #0000007a !important; }




.general-about .profile-pic img {

width: 100%;

height: 100%; 

 object-fit: cover;

}






main {

background:none;

padding: 60px;

color:#27e300 !important;}




main:before {


background-image: url();


background-position: 
center;


background-size: contain;


display: block;


content: "";


width: 100%;


/*height: 250px;*/

}




.profile .friends .person p {


color:white }






button { 


background-color: transparent;


color: white;


border: 1px solid green; }






.table-section:nth-last-child(2) .details-table tr:nth-child(5){display:none;}


.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}




.details-table td p {color:black;}


.profile .blurbs .section h4 {

color:black;

text-shadow: 0 0 7px #0000007a !important; 

border: 2px solid;

padding:5px; }


.profile .blurbs .section {

border:2px solid black;

padding:15px; }




.comments-table p, .music-table p, .bulletin-table p, .forum-table p, .groups-table p{color:black!important;}


.container {


width:900px !important;


}




nav .links {


text-align:center; }




.profile .friends .person p:hover { color:#78f3f4; }




.comment-replies {


border: #27e300; }






/* about bg */


body > div.container > main > div.row.profile > div.col.right > div.blurbs > div.inner {

border: 10px solid black;

padding:2rem;

background-color: #27e300;

}



footer {


background:none !important;


}


footer .links{ background: #27e300!important;     padding: 3.5px 16px;}


footer p {


color: #27e300; }


footer a {

color:black;

background:#27e300;

 }


footer p, a {


text-shadow: 0 0 7px #0000007a !important;


font-size:12px;}


.online{


content: url(');


}


.profile .blurbs .heading, .profile .friends .heading {


background:none;

}


div.ah.df.dg.dh {


    border-radius: 0 0 10px 10px;


}


div.b4.ah.dx.dy.dz.e0 {


    border-radius: 10px 0 0 0;


}


<style>


.friends .heading{ font-size:0; color:yellow;}


.friends .heading:before{ content:; font-size:.8rem; font-weight:bold; } 


}


.friends#comments .heading{ font-size:0; }


.friends#comments .heading:before{ content: ""; font-size:.8rem; font-weight:bold;


color:White; } 


}




.profile .table-section .heading h4 { font-size:0; }


.profile .table-section .heading h4:before{ content: ""; font-size:.8rem; font-weight:bold; 


color:White; }


}


.contact .heading{ font-size:0; }


.contact .heading:before{ content: ""; font-size:.8rem; font-weight:bold; 


color:White; }


}


.blurbs .heading{ font-size:0; }


.blurbs .heading:before{ content: ""; font-size:.8rem; font-weight:bold; color:White; }


}




</style>


0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )