Avril Lavigne Smile themed layout

Tags: avril lavigne, green, smile, punk, scene, black

Description:

u can use it and change it how u want

the pfp is gif, see it here:

https://s12.gifyu.com/images/SQelk.gif

Preview:

click on the image for a larger preview

Code:

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

<!-- LAYOUT -->
<style>

.profile {
  background-color: #000000;
}

body {
    background: url('https://images2.imgbox.com/62/dc/WU8Ffvjc_o.jpg');
}

p, h2, h3, h4 {
   color: #ffffff;
}

.profile .blurbs .heading, .profile .friends .heading {
color: #77ff58;
background-color:black;
text-transform:lowercase !important;
color: #77ff58;
border-radius:15px;
border: 3px solid
}

.archivo-font {
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.profile .friends .comments-table td {
background-color: black;
border: 1px solid #77ff58;  
border-radius:15px;
}

.profile .table-section .details-table td {
background-color:black;
}

nav .links {
background-color: transparent;
}

nav .top{
background-color: transparent;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: black;
    background: #19500c;
	padding: 2px 7px;
border-radius:15px;
}

.profile .blurbs .section h4 {
  color: #77ff58;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
  width: 100%;
  border: 2px solid #77ff58;
border-radius:15px;
}

.comment-replies {
  border: 5px solid #77ff58;
}

.count {
  color: #77ff58;
}

.profile h1 {
  font-size: 30px;
font-weight: bold;
color: #27cb00;
}

a {
  color: #31ff00;
}

a:hover {

   /* Chrome, Safari, Opera */

  -webkit-animation: rainbow 0.7s infinite; 


  /* Internet Explorer */

  -ms-animation: rainbow 0.7s infinite;


  /* Standar Syntax */

  animation: rainbow 0.7s infinite; 

}

/* Chrome, Safari, Opera */

@-webkit-keyframes rainbow{

  0%{color: red;}

  10%{color: orange;}

20%{color: yellow;}

  30%{color: lime;}

40%{color: deepskyblue;}

  50%{color: darkviolet;}

60%{color: deepskyblue;}

  70%{color: lime;}

  80%{color: yellow;}

  90%{color: orange;}

100%{color: red;}

}

/* Internet Explorer */

@-ms-keyframes rainbow{

  0%{color: red;}

  10%{color: orange;}

20%{color: yellow;}

  30%{color: lime;}

40%{color: deepskyblue;}

  50%{color: darkviolet;}

60%{color: deepskyblue;}

  70%{color: lime;}

  80%{color: yellow;}

  90%{color: orange;}

100%{color: red;}

}

/* Standar Syntax */

@keyframes rainbow{

  0%{color: red;}

  10%{color: orange;}

20%{color: yellow;}

  30%{color: lime;}

40%{color: deepskyblue;}

  50%{color: darkviolet;}

60%{color: deepskyblue;}

  70%{color: lime;}

  80%{color: yellow;}

  90%{color: orange;}

100%{color: red;}

}

.profile .friends .person p {
  color: #cfffc3;
}


</style>

<!-- END OF LAYOUT -->

<!-- PROFILE PICTURE -->

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://s12.gifyu.com/images/SQelk.gif"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 
</style>

<!-- END OF PROFILE PICTURE -->

<!-- ABOUT ME PICTURES -->

<center>
<img src="https://www.dafont.com/forum/attach/orig/3/0/302679.gif?1"/>
<img alt="avril lavigne smile" height="234" src="http://image.blingee.com/images19/content/output/000/000/000/7a3/760880275_666059.gif" title="avril lavigne smile" width="400"/>
<img alt="&#x266B; &#x266A; &#x266A; &#x266B; .Avril Lavigne - Smile. &#x266B; &#x266A; &#x266A; &#x266B;" height="400" src="http://image.blingee.com/images18/content/output/000/000/000/775/732361620_252035.gif" title="&#x266B; &#x266A; &#x266A; &#x266B; .Avril Lavigne - Smile. &#x266B; &#x266A; &#x266A; &#x266B;" width="400"/>
</center>

<!-- END OF ABOUT ME PICTURES -->

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.