Speak Now Taylor Swift Layout!!!

Tags: purple, layout, taylor swift, cute
Description:

Layout!!!! Copy & Paste into about me to use <3 Requests Open :3
Code:

<!-- (c) Layout created by ✨ Ava :3 ✨ (https://layouts.spacehey.com/layout?id=40915) -->

<style>

body {
    background-color: #e3e3e3;
    background: url(https://64.media.tumblr.com/bd7e614084e4c2a4915ecf183ddfc719/tumblr_pnuxu56Jzx1wvlhwe_400.jpg)}
    font-family: verdana, arial, sans-serif, helvetica;
    background-size: 1000px;
}

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

* {
    font-family: monospace;
    cursor: url(https://64.media.tumblr.com/eda8e75eda6f841811a06f0e873dd9c4/99b94508bd20c7be-c6/s75x75_c1/363b9d7b83ce9bdc6a53fa8e632d6c1726ec35f6.gifv), auto;
}

main {
    background: url(https://i.pinimg.com/474x/04/83/93/0483933….jpg)  #F7EEFCd4;
     #ff6868d4;
    padding: 6px 0px;
    font-size: 80%;
    color: #9A6EB4;
    background-size: cover;
    border: solid 2px #E69FFF;
    box-shadow: 0px 0px 6px #884BA1;
}

nav {
    color: #E2C5F3;
    font-size: 72%;
    font-size: max(72%, 12px);
}
nav .links .special a {
    color: #B842FC;
}



.general-about .profile-pic {
    display: block;
    float: left;
    height: 150px;
    box-shadow: 0px 0px 15px #DCB7EC;
    border: #F2D6FF double 5px;
}

.profile h1 {
    font-size: 2.7em;
    margin: 0 0 10px 0;
    font-family: fangsong;
        color: #E39CFF;
}

.profile .friends .person img:not(.icon) {
    filter: grayscale(15%);
}

div.profile h1 {
    font-size: 2.5em;
    text-shadow: 2px 2px 0.5px #832DAB;
    overflow: hidden;
    animation-name: example;
    animation-iteration-count: infinite;
    animation-duration: 1.4s;

}

a {
    color: #871EAF;
    color: #AE65D0;
    text-decoration: none;
    font-size: 10px;
}
p {
   font-size: max(0.875em, 14px);
}

nav .links a {
    text-decoration: none;
    color: #F6E2FF;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    text-shadow: 0 0 7px #fffff8c;
}


div.profile h1 {
    font-size: 2.5em;
    text-shadow: 2px 2px 0.5px 
    overflow: hidden;
    animation-name: example;
    animation-iteration-count: infinite;
    animation-duration: 1.4s;
    text-shadow: 0px 2px 0.5px #ffffff7c;
}


b, strong {
    font-weight: bolder;
    color: #AC58D3;
    font-size: 13.5px;
}

nav .links {
    background-color: #C97DED;
    padding: 3.5px 16px 5.5px 16px;
    border: solid 3px #B867D7;
    box-shadow: 0px 0px 10px #B94CE2;
}

nav .links::after {
    contents: url(https://64.media.tumblr.com/088c39a27872fdf60a5a2b2a7ef2de49/d82f925ab9790bbe-49/s75x75_c1/9876f1696a0cb1e76a21de490dbc0e9f0c722373.gifv)
}


nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ♡ ";
    color: #F7DEFF;

}

button, input {
    overflow: visible;
    background-color: #F8DEFF63;
    border: 2px inset #EBB3FF;
}

.inner {
    color: #AD38CFde !important;
    background: #FDF9FF;
    border: 3px inset #E9AAFF;
    border-radius: 0px !important;
    box-shadow: 5px 8px #F6D1FF !important;
    background-size: cover;
}

.details-table td {
    background: #FEFCDB;
    background: #E9A5FF8c;
    vertical-align: top;
    border-bottom:  #ffffff;
    box-shadow: 0px 5px #DB8BF3;
    padding: 1px 12px 10px;
    border-spacing: 10px;
}


.details-table td p {
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 12.5px;
}


.details-table {
    margin: 2px;
    border-spacing: 10px;
}

.comments-table td, .music-table td {
    background: #F8DBFF;
    vertical-align: top;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #DD6CF9;
    background: #00000000;
    text-align: center;
    font-weight: bold;
    width: 29%;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #C46CF9;
    background: #EEABFF;
    color: #AE07ED;
    color: #ffffff;
    padding: 2px 7px;
    box-shadow: 0px 0px 6px #C788E3;
    border: inset #D88AFF;
}


}



.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #DF7DFF;
    color: #ffffff;
    padding: 4px 7px;
    border: 2px inset #D46BFF;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
   width: 100%;
    border: 2px solid #CD78E8;
    margin: 10px 0;
    background-blend-mode: color;
    background: #F8E3FF;
    box-shadow: #F2C0FF 0px 5px;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: url(https://64.media.tumblr.com/4ef363843eadaf4d22e813f4377586d0/5bbc5cd08fbcae95-9b/s500x750/4392091c5c59bb20616932eb6156d499f9037cca.gifv) #470059a6;
   background-size: 800px;
    background-position: center;
    background-blend-mode: soft-light;
    background-color: #F2C4FF;
}

nav .links, footer .links {
    list-style: cambodian;
    margin-top: auto;
}

 .profile .blurbs .heading h4 {
    display: inline-block;
    font-size: 13.5px;
}


.profile .blurbs .section h4 {
    margin: 0;
   color: #E2B0F9;
    font-size: 13px;
}


.details-table td:first-child {
    background: #FEFDBF;
    background: #E6B9F9;
    color: #D8CA1D;
    color: #ffffff;
    font-weight: bold;
    width: 33%;
    font-family: monospace;
    font-size: 3.5mm;
}

nav .top {
    background: #FFFEF000;
    padding: 15px 10px 16px 10px;
    display: flex;
    background-size: cover;
    background-position: bottom;
}

.logo {
    filter: sepia(50%) hue-rotate(-90deg) saturate(100);
}

.profile .url-info p {
    font-size: 100%;
    margin: 0;
    word-break: break-all;
    color: #858690;
}

.profile-info {
    border: 2px solid rgb(254 133 180 / 70%);
    background-image: url();
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
    background-size: 290px;
}



.online img {
        content: url(http://www.myspacegens.com/images/online_now/104.gif);}


</style>



<style>


<style>

.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://64.media.tumblr.com/21c137f9c2f807265fcc1705cd7de828/fe313969e26ad765-83/s75x75_c1/0458ea192dd8e541de446acac25faaf8daf9fd11.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://64.media.tumblr.com/21c137f9c2f807265fcc1705cd7de828/fe313969e26ad765-83/s75x75_c1/0458ea192dd8e541de446acac25faaf8daf9fd11.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/21c137f9c2f807265fcc1705cd7de828/fe313969e26ad765-83/s75x75_c1/0458ea192dd8e541de446acac25faaf8daf9fd11.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://64.media.tumblr.com/21c137f9c2f807265fcc1705cd7de828/fe313969e26ad765-83/s75x75_c1/0458ea192dd8e541de446acac25faaf8daf9fd11.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/21c137f9c2f807265fcc1705cd7de828/fe313969e26ad765-83/s75x75_c1/0458ea192dd8e541de446acac25faaf8daf9fd11.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://64.media.tumblr.com/21c137f9c2f807265fcc1705cd7de828/fe313969e26ad765-83/s75x75_c1/0458ea192dd8e541de446acac25faaf8daf9fd11.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://64.media.tumblr.com/21c137f9c2f807265fcc1705cd7de828/fe313969e26ad765-83/s75x75_c1/0458ea192dd8e541de446acac25faaf8daf9fd11.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://64.media.tumblr.com/21c137f9c2f807265fcc1705cd7de828/fe313969e26ad765-83/s75x75_c1/0458ea192dd8e541de446acac25faaf8daf9fd11.gifv")
    } 

div.contact:after {
    width: 98%;
    height: 30px;
    display: block;
    content: "";
    background-color: transparent;
    background-image: url(https://64.media.tumblr.com/c5b55ca197da195d56aae70859bd4111/3550bb5c3b2b0b56-a9/s400x600/ded38ae73d77a0381dd6930a390af72acb5bf9c2.pnj);
    background-position: center;
    background-size: 242px;
    background-repeat: no-repeat;
}


</style>

<style>
.online {
    content: url(https://www.myspacegens.com/images/online_now/323.gif);
}

:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#DF7DFF;
--even-lighter-blue:#8e0d3e;
--lightest-blue:##3c0130;
--dark-orange:White;
--light-orange:#8e0d3e;
--even-lighter-orange:black;
--green:black;#ff0090


*::-webkit-scrollbar {width: 18px;}

	*::-webkit-scrollbar-track {background: #DF7DFF;}


	*::-webkit-scrollbar-thumb {

		background-color: #ffffff;

		border-radius: 10px;

		border: 3px solid #EDB7FF;

	}


</style>\


<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/7239b800884d74fdeb6745c3f5b31e05/cbf45af389954474-de/s75x75_c1/dcd129e298bd7eb92aefb72740cdd849d1b39e2d.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/7239b800884d74fdeb6745c3f5b31e05/cbf45af389954474-de/s75x75_c1/dcd129e298bd7eb92aefb72740cdd849d1b39e2d.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/7239b800884d74fdeb6745c3f5b31e05/cbf45af389954474-de/s75x75_c1/dcd129e298bd7eb92aefb72740cdd849d1b39e2d.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/7239b800884d74fdeb6745c3f5b31e05/cbf45af389954474-de/s75x75_c1/dcd129e298bd7eb92aefb72740cdd849d1b39e2d.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/7239b800884d74fdeb6745c3f5b31e05/cbf45af389954474-de/s75x75_c1/dcd129e298bd7eb92aefb72740cdd849d1b39e2d.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/7239b800884d74fdeb6745c3f5b31e05/cbf45af389954474-de/s75x75_c1/dcd129e298bd7eb92aefb72740cdd849d1b39e2d.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/7239b800884d74fdeb6745c3f5b31e05/cbf45af389954474-de/s75x75_c1/dcd129e298bd7eb92aefb72740cdd849d1b39e2d.gifv"/></div>
</div>

<style>
    @-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}



</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

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