Published by Katie

published 1610462250
updated 1610753502

View Blog View Profile Report Blog Entry

Summer Vibe Request

If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!!

Credits are appreciated (a post, a bulletin or something else that can support me)

You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me

Copy and paste in the about me section

<style>

nav {

overflow-x: hidden;

position: relative;

}

nav .top {

background: transparent;

}

nav .links {

background: rgba(0, 0, 0, 0.3);

}

nav { background-image: url(https://loveandspecs.com/wp-content/uploads/2020/08/cute-summer-phone-wallpaper-backgrounds-lemon.png); }

body

{background: url("https://i.pinimg.com/originals/31/f4/be/31f4be7ca9563775423bb3c951cdd4c4.jpg")

no-repeat fixed; background-size: cover;

}

main {

/* changes made to stuff outside of columns */

background: #1110;

padding: 0;

font-size: 80%;

color: var(--light-orange);

}

</style>

<style>

footer {

border-radius: 15px;

background-image: url(https://wallpaperaccess.com/full/106692.jpg);

</style>

<style>

table, th, td {

border: 1px solid orange ;

}

:root {

--logo-blue: ;

--darker-blue:#ffd700 ;

--lighter-blue: #ffd700;

--even-lighter-blue: ;

--lightest-blue: ;

--dark-orange: #ffd700;

--light-orange: ;

--even-lighter-orange: ;

--green: darkgreen;

}

</style>

<style>

@import

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

/* gotta fetch the font for phone users */

:root {

--font-family: 'Alice', serif;

--mynamesize: 25px

;}

h1, h2, h3, h4, h5, a, p, nav label, .section{

font-family: var(--font-family) !important;

text-shadow: !important;

text-transform:!important;

}

h1, h2, h3, h4,h5,a, p, nav label, .section {color: orange;}

h1 {

color: #ffd700 ;

text-shadow: 1px 1px 2px black, 0 0 25px yellow, 0 0 5px yellow;

}

</style>

<style>

.online{content:url("http://dl5.glitter-graphics.net/pub/1462/1462535hfqu4gy96a.gif");}

</style>

Copy and Paste in the who like to meet section

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<style>

/* customizable snowflake styling */

.snowflake {

color: #ff006a;

font-size: 3em;

font-family: Arial, sans-serif;

text-shadow: 0 0 0px rgba(0,0,0,0.7);

}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}

3 Kudos

Comments

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