write a reply

[jc] Run The Show

Elemental Enthusiast
aliasMari
pronounsthey/them
981written posts
Mariearned bits
offlinecurrently
Mari
Part of the Furniture
Mari Avatar
eternally tired
[attr="class","tickrlz"]
[attr="class","tickrlh"]Rules

[attr="class","tickrules"]

1. Please don't remove or alter the credit.


2. Feel free to change fonts, colors, and images of my templates.


3. Please let me know if/where you use it, I'd love to see :3


4. Proboards version HERE


[HASH]ABCsofcode [HASH]Lightposting [HASH]accentcolor




[newclass=".tickrlz a"]color: #cbabcb !important;font-weight:bold;[/newclass][newclass=".tickrlz"]margin-top:50px;width: 250px;min-height: 100px;background-color: white;border-left: 27px solid #cbabcb;border-right: 27px solid #cbabcb;border-top: 17px solid white;border-bottom: 17px solid white;margin:0 auto;color: #c19bc1;[/newclass][newclass=".tickrlz b"]color: #cbabcb;font-family: milonga;[/newclass][newclass=".tickrules"]font-family:open sans;font-size:14px;margin-top:-25px;width: 240px;padding: 5px;[/newclass][newclass=".tickrlh"]font-size: 35px;line-height: 50px;margin-top: -15px;margin-bottom:10px;text-align: center; font-family: Milonga;text-shadow: 1px 1px #f4d8f9;[/newclass]
[googlefont=Milonga][googlefont=Open Sans][break][break][break]
[newclass=".runthecont"]--runtheshow_accent:#92176a;[/newclass]
[nospaces]
[attr="class","runthecont"]
[attr="class","runthehead"]Together we run the show

[attr="class","runtheshow"]bluh bluh text here this is bold and this is italic[break]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non ipsum ut purus fringilla sodales. Sed efficitur magna nec neque luctus fringilla. Aliquam iaculis porta nunc in malesuada. Sed tempus nulla feugiat nunc scelerisque condimentum. Etiam tempus magna quis dui dictum, vitae tincidunt lorem vehicula. Nam efficitur dignissim accumsan. Maecenas eget orci ut mi dictum elementum. Fusce dapibus pretium feugiat. Donec molestie mi velit, finibus imperdiet lectus blandit nec.

Nullam molestie magna accumsan dui luctus, quis laoreet mauris convallis. Nullam a condimentum nibh, et accumsan arcu. Ut convallis erat nec dolor aliquam consequat. Maecenas sagittis tellus sed erat porta, sed vulputate velit fringilla. Pellentesque sed ornare odio. Nam iaculis tempor consectetur. Duis viverra risus nec vulputate convallis. Fusce malesuada, elit vel mattis laoreet, justo ante elementum metus, quis suscipit sem lacus et nunc. Donec ac dolor cursus, viverra nunc vitae, luctus eros. Etiam ac nulla a ligula auctor tincidunt gravida lacinia urna. Integer ornare ligula hendrerit ultricies congue. Nunc suscipit dui massa, sed imperdiet arcu pretium vitae. Mauris sit amet lacinia lectus. Etiam velit augue, gravida eu aliquam nec, finibus in erat. Pellentesque quam arcu, tempus eget augue ac, bibendum maximus nulla. Proin rutrum vestibulum posuere.

Donec varius blandit lorem at egestas. Morbi vehicula orci in pellentesque vulputate. Fusce dapibus malesuada felis, nec feugiat felis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut venenatis nisi eu vehicula pharetra. Aliquam semper eget turpis eget tincidunt. Mauris molestie lectus in scelerisque pretium. Pellentesque ac viverra velit. Suspendisse cursus in eros in scelerisque. Vivamus nunc justo, porta at ornare in, efficitur a mi. Nam posuere imperdiet massa eget congue. Ut sed augue pharetra, imperdiet massa gravida, accumsan lectus. Aenean in iaculis lectus. Fusce mi tortor, molestie nec vulputate euismod, porta ac lectus. In ut nisi at lorem tincidunt condimentum.

Etiam scelerisque justo vitae libero tincidunt auctor. Phasellus dui eros, luctus quis finibus at, fringilla ut leo. Cras eu convallis tellus, non lobortis orci. Etiam tristique iaculis elit consectetur vestibulum. Sed at dictum tellus. Phasellus nec ex mi. Nulla facilisi. Proin at tincidunt est.

[attr="class","runthestats"]



[googlefont=Open Sans|Bitter|Lobster Two]

[newclass=".runthecont"]width:450px;height:600px;background-color:#ededed;border:1px solid #dedede;margin-right:auto;margin-left:auto;margin-top:160px;[/newclass][newclass=".runthehead"]width:500px;height:250px;margin-left:-25px;background-image:url(http://placehold.it/500x250);margin-top:-150px;border:1px solid #dedede;border-radius:10px;[/newclass][newclass=".runthehead span"]font-family:lobster two;font-size:30px;position:relative;top:210px;left:100px;color:var(--runtheshow_accent);text-shadow:1px 0px #ededed, 0px 1px #ededed, -1px 0px #ededed, 0px -1px #ededed;[/newclass][newclass=".runtheshow"]margin:6px auto;width:350px;height:450px;background-color:#ddd;border:1px solid #dedede;padding:5px;overflow:auto;font-family:open sans;color:#3d3d3d;font-size:14px;text-align:justify;[/newclass][newclass=".runtheshow b"]color:var(--runtheshow_accent);font-family:bitter;[/newclass][newclass=".runtheshow i"]color:rgba(61,61,61,0.5);font-family:bitter;[/newclass][newclass=".runtheshow::-webkit-scrollbar"]width:5px;[/newclass][newclass=".runtheshow::-webkit-scrollbar-track"]background-color:#ddd;[/newclass][newclass=".runtheshow::-webkit-scrollbar-thumb"]background-color:var(--runtheshow_accent);border-radius:2px;[/newclass][newclass=".runthestats"]font-family:lobster two;text-align:center;font-size:16px;color:var(--runtheshow_accent);text-transform:capitalize;[/newclass][newclass=".runthestats a"]font-family:lobster two;text-align:center;font-size:16px;color:var(--runtheshow_accent);[/newclass]
[break]
[dohtml]<style type="text/css">
.runthecont{
--runtheshow_accent:#92176a;
}
</style>

<div class="runthecont">
<div class="runthehead"><span>Together we run the show</span></div>
<div class="runtheshow">TEXT HERE</div>
<div class="runthestats">@[someone]</div>
</div>
<div style="width:550px;text-align:center;margin:0 auto;opacity:0.75;font-size:10px"><a href="http://pixel-perfect.boards.net/user/1151">thx</a></div>
<link href="https://fonts.googleapis.com/css?family=Bitter|Lobster+Two|Open+Sans&display=swap" rel="stylesheet">


<style type="text/css">
.runthecont{
width:450px;
height:600px;
background-color:#ededed;
border:1px solid #dedede;
margin-right:auto;
margin-left:auto;
margin-top:160px;
}
.runthehead{
width:500px;
height:250px;
margin-left:-25px;
background-image:url(http://placehold.it/500x250);
margin-top:-150px;
border:1px solid #dedede;
border-radius:10px;
}
.runthehead span{
font-family:lobster two;
font-size:30px;
position:relative;
top:210px;
left:100px;
color:var(--runtheshow_accent);
text-shadow:1px 0px #ededed, 0px 1px #ededed, -1px 0px #ededed, 0px -1px #ededed;
}
.runtheshow{
margin:6px auto;
width:350px;
height:450px;
background-color:#ddd;
border:1px solid #dedede;
padding:5px;
overflow:auto;
font-family:open sans;
color:#3d3d3d;
font-size:14px;
text-align:justify;
}
.runtheshow b{
color:var(--runtheshow_accent);
font-family:bitter;
}
.runtheshow i{
color:rgba(61,61,61,0.5);
font-family:bitter;
}
.runtheshow::-webkit-scrollbar{
width:5px;
}
.runtheshow::-webkit-scrollbar-track{
background-color:#ddd;
}
.runtheshow::-webkit-scrollbar-thumb{
background-color:var(--runtheshow_accent);
border-radius:2px;
}
.runthestats{
font-family:lobster two;
text-align:center;
font-size:16px;
color:var(--runtheshow_accent);
text-transform:capitalize;
}
.runthestats a{
font-family:lobster two;
text-align:center;
font-size:16px;
color:var(--runtheshow_accent);
}
</style>[/dohtml]
last edit on Jun 22, 2019 6:58:46 GMT -7 by Mari
write a reply

QUICK REPLY

WRITE YOUR POST DOWN BELOW