@CHARSET "UTF-8"; /* $Id: style.css 3 2009-04-09 21:33:47Z jcanals $ Theme Name: Alkivia Chameleon Theme URI: http://alkivia.org/chameleon Description: Clean and lightweight theme in brown and cofee colors over a gray page. Can be used as a two or three columns theme or combine the both. Includes customized styles for all Alkivia Plugins. It has four sidebar places: Wide Top, Wide Bottom, Narrow Left and Narrow Right. With that, you can configure your sidebar in any way you want. Version: 0.5.2 Author: Jordi Canals Author URI: http://alkivia.org Tags: brown, two-columns, three-columns, right-sidebar, fixed-width, custom-header */ /* ----------------------------------------------------------- STANDARD */ body { background: #808080; margin: 0; text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; } h1 { color: #734822; font-size: 18px; font-weight: normal; } h2 { color: #734822; font-size: 16px; font-weight: normal; } h3 { color: #734822; font-size: 14px; font-weight: normal; } h4 { color: #734822; font-size: 12px; font-weight: normal; } h5 { color: #734822; font-size: 11px; font-weight: normal; } h6 { color: #734822; font-size: 10px; font-weight: normal; } a { color: #bf1f1f; text-decoration: none; } a:hover { text-decoration: underline; } acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #734822; } cite { margin: 0 10px; padding-left: 10px; border-left: 2px solid #f27830; } blockquote { margin: 10px; border: 1px dotted #f27830; padding: 0 10px; font-style: italic; background: #f2f2f2; } blockquote blockquote { margin: 5px; padding: 0 10px; border: none; border-left: 1px solid #f27830; } code { margin: 10px; padding: 10px; background: #f2f2f2; font-family: 'Courier New', Courier, Monaco, monospace, fixed; font-size: 12px; display: block; border: 1px solid #f27830; } input[type=text], input[type=password] { border: 0; border: 1px dotted #f27830; background: #f2f2f2; } textarea { border: 1px dotted #f27830; } select { border-color: #f27830; } /* ------------------------------------------------------------ GENERAL */ .datetime { color: #808080; font-size: 10px; margin: 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } /* ------------------------------------------------------------- LAYOUT */ #template { text-align: left; width: 972px; margin: 10px auto 0 auto; } #content { background: #ffffff; width: 100%; text-align: left; border: 1px solid #f27830; } #clear-end { clear: both; } /* ------------------------------------------------------------- HEADER */ #header { background: #590a0a; width: 100%; height: 120px; border: 1px solid #f27830; } #head-title { font-size: 40px; text-decoration: none; padding-top: 20px; padding-left: 30px; font-family: Georgia,"Nimbus Roman No9 L", "Times New Roman", Times, serif; color: #f2f2f2; } #head-description { float: right; font-size: 20px; font-style: italic; padding-top: 5px; padding-right: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #f27830; } #menu { background: #734822; width: 100%; height: 30px; font-size: 16px; text-align: left; border-right: 1px solid #f27830; border-left: 1px solid #f27830; } #menu ul { margin: 0; padding: 6px 0 0 15px; list-style: none; } #menu li { display: inline; } #menu ul li a { color: #f2f2f2; margin: 0; padding: 2px 10px; text-decoration: none; } #menu ul li a:hover { color: #f2f2f2; background: #f27830; } /* ------------------------------------------------------------- FOOTER */ #footer { color: #f2f2f2; width: 100%; margin: 10px auto 10px auto; clear: both; text-align: center; } #footer a { color: #bf1f1f; } /* ----------------------------------------------------------- BLOGSIDE */ #blogside { margin: 0; margin-top: 20px; padding: 0 10px; width: 620px; border-right: 1px dotted #f27830; float: left; } .navigator { height: 30px; margin: 0px 10px 20px 10px; padding: 2px 10px; font-size: 14px; border: 1px solid #f27830; background: #f2f2f2; clear: both; } .bottom-navigator { margin: 20px 10px 0px 10px; } .navigator a { color: #734822; } .navleft { float:left; padding: 6px; } .navright { padding: 6px; text-align: right; } /* ------------------------------------------------------- EACH POST */ .post { padding: 10px 0; margin-right: 5px; clear: both; } .post-title { color: #800000; font-size: 20px; margin: 0 10px 3px 10px; } .post-title a { color: #734822; } .post-title a:hover { color: #bf1f1f; text-decoration: none; } .post-content, .page-content { color: #282828; font-size: 12px; line-height: 20px; margin: 10px 0px 15px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; } .post-content ul, .page-content ul, .post-content ol, page-content ol { margin-left: 0px; padding: 0 0 0 35px; overflow: auto; } .post-content ul li, .page-content ul li { margin: 5px 10px; } .post-content ol li, .page-content ol li { margin: 0 10px; } .post-content ul li ul, .page-content ul li ul, .post-content ol li ol, page-content ol li ol { padding: 0 0 0 15px; } .alignright { float: right; } .alignleft { float: left } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .post-info { color: #808080; margin: 0 10px; padding: 0; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; clear: both; } .info-left { color: #808080; padding: 3px; float:left; } .info-right { padding: 3px; text-align: right; } .info-link { margin-right: 5px; padding-left: 5px; } /* -------------------------------------------------------- POST IMAGES */ img.alignleft { display: inline; margin: 0 5px 5px 0; padding: 3px; border: 1px solid #734822; } img.alignright { display: inline; margin: 0 0 5px 5px; padding: 3px; border: 1px solid #734822; } img.aligncenter, img.centered { display: block; border: 1px solid #734822; padding: 3px; margin-left: auto; margin-right: auto; clear: both; } .wp-caption { border: 1px solid #734822; text-align: center; background-color: #f2f2f2; padding-top: 4px; margin: 10px; } .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; } .gallery { margin: auto; margin-left: auto; margin-right: auto; } .gallery-item { float: left; display: inline; margin: 5px; padding: 3px; border: 1px solid #734822; text-align: center; } .gallery img { border: 0; } .gallery-item:hover { color: #ffff80; background: #734822; } .gallery-caption { margin-left: 0; } /* ----------------------------------------------------------- COMMENTS */ #comments, #contact { margin: 0 20px; } #comments ul { padding: 0; margin: 0; } #comments ul li { margin: 10px 0 0 30px; padding: 0; list-style: none; border-bottom: 1px dotted #f27830; } .avatar { float: left; margin-right: 5px; padding: 2px; border: 1px solid #734822; } .nocomments { color: #590a0a; text-align: center; font-size: 12px; margin: 0; padding: 0; } .moderate { color: #590a0a; font-size: 11px; } #postform { margin: 5px 0; } #postform .info { font-style: italic; } #postform .info a { font-weight: normal; } /* ------------------------------------------------------------ SIDEBAR */ #sidebar { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 315px; float: left; } #sidebar .wide { clear: both; padding: 5px 5px 10px 10px; width: 300px; } #sidebar #narrow-left { margin: 0 5px 0 10px; width: 155px; float: left; } #sidebar #narrow-right { float: left; padding-left: 5px; width: 130px; } #search { color: #000000; height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 26px 20px 10px 0; float: right; display: inline; } #search .string { color: #666666; width: 180px; font-size: 13px; border: 0px; border-bottom: 1px dotted #f27830; background: none; } #search .button { position: relative; top: -3px; } #sidebar ul { padding: 0px; margin: 0px; } #sidebar li { padding: 0px; margin: 0px; list-style: none; } #sidebar ul li { color: #474747; padding-bottom: 10px; } #sidebar ul li a { color: #474747; text-decoration: none; font-weight: normal; line-height: 19px; } #sidebar ul li a:hover { color: #bf1f1f; text-decoration: underline; } #sidebar ul li ul li { padding-bottom: 5px; margin-left: 10px; margin-right: 5px; border-bottom: 1px dotted #f27830; } #sidebar ul li ul li ul { padding-left:10px; } #sidebar ul li ul li ul li { color: #474747; font-weight: normal; padding-bottom: 0px; border: none; } #sidebar ul li ul li ul li a { color: #474747; font-weight: normal; } #sidebar ul li h2 { color: #734822; font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding-left: 5px; border-bottom: 1px dotted #734822; } #sidebar ul li h2 a { color: #734822; font-weight: normal; } #sidebar ul li h2 a:hover { color: #bf1f1f; text-decoration: none; } /* ---------------------------------------------------- WIDGET CALENDAR */ li#calendar #wp-calendar tbody { text-align: right; } li#calendar #wp-calendar a { color: #bf1f1f; font-weight: bold; } li#calendar #today { border: 1px solid #f27830; background: #f2f2f2; padding: 0 2px; } /* ------------------------------------------------------------- TABLES */ table { border: 0; cell-spacing: 2px; cell-padding: 2px; } table.profile-list { width: 100%; } table thead, table tfoot { color: #f2f2f2; background-color: #f27830; text-align: center; } /* ------------------------------------------------------ ALKIVIA PAGER */ .pager { margin: 25px 0 10px 0; float: left; clear: both; } .pager .page-numbers { background-color: #f2f2f2; margin: 2px; padding: 2px 4px; border: 1px solid #ff0000; } .pager .prev, .pager .next { font-weight: bold; } .pager .current { color: #f2f2f2; background-color: #f27830; } .pager a.page-numbers:hover { text-decoration: none; color: #f2f2f2; background-color: #734822; } /* ----------------------------------------------------------- PAGELIST */ #inline_pagelist { width: 200px; margin: 5px 10px 5px 0px; padding: 10px; background: #f2f2f2; border: 1px solid #ff0000; float: left; } #inline_pagelist p { color: #734822; text-align: center; font-size: 14px; font-weight: normal; margin: 0 0 5px 0; padding: 0; border-bottom: 1px dotted #ff0000; } #inline_pagelist ul { text-indent: 0; list-style-position: inside; padding: 0px; margin: 0px; margin-left: 10px; overflow: visible; } #inline_pagelist ul li { padding: 0px; margin: 0px; list-style-type: circle; } #inline_pagelist ul li.current_page_item { color: #734822; font-weight: bold; list-style-type: square; } /* ---------------------------------------------------------- SIDEPOSTS */ #sidebar ul li.widget_sideposts ul li, #sidebar ul li.widget_sideposts ul a { color: #734822; font-size: 13px; padding-top: 10px; font-weight: bold; } #sidebar span.sideposts_date { color: #474747; font-size: 10px; font-weight: normal; text-decoration: none; font-weigt: normal; } #sidebar ul li.widget_sideposts ul li p { color: #474747; font-weight: normal; text-decoration: none; font-size: 11px; } #sidebar ul li.widget_sideposts ul li p a { color: #bf1f1f; line-height: normal; font-weight: normal; font-size: 11px; padding-top: 0; } #sidebar ul li.widget_sideposts ul li p a:hover { text-decoration: underline; } #sidebar ul li.widget_sideposts ul li img.alignleft { float: left; margin: 5px; padding: 2px; border: 1px solid #734822; clear: both; } #sidebar ul li.widget_sideposts ul li img.alignright { float: right; margin: 5px; padding: 2px; border: 1px solid #734822; clear: both; } #sidebar ul li.widget_sideposts ul li img.aligncenter { display: block; border: 0px; padding: 5px; margin-left: auto; margin-right: auto; border: 1px solid #734822; clear: both; } /* EOF */