table codes 015

[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!