pastries | Recent Entries

( ARR, MATEYS )

Want to affiliate? Leave a comment!

i haven't been here in forEVER but some people may have noticed i still come back to help with edits. i'm still around... i just don't RP anymore, so i'm not on DW anymore. Much.

anyway, here's something foooorrr... AO3!! bc i'm still writing, and i figured it's High Time i had my own nice little layout. i Don't think the news pages are formatted, but i don't really read them so i'm not sure.

edit: major updates to the code. removed custom font sizes because it was interfering with the automatic scaling in ao3's base code for mobile settings. also beat off the buttons modifications aside from color and stuff, because it was annoying trying to get All The Buttons To Match. also fixed issue where the sidebar on other peoples' pages wasn't showing up properly.

violet lines

( Read more... )

chimney

wow, who is even still here HAHAHA but no hello lovelies. the need/desire to do a cr chart for sauron prompts a code dump, of course. it even scrolls.

word vomit

code.	<center><span style="font-size:24pt; font-family: georgia; color:#333; font-weight: bold; font-style: italic;">Header</span></center> <table width="600px" border="0" style="margin: 0 auto;"> <tr> <td><raw-code><div style="display:inline-table; width:200px; height:300px; border-radius:20px; -moz-border-radius: 20px; background: url(http://i.imgur.com/fdwRuZ8.png); margin: 10px 3px 3px 3px"><center><img src="ICON URL" style="height: 80px; width: 80px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius: 50%; margin: 10px 0 10px 0; padding:0; -webkit-box-shadow: -3px 4px 0 2px #808784; box-shadow: -3px 4px 0 2px #808784;"></center> <div style="margin: 0 auto; text-align:center; width:200px; background: #fff; -moz-opacity: 0.60; opacity: 0.60;padding: 3px 0; font-size: 8pt; font-family: lucida sans, lucida sans unicode; letter-spacing: 1px;"><span style="color:#000;">name</span> <span style="color:#555;">series</span></div> </raw-code><div style="margin: 20px auto 0 auto; text-align:justify; width:184px; height: 118px; background: #fff; -moz-opacity: 0.60; opacity: 0.60; padding: 6px 8px; font-size: 8pt; font-family: times new roman; letter-spacing: 1px; overflow:auto; line-height: 1.4em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet augue id commodo placerat. Mauris eget blandit ipsum. Curabitur rutrum mi urna, eu dictum mauris ullamcorper ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet augue id commodo placerat.</div></div></td> <td><raw-code><div style="display:inline-table; width:200px; height:300px; border-radius:20px; -moz-border-radius: 20px; background: url(http://i.imgur.com/fdwRuZ8.png); margin: 10px 3px 3px 3px"><center><img src="ICON URL" style="height: 80px; width: 80px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius: 50%; margin: 10px 0 10px 0; padding:0; -webkit-box-shadow: -3px 4px 0 2px #808784; box-shadow: -3px 4px 0 2px #808784;"></center> <div style="margin: 0 auto; text-align:center; width:200px; background: #fff; -moz-opacity: 0.60; opacity: 0.60;padding: 3px 0; font-size: 8pt; font-family: lucida sans, lucida sans unicode; letter-spacing: 1px;"><span style="color:#000;">name</span> <span style="color:#555;">series</span></div> </raw-code><div style="margin: 20px auto 0 auto; text-align:justify; width:184px; height: 118px; background: #fff; -moz-opacity: 0.60; opacity: 0.60; padding: 6px 8px; font-size: 8pt; font-family: times new roman; letter-spacing: 1px; overflow:auto; line-height: 1.4em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet augue id commodo placerat. Mauris eget blandit ipsum. Curabitur rutrum mi urna, eu dictum mauris ullamcorper ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet augue id commodo placerat.</div></div></td> <td><raw-code><div style="display:inline-table; width:200px; height:300px; border-radius:20px; -moz-border-radius: 20px; background: url(http://i.imgur.com/fdwRuZ8.png); margin: 10px 3px 3px 3px"><center><img src="ICON URL" style="height: 80px; width: 80px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius: 50%; margin: 10px 0 10px 0; padding:0; -webkit-box-shadow: -3px 4px 0 2px #808784; box-shadow: -3px 4px 0 2px #808784;"></center> <div style="margin: 0 auto; text-align:center; width:200px; background: #fff; -moz-opacity: 0.60; opacity: 0.60;padding: 3px 0; font-size: 8pt; font-family: lucida sans, lucida sans unicode; letter-spacing: 1px;"><span style="color:#000;">name</span> <span style="color:#555;">series</span></div> </raw-code><div style="margin: 20px auto 0 auto; text-align:justify; width:184px; height: 118px; background: #fff; -moz-opacity: 0.60; opacity: 0.60; padding: 6px 8px; font-size: 8pt; font-family: times new roman; letter-spacing: 1px; overflow:auto; line-height: 1.4em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet augue id commodo placerat. Mauris eget blandit ipsum. Curabitur rutrum mi urna, eu dictum mauris ullamcorper ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet augue id commodo placerat.</div></div></td> </tr> <tr> <td><raw-code><div style="display:inline-table; width:200px; height:300px; border-radius:20px; -moz-border-radius: 20px; background: url(http://i.imgur.com/fdwRuZ8.png); margin: 10px 3px 3px 3px"><center><img src="ICON URL" style="height: 80px; width: 80px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius: 50%; margin: 10px 0 10px 0; padding:0; -webkit-box-shadow: -3px 4px 0 2px #808784; box-shadow: -3px 4px 0 2px #808784;"></center> <div style="margin: 0 auto; text-align:center; width:200px; background: #fff; -moz-opacity: 0.60; opacity: 0.60;padding: 3px 0; font-size: 8pt; font-family: lucida sans, lucida sans unicode; letter-spacing: 1px;"><span style="color:#000;">name</span> <span style="color:#555;">series</span></div> </raw-code><div style="margin: 20px auto 0 auto; text-align:justify; width:184px; height: 118px; background: #fff; -moz-opacity: 0.60; opacity: 0.60; padding: 6px 8px; font-size: 8pt; font-family: times new roman; letter-spacing: 1px; overflow:auto; line-height: 1.4em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet augue id commodo placerat. Mauris eget blandit ipsum. Curabitur rutrum mi urna, eu dictum mauris ullamcorper ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet augue id commodo placerat.</div></div></td> <td><raw-code><div style="display:inline-table; width:200px; height:300px; border-radius:20px; -moz-border-radius: 20px; background: url(http://i.imgur.com/fdwRuZ8.png); margin: 10px 3px 3px 3px"><center><img src="ICON URL" style="height: 80px; width: 80px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius: 50%; margin: 10px 0 10px 0; padding:0; -webkit-box-shadow: -3px 4px 0 2px #808784; box-shadow: -3px 4px 0 2px #808784;"></center> <div style="margin: 0 auto; text-align:center; width:200px; background: #fff; -moz-opacity: 0.60; opacity: 0.60;padding: 3px 0; font-size: 8pt; font-family: lucida sans, lucida sans unicode; letter-spacing: 1px;"><span style="color:#000;">name</span> <span style="color:#555;">series</span></div> </raw-code><div style="margin: 20px auto 0 auto; text-align:justify; width:184px; height: 118px; background: #fff; -moz-opacity: 0.60; opacity: 0.60; padding: 6px 8px; font-size: 8pt; font-family: times new roman; letter-spacing: 1px; overflow:auto; line-height: 1.4em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet augue id commodo placerat. Mauris eget blandit ipsum. Curabitur rutrum mi urna, eu dictum mauris ullamcorper ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet augue id commodo placerat.</div></div></td> <td><raw-code><div style="display:inline-table; width:200px; height:300px; border-radius:20px; -moz-border-radius: 20px; background: url(http://i.imgur.com/fdwRuZ8.png); margin: 10px 3px 3px 3px"><center><img src="ICON URL" style="height: 80px; width: 80px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius: 50%; margin: 10px 0 10px 0; padding:0; -webkit-box-shadow: -3px 4px 0 2px #808784; box-shadow: -3px 4px 0 2px #808784;"></center> <div style="margin: 0 auto; text-align:center; width:200px; background: #fff; -moz-opacity: 0.60; opacity: 0.60;padding: 3px 0; font-size: 8pt; font-family: lucida sans, lucida sans unicode; letter-spacing: 1px;"><span style="color:#000;">name</span> <span style="color:#555;">series</span></div> </raw-code><div style="margin: 20px auto 0 auto; text-align:justify; width:184px; height: 118px; background: #fff; -moz-opacity: 0.60; opacity: 0.60; padding: 6px 8px; font-size: 8pt; font-family: times new roman; letter-spacing: 1px; overflow:auto; line-height: 1.4em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet augue id commodo placerat. Mauris eget blandit ipsum. Curabitur rutrum mi urna, eu dictum mauris ullamcorper ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet augue id commodo placerat.</div></div></td> </tr> </table> each section is a `div` group inside a `td` cell. there are 3 cells to a row. just copy the `tr` to get three more!
features.	background url pattern from patterncooler.com. customize that shit. recommend using the resize option to resize to least 50%, depending on the pattern. icon drop shadow: #808784 (there's two of these per icon, so make sure to change both.) text background: #fff text color: name is #000, series is #555. body text is default #000 (it's not in the code)
credit.	please credit pastries somewhere!

chimney

lucciieee i'm hoooOOooOOoomee
this is basically knuckle-cracking for getting back into coding again. also i just wanted to write silly quotes.

borderlined

code.	text only <table style="width:500px;"> <tr> <td style="vertical-align:middle; padding-bottom: 12px; margin:0; border-bottom: 1px solid #ccc;"><img src="ICONURLGOESHERE" style="height: 70px; width:70px; float:left; border-radius:50px; opacity:0.7; filter:alpha(opacity=70);"> <div style="margin: 6px 0 0 83px; line-height:1em;"><span style="font-family: times new roman; font-weight:bold; font-size: 14pt; letter-spacing: 4pt; text-transform:uppercase; color:#000;">NAMEGOESHERE</span> <span style="font-family: MS MINCHO; letter-spacing: 1pt; font-size:8pt; text-transform: uppercase; color:#000;">CANONGOESHERE</span></div></td> </tr> <tr> <td style="text-align:center; padding:5px 0 10px 0; margin:0; line-height:1.2em; font-size:8pt; font-family: times new roman; letter-spacing: 2px; color:#000;">text or games or whatever you want</td> </tr> </table> links only <table style="width:500px;"> <tr> <td style="height: 70px; width:70px; vertical-align:middle; padding-bottom: 12px; margin:0; border-bottom: 1px solid #ccc;"><img src="ICONURLGOESHERE" style="height: 70px; width:70px; float:left; border-radius:50px; opacity:0.7; filter:alpha(opacity=70);"> <div style="margin: 6px 0 0 83px; line-height:1em;"><span style="font-family: times new roman; font-weight:bold; font-size: 14pt; letter-spacing: 4pt; text-transform:uppercase; color:#000;">NAMEGOESHERE</span> <span style="font-family: MS MINCHO; letter-spacing: 1pt; font-size:8pt; text-transform: uppercase; color:#000;">CANONGOESHERE</span></div></td> </tr> <tr> <td style="font-family:MS MINCHO; font-size:8pt; text-align:right; padding:4px 0 10px 0;"><a href="" style=" text-decoration:none; color:#000;">link 1</a>, <a href="" style=" text-decoration:none; color:#000;">link 2</a></td> </tr> </table>
features.	border-bottom: #ccc text: #000 switch up colors as you like!
credit.	please credit pastries!

chimney

hello, hello

code.	light <div style="width: 400px; background: url(http://subtlepatterns.com/patterns/light_grey_floral_motif.png); padding:20px; -webkit-border-radius: 10px; border-radius: 10px; display:inline-block; height:70px; -webkit-box-shadow: 3px 3px 0px 0px #333; box-shadow: 3px 3px 0px 0px #333;"><img src="ICON HERE" style=" vertical-align: middle; -webkit-border-radius: 10px; border-radius: 10px; height:70px; width:70px; -webkit-box-shadow: 0px 0px 0px 5px #fff; box-shadow: 0px 0px 0px 5px #fff;"><div style="display:inline-block; padding-left:20px; vertical-align: middle;"><a href="JOURNAL LINK HERE" style="color:#1281DB; font-family: lucida sans unicode, lucida grande, sans-serif; font-size:14pt; font-weight: bold; letter-spacing: 0; line-height:1em; text-transform:uppercase; text-decoration: none;">JOURNALNAMEHERE</a> <span style="color:#555; font-family: lucida console, monaco, monospace; font-weight:normal; letter-spacing: 1px; line-height:1em; text-transform:uppercase;">CANON HERE</span></div></div> <div style="padding:10px 15px; font-family:tahoma, geneva, sans-serif; color:#333; font-size:10pt; letter-spacing: 1px; width:400px;"><span style="color:#1281DB; font-family: lucida console, monaco, monospace; font-weight:normal; letter-spacing: 1px; line-height:1em; text-transform:uppercase;">NAME HERE \| </span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <center>◆ ☼ ❈ ♥ ❡</center></div></div> dark <div style="width: 400px; background: url(http://subtlepatterns.com/patterns/soft_kill.png); padding:20px; -webkit-border-radius: 10px; border-radius: 10px; display:inline-block; height:70px; -webkit-box-shadow: 3px 3px 0px 0px #1281DB; box-shadow: 3px 3px 0px 0px #1281DB;"><img src="ICON HERE" style="vertical-align: middle; -webkit-border-radius: 10px; border-radius: 10px; height:70px; width:70px; -webkit-box-shadow: 0px 0px 0px 5px #333; box-shadow: 0px 0px 0px 5px #333;"><div style="display:inline-block; padding-left:20px; vertical-align: middle;"><a href="JOURNAL LINK HERE" style="color:#1281DB; font-family: lucida sans unicode, lucida grande, sans-serif; font-size:14pt; font-weight: bold; letter-spacing: 0; line-height:1em; text-transform:uppercase; text-decoration: none;">JOURNALNAMEHERE</a> <span style="color:#ccc; font-family: lucida console, monaco, monospace; font-weight:normal; letter-spacing: 1px; line-height:1em; text-transform:uppercase;">CANON HERE</span></div></div> <div style="padding:10px 15px; font-family:tahoma, geneva, sans-serif; color:#333; font-size:10pt; letter-spacing: 1px; width:400px;"><span style="color:#1281DB; font-family: lucida console, monaco, monospace; font-weight:normal; letter-spacing: 1px; line-height:1em; text-transform:uppercase;">NAME HERE \| </span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <center>◆ ☼ ❈ ♥ ❡</center></div></div>
features.	icon box shadow: #fff and #333 header box shadow: #ccc and #1281DB accent (blue): #1281DB as usual, switch up colors as you wish!
credit.	please credit pastries!

chimney

guess who's going through the trilogy again

makin' gimli icons for my gimli and i decided i might as well stop and smell the flowers. and make icons of other people too. half of them are kinda.. wonky.. because lotr has a gazillion scenes where they change color all the time IT'S REALLY ANNOYING

count
	lord of the rings; 97 [gimli, gandalf, legolas, 1 pippin, aragorn, 3 celeborn, 1 galadriel, 2 frodo baggins] teasers

( how darest you, child, defy your father )

she calls herself my lover

i'm not quite sure what to think

Recent Entries

Sticky: AFFILIATES

ao3 site 001

table codes 015

table codes 014

table codes 013

icons 19

Profile

December 2016

Style Credit

Syndicate

Expand Cut Tags

Page Summary