Anya's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Lavender Roses Layout 🖤🤍




I suggest putting the last two codes in separate field for it to work. It's for shadowed name and link hover color.
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~





<style>body {
     background-image: url(https://i.pinimg.com/736x/51/57/1e/51571eaaceea66ee6998815e454e3cbb.jpg);
    background-repeat: repeat;
    background-size: 32.5% ;
  }  



 :root {
        --logo-blue: grey;
        --darker-blue: #AA98A9;
        --lighter-blue: #AA98A9;
        --even-lighter-blue: white;
        --lightest-blue: white;
        --dark-orange: white;
        --light-orange: silver;
        --even-lighter-orange: #AA98A9;
        --green: Apricot;
    }



body {

font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
line-height: .7;
word-spacing: -5 px;
font-size: 12px;
}


.whitetext12{visibility:hidden; 
display:none;}.orangetext15{visibility:hidden; 
display:none;}.lightbluetext8{visibility:hidden; display:none;



.friends-grid img{
outline:none !important;filter: opacity(110%) !important;
width:50% !important; height:50% !important;
border-radius: var(--curve) !important;
filter:hue-rotate(var(--hue)) !important;
}


.inner img{
outline:none !important;
filter: hue-rotate(var(--hue)) drop-shadow(1px 1px 2px midnightblue) !important;
border-radius: var(--curve) !important;
}


.whitetext12{visibility:hidden; 
display:none;}.orangetext15{visibility:hidden; 
display:none;}.lightbluetext8{visibility:hidden; display:none;}

.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{


border: 0px dotted gray !important;
outline: none !important;
}

.right .section h4{display:none !important;}

.blurbs .heading{display:none !important;}


.comments-table td:first-child img {
        width: 50px;
        border-radius: 50px;
    }

</style>


~~~~~~~~~~~~~ put this separate~~~~~~
<style>h1{ 
 font-size: 50px; var(--mynamesize) !important;
 text-transform:uppercase !important;
 padding-left:50px !important;
 text-shadow: 2px 2px #AA98A9;
 font-family: cursive;

}
</style>

<style> a:hover {
  color: grey; </style>



0 Kudos

Comments

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