saviing this layour pt 2

Tags:
Description:

my shoulders hurt
Code:

<!-- (c) Layout created by : luna !? ੈ✩‧₊˚ (https://layouts.spacehey.com/layout?id=82748) -->

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



<style>

    body{

        background:white;

overflow:hidden;

    }

    .container{

        width: 1000px;

        border:solid black 2px;

margin-top:12px

    }

    .general-about .profile-pic img{

clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);

width: 140px;

animation: shake 2s;

    animation-iteration-count: infinite;

}

main{

    height: 460px;

    overflow-y: scroll;

}



nav .top .left .logo{

        content: url(https://cdn.discordapp.com/attachments/1064462871947378729/1100305609745768500/logoaso.png);

    }

    

nav .top{

    background: #c6151b;

}

nav .links{

    background:linear-gradient(white 7px, gray);

    text-align:center;

    border-bottom:solid black 2px;

    border-top: solid black 2px;

}



nav .links a{

    color: black;

    text-shadow:none;

font-size:10px;

}



nav .links a:hover{

    color: gray;

}



nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

    content: "┊★┊" ;

    color: black;}



main .left{

    border-right:solid black 1px;

padding: 40px;

}

.profile h1{

    font-size: 33px;

    text-align: center;

    font-family: 'Pirata One', cursive;

}

