/* Theme Name: Ahimsa Theme URI: http://ahren.org/code/ahimsa Description: Ahimsa -- basic colours, low graphics, minimal distractions, with rounded corners in Firefox, Opera, Safari. Please visit http://ahren.org/code/ahimsa to suggest fixes and enhancements. Version: 1.2 Author: Ravi Sarma Author URI: http://ahren.org/code/ Tags: fluid width, widget ready, 2 columns, left sidebar, gravatars Ahimsa 1.2 http://ahren.org/code/ahimsa Theme built for the Ahren Code site but free for all to use. The aim of this theme is to minimise the distractions to the reader through the use of clean (mostly) primary colours, low graphics, etc. This theme uses rounded borders viewable in all browsers that support them. The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php Version 1.2 includes these fixes and features: * Fixed: A grey rectangle was overlaid on posts without comments, on blogs that require registration to comment. * Fixed: The actions box on the top right of posts had a bad link for posts with comments disabled. */ BODY { margin: 0; padding: 0; background-color: #9fc03d; font-size: medium; font-family: "Gill Sans", "Trebuchet MS", Helvetica; } A { color: #772200; text-decoration: none; } A:hover { text-decoration: none; } IMG { border: none 0px; } BLOCKQUOTE { background-image: URL('images/quote.gif'); background-position: 0px 1px; background-repeat: no-repeat; background-color: #f0f0aa; color: #222277; margin: 15px 25px 15px 25px; padding: 20px 20px 10px 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } #bgtop { z-index: 1; top: 0; left: 0; position: fixed; width: 100%; height: 40%; margin: 0; padding: 0; background-color: #333333; border-bottom: 6px solid #cccccc; } #main { z-index: 2; position: relative; left: 5%; top: 40px; width: 90%; margin-bottom: 80px; background-color: #aaaaaa; border: 3px solid #ffffff; -webkit-border-radius: 30px; -moz-border-radius: 30px; } #header { background-color: #b70100; color: #ffffff; margin: 0; padding: 15px; text-align: left; -webkit-border-top-right-radius: 30px; -webkit-border-top-left-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; } #header table { color: #ffffff; width: 100%; } #header #title { height: 20px; width: 180px; font-size: 24pt; font-family: "Trebuchet MS", "Gill Sans", Skia, "Century Gothic"; padding-right: 0px; padding-left: 20px; border-right: 2px solid #ffffff; } #header #description { padding-left: 20px; } #header a { color: #ffffff; } #header #search { vertical-align: middle; text-align: right; padding-right: 20px; } #searchform INPUT { background-image: URL('images/search.gif'); background-position: 3% 50%; background-repeat: no-repeat; border: 0px solid #aaaaaa; margin: 0px; margin-top: 5px; background-color: #000000; padding-left: 18px; color: #ffffff; font-size: 8pt; height: 20px; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; } #recent { color: #ffffff; background-color: #846d21; } #recentheader { padding: 5px 10px; font-size: large; font-family: "Trebuchet MS", "Gill Sans", Skia, "Century Gothic"; } #recentmore { float: right; font-size: small; background-color: #b70100; } #recentclose { background-color: #b70100; color: #ffffff; float: left; clear: left; padding: 1px 3px 3px 3px; font-family: Verdana; font-size: xx-small; font-weight: bold; /* border: 1px solid #ffffff; */ margin-right: 8px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #recentlist { font-family: Futura, "Century Gothic", Helvetica, Arial; padding: 15px 15px 15px 0px; background-color: #555555; margin: 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #recentlist ul { margin: 0px 0px 0px -20px; } #recentlist ul li { list-style-type: none; color: #ffffff; border-bottom: 1px solid #aaaaaa; padding: 2px 5px; font-size: small; } #recentlist ul li:last-child { border-style: none; } #recentlist a, #recentlist a:hover { text-decoration: none; color: #ffffff; } #sidebar { width: 180px; background-color: #ff9f06; color: #111111; padding: 10px; /*opacity: 0.7;*/ font-family: "Trebuchet MS", Verdana, Helvetica; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomleft: 30px; } #sidebar fieldset.sidebarlist { font-size: 9pt; border: none; padding: 0px; margin: 12px 12px 25px 12px; padding: 5px 20px 5px 6px; background-color: #ffdd99; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #sidebar legend { font-size: 10pt; font-weight: normal; color: #ffffff; background-color: #846d21; padding: 5px 10px; margin: 0; margin-left: 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #sidebar .sidebarlist ul, #postaction ul { margin: 0px; padding: 0px; } #sidebar .sidebarlist li, #postaction li { border: none; border-top: 1px solid #ffffff; padding-top: 5px; padding-bottom: 5px; margin: 0px; margin-left: 15px; margin-right: 10px; list-style-type: none; } #sidebar .sidebarlist li:first-child, #postaction li:first-child { border: none; } #sidebar #calendar_wrap { width: 90%; text-align: center; margin-left: 5%; margin-right: 5%; } #sidebar #calendar_wrap { margin-bottom: 10px; } #sidebar #wp-calendar { border-spacing: 0px; } #sidebar #wp-calendar caption { font-size: larger; margin-bottom: 5px; letter-spacing: 0.1em; color: #222222; } #sidebar #wp-calendar thead,tfoot { background-color: #ff9f06; } #sidebar #wp-calendar thead th { padding: 3px 5px; color: #ffffff; } #sidebar #wp-calendar tbody td { color: #224499; padding: 2px 3px; border: 1px dotted #ffffff; border-style: none dotted dotted none; } #sidebar .textwidget { padding: 5px 8px; color: #334400; } .sidebarlist a { color: #553333; } #content { margin: 0px; padding: 20px 40px; padding-top: 30px; } .post { margin-bottom: 50px; } .post fieldset { background-color: #ffffff; border-style: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; } .post fieldset legend.title, fieldset.comment legend { background-color: #6f900d; border: 0px solid #666666; font-size: 13pt; padding: 4px 20px; margin-left: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; font-family: "Trebuchet MS", "Gill Sans", Helvetica, Arial; } legend.title a, fieldset.comment legend, fieldset.comment legend a { color: #ffffff; } .post fieldset .dateauthor, .commentmeta { text-align: right; margin: 0px 20px; } .post fieldset .dateauthor { margin-top: 5px; } .post fieldset .dateauthor .capsule { background-color: #cc9900; } .entry { padding: 10px 25px; font-family: Futura, "Century Gothic", Helvetica, Arial; font-size: medium; color: #111111; } .entry A:hover { text-decoration: none; border-bottom: 1px dotted #aaaaaa; } #postaction { float: right; padding: 10px 15px 10px 10px; margin: 20px; background-color: #dd6f06; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #postaction a { color: #ffffff; } .postmetadata { text-align: left; padding: 12px 12px 30px 12px; border-top: 2px solid #6f900d; margin: 0px 10px; clear: both; } .postmetadata #commentlink { background-color: #dd6f06; float: right; padding: 3px 8px; } .postmetadata .cattrigger { cursor: pointer; float: left; background-image: URL('images/down_arrow.png'); background-position: 85% 50%; padding-right: 35px; background-repeat: no-repeat; margin-right: 10px; border-width: 0px; } .postcats { display: none; padding: 5px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #ffdd99; margin-top: 10px; float: left; clear: both; text-align: left; line-height: 30px; color: #442222; } .postcats .capsule { font-size: smaller; margin-right: 5px; } DIV#comments { background-color: #c9ba90; padding: 10px 30px 30px 30px; -webkit-border-radius: 25px; -moz-border-radius: 25px; } DIV#replybox { background-color: #ffffff; color: #333333; margin-top: 50px; padding: 10px 30px; -webkit-border-radius: 25px; -moz-border-radius: 25px; } fieldset.comment { border: none; background-color: #ffffff; margin: 20px 0px; padding: 0px 10px 10px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; } fieldset.comment legend { font-size: 11pt; } fieldset.comment .commenttext { padding-left: 20px; color: #333333; } #comments textarea { width: 80% !important; } .entry UL, .page UL { margin-left: 0px; padding: 15px; padding-left: 30px; background-color: #d0f0ff; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .post LI, .page LI { padding: 4px 0px; margin-left: 0px; /*border-bottom: 1px dotted #aaaaaa;*/ } .post LI:first-child, .page LI:first-child { /*border-top: 1px dotted #aaaaaa;*/ } .entry > P:first-child:first-letter { color: #662222; font-size: larger; } #credits { position: fixed; z-index: 15; bottom: 0; width: 97%; margin: 0px; padding: 4px 20px; background-color: #333333; color: #ffffff; font-family: "Trebuchet MS", Verdana, Helvetica; font-size: 9pt; font-weight; normal; text-align: right; opacity: 0.8; border: none 0px; } #credits A { color: #ddddff; } #rsslinks { margin-right: 10px; float: left; color: #ffffff; font: 8pt; } #rsslinks a { color: #ffffff; } #replybox H3#respond { padding-bottom: 3px; border-bottom: 2px solid #777777; } #replybox INPUT#submit { font-weight: bold; background-color: #6f900d; color: #ffffff; border: none; padding: 3px 10px; } #replybox TEXTAREA, #replybox INPUT { border: 1px solid #aaaadd; background-color: #f7ffe0; } .capsule { text-align: center; padding: 4px 10px; font-family: Optima, Verdana, Helvetica; color: #ffffff; background-color: #dd6f06; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .capsule a { color: #ffffff; } img.avatar { float: left; margin: 5px 20px 20px 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* required as per wordpress.org */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }