machi⋆'s profile picture

Published by

published
updated

Category: Blogging

my layout /ᐠ˵- ⩊ -˵マ

⚠️⚠️I DID NOT MAKE THIS LAYOUT!!!⚠️⚠️


heres the link thing ໒꒰ྀིᵔ ᵕ ᵔ ꒱ྀི১


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


<style>


MAIN {

    background-color: #ffffff;

    border: 10px groove #ffe6ee; }


main:before {

    background-image: url(https://i.pinimg.com/564x/be/ce/e8/becee86773504ecb94ae46625dc0b95f.jpg);

    content: "";

    width: 100%;

    height: 100px;

    display: block;

    background-size: cover;

    background-repeat: no-repeat;

}


main:after {

    background-image: url(https://i.pinimg.com/564x/d4/cf/8f/d4cf8f355418fbc7fb2947a5fac7a886.jpg);

    content: "";

    width: 100%;

    height: 100px;

    display: block;

    background-size: cover;

    background-repeat: no-repeat;

}



</style>


<style>


    body {

        background-image: url("https://i.pinimg.com/564x/68/c0/40/68c040c4e589c7e9766bf753ec1d5deb.jpg");

        background-size: 400px;

    }

    

    nav img.logo {

        filter: brightness(0) saturate(10%) invert(10%) sepia(10%) saturate(100%) hue-rotate(0deg) brightness(10%) contrast(10%);

    }

    

    nav .top {

        background: #ffe6ee;

        margin-bottom: 1rem;

        border-width: 10px;

        border-style: groove;

        border-left-color: #ffe6ee;

        border-right-color: #ffe6ee;

        border-top-color: #ffe6ee;

    border-bottom-color: #ffe6ee; 

    }

    

    form > button {

        font-family: 'Balsamiq Sans', cursive;

        font-size: 13px;

        color: gray;

        background-color: #ffffff;

        border: 2px solid gray;

        border-radius: 4px;

        text-transform: lowercase;

    }

    

    [id='q'] {

        border: 2px solid gray;

        border-radius: 4px;

    }

    

    label {

        font-family: 'Balsamiq Sans', cursive;

        font-size: 13px;

        color: gray;

        text-transform: lowercase;

        font-weight: bold;

    }

    

    nav .top .right {

        font-family: 'Balsamiq Sans', cursive;

        color: gray;

        font-weight: bold;

        text-transform: lowercase;

    }


nav .links {

margin-bottom: 1rem;

background-color: #ffe6ee;

padding: 3px;

text-align: center;

border-width: 10px;

  border-style: groove;

    border-left-color: #ffe6ee;

    border-right-color: #ffe6ee;

    border-top-color: #ffe6ee;

    border-bottom-color: #ffe6ee;

    }

    

    nav .links a {

        font-family: 'Balsamiq sans', cursive;

        font-size: 14px;

        color: gray;

        text-transform: lowercase;

        text-shadow: 1px 0 10px white;  

    }

    

    .profile .contact .heading {

        text-align: center;

        background-color: #ffe6ee;

        box-shadow: 1.5px 1.5px 1.5px 1.5px pink;

    }

    

    .profile .contact {

        border: 3.5px dotted pink;

        text-transform: lowercase;

    }

    

    a {       

        font-family: 'Balsamiq sans', cursive;

        font-size: 14px;

        color: grey;

    }

    

    a:hover {

        color: lightblue;

        text-decoration: wavy underline;

    }

    

    .profile .url-info {

        text-align: center;

        border-color: transparent;

        color: gray;

    }

    

    .profile .table-section .heading {

        text-align: center;

        background-color: #ffe6ee;

        box-shadow: 1.5px 1.5px 1.5px 1.5px pink;

        margin-bottom: 0.8rem;

    }

    

    .profile .table-section {

        border: 3.5px dotted pink;

    }

    

    .profile .blurbs .heading {

        text-align: center;

        background-color: #ffe6ee;

        box-shadow: 1.5px 1.5px 1.5px 1.5px pink;

    }

    

    .details-table td {

        background-color: #ffe6ee;

        box-shadow: 1px 1px 1px 1px pink;

    }

    

    .details-table td * {

        text-align: center;

        background-color: #ffe6ee;

    }

    

    .profile .friends .heading {

        text-align: center;

        background-color: #ffe6ee;

        box-shadow: 1.5px 1.5px 1.5px 1.5px pink;

    }

    

    table.comments-table {

        border-spacing: 0.5em 0.5em;

        border: 3.5px dotted pink;

        display: block;

        height: 400px!important;

        overflow-y: scroll;

      }

    

    .comments-table td {

        box-shadow: 1px 1px 1px 1px pink;

    }

    

    .profile .blurbs .section h4 {

        font-size: 14px;

        color: grey;

        text-align: center;

        border: 3.5px dotted pink }


    .count{

        color: grey;

    }

    

    :root {

        --logo-blue: #ffe6ee;

        --darker-blue: #ffe6ee;

        --lighter-blue: #ffe6ee;

        --even-lighter-blue: #ffe6ee;

        --lightest-blue: #ffe6ee;

        --dark-orange: #ffe6ee;

        --light-orange: #ffe6ee;

        --even-lighter-orange: #ffe6ee;

    }

    

.contact .inner a img {

    font-size: 0;

    }

    

.contact .inner a img:before {

    font-size: 1em;

    display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* Add to Friends */

content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* Add to Favorites */

content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* Send Message */

content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* Forward to Friend */

content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* Instant Message */

content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* Block User */

content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* Add to Group */

content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* Report Profile */

content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");

}


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

border-radius: 100px; 

}


.general-about .profile-pic img{

border-radius: 15px;

}


DIV.friends-grid {

    border: 3.5px dotted pink;

}


footer {

    background-color: #ffe6ee;

    border-width: 10px;

    border-style: groove;

    border-left-color: #ffe6ee;

    border-right-color: #ffe6ee;

    border-top-color: #ffe6ee;

    border-bottom-color: #ffe6ee;

}


.online { /*online icon*/

content: url("https://ct.pimp-my-profile.com/online/stalkme9bb.gif"); 

}


button {

    background-color: #ffe6ee;

    border: 2px solid gray;

    font-family: 'Balsamiq Sans', cursive;

    color: grey;

}


</style>


<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur265.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/01/light-pink-pointer.html" target="_blank" title="Light Pink Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Light Pink Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>

 

 <style>

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

</style>


<style>

p,h1,h2,h3,h4,h5{

font-family: 'Balsamiq Sans', cursive;

font-size: 15px;

color: grey;

text-transform: lowercase;

}

</style>


<style>

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


.profile h1 {

font-family: 'Coiny', cursive;

text-transform: uppercase;

font-size: 55px;

color: #ffe6ee;

text-shadow: 2px 2px #c8c7d7;

text-align: center;

padding: 10px;

}

</style>



0 Kudos

Comments

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