write a reply

1, 2, 3, and HEAVE-HO!

pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
I cannot guarantee the prettiness of anything in here. AVERT YOUR EYES!

Font notes to myself:

Elegant
- Libre Baskerville
- Cinzel
- Old Standard TT
- Charmonman
- Mrs Saint Delafield

Modern Chic
- Oswald
- Roboto Condensed
- Dosis Regular
- Josefin Sans
- Open Sans Condensed
- Niramit

Small but Sexy
- Niramit
- Catamaran
- Saira Extra Condensed
- Roboto Condensed

Big and Bold
- Anton
- Dosis (700/800)
last edit on Jul 6, 2019 23:35:19 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[newclass=".cityscapehoverclass"]background:#7B8A9A;transition: 0.3s;height:30px;line-height:30px;text-align:center;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:1px;font-size:11px;[/newclass][newclass=".cityscapehoverclass:hover"]background:#5C6873;[/newclass]
[googlefont=Averia Serif Libre]
cityscapes
version 1.0.0
[attr=class,cityscapehoverclass]live preview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget eleifend elit. Sed luctus justo massa, non suscipit mauris mattis vel. Ut enim ligula, suscipit ac consectetur quis, faucibus rhoncus diam. Fusce venenatis, libero porttitor fermentum gravida, nisi risus molestie nisl, sit amet hendrerit justo odio in libero. Pellentesque in urna at nisi pellentesque mollis eget ut magna. Sed imperdiet sit amet elit ut tempor. Maecenas dapibus ut quam in lobortis. Suspendisse condimentum non ipsum malesuada commodo. Etiam venenatis nec velit sed iaculis. Donec pulvinar ornare nibh vitae faucibus. In faucibus porta metus, non iaculis est. Vestibulum et volutpat sapien, eu ullamcorper nisl.

Duis et interdum justo. Pellentesque a scelerisque ipsum, eu ornare eros. Duis dapibus sit amet felis eleifend laoreet. Etiam fringilla risus turpis, eget lobortis tellus faucibus eu. Fusce viverra accumsan magna, id porttitor massa rhoncus in. Vivamus finibus sem velit, eget laoreet justo auctor a. Proin sed dolor sit amet felis molestie convallis vitae sollicitudin purus. Vestibulum ante est, mollis dignissim egestas sed, lobortis nec enim. Praesent iaculis eleifend sapien, ut gravida neque facilisis et.

Phasellus ut congue sem. Donec quis dolor blandit, viverra magna sit amet, lobortis lectus. Curabitur vehicula purus massa, sit amet viverra ante iaculis a. Morbi in orci id purus eleifend vestibulum eget non diam. Maecenas lacinia cursus augue, at aliquet elit convallis eu. In aliquet neque ac eros sagittis ultricies. Etiam tristique odio quam, sed sodales erat laoreet eu. Sed neque turpis, pretium ac sodales ac, dictum a arcu. Aliquam mollis id neque sed consectetur. Quisque eleifend aliquam purus ut faucibus. Aenean vitae sagittis velit, nec commodo libero. Maecenas semper turpis dui, sed laoreet odio dapibus quis. Aliquam faucibus ex turpis, nec dapibus magna bibendum sit amet.

Morbi mollis velit libero, non semper nibh convallis sed. Donec luctus enim at magna vulputate porta. Sed magna dolor, scelerisque scelerisque maximus vel, condimentum et lacus. Aenean nec varius justo. In semper lorem sem, at convallis velit pretium a. Mauris sollicitudin, lorem sed lobortis rhoncus, mauris tortor porttitor dui, et sollicitudin libero felis eu diam. Quisque scelerisque ornare elit, a hendrerit lacus pulvinar non.

Vivamus eget pretium ligula. Curabitur ut pretium libero, dictum rhoncus quam. Maecenas dignissim justo elit, a sodales nisi feugiat sit amet. Mauris id mauris vestibulum, maximus diam ut, scelerisque nisl. Duis aliquet mollis augue id maximus. Aenean non lacinia purus, at facilisis ipsum. Donec in purus malesuada nisl elementum finibus non nec est. Vivamus rhoncus eros quis faucibus consequat. Etiam pretium tellus magna, sit amet commodo lacus sollicitudin quis. Nulla aliquet enim et varius molestie. Sed eget consequat orci, nec egestas velit. Donec ut ipsum ac urna aliquam pharetra.

[attr=class,cityscapehoverclass].pbt download


