Welcome to Fairy Tail RPG, where your visions come true through your words. You control the destiny of your character. Do you have what it takes to bring the world to order or chaos?

You are not connected. Please login or register

Nana's test board

View previous topic View next topic Go down  Message [Page 1 of 1]

#1Nana 
Online

Nana's test board Empty Thu Jul 21, 2022 10:35 pm

Nana

when i knew the world wasn't meant for me,
you rescued me, you rescued me
i can offer nothing, still you won't let go
TEXT HERE
tagged TAG 0000 words
template by punki

Code:
<style>.punkihope .accentbg { background: #6C909A; }.punkihope .accentborder, .punkihope .bulk i { border-color: #6C909A; }.punkihope .accenttext, .punkihope .bulk b, .punkihope .bottom-text span a { color: #6C909A; }.punkihope { width: 500px; background: #fbfbfb; border: 1px solid rgba(0,0,0,0.05); margin: auto; }.punkihope .absolute-holder { width: 500px; height: 272px; position: absolute; overflow: hidden; }.punkihope .image { position: absolute; width: 100%; top: 0; height: 180px; background: url('https://i.imgur.com/cMDMSKy.png'); }.punkihope .image .overlay { height: inherit; background: linear-gradient(to right,rgba(60,60,60,0.2),rgba(70,70,70,0.8)); }.punkihope .left { position: absolute; width: 35px; height: 35px; border: 1px solid #ffffff; border-top: none; border-right: none; left: 25px; bottom: 25px; }.punkihope .right { position: absolute; width: 35px; height: 35px; border: 1px solid #ffffff; border-bottom: none; border-left: none; right: 25px; bottom: 119px; }.punkihope .lyric1, .punkihope .lyric2 { position: absolute; right: 43px; bottom: 29px; padding-top: 4px; padding-left: 4px; height: 20px; background: #ffffff;; }.punkihope .lyric1 div, .punkihope .lyric2 div { border-width: 1px; border-style: solid; font-family: 'Roboto Mono'; font-size: 10px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; word-spacing: -4px; line-height: 12px; padding: 5px 7px; margin-right: -4px; }.punkihope .lyric1 { bottom: 66px; }.punkihope .image-divider { position: absolute; width: 450px; height: 1px; top: 180px; padding: 15px 25px; background: #ffffff; border-bottom: 1px solid rgba(0,0,0,0.07); }.punkihope .image-divider div { height: inherit; opacity: 0.3; }.punkihope .charname { position: absolute; bottom: 15px; left: 50px; font-family: 'Playfair Display'; font-style: italic; font-size: 14px; letter-spacing: 2px; line-height: 14px; text-transform: lowercase; }.punkihope .charname div { display: inline-block; opacity: 0.5; width: 50px; height: 1px; position: relative; vertical-align: middle; margin-right: 10px; }.punkihope .bulk { margin-top: 272px; margin-left: 40px; width: 420px; font-family: 'Open Sans'; font-size: 11px; line-height: 18px; color: rgba(0,0,0,0.6); text-align: justify; }.punkihope .bulk i { border-bottom-width: 1px; border-bottom-style: solid; }.punkihope .bulk i b { font-weight: 400; }.punkihope .bottom-text { height: 50px; background: #3e3e3e; margin: -1px; margin-top: 40px; font-family: 'Open Sans'; color: rgba(255,255,255,0.5); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; line-height: 50px; padding: 0 40px; }.punkihope .bottom-text span { float: right; }.punkihope .bottom-text a { font-family: inherit; font-size: inherit; }.punkihopecredit { width: 500px; margin: auto; text-align: center; font-family: 'Roboto Mono'; font-size: 10px; line-height: 25px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.5; }.punkihopecredit a { font-family: inherit; font-size: inherit; }</style><link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300|Open+Sans:400,400i,700,700i|Playfair+Display:400i&display=swap" rel="stylesheet"><div class="punkihope">  <div class="absolute-holder">    <div class="image-divider">      <div class="accentbg"></div>    </div>    <div class="image">      <div class="lyric1">        <div class="accentborder accenttext">          when i knew the world wasn't meant for me,        </div>      </div>      <div class="lyric2">        <div class="accentborder accenttext">          you rescued me, you rescued me        </div>      </div>      <div class="overlay"></div>    </div>    <div class="charname accenttext">      <div class="accentbg"></div>i can offer nothing, still you won't let go    </div>  </div>  <div class="bulk">      TEXT HERE  </div>  <div class="bottom-text">    <span>      tagged <a href="">TAG</a>    </span>    0000 words  </div></div><div class="punkihopecredit">  template by <a href="http://pixel-perfect.boards.net/user/581">punki</a></div>



STRENGTHSPEEDCONSTITUTIONENDURANCEINTELLIGENCE
BASE:10BASE:14BASE:8BASE:41BASE:1
OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%
OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%
OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%
Devil(1):20%
Devil(2):50%
GEAR:+60+(80dmg)GEAR:+90GEAR:GEAR:GEAR:
#2Nana 
Online

Nana's test board Empty Thu Jul 21, 2022 10:39 pm

Nana

 
   
   
   
     
       
         
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at risus facilisis, congue sapien sed, efficitur lectus. Duis euismod, turpis non dapibus congue, massa lectus pretium purus, sit amet bibendum justo orci in lacus. Praesent ullamcorper iaculis dapibus. Aenean imperdiet sollicitudin nibh id rutrum. Proin faucibus dolor eu purus rhoncus condimentum. Fusce sit amet orci elementum, scelerisque tellus non, ultricies lacus. Etiam lectus leo, rhoncus vel finibus ut, tristique vitae odio. Morbi ut posuere sapien.            

           In a est blandit ex eleifend consectetur vel non lorem. Praesent interdum auctor magna mattis pulvinar. Curabitur accumsan dictum pretium. Aliquam a odio iaculis, lobortis quam mattis, laoreet augue. Duis et facilisis nisl, a tincidunt nulla. Aliquam a risus massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed in porta nibh, fermentum sollicitudin tellus. Mauris malesuada augue sodales est sollicitudin, at placerat velit tincidunt. Pellentesque interdum sed est a posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.          
       
       
         tagged @punki        
     
   
 
 
   
   Tell me one more beautiful lie <3  
 template by punki

Code:
<head><link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light|Josefin+Sans:300,700,300i|Roboto" rel="stylesheet"></head><div class="punkialright">  <div class="punkialrightimg">    <div class="leftcorner"></div>    <div class="rightcorner"></div>    <div class="punkialrightoverlay">      <div class="punkialrightbulk">        <div class="punkialrighttext">          <div>            <b>Lorem ipsum dolor sit amet</b>, consectetur adipiscing elit. Nunc at risus facilisis, congue sapien sed, efficitur lectus. Duis euismod, turpis non dapibus congue, massa lectus pretium purus, sit amet bibendum justo orci in lacus. Praesent ullamcorper iaculis dapibus. Aenean imperdiet sollicitudin nibh id rutrum. Proin faucibus dolor eu purus rhoncus condimentum. Fusce sit amet orci elementum, scelerisque tellus non, ultricies lacus. Etiam lectus leo, rhoncus vel finibus ut, tristique vitae odio. Morbi ut posuere sapien.            <br><br>            <i>In a est blandit ex eleifend consectetur vel non lorem</i>. Praesent interdum auctor magna mattis pulvinar. Curabitur accumsan dictum pretium. Aliquam a odio iaculis, lobortis quam mattis, laoreet augue. Duis et facilisis nisl, a tincidunt nulla. Aliquam a risus massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed in porta nibh, fermentum sollicitudin tellus. Mauris malesuada augue sodales est sollicitudin, at placerat velit tincidunt. Pellentesque interdum sed est a posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.          </div>        </div>        <div class="punkialrighttags">          tagged @punki        </div>      </div>    </div>  </div>  <div class="punkialrightcomment">    <div></div>    Tell me one more beautiful lie <3  </div></div><div class="punkialrightcredit">  template by <a href="">punki</a></div><style>.punkialright { width: 500px; height: 550px; padding: 25px; margin: auto; background: #ffffff; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); }.punkialrightimg { background: url('https://i.imgur.com/41SnsVq.png'); height: 500px; }.punkialright .leftcorner { width: 100px; height: 100px; border: 2px solid #ffffff; border-top: none; border-right: none; position: absolute; margin-left: 250px; margin-top: 150px; transition: all 0.5s ease; transition-delay: 0.3s; }.punkialright .rightcorner { width: 100px; height: 100px; border: 2px solid #ffffff; border-left: none; border-bottom: none; position: absolute; margin-top: 250px; margin-left: 150px; transition: all 0.5s ease; transition-delay: 0.3s; }.punkialright:hover .leftcorner { margin-left: 50px; margin-top: 348px; transition-delay: 0s; }.punkialright:hover .rightcorner { margin-left: 348px; margin-top: 50px; transition-delay: 0s; }.punkialrightoverlay { width: 376px; height: 376px; padding: 62px; background: rgba(0,0,0,0.2); transition: all 0.5s ease; transition-delay: 0.3s; }.punkialright:hover .punkialrightoverlay { background: rgba(0,0,0,0.4); transition-delay: 0s; }.punkialrightbulk { width: 376px; height: 376px; background: #ffffff; opacity: 0; transition: all 0.3s ease; text-align: center; color: rgba(0,0,0,0.6); }.punkialright:hover .punkialrightbulk { transition-delay: 0.5s; opacity: 1; }.punkialrighttext { padding: 15px; height: 336px; font-family: 'Roboto'; font-size: 11px; line-height: 17px; text-align: justify; }.punkialrighttext div { height: inherit; overflow: auto; }.punkialrighttext b { font-family: 'Josefin Sans'; color: #738C9A; font-size: 12px; }.punkialrighttext i { font-family: 'Josefin Sans'; color: #86A3B3; font-size: 12px; }.punkialrighttags { margin-top: -15px; line-height: 25px; font-family: 'Roboto'; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; }.punkialrightcomment { line-height: 75px; font-size: 20px; font-family: 'Shadows Into Light'; letter-spacing: 1px; color: #000000; text-indent: 20px }.punkialrightcomment div { display: inline-block; width: 25px; height: 1px; background: rgba(0,0,0,0.3); position: relative; vertical-align: middle; }.punkialrightcredit { width: 550px; text-align: right; margin: auto; font-size: 10px; line-height: 30px; font-family: 'Roboto'; text-transform: uppercase; letter-spacing: 1px; }.punkialrightcredit a, .punkialright a { font-family: inherit !important; font-size: inherit !important; color: #738C9A !important; transition: all 0.3s ease; }.punkialrightcredit a:hover, .punkialright a:hover { color: #86A3B3 !important; }</style>



STRENGTHSPEEDCONSTITUTIONENDURANCEINTELLIGENCE
BASE:10BASE:14BASE:8BASE:41BASE:1
OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%
OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%
OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%
Devil(1):20%
Devil(2):50%
GEAR:+60+(80dmg)GEAR:+90GEAR:GEAR:GEAR:
#3Nana 
Online

Nana's test board Empty Thu Jul 21, 2022 10:41 pm

Nana

 
   
     remember    
   
     that life is not meant to be wasted    
 
 
 
   
     
     
       NOTES HERE      
   
 
 
 
   TEXT HERE  
 template by punki

Code:
<style>.punkichasing { width: 500px; height: 400px; margin: auto; background: #ffffff; border-radius: 90px 0px 0px 0px; }.punkichasing .t { height: 100px; background: #585858; border-radius: 90px 0px 0px 0px; }.punkichasing .t span { color: #E28FB0; }.punkichasing .img { height: 300px; background: url('https://i.imgur.com/2V78K8X.png'); position: absolute; overflow: hidden; width: 150px; margin-left: 350px; }.punkichasing .upperlyric { position: absolute; font-family: Yeseva One; font-size: 50px; color: #ffffff; line-height: 80px; text-indent: 150px; text-transform: lowercase; text-shadow: 0px 0px 3px rgba(0,0,0,0.4); }.punkichasing .bottomlyric { font-family: PT Sans Narrow; font-size: 12px; text-transform: uppercase; color: #ffffff; position: absolute; margin-top: 65px; margin-left: 160px; letter-spacing: 3px; line-height: 12px; text-shadow: 0px 0px 3px rgba(0,0,0,0.4); }.punkichasing .avvie { width: 100px; height: 100px; background: url('https://i.imgur.com/gF3sBgY.png'); position: absolute; border-radius: 50%; margin-top: -60px; margin-left: 30px }.punkichasing .avvie div { width: 98px; height: 98px; border: 5px solid #ffffff; border-top-color: #585858; border-right-color: #585858; border-radius: 50%; margin-left: -4px; margin-top: -4px; }.punkichasing .paccent { height: 1px; margin-top: 22px; margin-left: 152px; background: #F3B6CF; margin-right: 177px; }.punkichasing .chasinghover { width: 0px; overflow: hidden; position: absolute; height: 300px; background: #F3B6CF; transition: all 0.5s ease; }.punkichasing:hover .chasinghover { width: 150px; }.punkichasing .notes { width: 120px; padding: 15px; max-height: 270px; position: absolute; font-family: Roboto; font-size: 11px; line-height: 17px; color: #ffffff; text-align: justify; text-transform: lowercase; }.punkichasingabstract { width: 150px; height: 300px; background: url('https://cdn.pixabay.com/photo/2017/01/24/19/53/wicca-2006219__340.png'); position: absolute; background-repeat: no-repeat; background-position: center; margin-left: -15px; filter: invert(100%); opacity: 0.1; }.punkichasing .bulk { margin: 20px; margin-top: 30px; margin-right: 170px; height: 227px; overflow: auto; font-family: Roboto; font-size: 12px; line-height: 18px; text-align: justify; color: rgba(0,0,0,0.5); }.punkichasing .bulk::first-line { text-transform: uppercase; font-family: PT Sans Narrow; font-size: 14px; color: #805164; }.punkichasing .bulk b { color: #805164; font-size: 13px; }.punkichasing .bulk i { color: #DAA3B9; font-size: 13px; }.punkichasingcredit { width: 500px; margin: auto; text-align: right; font-family: PT Sans Narrow; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; }.punkichasingcredit a { color: #CD9AAE; font-family: inherit; font-size: inherit; transition: all 0.3s ease; }.punkichasingcredit a:hover { color: #805164; }</style><link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700|PT+Sans+Narrow|Yeseva+One" rel="stylesheet"><div class="punkichasing">  <div class="t">    <div class="upperlyric">      <span>re</span>member    </div>    <div class="bottomlyric">      that life is not meant to be wasted    </div>  </div>  <div class="avvie"><div></div></div>  <div class="img">    <div class="chasinghover">      <div class="notes">      <div class="punkichasingabstract"></div>        NOTES HERE      </div>    </div>  </div>  <div class="paccent"></div>  <div class="bulk">    TEXT HERE  </div></div><div class="punkichasingcredit">  template by <a href="">punki</a></div>



STRENGTHSPEEDCONSTITUTIONENDURANCEINTELLIGENCE
BASE:10BASE:14BASE:8BASE:41BASE:1
OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%
OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%
OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%
Devil(1):20%
Devil(2):50%
GEAR:+60+(80dmg)GEAR:+90GEAR:GEAR:GEAR:
#4Nana 
Online

Nana's test board Empty Thu Jul 21, 2022 10:42 pm

Nana

[dohtml]
 
 
 
   
   
 
 
   
     you were never free      
       and you never realized      
   
   
      TEXT HERE    
 
 template by punki
[/dohtml]


Code:
[dohtml]<div class="punkiwerun"><div class="punkiwerunabsolutewrapper">  <div class="circle2"></div>  <div class="circle1"></div>  <div class="punkiwerunimg">    <div></div>    <div></div>  </div></div>  <div class="punkiwerunbulk">    <div class="t">      <span>you</span> <span>were never free</span>      <div>        and you never realized      </div>    </div>    <div class="text">      TEXT HERE    </div>  </div></div><div class="punkiweruncredit">  template by <a href="http://pixel-perfect.boards.net/user/581">punki</a></div><style>.punkiwerun { width: 500px; height: 400px; background: #f0f0f0; overflow: hidden; margin: auto; }.punkiwerunabsolutewrapper { width: 500px; height: 400px; position: absolute; overflow: hidden; }.punkiwerunimg { width: 150px; height: 400px; background: url('https://i.imgur.com/DHc7Jq2.png'); position: absolute; z-index: 2; }.punkiwerunimg div:first-child + div { width: 0; height: 0; float: right; border-top: 400px solid transparent; border-right: 15px solid #DE5F49; }.punkiwerunimg div:first-child { width: 0; height: 0; float: right; border-bottom: 400px solid transparent; border-left: 15px solid #DE5F49; margin-right: -15px; }.punkiwerunbulk { margin-top: 25px; margin-left: 150px; width: 324px; height: 348px; border: 1px solid #E6D7D4; border-left: none; background: #f4f4f4; }.punkiwerunbulk .t { padding-top: 10px; text-align: left; }.punkiwerunbulk .t span:first-child { display: inline-block; font-size: 70px; font-weight: 800; text-transform: uppercase; font-family: Montserrat; position: absolute; margin-left: 60px; line-height: 70px; color: #CD6F52; }.punkiwerunbulk .t span:first-child + span { display: inline-block; position: absolute; line-height: 20px; height: 20px; padding-left: 5px; background: #f4f4f4; margin-left: 105px; font-family: Roboto Condensed;  font-size: 15px; text-transform: lowercase; letter-spacing: 2px; color: #CD6F52; margin-top: 25px; }.punkiwerunbulk .t div { font-family: Roboto condensed; font-size: 11px; line-height: 10px; margin-top: 75px; padding: 5px 0; padding-right: 40px; text-transform: uppercase; text-align: right; letter-spacing: 2px; color: #9A645C; border: 1px solid #E6D7D4; border-right: none; border-left: none; background: #f9f9f9; }.punkiwerun .circle1 { position: absolute; width: 700px; height: 700px; border-radius: 50%; border: 8px dashed #DA533B; margin-top: -285px; margin-left: 20px; animation-name: punkiweruncircle; animation: 60s linear infinite punkiweruncircle; z-index: 2; }.punkiwerun .circle2 { position: absolute; width: 700px; height: 700px; border-radius: 50%; border: 8px dashed rgba(255,255,255,0.2); margin-top: -285px; margin-left: 20px; animation: 60s linear infinite punkiweruncircle; z-index: 3; }@keyframes punkiweruncircle {  0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); }}.punkiwerunbulk .text { height: 190px; margin: 25px; font-family: Roboto Condensed; font-size: 11px; line-height: 17px; text-align: justify; color: #A6746C; overflow: auto; position: relative; z-index: 4; }.punkiwerunbulk .text b { color: #DE5F49; font-size: 12px; }.punkiwerunbulk .text i { font-size: 12px; }.punkiweruncredit { width: 500px; margin: auto; text-align: right; font-family: Roboto Condensed; font-size: 11px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; }.punkiweruncredit a { transition: all 0.3s ease; color: #DE5F49; font-family: inherit; font-size: inherit; }.punkiweruncredit a:hover { color: #A6746C; }</style><link href="https://fonts.googleapis.com/css?family=Montserrat:500,800|Roboto+Condensed:400,700,400i" rel="stylesheet">[/dohtml]



Last edited by Nana on Thu Jul 21, 2022 10:52 pm; edited 1 time in total



STRENGTHSPEEDCONSTITUTIONENDURANCEINTELLIGENCE
BASE:10BASE:14BASE:8BASE:41BASE:1
OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%
OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%
OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%
Devil(1):20%
Devil(2):50%
GEAR:+60+(80dmg)GEAR:+90GEAR:GEAR:GEAR:
#5Nana 
Online

Nana's test board Empty Thu Jul 21, 2022 10:43 pm

Nana

[dohtml]
 

     COLOR QUOTE,REGULAR QUOTE.    

 
     
 
   
 
post goes here. talking
[/dohtml]



STRENGTHSPEEDCONSTITUTIONENDURANCEINTELLIGENCE
BASE:10BASE:14BASE:8BASE:41BASE:1
OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%
OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%
OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%
Devil(1):20%
Devil(2):50%
GEAR:+60+(80dmg)GEAR:+90GEAR:GEAR:GEAR:
#6Nana 
Online

Nana's test board Empty Thu Jul 21, 2022 10:46 pm

Nana

[dohtml]
we've already come so far
TEXT HERE
NOTES, TAGS, N STUFF
it's all

written in the stars
template by punki
[/dohtml]



STRENGTHSPEEDCONSTITUTIONENDURANCEINTELLIGENCE
BASE:10BASE:14BASE:8BASE:41BASE:1
OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%
OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%
OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%
Devil(1):20%
Devil(2):50%
GEAR:+60+(80dmg)GEAR:+90GEAR:GEAR:GEAR:
#7Nana 
Online

Nana's test board Empty Thu Jul 21, 2022 10:47 pm

Nana

 
   
   
     breathe    
   
     release it all    
 
   
     
     0000 words      
CHARACTER NAME
   
   
     
       
          TEXT HERE        
     
     
       NOTES 'N SHIT HERE      
   
 template by punki

Code:
<style>.punkibreathe { width: 500px; height: 400px; background: #ffffff; padding-top: 0.4px; background-size: cover; margin: auto; box-shadow: 0px 0px 4px 0px rgba(0,0,0,00.2); overflow: hidden; margin-top: 4px; }.punkibreathe .img { height: 296px; width: 500px; border-bottom: 4px solid rgba(255,255,255,0.5); transition: all 0.5s ease; background: url('https://static.zerochan.net/Tamaki.full.2481761.jpg'); background-size: cover; position: absolute; overflow: hidden; }.punkibreathe .diamond { width: 300px; height: 300px; transition: all 0.5s ease; background: rgba(255,255,255,0.2); position: absolute; margin-left: 100px; transform: rotate(45deg); }.punkibreathe .toplyric { position: absolute; font-size: 100px; font-family: Mrs Saint Delafield; color: #ffffff; width: 500px; text-align: center; line-height: 60px; margin-top: 120px; text-transform: lowercase; text-shadow: 0px 0px 3px rgba(0,0,0,0.3); }.punkibreathe .bottomlyric { position: absolute; font-family: Josefin Sans; font-size: 18px; line-height: 18px; text-transform: uppercase; letter-spacing: 2px; color: #ffffff; width: 500px; text-align: center; margin-top: 175px; text-shadow: 0px 0px 3px rgba(0,0,0,0.4); }.punkibreathe:hover .img { height: 0px; border-bottom-width: 0; }.punkibreathe .char { height: 70px; padding: 15px; margin-top: 300px; transition: all 0.5s ease; border-bottom: 1px solid #f4f4f4; }.punkibreathe:hover .char { margin-top: 0px; }.punkibreathe .avvie { height: 70px; width: 70px; background: url('https://i.imgur.com/wwAJlwI.png'); border-radius: 50%; float: left; }.punkibreathe .char span { display: inline-block; line-height: 70px; float: right; margin-right: 22px;font-family: Roboto Condensed; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; }.punkibreathe .char div:last-child { font-family: Roboto Condensed; text-transform: uppercase; letter-spacing: 1px; font-size: 18px; line-height: 70px; text-indent: 15px; }.punkibreathe .bulk { height: 300px; background: #fcfcfc; }.punkibreathe .outer { padding: 25px; }.punkibreathe .outer div { height: 168px; overflow: auto; font-family: Roboto; font-size: 11px; line-height: 17px; text-align: justify; color: rgba(0,0,0,0.6); }.punkibreathe .outer div::first-line { font-size: 13px; color: #CDB97F; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }.punkibreathe .outer div b { font-size: 12px; color: #2e2e2e; }.punkibreathe .outer div i { font-size: 12px; color: #CDB97F; }.punkibreathe .notes { border-top: 1px solid #f4f4f4; padding: 15px; font-size: 11px; line-height: 14px; font-family: Roboto; color: rgba(0,0,0,0.5); text-align: justify; }.punkibreathecredit { width: 500px; text-align: right; margin: auto; font-size: 11px; line-height: 20px; text-transform: uppercase; font-family: Roboto condensed; letter-spacing: 1px; }.punkibreathecredit a { transition: all 0.3s ease; font-family: inherit; font-size: inherit; color: #CDB97F }.punkibreathecredit a:hover { color: #B3A26F; }</style><link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield|Josefin+Sans:300|Roboto+Condensed|Roboto:400,400i,700" rel="stylesheet"><div class="punkibreathe">  <div class="img">    <div class="diamond"></div>    <div class="toplyric">      breathe    </div>    <div class="bottomlyric">      release it all    </div>  </div>    <div class="char">      <div class="avvie"></div>      <span>0000 words</span>      <div>CHARACTER NAME</div>    </div>    <div class="bulk">      <div class="outer">        <div>           TEXT HERE        </div>      </div>      <div class="notes">        NOTES 'N SHIT HERE      </div>    </div></div><div class="punkibreathecredit">  template by <a href="http://pixel-perfect.boards.net/user/581">punki</a></div>



STRENGTHSPEEDCONSTITUTIONENDURANCEINTELLIGENCE
BASE:10BASE:14BASE:8BASE:41BASE:1
OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%
OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%
OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%
Devil(1):20%
Devil(2):50%
GEAR:+60+(80dmg)GEAR:+90GEAR:GEAR:GEAR:
#8Nana 
Online

Nana's test board Empty Thu Jul 21, 2022 10:48 pm

Nana

I am the eye of the storm
This is your final warning
TEXT
@[someone]

Code:
<div class="eotscont"><div class="eotstormcloud th th-cloud-3"></div><div class="eotstitle">I am the eye of the storm</div><div class="eotspost"><div class="eotsquote">This is your final warning</div>TEXT<div class="eotstag">@[someone]</div></div><div class="eotscredticks"><a href="http://pixel-perfect.boards.net/user/1151"><i class="th th-drop-o"></i> <i class="th th-drop-o"></i> <i class="th th-drop-o"></i> <i class="th th-drop-o"></i> <i class="th th-drop-o"></i></a></div></div><link href="https://fonts.googleapis.com/css?family=Montserrat|Poiret+One" rel="stylesheet"><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><style type="text/css">.eotscont{width:500px;min-height:200px;margin:0 auto;transition:0.5s;}.eotstormcloud{font-size:500px;color:transparent;background: -webkit-linear-gradient(45deg, #707070 0%,#b2b2b2 34%,#b2b2b2 34%,#515151 72%,#9b9b9b 99%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;position:relative;animation-name:EyeOfTheStorm;animation-iteration-count:infinite;animation-duration:30s;animation-play-state:playing;z-index:1;}@keyframes EyeOfTheStorm{0% {left:0px;top:0px;}25% {left:-15px;}50% {left:30px;}75% {left:-10px;top:-25px;}100% {left:0px;top:0px;}}.eotstitle{font-family:poiret one;font-weight:bold;font-size:35px;text-align:center;width:400px;margin-top:-250px;margin-left:auto;margin-right:auto;color: #fff;position:relative;z-index:5;line-height:35px;}.eotspost{margin:0 auto;margin-top:-250px;opacity:0;position:relative;z-index:4;width:350px;min-height:350px;padding:5px;background-color:#ddd;border:20px solid #eee;text-align:justify;font-family:montserrat;font-size:12px;border-radius:5px;transition:0.5s;color:#707070;}.eotsquote{margin-top:-20px;font-family:poiret one;font-size:25px;text-align:center;}.eotstag{text-align:center;font-family:poiret one;font-size:20px;margin-bottom:-15px;}.eotstag a{font-family:poiret one;text-decoration:none;color:#707070;font-weight:bold;}.eotscont:hover .eotspost{opacity:1;margin-top:50px;}.eotscredticks{font-size:20px;width:500px;margin:0 auto;text-align:center;}.eotscredticks a{color:#afbec5;text-decoration:none;}</style>



STRENGTHSPEEDCONSTITUTIONENDURANCEINTELLIGENCE
BASE:10BASE:14BASE:8BASE:41BASE:1
OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%
OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%
OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%
Devil(1):20%
Devil(2):50%
GEAR:+60+(80dmg)GEAR:+90GEAR:GEAR:GEAR:
#9Nana 
Online

Nana's test board Empty Thu Jul 21, 2022 10:49 pm

Nana











LYRICS LINE ONE

notes here, keep it to one line



POST HERE



@[tag]

LYRICS LINE TWO










Code:
<div align="center">

<div class="doubtBG" style="margin:10px">
<div class="doubtHead">

<div class="la-ball-spin-fade-rotating"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>

<img src="http://placehold.it/100">

</div>
<div class="doubtLine"><div class="content1">LYRICS LINE ONE<br>
notes here, keep it to one line
</div></div>
<div class="doubtBody">

POST HERE

</div>
<div class="doubtLine"><div class="content2">
@[tag]
<br>LYRICS LINE TWO</div></div>

<div class="doubtFoot"><a href="">ulla codes</a></div>

</div></div>

<link href="https://fonts.googleapis.com/css?family=Roboto|Comfortaa" rel="stylesheet">
<link href='https://dl.dropbox.com/s/hi9ui01ahs9yqs7/doubt.css' rel='stylesheet' type='text/css'>

<style>

.doubtHead {background:linear-gradient(120deg, #b37eba,#8a7cb7);}

.doubtFoot {background:linear-gradient(-120deg, #b37eba,#8a7cb7);}

.doubtBody b {color:#b37eba;}

.doubtBody i {color:#8a7cb7;}

</style>



STRENGTHSPEEDCONSTITUTIONENDURANCEINTELLIGENCE
BASE:10BASE:14BASE:8BASE:41BASE:1
OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%OBSCURA(1):20%
OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%OBSCURA(2):30%
OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%OBSCURA(3):60%
Devil(1):20%
Devil(2):50%
GEAR:+60+(80dmg)GEAR:+90GEAR:GEAR:GEAR:

View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum