write a reply

04. gradual repetition

frog on the floor
aliasfreiheit, microwaved burrito
pronounsany
1,511written posts
pharaoh leapearned bits
offlinecurrently
pharaoh leap
Administrator
pharaoh leap Avatar
i've been having some pretty dark thoughts.
[nospaces]

[attr="class","lppromised"]
[attr="class","lppromised1"]
[attr="class","lppromised2"]
[attr="class","lppromisedtitle"]GRADUAL[break]REPETITION

[attr="class","lppromisedblurb"]



TEMPLATE TYPE your choosing[break]
COLOR + PALETTES your choosing[break]
CHALLENGE TYPE create a template using a gradient, a pattern, and a non-square image[break][break]

Whatever template you so desire, with your template freedom traded in for a triple requirement! Your template should include one gradient (although you're welcome to use that gradient in more than one place), which can include whichever colors and however many colors you so desire, a seamless pattern, and an image of any size so long as it isn't a square or a circular icon. 150x100 is fine; a 100x100 diamond is fine; any 1 to 1 ratio size, however, is off the table, and no border-radius:100% can save you now.




[googlefont=Roboto Condensed:300,400,700][googlefont=Roboto:400,700,800][googlefont=Rajdhani:400,700]
[newclass=.lppromised]padding:9px;border:solid 1px #e5e5e5;background-color:#f9f9f9;width:380px;[/newclass]
[newclass=.lppromised1]padding:20px;background-image:url(https://image.ibb.co/cijxkS/dark_spots2.png);[/newclass]
[newclass=.lppromised2]padding:25px;background-color:#f9f9f9;color:#5f5f5f;text-align:justify;font:11px Roboto;text-transform:uppercase;[/newclass]
[newclass=.lppromisedtitle]padding-right:10px;display:inline-block;font:35px Roboto Condensed;font-weight:700!important;letter-spacing:-.5px;color:#e5e5e5;line-height:30px;padding-bottom:25px;border-bottom:solid 5px #eeeeee;margin-bottom:25px;[/newclass]
[newclass=.lppromisedblurb]padding-bottom:30px;text-transform:lowercase;[/newclass]
[newclass=.lppromisedblurb b]color:#111111;[/newclass]
[newclass=.lppromisedblurb a]font:bold 11px Roboto;color:#999999;border-bottom:solid 1px #111111;[/newclass]
[newclass=.lppromisedleft]font:bold 10px Rajdhani;line-height:10px;text-align:left;color:#bbbbbb;padding:0px!important;width:30%;vertical-align:top;[/newclass]
[newclass=.lppromisedleft a]font:bold 10px Rajdhani;color:#111111;line-height:10px;[/newclass]
[newclass=.lppromisedright]padding:0px 0px 10px 15px!important;vertical-align:top;font:bold 10px Rajdhani;line-height:10px;text-align:left;color:#bbbbbb;[/newclass]
eepy cosy
aliasmae
pronounsthey/he
1,569written posts
M A E !earned bits
offlinecurrently
M A E !
Part of the Furniture
M A E ! Avatar
one step beyond your door, it might as well have been a free fall
i don't think i'm going to necessarily post the template here for free usage (mostly because i kind of want to use it for myself here!) but here is the image for it (since i have yet to,, convert it to pb oops let me live) edited to contain the full converted template!

as you can see, the two colored bars are gradients that go opposite ways, along with a repeating pattern image used as a background accent in two different places! this is the first template i've made in a while and i'm honestly impressed with how much i remembered so despite it not looking very impressive, i'm happy with it.


[attr="class","seawrap"]
[attr="id","seaweed"]
[attr="class","seabed"]
[attr="class","seafoam_1"]
[attr="class","seagradient_1"]

[attr="class","seame_border"]
[attr="class","seame_icon"]


[attr="class","seagradient_2"]


[attr="class","seatext_box"]
[attr="class","seatext_type"]lorem ipsum "whaddup paddywhack" gotta go take a bath nevermind my cat's in there meowing while he shaves his hair.

[attr="class","seafoam_2"]


[attr="class","maecredit"]made by mae

of pixel perfect.




[googlefont="Encode Sans Condensed"]

[newclass=.seawrap]width: 400px;height: auto;margin-bottom: -275px;[/newclass]
[newclass=#seaweed]--sally: linear-gradient(to bottom right, #b9f1a2, #a6f5a6, #a3f1be);--sells: linear-gradient(to bottom right, #a3f1be, #a6f5a6, #b9f1a2);--seashells: #6BCE99;[/newclass]
[newclass=.seabed]width: 375px;height: auto;background-color: #F1F1F1;border: 1px solid #F1F1F1;[/newclass]
[newclass=.seafoam_1]height: auto;width: 300px;background-image: url(https://images2.imgbox.com/28/b6/ltoa4F2B_o.jpg);background-size: 125px 125px;background-repeat: repeat;padding: 25px;[/newclass]
[newclass=.seafoam_2]height: 5px;width: 300px;background-image: url(https://images2.imgbox.com/28/b6/ltoa4F2B_o.jpg);background-size: 125px 125px;background-repeat: repeat;padding: 25px;[/newclass]
[newclass=.seagradient_1]height: 15px;width: 305px;background: var(--sally);margin-bottom: -15px;[/newclass]
[newclass=.seame_border]height: 80px;width: 80px;background-color: #F1F1F1;-webkit-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);margin-top: -20px;[/newclass]
[newclass=.seame_icon]height: 75px;width: 75px;background-image: url(https://images3.imgbox.com/2d/74/CCyZlJmu_o.png);background-size: 75px 75px;-webkit-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);margin-top:-15px;[/newclass]
[newclass=.seagradient_2]height: 15px;width: 305px;background: var(--sells);margin-top: -25px;[/newclass]
[newclass=.seatext_box]width: 325px;height: auto;background-color: #F1F1F1;padding-left: 25px;padding-right: 25px;padding-top: 5px;padding-bottom: 5px;margin-top: 15px;margin-bottom: 15px;[/newclass]
[newclass=.seatext_type]color: #393939;text-align: justify;font-size: 13px;font-family: 'Encode Sans Condensed', sans-serif;line-height: 11px;[/newclass]
[newclass=.seatext_type b]color: var(--seashells);[/newclass]
[newclass=.seatext_type i]text-shadow: 1px 1px 1px var(--seashells);[/newclass]
[newclass=.maecredit]font-family: 'Encode Sans Condensed', sans-serif;text-align: left;text-transform: uppercase;font-size: 9px;margin-left: 15px;line-height: 5px;letter-spacing: 2px;margin-top: -5px;[/newclass]
[newclass=.maecredit a]color: #3b9b93;[/newclass]
last edit on Jul 6, 2018 20:10:16 GMT by M A E !
352written posts
vonearned bits
offlinecurrently
von
Senior Member
von Avatar
the design suddenly came to me while i was reading this post after my calculus class damn. and like everything else, i have to tattoo it constantly in my mind bc the Muses likes to play with me and give me muse on the most awkward times.
[googlefont="Muli"]

[nospaces]
[newclass=".eclps"]width:500px; border-radius:3px; overflow:hidden; box-shadow:#e5e5e5 0 0 10px; margin:0 auto;[/newclass]
[newclass=".ecl-bg"]background:linear-gradient(to left, #c0d4ec, #d1efea, #d1efea); height:150px; position:relative; overflow:hidden;[/newclass]
[newclass=".ecl-img"]background:url(https://images2.imgbox.com/53/2e/uqvhare7_o.png) #fcfcfc center; width:75px; height:150px; top:0; left:0; position:absolute; z-index:4;[/newclass]
[newclass=".imeff"]position:absolute; z-index:0; top:-10px; left:-47px; width:170px; height:170px; background:rgba(55,55,55,0.1); transform:rotate(45deg);[/newclass]
[newclass=".img-c"]margin:0 0 0 0px; position:relative; z-index:4; width:110px; height:110px; padding:20px; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background:url(https://images2.imgbox.com/53/2e/uqvhare7_o.png) #fcfcfc center;[/newclass]
[newclass=".img-c2"]width:100px; height:100px; background:#fefefe; padding:5px; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);[/newclass]
[newclass=".ecl-img img"]width:100px; height:100px; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);[/newclass]
[newclass=".ecl-pst"]background:#fefefe; padding:5px; margin:25px 25px 25px 190px; [/newclass]
[newclass=".eclp-cn"]border:#e9e9e9 dashed 1px; margin:0 0 0 0; padding:15px;[/newclass]
[newclass=".post-ecl"] font:11px/110% inconsolata; text-align:justify; height:60px; overflow:auto; padding:0 5px 0 0;[/newclass]
[newclass=".post-ecl b"]font:bold italic 15px inconsolata; color:#77a8e0;[/newclass]
[newclass=".post-ecl i"]font:11px inconsolata; color:#85b9b0;[/newclass]
[newclass=".post-ecl::-webkit-scrollbar"]width:7px; background:transparent; border-radius:5px;[/newclass]
[newclass=".post-ecl::-webkit-scrollbar-thumb"]border:#fff solid 1px;border-radius:5px; background:linear-gradient(to bottom, #c0d4ec, #d1efea);[/newclass]
[newclass=".post-ecl::-webkit-scrollbar-track"]border:none; background:transparent;[/newclass]

[attr="class","eclps"]
[attr="class","ecl-bg"]
[attr="class","ecl-img"]
[attr="class","img-c"]
[attr="class","img-c2"]


[attr="class","imeff"]

[attr="class","ecl-pst"]
[attr="class","eclp-cn"]
[attr="class","post-ecl"]
Bacon ipsum amet tongue pastrami short ribs biltong short loin corned beef, swine tail doner ball tip. Short ribs bresaola pork loin capicola doner, swine pastrami strip steak pancetta leberkas prosciutto picanha. Strip steak landjaeger jowl, ham porchetta pancetta corned beef tri-tip bacon. Turducken biltong.






[googlefont=Inconsolata:400,700]
last edit on Jul 11, 2018 11:29:03 GMT by von
frog on the floor
aliasfreiheit, microwaved burrito
pronounsany
1,511written posts
pharaoh leapearned bits
offlinecurrently
pharaoh leap
Administrator
pharaoh leap Avatar
i've been having some pretty dark thoughts.
The cotton candy template, I guess? This was a lot prettier in my head; honestly, I'm not... super proud... of how this came out. I also totally only used the song One Week for this, because with luck, tonight I'll be watching X-Files with no lights on. Wish me luck, guys. |D
[break][break]





[nospaces]

[attr="class","lponeweek"]
[attr="class","lponeweekgrad"]
[attr="class","lponeweekpatt"]
[attr="class","lponeweek1"]
[attr="class","lponeweekimg"]




[attr="class","lponeweekborder"]


[attr="class","lponeweeklyric"]IT'S BEEN ONE WEEK

[attr="class","lponeweeklyric1"]CAUSE IT'LL STILL BE TWO DAYS 'TIL WE SAY WE'RE SORRY


[attr="class","lponeweekline"]

[attr="class","lponeweekpost"]



It's been one week since you looked at me, cocked your head to the side, and said, โ€œI'm angry.โ€ Five days since you laughed at me, saying, โ€œGet back together? Come back and see me.โ€ Three days since the living room โ€“ I realized it's all my fault, but couldn't tell you. Yesterday, you'd forgiven me, but it'll still be two days 'til I say I'm sorry.[break][break]

Hold it now and watch the hoodwink as I make you stop, think. You'll think you're looking at Aquaman. I summon fish to the dish. Although I like the Chalet Swiss, I like the sushi 'cause it's never touched a frying pan. Hot like wasabi when I bust rhymes. Big like Leann Rimes, because I'm all about value. Bert Kaempfert's got the mad hits. You try to match wits. You try to hold me, but I bust through. Gonna make a break and take a fake. I'd like a stinkin' achin' shake. I like vanilla โ€“ it's the finest of the flavors! Gotta see the show, 'cause then you'll know the vertigo is gonna grow, 'cause it's so dangerous, you'll have to sign a waver.[break][break]

How can I help it if I think it's funny when you're mad? Trying hard not to smile, though I feel bad. I'm the kinda guy who laughs at a funeral. Can't understand what I mean? Well, you soon will. I have a tenancy to wear my mind on my sleeve โ€“ I have a history of taking off my shirt.[break][break]

It's been one week since you looked at me, threw your arms in the air, and said, โ€œYou're crazy!โ€ Five days since you tackled me. I've still got the rug burns on both my knees. It's been three days since the afternoon you realized it's not my fault not a moment too soon. Yesterday, you'd forgiven me, and now I'll sit back and wait 'til you say you're sorry.[break][break]

Chickity China, the Chinese Chicken. You have a drumstick, and your brain starts tickin'. Watchin' X-Files with no lights on, we're dans la maison. I hope the Smoking Man's in this one. Like Harrison Ford, I'm getting frantic. Like Sting, I'm tantric. Like Snickers: guaranteed to satisfy. Like Kurosawa, I make mad films. โ€ฆ 'Kay, I don't make films, but if I did, they'd have a samurai. Gonna get a set of better clubs. Gonna find the kind with tiny nubs just so my irons aren't always flying off the back swing. Gotta get in tune with Sailor Moon 'cause that cartoon has got the โ€œboom anime babesโ€ that make me think the wrong things.[break][break]

How can I help it if I think you're funny when you're mad? Trying hard not to smile, though I feel bad. I'm the kinda guy who laughs at a funeral. Can't understand what I mean? You soon will. I have a tenancy to wear my mind on my sleeve โ€“ I have a history of losing my shirt.[break][break]

It's been one week since you looked at me, dropped your arms to your sides, and said, โ€œI'm sorry.โ€ Five days since I laughed at you and said, โ€œYou just did just what I thought you were gonna do!โ€ Three days since the living room: we realized we're both to blame, but what could we do? Yesterday, you just smiled at me, 'cause it'll still be two days 'til we say we're sorry. It'll still be two days 'til we say we're sorry. It'll still be two days 'til we way wasabi. Birchmount Stadium, home of the Robbie.




[attr="class","lponeweektag"]
[attr="class","lponeweektag1"]
[attr="class","lponeweektagpatt"]
[attr="class","lponeweektag2"]WRITTEN FOR


+



[googlefont=Comfortaa:300,400,700][googlefont=Hammersmith One][googlefont=Raleway:800]
[newclass=.lponeweek]width:550px;padding:14px;border:solid 1px #dddddd;background-color:#f3f3f3;color:#222222;font:10px Verdana;text-align:justify;[/newclass]
[newclass=.lponeweekgrad]background-color:#f58ed3;background:linear-gradient(to bottom, #f58ed3, #a1c9d4);[/newclass]
[newclass=.lponeweekpatt]background-image:url(https://image.ibb.co/dBdfHT/light_spotss.png);background-attachment:fixed;padding:20px;[/newclass]
[newclass=.lponeweek1]padding:30px;background-color:#f3f3f3;[/newclass]
[newclass=.lponeweekimg]width:450px;height:225px;[/newclass]
[newclass=.lponeweekimg img]height:225px;width:450px;[/newclass]
[newclass=.lponeweekimg div]height:225px;width:450px;position:absolute;background-image:url(https://image.ibb.co/dBdfHT/light_spotss.png);background-attachment:fixed;[/newclass]
[newclass=.lponeweekborder]height:0px;width:0px;border-left:solid 225px #f3f3f3;border-right:solid 225px #f3f3f3;border-top:solid 30px transparent;border-bottom:solid 0px transparent;margin-top:-30px;position:relative;z-index:1;[/newclass]
[newclass=.lponeweeklyric]font:35px Comfortaa;line-height:30px;text-align:center;margin-top:25px;padding-top:5px;letter-spacing:1.5px;color:#60a6d1;background:linear-gradient(to bottom, #a1c9d4, #f58ed3);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-moz-background-clip: text;-moz-text-fill-color: transparent;[/newclass]
[newclass=.lponeweeklyric1]font:7px Raleway;font-weight:800!important;line-height:8px;letter-spacing:4px;padding:5px 0px 0px 3px;text-align:center;[/newclass]
[newclass=.lponeweekline]height:3px;background-color:#f58ed3;background:linear-gradient(to right, #f58ed3, #a1c9d4);opacity:.35;margin:30px 185px 30px 185px;[/newclass]
[newclass=.lponeweekpost]padding:0px 20px;[/newclass]
[newclass=.lponeweekpost font]font:bold 13px Comfortaa;line-height:14px;color:#60a6d1;text-transform:lowercase;[/newclass]
[newclass=.lponeweekpost b]color:#999999;[/newclass]
[newclass=.lponeweektag]margin-top:25px;height:40px;[/newclass]
[newclass=.lponeweektag1]width:100px;background-color:#60a6d1;background:linear-gradient(to right, #60a6d1, #a1c9d4);border-left:solid 3px #f58ed3;float:right;color:#f3f3f3;font:10px Hammersmith One;overflow:hidden;white-space:nowrap;text-transform:uppercase;-webkit-transition-duration:.4s;transition-duration:.4s;-moz-transition-duration:.4s;[/newclass]
[newclass=.lponeweektagpatt]background-attachment:fixed;background-image:url(https://image.ibb.co/dBdfHT/light_spotss.png);padding:15px 0px;[/newclass]
[newclass=.lponeweektag2]float:left;width:100px;text-align:center;[/newclass]
[newclass=.lponeweektag1 a]font:10px Hammersmith One!important;color:#f3f3f3!important;[/newclass]
[newclass=.lponeweek:hover .lponeweektag1]width:275px;[/newclass]
last edit on Jul 12, 2018 15:32:58 GMT by pharaoh leap
แ••( แ› )แ•—
aliasthat bitch.
pronouns"that bitch" still works tbh (any OK!)
551written posts
selkieearned bits
offlinecurrently
selkie
Part of the Furniture
selkie Avatar
a verb in perfect view.
ok sssssssssso i started coding something else and got bored with it, but i still wanted to code, so i made this instead. you can tell how late it was when i coded each element by how messy it is. [break][break]

[nospaces][googlefont=Roboto:300,900]

[attr="class","selkPost"]
[attr="class","selkBorder"]
[attr="class","selkHeader"]

[attr="class","selkIcon"]

[attr="class","selkTriangle2"]

[attr="class","selkTriangle3"]

[attr="class","selkBody"]
lorem ipsum dolor sit amet, consectetur adipiscing elit. nam a est pretium, aliquet sem et, elementum metus. curabitur ac efficitur mi. sed sit amet odio dignissim, pellentesque turpis a, volutpat mauris. nullam id feugiat quam. curabitur scelerisque elit eget diam tempor scelerisque. nullam a sapien lorem. morbi et semper metus. vestibulum mi ligula, vehicula at tincidunt sed, laoreet ac odio. donec lobortis, dui sit amet viverra fringilla, augue libero congue sem, in placerat dolor arcu sit amet purus. sed ligula urna, hendrerit quis ultricies et, imperdiet in orci. fusce luctus, metus ut maximus faucibus, dui ligula aliquet diam, sed ultrices eros turpis non ante. [break][break]



suspendisse et euismod lectus. orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. aliquam sodales quis dui quis ultricies. duis varius, ex at consequat pretium, elit arcu hendrerit risus, a volutpat est leo vel erat. sed nec dolor eu velit vehicula suscipit a et enim. maecenas fringilla odio felis, vel vulputate mauris commodo id. donec fringilla, ante sed aliquet bibendum, ante nulla congue sem, eu volutpat ex lectus a erat. pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. vestibulum accumsan commodo dui, et posuere nisi consectetur quis. maecenas aliquet suscipit lacus. fusce mattis rutrum nisi vitae finibus. pellentesque hendrerit malesuada orci, at ullamcorper velit tincidunt sed. quisque tristique nisi eget lobortis accumsan. vivamus in molestie ligula, eu placerat ipsum. in id urna in augue venenatis pellentesque. [break][break]



curabitur tincidunt pharetra orci eu semper. morbi ut imperdiet lorem. etiam et ullamcorper elit. aliquam at leo risus. mauris tempor massa quis sem mollis iaculis. morbi venenatis nunc ac leo iaculis, eu pellentesque neque rutrum. suspendisse placerat molestie justo vitae iaculis. cras egestas accumsan ante, ut scelerisque metus auctor ut. vivamus ut volutpat risus.

[attr="class","selkFooter"]





[newclass=.selkPost] width:400px; background-color:#fafafa; border:1px solid #eee; padding:10px; [/newclass]
[newclass=.selkHeader] width:100%; height:100px; background: rgb(247,202,201); background: linear-gradient(90deg, rgba(247,202,201,1) 0%, rgba(145,168,208,1) 100%); display:flex; [/newclass]
[newclass=.selkHeader::before] content:''; position:absolute; margin-left:auto; height:100px; width:400px; background-image:url(https://image.ibb.co/g9M9pT/13b.png); opacity:.25; [/newclass]
[newclass=.selkIcon] width:155px; height:120px; background-color:#fafafa; margin-top:-110px; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); [/newclass]
[newclass=.selkIcon::before] content:''; width:125px; height:100px; background-image:url(http://placehold.it/125x125/91A8D0/fff); position:absolute; margin-top:10px; margin-left:-62.5px; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); [/newclass]
[newclass=.selkTriangle2] width:95px; height:95px; background-color:#fafafa; position:absolute; margin-top:-92px; margin-left:89px; -webkit-clip-path: polygon(50% 75%, 0 0, 100% 0); clip-path: polygon(50% 75%, 0 0, 100% 0); [/newclass]
[newclass=.selkTriangle2::before] content:''; width:75px; height:75px; background-image:url(https://image.ibb.co/g9M9pT/13b.png); background-color:#f1f1f1; position:absolute; margin-top:7px; margin-left:-34px; -webkit-clip-path: polygon(50% 75%, 0 0, 100% 0); clip-path: polygon(50% 75%, 0 0, 100% 0); [/newclass]
[newclass=.selkTriangle3] width:95px; height:95px; background-color:#fafafa; position:absolute; margin-top:-73px; margin-left:227px; -webkit-clip-path: polygon(50% 75%, 0 0, 100% 0); clip-path: polygon(50% 75%, 0 0, 100% 0); [/newclass]
[newclass=.selkTriangle3::before] content:''; width:75px; height:75px; background: linear-gradient(270deg, rgba(247,202,201,1) 0%, rgba(145,168,208,1) 100%); background-color:#f1f1f1; position:absolute; margin-top:7px; margin-left:-40px; -webkit-clip-path: polygon(50% 75%, 0 0, 100% 0); clip-path: polygon(50% 75%, 0 0, 100% 0); [/newclass]
[newclass=.selkBody] font:300 11px/15px roboto; color:#7a7a7a; text-align:justify; border-left:1px solid #eee; border-right:1px solid #eee; padding:0px 25px; margin:20px 25px 25px 25px; [/newclass]
[newclass=.selkBody b] font:900 13px/15px roboto; color:#000; background: linear-gradient(90deg, rgba(247,202,201,1) 0%, rgba(145,168,208,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#fff; [/newclass]
[newclass=.selkFooter] height:25px; background: linear-gradient(90deg, rgba(247,202,201,1) 0%, rgba(145,168,208,1) 100%); display:flex; align-items:center; justify-content:center; font:300 8px roboto; letter-spacing:.5px; color:#fff; text-transform:uppercase; [/newclass]
[newclass=.selkFooter a] font:300 8px roboto!important; letter-spacing:.5px; color:#fff!important; [/newclass]
last edit on Jul 26, 2018 6:39:53 GMT by selkie
weeping omens advertisement

all my proboards templates require the style tags plugin!