Oh good, Style Tag plugin presence confirmed. NOT THAT I HAD DOUBTS, but you know, how embarrassing would that be?
last edit on Aug 12, 2018 20:38:25 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[googlefont=Oswald][newclass=".punkihoverclass:hover .punkihover1"]background:rgba(255,255,255,0.15); color:rgba(255,255,255,0.75) !important; text-shadow: 0px 0px 2px rgba(0,0,0,0.4);[/newclass][newclass=".punkilinkhover1 a"]color:#495A55;font-family:inherit;font-size:inherit;transition:0.3s;[/newclass][newclass=".punkilinkhover1 a:hover"]color: #424242;[/newclass]
[attr=class,punkihoverclass]
title/name[attr=class,punkihover1]
word count, tags, notes, whatever
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien ipsum, pharetra sit amet arcu ut, efficitur convallis lorem. Nunc et ultrices purus. Nullam ornare enim nisl, consequat sodales lacus efficitur non. Pellentesque dictum massa ac dui gravida dictum. Pellentesque in sem ut sem ultricies hendrerit. Mauris mollis eros a iaculis ultricies. Pellentesque sagittis eu nisl quis finibus. Nullam eget lorem venenatis, dignissim massa pellentesque, viverra quam. Aenean ut consequat mi, et eleifend quam. Duis condimentum mi et nibh porta, sed sodales lacus auctor. Morbi leo mauris, dapibus et bibendum tempor, viverra vitae lectus. Ut sem massa, sagittis vitae nisi ac, lacinia mattis erat.

Sed ac blandit diam. Ut ornare quam ac fermentum facilisis. Donec vel mauris interdum, hendrerit nulla hendrerit, convallis lacus. Mauris tempor lacus massa, vel tincidunt risus tempor et. Pellentesque tincidunt ornare libero sed sagittis. Donec laoreet tortor metus, sit amet cursus felis sollicitudin nec. Nulla eu sem ultricies, sagittis nisi vitae, tincidunt magna. Suspendisse tellus justo, laoreet id viverra id, tincidunt id ligula. Curabitur facilisis lobortis hendrerit. Integer nec nibh efficitur, rutrum sem sit amet, volutpat lacus. Praesent et augue nec mauris tincidunt placerat id eget quam. Suspendisse tempus, mi id suscipit ornare, nulla ipsum viverra leo, in molestie quam mi in urna. Morbi molestie finibus lectus non faucibus.
[attr=class,punkilinkhover1]template by punki of pixel perfect
last edit on Aug 24, 2018 14:35:05 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[googlefont=Libre Baskerville]
name
too young to know that i'll be fine
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia est nec sem mollis porttitor. Nam at auctor orci, nec ultrices augue. Nunc consectetur nec ante et gravida. Nullam faucibus neque maximus nisi eleifend dignissim. Nunc at dolor elementum nisl hendrerit laoreet. Duis sollicitudin ex leo, eget congue ligula aliquam eget. Praesent eget imperdiet augue, at gravida lectus. Donec malesuada turpis porttitor purus efficitur lobortis. Proin viverra, nibh ac auctor vestibulum, eros lectus sodales dui, et varius erat est sed quam. Praesent convallis sit amet mauris congue pellentesque. Pellentesque viverra sem velit, auctor porta odio fringilla ut. Praesent id sem nec ligula consectetur euismod vel non nibh. Duis vitae tristique metus, et consequat ipsum. Sed est sapien, suscipit sit amet mi eleifend, viverra condimentum sem. Proin posuere arcu purus, quis mollis arcu placerat et. Donec id iaculis metus.

Aliquam quis odio scelerisque, auctor nisl in, finibus mauris. Curabitur eget lectus id massa sodales rhoncus quis id dui. Quisque nec velit non metus luctus ornare. Donec ut lacinia eros, sit amet condimentum erat. Aliquam erat volutpat. Nam pharetra, erat vitae dictum malesuada, felis arcu tristique ante, eu dictum arcu nibh a massa. Sed luctus diam vitae arcu facilisis pharetra. Curabitur felis ipsum, auctor sed purus et, aliquam semper urna. Nunc id urna sed nulla finibus scelerisque in ac eros. Donec sodales purus venenatis volutpat lacinia. Cras pellentesque pulvinar dui id sollicitudin. Maecenas dapibus diam non tempus maximus. Praesent vulputate odio vitae facilisis imperdiet.
template by punki of pixel perfect - hidden scrollbar
last edit on Oct 21, 2018 17:21:51 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
you are right behind me
go ahead and break the mold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam egestas tristique fermentum. Donec nec magna sed sem malesuada vulputate. Morbi molestie molestie libero quis cursus. Donec hendrerit semper libero et lacinia. Phasellus malesuada lacus elit, sit amet dapibus est feugiat ut. Aliquam risus ante, convallis in elementum a, eleifend eget ex. Mauris fermentum nisi mi, id scelerisque metus rutrum non. Mauris iaculis neque lectus, eget interdum mauris posuere non. Aliquam pulvinar enim nec justo scelerisque, id blandit risus cursus. Donec iaculis hendrerit pharetra. Ut nec purus facilisis felis rutrum ornare sit amet vitae nisl. Fusce fringilla et nisi vitae pellentesque. In hac habitasse platea dictumst. Fusce vel vestibulum risus, eu condimentum quam. Suspendisse eu convallis felis.