.profile h1:after{

   content:url(https://64.media.tumblr.com/b766e9db79ea4ac82e36f8e0d80f4861/b2f654d39279f464-68/s75x75_c1/786f5fb6604f2f32d881f45588a91811c366ede6.gifv);

}

.profile h1:before{

   content:" ➥ ";

}



.mood{

    text-align:center;

}



DIV.mood > P:nth-child(1):after{

display: block;

height: 13px;

width: auto;

content:"- ★ -";

margin-bottom:-5px;

}



.profile .contact .heading{

    text-align:center;

    background:linear-gradient(white, gray);

    color: black;

    border-bottom:solid black 1px;

    padding: 3px;

}



.profile .contact{

    border: solid black 1px;

    text-align:center;

}

.profile .contact a{

    color: black;

}



.profile .contact a:hover{

    color: #c51f28;

}



.icon{

    display:none;}

    

    main .right:before{

content: " ";

display:block;

background-image:url('https://i.pinimg.com/564x/a0/27/06/a02706aa4c70891c9cfc5085042e99ea.jpg');

height:200px;

background-repeat:no-repeat;

background-position:center;

background-size: 530px;

margin-bottom:15px;

}



.profile .url-info{

    border: solid black 1px;

    background:linear-gradient(white, gray);

    

}



    .mood:after{

content: " ";

display:block;

background-image:url('https://i.pinimg.com/564x/c1/33/c6/c133c689d405e2cfadbbcebfd63a1afa.jpg');

height:90px;

background-repeat:no-repeat;

background-position:center;

background-size: 230px;

margin-bottom: 10px;

}



main .right{

    width: 80%;

padding: 30px;

}



.profile .left .table-section{

border:solid black 1px;

color:black;

}



.profile .table-section .heading{

    background: linear-gradient(white, gray);

    padding: 3px;

    color: black;

    text-align:center;

}



.profile .table-section td{

border: solid black 1px;

background: white;

border-top-left-radius: 7px;

border-bottom-right-radius: 7px;

margin: 5px;

color: black;

}



.blog-preview h4{

margin-top:-0px;

text-align:center;

font-size: 12px;

text-align: center;

color:black;

background: linear-gradient(white, gray);

border:solid black 1px;

padding: 4px;

    

}



FOOTER > UL.links{

    display: none;

}



FOOTER > P:nth-child(1){

    display: none;

}

FOOTER > P:nth-child(2){

    display: none;

}



P.copyright{

    display: none;

}



.profile .blurbs .heading{

    border-right:none;

    border-left:none;

    border-bottom:solid black 1px;

    border-top: solid black 1px;

    background:linear-gradient(white, gray);

    color: black;

    padding: 3px;

    text-align:center;

}

.profile .blurbs{

    border-right:solid black 1px;

    border-left:solid black 1px;

    border-bottom: solid black 1px;

    text-align:center;

}

.profile .blurbs .section h4{

    color: black;

    text-align:center;

}



[id='q']{

    background:linear-gradient(white 3px, #c9c9c9);

    border: solid black 2px;

    border-top: solid gray 2px;

    border-top-left-radius: 7px;

border-bottom-right-radius: 7px;

}



FORM > BUTTON{

    background:linear-gradient(white 3px, #c9c9c9);

    border: solid black 2px;

    border-top: solid gray 2px;

    border-top-left-radius: 7px;

border-bottom-right-radius: 7px;

}



footer{

background:white;

height:3px;}



.online{

content:url(https://64.media.tumblr.com/26739b142b41f191af409eb4c7bf500c/558928f97b1d2545-22/s75x75_c1/c3c4e1470926e586f9e6249efb70e033ea1b11a7.gifv);}



.profile .friends .person img:not(.icon){

clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);

width: 140px;

animation: shake 1s;

    animation-iteration-count: infinite;

}



.profile .friends .person img:not(.icon):hover{

clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);

width: 140px;

animation:none;

transform: scale(1.1); 

transition: transform .2s;

}



.profile .friends .heading{

    background:linear-gradient(white, gray);

    color: black;

    padding:3px;

    text-indent: 4px;

    

}



.profile .friends-grid{

    height: 120px;

    overflow-y: scroll;

}



.profile .friends{

    border:solid black 1px;

    margin-bottom: 20px;

    background-image:url("https://static.vecteezy.com/system/resources/previews/007/481/196/original/diagonal-lines-background-straight-stripes-texture-background-simple-seamless-pattern-line-pattern-geometric-background-vector.jpg");

    background-size: 300px;

}



:root {



    --light-orange: ;}

    

DIV#comments.friends{

    background:none;

}



table.comments-table td{

    background:none;

}



p{

    font-family: 'Fredoka', sans-serif;

}



.count{

    color:black;

}



h4{

    font-family: 'Fredoka', sans-serif;

}



   a{

       

    font-family: 'Fredoka', sans-serif;    

    color: black;

        

    }

    a:hover{

        

    color: #c51f28;}

    

    .profile .blog-preview p:before{

content:url(https://64.media.tumblr.com/271a15cdbb3f67113b6c94382906d854/ea08c8c0ae432918-56/s75x75_c1/9bce459127075afd768d87970e535427aea70cb9.gifv);}



.profile .profile-info {

	background:white;

	border: solid black 1px;

	text-align:center;

	color: black;

	height: 20px;

font-size:10px;

}



</style>



<style>

  @import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');

  @import url('https://fonts.googleapis.com/css2?family=Fredoka&display=swap');

  @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500&display=swap');

</style>



<style>

    

@keyframes shake {

    0% { transform: rotate(0deg); }

  25% { transform: rotate(5deg); }

  50% { transform: rotate(0eg); }

  75% { transform: rotate(-5deg); }

  100% { transform: rotate(0deg); }

}

</style>



<style>

    ::-webkit-scrollbar {

  width: 14px;



}



::-webkit-scrollbar-thumb {

  background:linear-gradient(to left, #c8c8c8 6px, #e8e8e8 5px);

  border: solid black 1px;

  border-radius: 5px;

  background-clip: padding-box;

 

}



::-webkit-scrollbar-track {

  background:transparent;

  

}



::-webkit-scrollbar-button:single-button {

  background-color: transparent;

  display: block;

  border-style: solid;

  height: 12px;

  width: 14px;

}



::-webkit-scrollbar-button:single-button:vertical:decrement {

  border-width: 0 8px 8px 8px;

  border-color: transparent transparent black transparent;

}



::-webkit-scrollbar-button:single-button:vertical:decrement:hover {

  border-color: transparent transparent black transparent;

}



::-webkit-scrollbar-button:single-button:vertical:increment {

  border-width: 8px 8px 0 8px;

  border-color: black transparent transparent transparent;

}



::-webkit-scrollbar-button:vertical:single-button:increment:hover {

  border-color: black transparent transparent transparent;

}

    



.links .special a:link, .links .special a:visited  {

  color: black;

}



.links .special a:hover {

  color:#c51f28;

}

</style>



<style>* {cursor: url(https://cur.cursors-4u.net/mechanics/mec-1/mec95.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/01/mec95.html" target="_blank" title="Guitar"><img src="https://cur.cursors-4u.net/cursor.png" alt="Guitar" style="position:absolute; top: 0px; right: 0px;"/></a>



<img src="https://64.media.tumblr.com/261e54257bb46f53dfc81c94dfed38db/5858f4a98732c5da-88/s400x600/7fdfe882bd5111e71fae1aedb891d6260434883e.gifv"/>
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

Displaying 1 of 1 comments ( View all | Add Comment )
Str4wb3rr13wh0r3
1732278020
do u have a pic of the layout?
Report Comment