Bring Me The Axe's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Pastel Goth Layout

HERE YA GO

<style></style>


   <style>

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


nav img.logo{

    filter: brightness(0) saturate(100%) invert(15%) sepia(51%) saturate(5801%) 

    hue-rotate(248deg) brightness(77%) contrast(90%); !important;

}


nav .top {

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

    color: turquoise;

}

nav .top a{

    color: turquoise!important;

}

nav .links {

    background: transparent!important;

    background-size: 100%100%!important;

    text-align: center;

}

nav .links a{

    color: darkslateblue!important;

}

#q, button {

color: turquoise;

background-color: darkslateblue;

border: 1px solid turquoise;

font-family: inherit;

}


:root {

        --logo-blue: transparent;

        --darker-blue: ;

        --lighter-blue: transparent;

--pdg_yourBackground: url(https://i.pinimg.com/originals/71/81/ee/7181ee69b698e7bc7e7d4ee458ec13f8.gif);

--pdg_pageTexture: none;

--pdg_nameSticker: url(https://31.media.tumblr.com/490f3a0552639c7cd586329e7a9c5263/tumblr_msx2n8koeR1sexxhlo1_500.gif);

--pdg_blurbSticker: url(https://31.media.tumblr.com/21553b5b35b1329f607c626bdeb1e51f/tumblr_mmp2imH8ev1snc5kxo1_250.gif);

--pdg_commentsSticker: url(https://68.media.tumblr.com/76d3924e5ee6a4bf89eb4b7a7005b976/tumblr_ol8raq0cPr1vg3d9jo1_500.gif);

--pdg_interestSticker: url(https://i.gifer.com/XOsa.gif);

--pdg_urlInfoBox: url(https://31.media.tumblr.com/5d15a829374a77197202c7408f42ee77/tumblr_mud5xpNCyW1s3me36o1_500.gif);

--pdg_titleTexture: url(https://31.media.tumblr.com/705ace1059b5674549d0245e5b907be7/tumblr_mopvqnsztk1rum8i3o1_500.gif);

--pdg_linkTexture: url();

--pdg_profileInfo: url(https://24.media.tumblr.com/d7b99793cd500a341fa73834dbcdf20f/tumblr_mzdg275lN51r8aww0o1_500.gif);

}

.profile {

font-family: 'Libre Baskerville', serif;

text-shadow:  purple;

}

.profile .left h1 {

    font-family: 'Bubblegum Sans', cursive;

line-height:1em;

}

.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {

font-family: 'Libre Baskerville', serif;

line-height:1em;

text-shadow: 0 0 7px purple;

}

body {

background-image: var(--pdg_yourBackground);

background-size: cover;

background-position:center;

background-attachment: fixed;

}


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


h1 {

  color: white;

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

}

  .profile-pic {

        border-radius: 500px;

        overflow: hidden;

    }

main {

background:#00000066;

backdrop-filter: blur(5px);

-webkit-backdrop-filter: blur(5px);

border-radius:25px;

padding:25px;

color:#FFFFFF;

}

body:before {

display: block;

position: fixed;

pointer-events: none;

content: " ";

height: 100vh;

width: 100vw;

top: 0;

left: 0;

right: 0;

background-image: var(--pdg_pageTexture);

background-size: cover;

background-attachment: fixed;

opacity: .35;

z-index: 25;

}

.profile a {

transition: all .1s!important;

}

.profile a:hover, .profile a:hover p {

background: var(--pdg_linkTexture)!important;

;

color: #FFF!important;

text-shadow: 1px 1px 0 #000!important;

;

}

.profile .section p, .details-table td:last-child p{

background-color:#00000066;

padding:.5em;

}

.profile .left h1 {

text-transform: uppercase;

font-size: 3rem;

color: #FFF;

text-shadow: 3px 3px 0 #67337C;

}

.profile .left h1:before {

background-image: var(--pdg_nameSticker);

background-size: contain;

background-repeat: no-repeat;

background-position: center;

display: block;

height: 100px;

width: 100px;

content: " ";

transform: rotate(-4deg) scale(1.7) translateX(-1em);

position: absolute;

z-index: -1;

}

.profile .right .blurbs {

position: relative;

}

.profile .right .blurbs:after {

background-image: var(--pdg_blurbSticker);

background-size: cover;

background-repeat: no-repeat;

background-position: center;

display: block;

height: 100px;

width: 100px;

content: " ";

transform: rotate(-4deg) scale(2) translateY(-2rem);

position: absolute;

right: 0;

z-index: -1;

}

.profile .left .table-section:nth-last-child(2):before {

background-image: var(--pdg_interestSticker);

background-size: cover;

background-repeat: no-repeat;

background-position: center;

display: block;

height: 100px;

width: 100px;

content: " ";

transform: rotate(-4deg) scale(1.7) translateX(-3em) translateY(2.5em);

position: absolute;

z-index: -1;

}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {

border: 0!important;

width: 100%;

}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading {

background-image: var(--pdg_titleTexture)!important;

background-size: cover;

background-position: bottom;

color: none;

-webkit-text-stroke: 0px #FFF;

}

.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {

text-transform:capitalize;

font-size: 1.6rem;

}

.profile .url-info {

border: 0;

color: #FFF;

background: var(--pdg_urlInfoBox);

background-position: center;

text-align: center;

padding:6em 0;

}

.details-table td:first-child {

background: none;

width: fit-content!important;

color: #FFF;

text-shadow: 0px 2px 0 #000;

}

.details-table td:last-child {

background: none;

max-height: 150px;

overflow-y: scroll;

float: right;

}

.details-table tr {

border-bottom: 1px solid #000;

}

.profile .blurbs .section h4 {

color: turquoise;

font-size: 1.3rem;

}

.profile-info {

background: var(--pdg_profileInfo);

background-size: cover;

background-position: center;

box-shadow: -7px 8px 0 #0006;

color: #FFFFFF00;

padding:6em 0;

}

.profile-info h3 a {

color: #FFF;

}

.comments-table, .details-table {

border: 1px solid #0000;

border-collapse: separate;

border-spacing: 0 .5em;

}

.comments-table tr td:last-child {

height: 250px;

display: block;

overflow-y: scroll;

}

.comments-table td, .music-table td {

background: none;

color: #000;

}

.comments-table tr {

border-bottom: 1px solid #000;

}

.comments-table td:first-child, .music-table td:first-child {

background: none;

text-align: left;

}

.profile .comments-table:after {

background-image: var(--pdg_commentsSticker);

background-size: cover;

background-repeat: no-repeat;

background-position: center;

display: block;

height: 100px;

width: 100px;

content: " ";

transform: rotate(-4deg) scale(4) translateX(-2.5rem) translateY(-1rem);

position: absolute;

right: 0;

z-index: -1;

}


.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: "\2795"

}

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

/* add to favorites */

content: "\2b50"

}

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

/* Send Message */

content: "\1F4ac"

}

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

/* forward to friend */

content: "\23e9"

}

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

/* instant message */

content: "\1F4f1"

}

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

/* block user */

content: "\274c"

}

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

/* add to group */

content: "\1F465"

}

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

/* report user */

content: "\1f5e3"

}


