playstation 2 - version 1.0

Tags: ps2, playstation, playstation2, retro, 2000s, scenecore
Description:

I am doing this layout out of boredom, from time to time I will be updating it so that it looks better
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by N4TH4N43L_XP (https://layouts.spacehey.com/layout?id=104210) -->

<!-- logo de ps2 -->

<style>

.logo {

content:url("https://www.pngall.com/wp-content/uploads/2016/07/PlayStation-PNG-PNG-HD.png");

}

</style>

<!-- azul de parte de arriba -->

<style>

}

a:hover {
     color: #0427AC;
   } 
   a{
     color: ; 
   }

}

    .count {
        color:#0F6EC6;
    }

.profile .friends .person p {
color: ;  
}
.profile .friends .person p:hover {
color:#0427AC;
}

friends p, .friends a {
color: ;
}

a:hover {
     color:#0427AC; 

}
    .count {
        color: #0427AC;
    }


nav .top{
background-image: linear-gradient(to bottom right,#0427AC,#27B9D4,#0427AC);
margin: 1em 0;
text-align: center;
border-radius: 25px;
}

nav .links{
background-image: linear-gradient(to bottom right, #00BBDD,#0F6EC6,#23A0B7);
border-radius: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

</style>

<!-- azul de parte de abajo  -->

<style>

}

.profile .blurbs .heading,
.profile .friends .heading{
color: #FFFFFF;
background-image: linear-gradient(to bottom right,#0427AC,#27B9D4,#0427AC);
border-radius: 25px;
text-align: center;
padding: .1em;
}

footer{
background-image: linear-gradient(to bottom right, #00BBDD,#0F6EC6,#23A0B7);
border-radius: 25px;
font-style: italic;
color: #FFFFFF;
}</style>

<!-- Blurbs -->

<style>

}

.profile .contact .heading,
.profile .table-section .heading{
color: #FFFFFF;
background-image: linear-gradient(to bottom right, #0427AC,#27B9D4,#0427AC);
border-radius: 25px;
text-align: center;
padding: .1em;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: #FFFFFF;
background-image: linear-gradient(to bottom right,#0427AC,#27B9D4,#0427AC);
border-radius: 25px;
text-align: center;
padding: .1em;


</style>

<!-- separadores de  contactos, general y links -->

<style>

}

nav .links{
background-image: linear-gradient(to bottom right, #0427AC,#27B9D4,#0427AC);
border-radius: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

.profile .contact .heading,
.profile .table-section .heading{
color: #FFFFFF;
background-image: linear-gradient(to bottom right, #0427AC,#27B9D4,#0427AC);
border-radius: 25px;
text-align: center;
padding: .1em;
}

nav .top{
background-image: linear-gradient(to bottom right,#0427AC,#27B9D4,#0427AC);
margin: 1em 0;
text-align: center;
border-radius: 25px;
}

nav .links{
background-image: linear-gradient(to bottom right, #0427AC,#27B9D4,#0427AC);
border-radius: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

.profile .contact .heading,
.profile .table-section .heading{
color: #FFFFFF;
background-image: linear-gradient(to bottom right, #0427AC,#27B9D4,#0427AC);
border-radius: 25px;
text-align: center;
padding: .1em;

}

</style>



<style>

@import url('https://fonts.googleapis.com/css2?family=New+Rocker&display=swap');
body  { font-family: 'New Rocker', cursive; }

body{
background: url(https://64.media.tumblr.com/3751383033118a27f9a2cb4a2842adfb/742674f234b66df4-bf/s500x750/095c1affb7d5d887b9bf2d1d7a1efcd69c552091.gifv);
background-size: contain;
}

::-webkit-scrollbar {
    width: 12.5px;
    background-color: #000;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: hotpink;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #000;
}

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(2 3 37 / 58%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;


}

nav .links a:hover {
    text-decoration: none;
    color: #008eff;
    font-style: italic;
    font-weight: bold;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " | ";
    color: white;
}

main {
    background: transparent;
    color: white;
    padding: 6px 0px;
    font-size: 100%;
}

.profile h1 {
    font-size: x-large;
    margin: 0 0 10px 0;
    text-align: center;
    text-shadow: 3px 3px black;
}

.edit-link {
    font-size: 90%;
    text-align: center;
}

.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
}

.general-about .details {
    display: block;
    text-shadow: 2px 2px black;


}

</style>



<style>

p{ font-family: 'Orbitron', sans-serif; 
font-size: 100%;
color: white; 
text-shadow: 1px 1px 1px black;
}
:root {
--logo-blue: transparent;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent ;
--lightest-blue:  transparent;
--dark-orange: white;
--light-orange:transparent;
--even-lighter-orange:;
--green: blue;
}

</style>

<!-- banner 1 de darkwatch -->

<style>

body{
   background: linear-gradient();
}

/*rblx banner*/

  nav:before{
   	width: 100%;
	height: 200px;
	display: block;
	content: "";
	background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e483edbf-4b49-42e8-a684-cdf17c4f227f/ddjhkty-1afca07f-a866-4eec-b0a2-925a0b92cc28.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U0ODNlZGJmLTRiNDktNDJlOC1hNjg0LWNkZjE3YzRmMjI3ZlwvZGRqaGt0eS0xYWZjYTA3Zi1hODY2LTRlZWMtYjBhMi05MjVhMGI5MmNjMjgucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.LYbFNRtsT-XDfwgx6wAAe3NdtfkKPYD1X1dkIi9j8j8);
	background-repeat: no-repeat;
        background-position: center center;
}

</style>

<!-- banner 2 de rule of rose  -->

<style>

p{
}
h1 {
   color: #ffffff;
   font-size: 30px;
}

.profile-info {
   font-size: 1px;
   border-radius: 1x;
  background: url(https://64.media.tumblr.com/8055dd9deec33a96a71260cb28582f03/tumblr_oa9jr4WeAq1qd4q8ao1_500.gif);
   width: 440px;
   height: 350px;
}

}

</style>

<!-- banner 3 de ps2 -->

<style>
	main:before {
		width: 100%;
		height: 200px;
		display: block;
		content: "";
		background-image: url('https://64.media.tumblr.com/922f33ffedc936596f7491d5ffcdd08b/9be6c35ae971e8be-62/s400x600/825eb17ee9a67cd97e6497468863e7def9f9f00a.pnj');
		background-position: center center;
		background-size: cover;
</style>

<!-- banner de Contacting --> 

<style>
.profile .contact:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 240px;
  width: px;
  background-image: url(https://64.media.tumblr.com/c62dcad0a3f1151b74919bb44423d5c2/e18eae57375327b4-09/s640x960/6841f2b223de8cddfb668dbf43f9ce0c57765542.gif

);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
}

</style>

<!-- banner del https --> 

<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(http://fc08.deviantart.net/fs71/f/2011/180/9/1/mk2_baraka_turnaround_by_jiggeh-d3kf9ls.gif);  width: auto; height: 530px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>

<!-- portadas de ps2 -->

<div style="text-align: center; display: inline-block; margin-right: 15px;">
  <img src="https://64.media.tumblr.com/f63a1a17e07ac2831f74a44ba1952a8f/3b2532d86beb44ad-8a/s100x200/cec022b5a93dfeba2f8e97f0e2d36a50b16fcd94.pnj"/>
  <p style="margin-top: 0px; font-family: Arial, sans-serif; color: #77BB44; font-size: 10px;">Aggressive Inline</p>
</div>

<div style="text-align: center; display: inline-block; margin-right: 15px;">
  <img src="https://64.media.tumblr.com/e51ba1a6a77f86d35347599504279402/687a306cad6bb1ac-d6/s100x200/41d0517801cf6aafe8e4ffee8a4f447761b347ac.pnj"/>
  <p style="margin-top: 0px; font-family: Arial, sans-serif; color: #77BB44; font-size: 10px;">Playboy</p>
</div>
    
<div style="text-align: center; display: inline-block; margin-right: 15px;">
  <img src="https://64.media.tumblr.com/cbf62fdd7e631e284562856cd596b568/5737ecd4a5a0625e-d6/s100x200/11f28f7839563e9a3401ca233e6f4dfaeb19a55d.pnj"/>
  <p style="margin-top: 0px; font-family: Arial, sans-serif; color: #77BB44; font-size: 10px;">7 sins</p>
</div>   


<div style="text-align: center; display: inline-block; margin-right: 15px;">
  <img src="https://64.media.tumblr.com/8737864cc31f27438086af3f53c49270/687a306cad6bb1ac-6a/s100x200/0f511a8ffb27c6e47d8d51975ddce3e1b04dd670.pnj"/>
  <p style="margin-top: 0px; font-family: Arial, sans-serif; color: #77BB44; font-size: 10px;">Silent Hill</p>
</div>   

<!-- revote -->

<style>

}     

<style>.top{border-radius: 25px 25px 0 0 !important;}main{border-radius: 0 0 25px 25px !important; border-type:}</style>


<style>
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

</style>


<!-- letras al centro -->


<style>

} 

nav .links a {
text-shadow: 0 0 7px #ffffff;
}

.general-about{
padding: 15px;
margin-bottom: 10px;
}

main, nav .top, nav .links, footer, .comments-table td, .comments-table td:first-child {
background-color: transparent;
}

div.table-section, div.blurbs, div.friends-grid {
text-align: center;
}

.details-table td *, .details-table td {
background: rgba(0, 0, 0, 0);
border-color: transparent;
}

main .right {
padding: 20px;
}

main, footer p, a, .profile .blurbs .section h4, .details-table td:first-child, .profile .friends .heading, .profile .blurbs .heading h4, .profile .friends .person p {
color:white;
}

a:hover {
    color: rgba(102, 136, 232);
}

</style>


<!-- letras -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Orbitron:wght@900&display=swap');
p{ font-family: 'Orbitron', sans-serif; 
font-size: 100%;
color: black; 
}

h1, h2, h3, h4, h5{
font-family: 'Orbitron', sans-serif;
font-size: 100%;
color: white;
}


}

.profile .friends .person p {
color: ;  
}


.profile .friends .person p:hover {
color: lightblue;  
}

a:hover {
     color: lightblue; 

}
    .count {
        color: ;
    }


nav .links a:hover {
color: lightblue;
}

footer {
color: white;
box-shadow: 0px 0px 15px 6px black;
text-decoration:;
text-decoration-style:;
background-color: transparent ;
border: 0px solid white;
}

</style>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.
Comments

Comments disabled.