CB styled up links as buttons

Chaturbate formated links as buttons

by Dan N

HTML

<ul id="main" style="display:block;width:100%;height:auto;min-width:300px;box-sizing:border-box;list-style:none;padding:0;">

<li style="display:block;width:100%;height:auto;margin:10px auto 12px auto;float:none;clear:left;text-align:center;box-sizing:border-box;list-style:none;padding:0;"><ul style="display:block;width:100%;height:auto;margin:10px auto 12px auto;float:none;clear:left;text-align:center;box-sizing:border-box;list-style:none;padding:0;">
<li style="display:block;width:31%;height:auto;margin:1%;float:left;text-align:center;box-sizing:border-box;list-style:none;padding:0;background-color:#f1f1f1;-webkit-box-shadow:0 1px 4px #999;box-shadow:0 1px 4px #999;">
<p style="display:block;width:90%;height:auto;padding:5px 7px;text-align:center;">Button 1</p>
<a href="#" style="display:block;width:80%;height:auto;margin:4px auto 12px auto;padding:8px 0;text-align:center;text-decoration:none;background-color:#222;color:#F39;-webkit-border-radius:5px;border-radius:5px;">Button 1 - Editable Text</a></li>
<li style="display:block;width:31%;height:auto;margin:1%;float:left;text-align:center;box-sizing:border-box;list-style:none;padding:0;background-color:#f1f1f1;-webkit-box-shadow:0 1px 4px #999;box-shadow:0 1px 4px #999;">
<p style="display:block;width:90%;height:auto;padding:5px 7px;text-align:center;">Button 2</p>
<a href="#" style="display:block;width:80%;height:auto;margin:4px auto 12px auto;padding:8px 0;text-align:center;text-decoration:none;background-color:#F90;color:#fff;-webkit-border-radius:5px;border-radius:5px;">Button 2 - Editable Text</a></li>
<li style="display:block;width:31%;height:auto;margin:1%;float:left;text-align:center;box-sizing:border-box;list-style:none;padding:0;background-color:#f1f1f1;-webkit-box-shadow:0 1px 4px #999;box-shadow:0 1px 4px #999;">
<p style="display:block;width:90%;height:auto;padding:5px 7px;text-align:center;">Button 3</p>
<a href="#" style="display:block;width:80%;height:auto;margin:4px auto 12px auto;padding:8px...

CSS

body{width:90%;margin:0 auto;}
section{display:block;width:90%;height:auto;margin:50px auto 50px auto;padding:20px;color:#888;background-color:#f1f1f1;border:1px solid #ccc;font-size:15px;font-family:Tahoma, Geneva, sans-serif;}
code{display:block;background-color:#fff;border-left:3px solid #096;padding:2px 4px;margin:4px auto 5px 1px;}
mark{font-size:14px;font-family:"Courier New", Courier, monospace;background-color:#F60;color:#fff;padding-left:4px;padding-right:4px;}
#main a,#main a:visited,#main a:hover{font-size:14px;}