@media only screen and (max-width: 600px) {

.profile .left h1:before{

transform: rotate(-4deg) scale(1.7) translateX(3.5em);

}

.profile .left .table-section:nth-last-child(2):before {

transform: rotate(-4deg) scale(1.7) translateX(14em) translateY(-1.5em);

z-index: 0;

}  

}


html:before {

animation: grain 8s steps(10) infinite;

background-image: url(https://i.imgur.com/e0W3mrs.gif);

content: "";

height: 300%;

left: -50%;

opacity: .1;

position: fixed;

top: -110%;

width: 300%;

pointer-events: none;

z-index: 50;

}

@keyframes grain {

0%, 100% {

transform: translate(0, 0)

}

10% {

transform: translate(-5%, -10%)

}

20% {

transform: translate(-15%, 5%)

}

30% {

transform: translate(7%, -25%)

}

40% {

transform: translate(-5%, 25%)

}

50% {

transform: translate(-15%, 10%)

}

60% {

transform: translate(15%, 0%)

}

70% {

transform: translate(0%, 15%)

}

80% {

transform: translate(3%, 35%)

}

90% {

transform: translate(-10%, 10%)

}

</style>


<style>


.online{content:url(https://31.media.tumblr.com/5d7441efb7c9499af12393571de2e6bb/tumblr_mmen93Swgz1sotab9o1_500.gif);

    width: 75px;

    height: 75px;

}

</style>


<style>

footer {

        border-radius: 15px;

background:#00000066; 

</style>


<style>


footer {


        border-radius: 15px;


background:#00000066; 


</style>






<style> footer::after{ bottom: 0; font-size: 0; left: 74%; position:fixed; pointer-events: none; content:url("https://31.media.tumblr.com/2d379c4386b58760d1ff49c086b67f76/tumblr_n4w3neOiuO1twrqs2o1_500.gif"); } </style>






<style>








.logo {








content:url("https://24.media.tumblr.com/tumblr_lh28t1yGOZ1qdwx2go1_500.gif");








}








</style>








<style>








/*Intro GIF Animation (fade out)*/




  body:before {




    content: " ";




    height: 100vh;




    width: 100vw;




    display: block;




    position: fixed; 




    top: 0; 




    left: 0; 




    z-index: 100;




    background-image: url('https://31.media.tumblr.com/621d2d2376e9b5b6d6be9a253ed25d04/tumblr_mt76t7ijpQ1sev5y5o1_500.gif'); /*gif link here*/




    background-size: cover;




    background-repeat: no-repeat;




    animation: yourAnimation 4s ease 0s 1 normal forwards;




    pointer-events: none;




  }




  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }




</style>



<style type="text/css">body { cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAUAAwCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP+h5v8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/oeb//8Lv//+h5v8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/6Hm///C7///wu///8Lv//+h5v8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP+h5v//wu///8Lv/wAAAP//wu///8Lv//+h5v8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/oeb//8Lv///C7/8AAAD/AAAA/wAAAP//wu///8Lv//+h5v8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/6Hm///C7///wu///8Lv///C7/8AAAD//8Lv///C7///wu///8Lv//+h5v8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP+h5v//wu///8Lv///C7///wu///8Lv/wAAAP//wu///8Lv///C7///wu///8Lv//+h5v8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/oeb//8Lv///C7///wu///8Lv///C7///wu//AAAA///C7///wu///8Lv///C7///wu///8Lv//+h5v8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP+h5v//wu///8Lv///C7///wu///8Lv///C7/8AAAD//8Lv///C7///wu///8Lv///C7///wu///6Hm/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/6Hm///C7///wu///8Lv///C7///wu///8Lv///C7///wu///8Lv///C7///wu///8Lv///C7///oeb/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/oeb//8Lv///C7///wu///8Lv///C7///wu///6Hm///C7///wu///8Lv///C7///wu///8Lv//+h5v8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP+h5v//wu///8Lv///C7///wu///8Lv//+h5v8AAAAA/6Hm///C7///wu///8Lv///C7///wu///6Hm/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmQAAAAAAAAAAAAAAAP+h5v//wu///8Lv///C7///oeb/AAAAAAAAAAAAAAAA/6Hm///C7///wu///8Lv//+h5v8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACZAAAAmQAAAAAAAAAAAAAAAP+h5v//oeb//6Hm/wAAAAAAAAAAAAAAAAAAAAAAAAAA/6Hm//+h5v//oeb/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJkAAACZAAAAmQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmQAAAJkAAACZAAAAmQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////////////////////////////////////////////////////////////////////+/////H////g////wH///4A///8AH//+AA///AAH//wAB//8AAf//AAH//wEB//uDg//5x8f/+P////h///////////////////8='), auto; }</style>



<style>




footer {




        border-radius: 15px;




background-image:  url(https://66.media.tumblr.com/4cba6035b33085f104a71463a44e258d/tumblr_o7blywpdpX1vs2wzgo1_250.gif); 




</style>




<style>


/*CONTACT ICONS*/


.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://i.postimg.cc/W3Cm2M6y/206bb1c4.gif)}




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


/* ADD TO FAVOURITE */


content: url(https://i.postimg.cc/1R04RGHN/26b730d5.gif)}




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


/*SEND A MESSAGE */


content: url(https://i.postimg.cc/wM9qRrVR/010646b0.gif)}




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


/*FORWARD TO FRIEND*/


content: url(https://i.postimg.cc/DfCkcmfM/2f981127.gif)}




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


/*INSTANT MESSAGE*/


content: url(https://i.postimg.cc/RVSMdjzg/0e8ff38a.gif)}




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


/*BLOCK USER*/


content: url(https://i.postimg.cc/Y9pZ6B57/054b794a.gif)}




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


/*ADD 2 GROUP*/


content: url(https://i.postimg.cc/SRSTMLzx/342c094f.gif)}




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


/*REPORT*/


content: url(https://i.postimg.cc/sDB89cNM/7e172171.gif)}


</style>




0 Kudos

Comments

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