A tumblelog CMS built on AJAX, PHP and MySQL.

style.css 4.1KB

12
  1. body,h1{margin:0}body,h1 a{color:#fff}#content,div#content{position:relative}div#searchresultcount,h1{text-align:center}.post .date,.post .link a.link,.post .quote span.quote,.post h2,h1{letter-spacing:-1px}#footer a,.post .link a.link,.post .permalink a,.post h2 a,h1 a{text-decoration:none}body{background:url(images/bg.gif) #002c43;font-family:'Lucida Grande',Helvetica,sans-serif}#content{width:510px;margin:auto;padding:35px;background:url(images/content_bg.png) #005885;border-left:solid 10px #003955;border-right:solid 10px #003955}a{color:#f90}h1{padding:25px 0 65px;font:Normal 65px Georgia,serif;line-height:60px;opacity:.9;-moz-opacity:.9;filter:alpha(opacity=90)}div#description{position:absolute;left:605px;font:Normal 12px Verdana,sans-serif;line-height:20px;width:150px;color:#568}div#search{text-align:right}div#description div a{color:#568}.post{position:relative;margin-bottom:50px}.post .permalink{position:absolute;top:8px;right:3px;display:none;font-weight:700;font-size:24px;line-height:0}.post:hover .permalink{display:block}.post .date{position:absolute;right:565px;width:200px;white-space:nowrap;font:Bold 20px Helvetica,sans-serif;text-align:right;color:#888;padding:5px;line-height:20px;text-transform:uppercase}.post .date em{font-style:normal;color:#4075a2}.post .photo .caption a,.post .quote span.quote a,.post h2,.post h2 a{color:#fff}.post .date big{font-size:30px}.post h2{font:Normal 20px Georgia,serif;margin:0 0 10px}.post .regular{font-size:12px;line-height:17px}.post .regular blockquote{font-style:italic}.post .photo img{border:5px solid #eee}.post .photo .caption{font-size:11px;margin-top:5px}.post .quote span.quote{font:Normal 28px Georgia,serif;color:#fff}.post .quote span.quote big.quote{font-weight:700;font-size:60px;line-height:8px;vertical-align:-20px}.post .quote span.source{font-size:16px;color:#aaa;letter-spacing:-1px}.post .quote span.source a{color:#aaa}.post .link a.link{font:Bold 30px Helvetica,sans-serif;color:#f90;border-bottom:dotted 1px #f90;line-height:33px}.post .link .description{font-weight:400;font-size:11px;line-height:16px;margin-top:5px}#footer p.tiny,.post .conversation ul li span.label,.query{font-weight:700}.post .conversation ul{background-color:#46a6e9;list-style-type:none;margin:0;padding:0;border-left:solid 5px #0070ba}.post .conversation ul li{border-bottom:solid 1px #0070ba;font-size:12px;padding:4px 0 4px 8px;color:#000}#footer a,#footer p.tiny a,.post .audio .caption a,.post .video .caption a{color:#fff}.post .audio .caption{font-size:11px;margin-top:5px}.post .video{width:500px;margin:auto}.post .video .caption{font-size:11px;margin-top:5px}#footer{margin:20px 0 0;text-align:center;font-size:22px}#footer a:hover,#footer p.tiny a{text-decoration:underline}#footer p.tiny{margin:50px 0 0;font-size:11px}#footer p.tiny .dim{filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5}.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;border:1px solid #fff;background-color:#fff}#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}div.pagination{padding:3px;margin:10px 3px 3px;text-align:center;font-family:Tahoma,Helvetica,sans-serif;font-size:.85em}div.pagination a{background-color:#fff;border:1px solid #ccdbe4;margin-right:3px;padding:2px 8px;background-position:bottom;text-decoration:none;color:#000}div.pagination a:active,div.pagination a:hover{border:1px solid #2b55af;background-image:none;background-color:#3666d4;color:#fff}div.pagination span.current{margin-right:3px;padding:2px 6px;font-weight:700;color:#000}div.pagination span.disabled{display:none}div.pagination a.next{border:2px solid #ccdbe4;margin:0 0 0 10px}div.pagination a.next:hover{border:2px solid #2b55af}div.pagination a.prev{border:2px solid #ccdbe4;margin:0 10px 0 0}div.pagination a.prev:hover{border:2px solid #2b55af}