Fusce nec ex sed ante sollicitudin aliquet. Etiam at accumsan augue. Phasellus a diam justo. Ut eu lorem ante. Sed eu diam pretium, interdum tortor ut, mattis justo. Vivamus sit amet massa nec velit luctus iaculis id ac odio. In hac habitasse platea dictumst. Integer sapien diam, congue id nulla et, tincidunt semper dolor. Phasellus pretium risus ut dolor iaculis, sed sagittis magna sagittis. Vestibulum blandit tristique velit, vel gravida odio vestibulum nec. Sed fringilla diam eget nulla euismod, vel facilisis odio cursus. Maecenas vel cursus arcu, vitae posuere augue. Duis nunc quam, consequat sit amet metus a, faucibus semper orci. Ut et sodales augue.
word count, tags, whatever
template by punki of pixel perfect

last edit on Oct 21, 2018 18:46:40 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[googlefont=Dosis:700][newclass=".punkiduowrapper"]width:400px;margin:auto;height:500px;transition: 0.75s;[/newclass][newclass=".punkifirstside"]width:400px;height:250px;background-image:url(https://i.imgur.com/kUnvHuc.png);transition: 0.75s;overflow:hidden;[/newclass][newclass=".punkiduotoplyrics"]padding:20px; text-indent: 20px;font-family: Dosis; font-weight: 700; font-size: 30px; line-height: 35px; text-transform: uppercase; color: #ffffff; position: relative; z-index: 0; text-shadow: 0px 0px 5px rgba(0,0,0,0.8);[/newclass][newclass=".punkiduobottomlyrics"]padding: 20px; padding-top: 160px; font-family: Dosis; font-weight: 700; font-size: 30px; line-height: 35px; text-transform: uppercase; color: #ffffff; text-shadow: 0px 0px 5px rgba(0,0,0,0.8); text-indent: 20px; transition: 0.75s; position: relative; z-index: 0;[/newclass][newclass=".punkitopslide"]float:left;width:0;height:0;border-top:80px solid transparent;border-right:400px solid #ffffff;margin-top:-80px;transition:0.75s;[/newclass][newclass=".punkibottomslide"]width:0;height:0;border-bottom:80px solid transparent;border-left:400px solid #ffffff;transition:0.75s;position: relative; z-index: 2;[/newclass][newclass=".punkimiddle"]height:0px;background:#ffffff;width:400px; transition: 0.75s; position: relative; z-index: 2;[/newclass][newclass=".punkimiddlecontent"]height: 0px; transition: 0.75s; overflow: hidden;[/newclass][newclass=".punkiduopost"]height: 260px; width: 360px; margin: 0 20px; overflow: hidden; position: relative; top: -130px; transition: 0.75s; margin-bottom: 40px;[/newclass][newclass=".punkiduoinneropacity"]width: inherit; opacity: 0; transition: 0.3s;[/newclass][newclass=".punkiduoextra"]height: 20px;font-size:11px;line-height:20px;text-align:center;text-transform:uppercase;letter-spacing:1px;font-family:calibri;color:#6e6e6e;transition: 0.3s;opacity: 0;[/newclass][newclass=".punkisecondside"]width: 400px; height: 250px; transition: 0.75s; overflow: hidden; background-image: url(https://i.imgur.com/acoHH5b.png);background-position: bottom;[/newclass][newclass=".punkiduowrapper:hover .punkifirstside, .punkiduowrapper:hover .punkisecondside"]height: 100px;[/newclass][newclass=".punkiduowrapper:hover .punkimiddle, .punkiduowrapper:hover .punkimiddlecontent"]height:300px;[/newclass][newclass=".punkiduowrapper:hover .punkiduobottomlyrics"]padding-top: 10px;[/newclass][newclass=".punkiduowrapper:hover .punkiduopost]top: 20px;[/newclass][newclass=".punkiduowrapper:hover .punkiduoinneropacity, .punkiduowrapper:hover .punkiduoextra"]opacity: 1; transition-delay: 0.75s;[/newclass]
[attr=class,punkiduowrapper]
[attr=class,punkifirstside]
[attr=class,punkiduotoplyrics]it's dangerous
to sacrifice
[attr=class,punkimiddle]
[attr=class,punkitopslide]
[attr=class,punkimiddlecontent]
[attr=class,punkiduopost]
[attr=class,punkiduoinneropacity]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam in fermentum lorem. Aliquam rhoncus dui quis turpis consequat, vitae feugiat dolor feugiat. Fusce mi risus, dignissim quis mauris vel, aliquet porta turpis. Duis imperdiet, magna sed faucibus posuere, metus lectus blandit magna, in feugiat dui nibh eget nulla. Vivamus a ligula vel diam accumsan aliquam quis a orci. Aliquam pretium volutpat urna, ut egestas nibh. Ut auctor magna vitae neque tempor cursus. Nunc viverra et odio ac luctus.

Phasellus imperdiet lorem ut ipsum egestas gravida. Donec lacus odio, tempor at varius sit amet, scelerisque a tellus. Fusce ultricies fringilla velit in convallis. Vestibulum nec felis dui. Suspendisse pretium consectetur diam. Donec a mi dolor. Pellentesque venenatis dolor ut ligula elementum ultricies non a urna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean ligula mauris, ornare eget nunc eget, viverra vestibulum magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque tristique justo in tellus cursus faucibus. Nulla tincidunt tortor non euismod ornare. Phasellus dignissim eget lacus a lobortis.
[attr=class,punkiduoextra]word count, tags, whatever
[attr=class,punkibottomslide]
[attr=class,punkisecondside]
[attr=class,punkiduobottomlyrics]makes your blood run
to throw the dice
template by punki of pixel perfect - hover effect/hidden scrollbar present
last edit on Oct 21, 2018 22:25:53 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[googlefont=Josefin Sans]
v. 1.0.0
eloquence
live preview
Eloquence is a light Proboards v5 theme designed mostly for role-play, offering a sleek, modern look and featuring timed banner-image rotations, various unique remodels, and even a very simple hand-written, built-in music player function for miniprofiles. This took me two months to create from start to finish, mostly due to sudden drastic schedule changes and lack of energy, so you could call it a labor of love. Enjoy!

RULES
I. You may change any colors, fonts, or images. If you wish to alter the coding of this theme in any other way, please consult me first, as I'm always happy to help.
II. You may not remove any of my comments.
III. Do not, under any circumstances, claim this theme as your own. All of my credits must remain intact.
IV. Do not, under any circumstances, re-post this theme without my permission.
V. You may not pick and choose pieces and parts from this theme. Individual remodels must be requested.
VI. If you have any questions or need help (or if you notice any bugs I missed), you are more than encouraged to post on this thread, and I will usually respond within a day or so. (Given that I am not dead. This happens occasionally, especially when I'm neck-deep in another project. I'll apologize in advance.)

INCLUDES
- Support for Board Description Images (recommended, but not required)
- Support for Thread Descriptions (recommended, but not required)
- Support for Monetary System (recommended, but not required; requires Yootil Bar)
- Font Awesome forum icons

MAKING YOUR CHANGES
Editing the colors, fonts, and images for this theme is made rather simple for you, though you should note that the Proboards Visual Editor will be of next to no use to you. To make your changes, simply go to Admin > Themes > Advanced Styles & CSS > Style Sheet, and right there at the tippity top you will find a set of variables for colors, image url's, and fonts.

Colors
If you desire to change the color scheme, my recommendation (for best visual results) is that you only change the accent colors, which have the variables blue-1 and blue-2. It is highly recommended that you maintain the original brightness of color for each color you intend to change.
Images
Almost all images, with the exception of the Default Forum Avatar, can be changed in the style sheet as well. All have comments providing dimension requirements. The Default Forum Avatar can be changed by going into Theme Manager, then rolling your cursor over the theme named 'Eloquence' and selecting the Images button that appears. The Default Forum Avatar is located near the top of the ensuing page.

CUSTOM PROFILE FIELDS
All custom profile fields that can be used with this theme are listed below - to install, simply use their exact name when creating custom profile fields (not necessarily in the following order).

250x400 Picture (required; set as Text Field which only accepts URL's)
190x100 Picture (required; set as Text Field which only accepts URL's)
Character Gender (not required; set however you will)
Character Sexuality (not required; set however you will)
Character Age (not required; set however you will)
Played By (not required; set however you will)
Application (not required; set as Text Field which only accepts URL's)
Plotter (not required; set as Text Field that only accepts URL's)
Gallery (not required; set as Text Field that only accepts URL's)
MP3 Link (not required; set as Text Field that only accepts URL's)

.pbt download

last edit on Oct 27, 2018 4:15:42 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
I love realizing that I'm behind the times and everyone is using is using Style Tag to make templates way better than mine. Time to chug coffee and iMPROVE MYSELF.

^
Me on a regular basis.
last edit on Oct 28, 2018 16:45:05 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[newclass=".punkimainlesfriction"]width: 500px; height: 400px; background: #3D3E4D; border: 2px solid #B8BACD; border-radius: 2px; margin: auto;[/newclass]
[newclass=".punkitoplesfriction"]width: 350px; height: 80px; float: left; margin-top: -2px; margin-left: -2px; border-radius: 2px 0 0 0; background-image: url('http://placehold.it/350x80');[/newclass]
[newclass=".punkitoplesfriction .punkitrilesfriction"]width: 0; height: 0; border-top: 80px solid transparent; border-right: 350px solid #B8BACD;[/newclass]
[newclass=".punkitoplesfriction .punkitrilesfriction .punkiinlesfriction"]width: 0; height: 0; border-top: 78px solid transparent; border-right: 346px solid #3D3E4D; margin-top: -78px; margin-left: 4px;[/newclass]
[attr=class,punkimainlesfriction]
[attr=class,punkitoplesfriction]
[attr=class,punkitrilesfriction]
[attr=class,punkiinlesfriction]


meh
last edit on Oct 28, 2018 17:41:54 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[googlefont=Charmonman][googlefont=Old Standard TT][newclass=".punkimainrule"]width: 400px; background: #ebebeb; margin: auto; border-radius: 4px; text-align: center; padding-bottom: 25px;[/newclass][newclass=".punkiaccentwalk"]height: 100px; width: 400px; background: #f0f0f0; border-bottom: 4px solid #dfdfdf; border-radius: 4px 4px 0 0; overflow: hidden;[/newclass][newclass=".punkifirstlinerule"]padding-top: 36px; padding-right: 30px; text-align: right; padding-left: 104px; font-family: Charmonman; font-size: 25px; color: #7D9CB3; text-transform: lowercase; line-height: 25px; height: 25px;[/newclass][newclass=".punkisecondlinerule"]height: 12px; font-size: 12px; line-height: 12px; color: #7D9CB3; font-family: Old Standard TT; text-transform: uppercase; letter-spacing: 1px; padding-right: 30px;[/newclass][newclass=".punkiimagerule"]width: 150px; height: 150px; border: 4px solid #dfdfdf; border-radius: 50%; background-image: url('https://i.imgur.com/2Iv6hIJ.jpg'); float: left; margin-top: -81px; margin-left: -54px; overflow: hidden;[/newclass][newclass=".punkiimagerule:hover"]transition: 2s; transform: rotate(360deg);[/newclass][newclass=".punkihovernamerule"]transition: 0.5s; opacity: 0; width: 150px; height: 150px; background: rgba(255,255,255,0.75);[/newclass][newclass=".punkiimagerule:hover .punkihovernamerule"]opacity: 1;[/newclass][newclass=".punkinamerule"]line-height: 150px; text-transform :uppercase; letter-spacing: 1px; font-size: 11px; font-family: calibri; color: #424242;[/newclass][newclass=".punkiimagerule:hover .punkinamerule"]transition: 2s; transform: rotate(-360deg);[/newclass][newclass=".punkicountrule"]display: inline-block; padding: 5px; border: 2px solid #dfdfdf; background: #f8f8f8; font-size: 10px; line-height: 10px; text-transform: uppercase; letter-spacing: 1px; font-family: Calibri; position: relative; top: -13px; color: #a4a4a4;[/newclass][newclass=".punkibulkrule"]margin: 0 25px; margin-top: 1px; border-right: 2px solid #B8C4CD; padding-right: 10px; text-align: justify; color: #6e6e6e; font-size: 10px; line-height: 15px; font-family: verdana; padding-bottom: 5px;[/newclass][newclass=".punkitagsrule"]display: inline-block; float: right; padding: 5px; background: #B8C4CD; font-size: 10px; line-height: 10px; font-family: calibri; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; margin-right: 10px; margin-top: -5px;[/newclass]
[attr=class,punkimainrule]
[attr=class,punkiaccentwalk]
[attr=class,punkifirstlinerule]don't come find me
[attr=class,punkisecondlinerule]i won't be here waiting

[attr=class,punkiimagerule]
[attr=class,punkihovernamerule]
[attr=class,punkinamerule]character name
[attr=class,punkicountrule]words: ####
[attr=class,punkibulkrule]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet turpis neque. Donec id maximus elit. Curabitur luctus dolor nec congue vehicula. Maecenas auctor ante id tortor sodales mattis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ligula dui, ullamcorper id nunc ac, maximus dictum ex. Etiam ullamcorper massa ac leo pretium venenatis. In vestibulum congue felis, suscipit lacinia turpis tincidunt et. Ut maximus ligula massa, in ultricies elit facilisis eu. Curabitur posuere augue lacinia, vestibulum est vel, convallis lorem. Mauris non metus dapibus, ultricies elit nec, blandit lacus. Vivamus tempus odio quis enim ullamcorper elementum. Nunc vestibulum felis ut odio efficitur consequat. Phasellus leo lacus, sodales non mi eget, pretium ultricies leo. Donec vitae pharetra leo, in ultrices tortor. Nullam gravida at nisl sed condimentum.

Vestibulum efficitur eget dolor vitae ultrices. Donec ullamcorper ex in interdum accumsan. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec dictum ligula ut urna sodales efficitur. Fusce bibendum tellus vel lorem ultricies, elementum convallis tellus consectetur. Maecenas rhoncus augue ac molestie iaculis. Phasellus dignissim mauris at est porttitor condimentum. Quisque porta vitae arcu at feugiat. Fusce condimentum auctor mauris eget malesuada. Fusce congue, justo sed condimentum convallis, lectus nibh dictum dolor, non aliquet dolor lectus sed tortor. Phasellus congue metus ex, nec bibendum massa egestas quis. Duis pharetra eros vitae est sagittis, vel gravida arcu feugiat. Curabitur risus nisi, accumsan et quam et, porta porttitor quam. Phasellus gravida quis erat sed faucibus. Cras molestie, ipsum a dignissim molestie, tellus purus maximus purus, et dictum nibh erat a lacus. Aliquam gravida felis ut lacus euismod, consectetur pretium arcu congue.
[attr=class,punkitagsrule]@ tags here
brought to you by punki
last edit on Oct 28, 2018 20:47:16 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[googlefont=Charmonman][newclass=".punkicode"]background: #fbfbfb; width: 300px; margin: auto; padding: 50px; background-image: url('https://i.imgur.com/7nqw0mz.jpg'); background-size: 200px 400px; background-repeat: no-repeat; background-position: -60px -30px;[/newclass][newclass=".punkicodeinner"]height: 170px; border: 1px solid #e6e6e6; background: #fbfbfb; padding: 15px; text-align: justify; font-size: 10px; line-height: 15px; color: #a0a0a0; font-family: verdana;[/newclass][newclass=".punkicodetitle"]font-family: Charmonman; font-size: 25px; line-height: 25px; display: inline-block; float: right; background: #fbfbfb; padding: 0 15px; color: #a4a4a4; margin-right: 20px; margin-top: -30.5px;[/newclass]
[attr=class,punkicode]
[attr=class,punkicodeinner]
[attr=class,punkicodetitle]title here
blah blah blahbity blah
last edit on Oct 28, 2018 20:43:29 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[googlefont=Oswald][newclass=".punkitakedown"]width: 400px; height: 500px; margin: auto; overflow: hidden;[/newclass][newclass=".punkitakedownimage"]background: url('https://i.imgur.com/kK5grnW.jpg');[/newclass][newclass=".punkitakedownalpha"]width: 400px; height: 270px; padding-top: 230px; background: rgba(0,0,0,0.4);[/newclass][newclass=".punkitakedowntilt"]width: 1000px; height: 30px; background: #1a1a1a; transform: rotate(-51.5deg); margin-top: -90px; margin-left: -225px;[/newclass][newclass=".punkitakedownmain"]width: 280px; height: 350px; background: #1f1f1f; float: left; margin-top: -155px; margin-left: 60px; position: relative; z-index: 2; overflow: hidden;[/newclass][newclass=".punkitakedowncirc"]width: 200px; height: 200px; border: 1px solid #2a2a2a; border-radius: 50%; float: left; margin-top: -180px; margin-left: 39px;[/newclass][newclass=".punkitakedownline1"]font-family: Oswald; font-size: 15px; line-height: 15px; text-transform: uppercase; letter-spacing: 1px; color: #e6e6e6; float: left; margin-left: 20px; margin-top: -65px;[/newclass][newclass=".punkitakedownline2"]font-family: Oswald; font-size: 12px; line-height: 12px; text-transform: uppercase; color: #e6e6e6; float: right; margin-right: 20px; margin-top: -47px; letter-spacing: 1px;[/newclass][newclass=".punkitakedownbigcirc"]width: 400px; height: 400px; border: 1px solid #2a2a2a; border-radius: 50%; margin-top: 120px; margin-left: -60px;[/newclass][newclass=".punkitakedownavvie"]width: 100px; height: 100px; border-radius: 50%; position: relative; top: -50px; margin: auto; background: url('https://i.imgur.com/zTISRhJ.jpg');[/newclass]
[attr=class,punkitakedown punkitakedownimage]
[attr=class,punkitakedownalpha]
[attr=class,punkitakedownmain]
[attr=class,punkitakedowncirc]
[attr=class,punkitakedowncirc]
[attr=class,punkitakedowncirc]
[attr=class,punkitakedownline1]falling is the only out i see
[attr=class,punkitakedownline2]don't wanna take you down with me
[attr=class,punkitakedowntilt]


I might come back to this later? It's not doin' it for me. >.>
last edit on Oct 29, 2018 18:09:17 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[newclass=".punkiiris"]width: 400px; height: 400px; margin: auto; background: #C5B3DF; overflow: hidden;[/newclass][newclass=".punkiirishover"]transition: 0.5s;[/newclass][newclass=".punkiirisimage"]background: url('https://i.imgur.com/qmOrTbZ.jpg'); height: 220px; padding: 15px; overflow: hidden;[/newclass][newclass=".punkiirisslant"]width: 0; height: 0; border-top: 50px solid transparent; border-right: 410px solid #AA9AC0; float: right; margin-top: -50px;[/newclass][newclass=".punkiirisslant div"]width: 0; height: 0; border-top: 50px solid transparent; border-right: 410px solid #C5B3DF; margin-top: -48px;[/newclass][newclass=".punkiiriscount"]display: inline-block; background: #C5B3DF; padding: 5px; font-family: calibri; font-size: 10px; line-height: 10px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; float: left;[/newclass]
[attr=class,punkiirishover]
[attr=class,punkiiris]
[attr=class,punkiirisimage]
[attr=class,punkiiriscount]#### WORDS
[attr=class,punkiirisslant]
last edit on Oct 29, 2018 19:49:03 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[nospaces]
[googlefont=Open Sans Condensed:300,700]

[newclass=".punkiwof"]width: 500px; padding-bottom: 38px; margin: auto;[/newclass]

[newclass=".punkiwofmainbg"]background: #f0f0f0;[/newclass]

[newclass=".punkiwoflarge"]height: 300px; background: url('https://i.imgur.com/hJosQxH.jpg'); background-size: 500px 300px;[/newclass]

[newclass=".punkiwofavvie"]float: left; height: 120px; width: 120px; border: 20px solid #f2f2f2; border-radius: 50%; margin-left: -50px; margin-top: -100px; background: url('https://i.imgur.com/f1xQw2u.jpg'); background-size: cover;[/newclass]

[newclass=".punkiwoflargeinner"]height: 248px; border: 1px solid rgba(255,255,255,0.5); background-position: -51px -51px; position: relative; z-index: 1; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);[/newclass]

[newclass=".punkiwofslant"]width: 0; height: 0; border-top: 50px solid transparent; border-right: 500px solid #f0f0f0; margin-top: -50px; margin-left: -50px; position: relative; z-index: 2;[/newclass]

[newclass=".punkiwofmain"]margin: 0 76px; margin-top: -120px; position: relative; z-index: 3; min-height: 300px; padding: 20px; background: #f2f2f2; border: 1px solid #e2e2e2; font-family: verdana; color: #9A8A8A; font-size: 10px; line-height: 15px; text-align: justify;[/newclass]

[newclass=".punkiwofavvie div"]width: 114px; height: 114px; border: 6px solid #A68D8D; border-left-color: transparent; border-right-color: transparent; border-radius: 50%; position: relative; top: -3px; left: -3px; transform: rotate(45deg); transition: 0.75s;[/newclass]

[newclass=".punkiwof:hover .punkiwofavvie div"]transform: rotate(-45deg);[/newclass]

[newclass=".punkiwoflyrics"]float: right; margin-top: 13px; width: 270px; padding: 25px 0; line-height: 25px; font-size: 25px; color: #f2f2f2; text-transform: uppercase; letter-spacing: 1px; font-family: 'Open Sans Condensed'; text-align: center; word-spacing: -1px; font-weight: bold; text-shadow: 0px 0px 4px rgba(0,0,0,0.6);[/newclass]

[newclass=".punkiwoflyrics div"]width: 167px; height: 1px; background: rgba(255,255,255,0.5); margin: auto; margin-top: 3px;[/newclass]

[newclass=".punkiwofwordcount"]display: inline-block; margin-top: -10px; margin-right: -10px; font-family: calibri; font-size: 10px; line-height: 10px; letter-spacing: 1px; color: #9A8A8A; text-transform: uppercase; padding: 5px; border-right: 1px solid #e2e2e2; margin-bottom: 10px;[/newclass]

[newclass=".punkiwofextra"]line-height: 12px; padding: 5px; font-family: calibri; font-size: 11px; letter-spacing: 1px; color: #9A8A8A; margin: 0 101px; margin-top: 16px; text-align: center; text-transform: uppercase; [/newclass]

[newclass=".punkiwofleft"]width: 50px; height: 50px; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; float: left; margin-left: 50px; margin-top: -24px;[/newclass]

[newclass=".punkiwofright"]width: 50px; height: 50px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; float: right; margin-right: 50px; margin-top: -24px;[/newclass]

[newclass=".punkiwofcredit"]width: 500px; margin: auto; line-height: 20px; text-align: right; font-family: calibri; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #a4a4a4;[/newclass]

[newclass=".punkiwofcredit a"]font-size: inherit; font-family: inherit; color: #A68585; font-weight: bold;[/newclass]

[attr=class,punkiwof punkiwofmainbg]
[attr=class,punkiwoflarge]
[attr=class,punkiwoflarge punkiwoflargeinner]
[attr=class,punkiwoflyrics]world on fire

with a smoking sun
[attr=class,punkiwofslant]
[attr=class,punkiwofmain]
[attr=class,punkiwofavvie]

[attr=class,punkiwofwordcount]285 words

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum erat justo, interdum ac mollis sit amet, mattis nec justo. Etiam quis mattis orci. Integer id ante eu erat blandit eleifend. Nulla facilisi. Mauris varius arcu quis orci faucibus ornare. Nulla pellentesque feugiat lacus, vel tincidunt quam laoreet et. Nunc ac justo eget sem rutrum maximus nec sit amet tellus. Proin vel ornare risus, sit amet porttitor purus. Integer tincidunt sapien sed congue iaculis. Proin posuere, massa sit amet aliquam aliquam, enim purus euismod ligula, at ornare magna purus ac dolor. Quisque bibendum, ante sed varius condimentum, ligula est iaculis est, et tincidunt nisi diam id ipsum. Donec quam erat, cursus ut ante non, cursus dignissim leo. Proin accumsan laoreet diam sit amet fermentum. Sed porta posuere sapien a malesuada. Ut lorem urna, pretium sed ultricies sed, tempus in neque. Nullam tincidunt, lorem vel vehicula tincidunt, massa metus rhoncus massa, et sodales mi mi sollicitudin metus.
[break][break]
Ut hendrerit accumsan purus, placerat cursus mauris molestie in. Maecenas non condimentum risus. Aliquam volutpat vel justo commodo dictum. Pellentesque tristique mollis velit, nec efficitur nisl vestibulum interdum. Cras nec mauris volutpat tortor interdum mattis nec ac massa. Curabitur consectetur libero vel eros convallis ultricies vitae a nulla. Suspendisse dapibus elit ut nisi aliquet, non pharetra urna dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis risus in lacus rhoncus pellentesque. Nullam sodales, erat vitae dictum varius, erat quam ultrices urna, a placerat sapien ipsum eu urna. In erat leo, consectetur vel tincidunt sed, bibendum ut nisl. Phasellus luctus scelerisque fringilla. Proin nec condimentum nisl, vel porta nulla. Aenean in commodo eros, eget pulvinar purus. Quisque imperdiet ligula sem, ut auctor enim tempor ut. Nunc non luctus augue.
[attr=class,punkiwofleft]
[attr=class,punkiwofright]
[attr=class,punkiwofextra]@ tags here
[attr=class,punkiwofcredit]by punki
last edit on Nov 28, 2018 18:56:07 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[nospaces][googlefont=Caveat][googlefont=Open Sans Condensed]

[newclass=".punkisun"]width: 500px; min-height: 300px; background: #ffffff; margin: 16px auto;[/newclass]

[newclass=".punkisuntopper"]min-height: 150px; background: #E5E0E9; [/newclass]

[newclass=".punkisunicon"]width: 130px; height: 130px; padding: 10px; background: url('https://i.imgur.com/4yeXy7G.jpg');[/newclass]

[newclass=".punkisunlyrics"]width: 300px; height: 66px; margin: auto; font-family: Caveat; font-size: 26px; line-height: 26px; text-align: center; color: #ffffff; text-transform: lowercase; padding: 17px 0; text-shadow: 0px 0px 2px rgba(0,0,0,0.15);[/newclass]

[newclass=".punkisunlyrics span"]font-family: Open Sans Condensed; font-size: 40px; line-height: 40px; text-transform: uppercase; letter-spacing: -2px;[/newclass]

[newclass=".punkisunaccent"]margin: 0 25px; height: 10px; margin-top: -5px; background: #F0ECF3;[/newclass]

[newclass=".punkisuntopcorner"]float: left; margin-top: -16px; margin-left: -16px; border: 1px solid #E5E0E9; border-bottom: none; border-right: none; width: 50px; height: 75px;[/newclass]

[newclass=".punkisunbottomcorner"]float: right; margin-top: -59px; margin-right: -16px; border: 1px solid #E5E0E9; border-top: none; border-left: none; width: 50px; height: 75px;[/newclass]

[newclass=".punkisunth"]width: 0; height: 1px; background: #F6F1F8; transition: 0.75s; transition-delay: 1.75s;[/newclass]

[newclass=".punkisun:hover .punkisunth"]transition-delay: 0s; width: 302px;[/newclass]

[newclass=".punkisunlh"]float: left; height: 0; width: 1px; background: #F6F1F8; transition: 0.5s; margin-top: 100px;[/newclass]

[newclass=".punkisun:hover .punkisunlh"]transition-delay: 2s; height: 100px; margin-top: 0px;[/newclass]

[newclass=".punkisunrh"]float: right; width: 1px; height: 0; background: #F6F1F8; transition: 0.5s; transition-delay: 1.25s;[/newclass]

[newclass=".punkisun:hover .punkisunrh"]transition-delay: 0.75s; height: 101px;[/newclass]

[newclass=".punkisunbh"]width: 0; height: 1px; background: #F6F1F8; transition: 0.75s; transition-delay: 0.5s; margin-left: 300px;[/newclass]

[newclass=".punkisun:hover .punkisunbh"]transition-delay: 1.25s; width: 301px; margin-left: 0px;[/newclass]

[attr=class,punkisun]
[attr=class,punkisuntopcorner]
[attr=class,punkisuntopper]
[attr=class,punkisunth]
[attr=class,punkisunlh]
[attr=class,punkisunrh]
[attr=class,punkisunlyrics]she always wakes up[break]late on sunday
[attr=class,punkisunbh]
[attr=class,punkisunicon]
[attr=class,punkisunaccent]
[attr=class,punkisunbottomcorner]
last edit on Nov 29, 2018 2:30:51 GMT by punki