I disliked the absence of style for the PND blockchain website (pandachain.net), so i made a
mintpal like CSS style for it. It's not perfect, but all i could do with little to no selectors available. If anyone else cares to use it here it is. I'm using the Firefox
Stylish plugin to customize website stylesheets.
* { margin: 0; padding: 0; }
html { background: #B5DBCE; font: 14px/18px Roboto, Arial, Verdana, Helvetica, sans-serif; }
body { width: 1000px; margin: 0 auto; background: #fff; padding: 50px; position: relative; }
h1 { color: #fff; font-weight: normal; font-size: 2em; float: left; margin: -50px; margin-left: 114px; width: 786px; margin-bottom: 50px; padding: 10px 50px; background: #353535; line-height: 60px;}
h1 img { position: absolute; vertical-align: bottom; margin-right: 20px; left: 50px; }
a { color: #008B5D; }
p a { padding: 4px; display: inline-block; }
p { text-align: center; clear: both; }
ul { margin: 20px 0; }
li { padding: 5px; }
table { margin: 20px 0; border: 1px solid #DDDDDD; border-collapse: collapse; border-spacing: 0; width: 100%; }
table th { background: none repeat scroll 0 0 #EEEEEE; border-bottom: 1px solid #DADADA; color: #666666; font-size: 90%; padding: 8px; text-align: left; text-transform: uppercase; }
table td { border: 0; border-bottom: 1px solid #EEEEEE; padding: 8px; }
table tr:nth-child(2n) td { background: none repeat scroll 0 0 #F9F9F9; }
table tr:last-child td { border: 0 none; }
form { margin-bottom: 30px; }
form input { padding: 8px; margin: 40px 0 10px 0px; width: 600px; border: 1px solid #ddd; border-right: 0; }
form input:focus { border: 1px solid #bbb; border-right: 0; }
form button { background: #31B086; color: #fff; border: 0; cursor: pointer; padding: 8px 12px 6px 12px; font-weight: bold; border-bottom: 2px solid #008B5D; }
form p { text-align: center; color: #aaa; }