A tumblelog CMS built on AJAX, PHP and MySQL.

style.css 3.6KB

12
  1. h1,h1 a{color:#666}.date,div.post div.link,h1{letter-spacing:-1px}#navigation a,div.post div.link a,div.post div.quote span.quote big.quote a,div.post h2 a,h1 a{text-decoration:none}body{background-color:#222;background-image:url(img/bg.gif);margin:0;font:Normal 13px Arial,Helvetica,sans-serif;color:#555}#container{max-width:700px;width: 80vw;padding:25px;background-color:#fff;border-bottom:solid 8px #aaa; margin: 0 auto;}img#rss{width:36px;height:19px;border-width:0;float:right;margin-left:30px;margin-bottom:10px}h1{margin:0 0 10px;font-weight:400;font-size:40px}#description{color:#777;font-size:11px;line-height:18px;padding-right:70px;margin-bottom:30px}.date{margin:30px 0 10px;color:#ccc;font-size:24px;text-align:right;text-transform:uppercase;border-bottom:solid 1px #ccc}div.post{margin-bottom:40px;position:relative}div.post img.permalink{border-width:0;width:23px;height:9px;position:absolute;top:5px;right:5px;display:none}div.post:hover img.permalink{display:block}div.post h2{font-size:14px;color:#444;margin:0 0 5px}div.post h2 a{color:#444}a{color:#111}div.post div.regular{font:Normal 11px 'Lucida Grande',Verdana,Arial,sans-serif;line-height:17px}div.post div.regular blockquote{font-style:italic}div.post div.photo img{border-width:0}div.post div.photo div.caption{font-size:11px;margin-top:5px;color:#888}div.post div.photo div.caption a{color:#888}div.post div.quote{padding:0 30px}div.post div.quote span.quote{font-size:24px;color:#444}div.post div.quote span.quote a{color:#444}div.post div.quote span.quote big.quote{font:Bold 60px Georgia,serif;line-height:1px;vertical-align:-23px;opacity:.4;-moz-opacity:.4;filter:alpha(opacity=40)}#navigation,div.post div.conversation ul li span.label{font-weight:700}div.post div.quote div.source{font-size:16px;color:#666}div.post div.quote div.source a{color:#666}div.post div.link{color:#666;font-size:24px}div.post div.link a{color:#666;border-bottom:dotted 1px #666}div.post div.link div.description{font-size:15px;letter-spacing:0;line-height:20px}div.post div.conversation ul{list-style-type:none;margin:0;padding:0 0 0 1px;border-left:solid 5px #555}div.post div.conversation ul li{font-size:12px;padding:4px 0 4px 8px;color:#000;margin-bottom:1px}div.post div.conversation ul li.odd{background-color:#f4f4f4}div.post div.conversation ul li.even{background-color:#e8e8e8}div.post div.video div.caption{margin-top:5px;color:#888;font-size:11px}div.post div.video div.caption a{color:#888}#footer,#footer a{color:#eee}#navigation{font-size:11px}#navigation a{color:#555}#navigation a:hover{text-decoration:underline}#footer{margin-top:11px;font-size:10px}div.pagination{text-align:center;padding:3px;margin:3px}div.pagination a{padding:2px 5px;margin-right:2px;border:1px solid #ddd;text-decoration:none;color:#aaa}div.pagination a:active,div.pagination a:hover{padding:2px 5px;margin-right:2px;border:1px solid #a0a0a0}div.pagination span.current{padding:2px 5px;margin-right:2px;border:1px solid #e0e0e0;font-weight:700;background-color:#f0f0f0;color:#aaa}div.pagination span.disabled{padding:2px 5px;margin-right:2px;border:1px solid #f3f3f3;color:#ccc}.containerFormComments{margin:25px 65px 0 0;font-family:Verdana;font-size:.75em}#commentForm input,#commentForm textarea{font:.9em 'Lucida Grande',Verdana,Arial,Sans-Serif}#commentForm p{font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;margin:5px 0}#commentForm input{width:170px;padding:2px;margin:5px 5px 1px 0}#commentForm textarea{width:100%;padding:2px}#commentForm #btnAdd{margin:0;float:right}.totalComments h3{margin:0 10px 0 0;font-size:10pt;font-weight:400;text-align:right;color:#999;font-style:italic}.totalComments a{color:#999}