/* $Id: style.css 232 2009-10-07 11:30:09Z jcanals $ Theme Name: Alkivia Chameleon Theme URI: http://alkivia.org/wordpress/chameleon Description: Clean and lightweight theme in different colors over a gray or black 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: 1.2 Author: Jordi Canals Author URI: http://alkivia.org Tags: brown, red, orange, blue, light, three-columns, right-sidebar, fixed-width, custom-header, theme-options, threaded-comments, sticky-post, translation-ready */ /* ----------------------------------------------------------- STANDARD */ body { margin: 0; text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; } h1 { font-size: 18px; font-weight: normal; } h2 { font-size: 16px; font-weight: normal; } h3 { font-size: 14px; font-weight: normal; } h4 { font-size: 12px; font-weight: normal; } h5 { font-size: 11px; font-weight: normal; } h6 { font-size: 10px; font-weight: normal; } a { text-decoration: none; } a:hover { text-decoration: underline; } acronym,abbr,span.caps { cursor: help; } acronym,abbr { border-bottom: 1px dashed; } cite { margin: 0 10px; padding-left: 10px; border-left: 2px solid; } blockquote { margin: 10px; border: 1px dotted; padding: 0 10px; font-style: italic; } blockquote blockquote { margin: 5px; padding: 0 10px; border: none; border-left: 1px solid; } code { margin: 10px; padding: 10px; font-family: 'Courier New', Courier, Monaco, monospace, fixed; font-size: 12px; display: block; border: 1px solid; } pre { overflow: auto; } input[type=text],input[type=password] { border: 1px dotted; } textarea { border: 1px dotted; } select { } blockquote,code { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* ------------------------------------------------------------ GENERAL */ .datetime { 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 { width: 100%; text-align: left; border: 1px solid; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; -khtml-border-bottom-left-radius: 6px; } #clear-end { clear: both; } /* ------------------------------------------------------------- HEADER */ #header { width: 100%; height: 120px; border: 1px solid; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -khtml-border-top-left-radius: 6px; -khtml-border-top-right-radius: 6px; } #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; } #head-description { float: right; font-size: 20px; font-style: italic; padding-top: 5px; padding-right: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; } #menu { width: 100%; height: 30px; font-size: 16px; text-align: left; border-right: 1px solid; border-left: 1px solid; } #menu ul { margin: 0; padding: 6px 0 0 15px; list-style: none; } #menu li { display: inline; } #menu ul li a { margin: 0; padding: 2px 10px; text-decoration: none; } #menu ul li a:hover { } /* ------------------------------------------------------------- FOOTER */ #footer { width: 100%; margin: 10px auto 10px auto; clear: both; text-align: center; } #footer a { } /* ----------------------------------------------------------- BLOGSIDE */ #blogside { margin: 0; margin-top: 20px; padding: 0 10px; width: 620px; border-right: 1px dotted; float: left; } .navigator { height: 30px; margin: 0px 10px 20px 10px; padding: 2px 10px; font-size: 14px; border: 1px solid; clear: both; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bottom-navigator { margin: 20px 10px 0px 10px; } .navigator a { } .navleft { float: left; padding: 6px; } .navright { padding: 6px; text-align: right; } .pagenavi-container { height: 30px; margin: 10px; padding: 2px 10px; clear: both; } .pagenavi-bottom { margin-top: 20px; } /* ------------------------------------------------------- EACH POST */ /* .profile-box, .profile-name are used on the Alikivia Open Community Plugin. */ .post { padding: 10px 0; margin-right: 5px; clear: both; } .sticky-post,.profile-box { margin: 0 10px 20px 10px; padding: 15px 10px 25px 10px; border: 1px solid; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .post-title,.profile-name { font-size: 20px; margin: 0 10px 3px 10px; border-bottom: 1px solid; } .post-title a { } .post-title a:hover { text-decoration: none; } .post-content,.page-content { 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 { margin: 0 10px; padding: 0; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; clear: both; } .info-left { 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; } img.alignright { display: inline; margin: 0 0 5px 5px; padding: 3px; border: 1px solid; } img.aligncenter,img.centered { display: block; border: 1px solid; padding: 3px; margin-left: auto; margin-right: auto; clear: both; } .wp-caption { border: 1px solid; text-align: center; 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; text-align: center; } .gallery img { border: 0; } .gallery-item:hover { } .gallery-caption { margin-left: 0; } img,.gallery-item,.wp-caption { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* ----------------------------------------------------------- COMMENTS */ #comments,#contact { margin: 0 20px; clear: both; } #comments ul { padding: 0; margin: 0; } #comments ul li { margin: 10px 0 0 30px; padding: 0; list-style: none; border-bottom: 1px dotted; } #comments ul li ul li { border-bottom: 0; } .avatar { float: left; margin-right: 5px; padding: 2px; border: 1px solid; } .nocomments { text-align: left; font-style: italic; font-size: 13px; margin: 20px 0; padding: 0; } .moderate { font-size: 11px; } #postform { margin: 5px 0; } #postform .info { font-style: italic; } #postform .info a { font-weight: normal; } #comments cite.fn { margin: 0; padding-left: 0; border-left: 0; font-style: normal; } #comments span.says { display: none; } #comments comment-meta a { } #comments .reply { text-align: right; } /* ------------------------------------------------------------ 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 { height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 26px 20px 10px 0; float: right; display: inline; } #search .string { width: 150px; font-size: 13px; border: 0px; border-bottom: 1px dotted; background: none; } #search .button { position: relative; top: -3px; } #sidebar ul,#profile-info ul { padding: 0px; margin: 0px; } #sidebar li,#profile-info li { padding: 0px; margin: 0px; list-style: none; } #sidebar ul li,#profile-info ul li { padding-bottom: 10px; } #sidebar ul li a,#profile-info ul li a { text-decoration: none; font-weight: normal; line-height: 19px; } #sidebar ul li a:hover,#profile-info ul li a:hover { text-decoration: underline; } #sidebar ul li ul li,#profile-info ul li ul li { padding-bottom: 5px; margin-left: 10px; margin-right: 5px; border-bottom: 1px dotted; } #sidebar ul li ul li ul,#profile-info ul li ul li ul { padding-left: 10px; } #sidebar ul li ul li ul li,#profile-info ul li ul li ul li { font-weight: normal; padding-bottom: 0px; border: none; } #sidebar ul li ul li ul li a,#profile-info ul li ul li ul li a { font-weight: normal; } #sidebar ul li h2,#profile-info ul li h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding-left: 5px; border-bottom: 1px dotted; } #sidebar ul li h2 a,#profile-info ul li h2 a { font-weight: normal; } #sidebar ul li h2 a:hover,#profile-info ul li h2 a:hover { text-decoration: none; } /* ---------------------------------------------------- WIDGET CALENDAR */ li#calendar #wp-calendar tbody { text-align: right; } li#calendar #wp-calendar a { font-weight: bold; } li#calendar #today { border: 1px solid; padding: 0 2px; } /* ------------------------------------------------------------- TABLES */ table { border: 0; border-spacing: 2px; } table td { padding: 2px; } table thead,table tfoot { text-align: center; } /* ----------------------------------------------------- OPEN COMMUNITY */ #wall .datetime { margin: 0; } table.profile-list { width: 100%; } .widget_loggedin_recent .avatar,.widget_registered_recent .avatar,.widget_gallery_recent .avatar { border: 0; padding: 0; margin: 2px 3px 0 0; float: left; } #mini-profiles .short-profile { clear: both; margin: 5px 0 10px 0; border: 0; font-style: italic; } #mini-profiles .user-name { clear: both; font-size: 16px; margin: 0 10px 3px 10px; border-bottom: 1px solid; } #mini-profiles .title { font-size: 13px; font-weight: bold; } #mini-profiles .image { margin: 5px 5px 15px 5px; float: left; } .profile-name { margin-bottom: 10px; } .profile-box .left-side { display: block; float: left; margin-right: 10px; } #profile-info { width: 100%; } #profile-info #profile-left { width: 260px; float: left; } #profile-info #profile-right { width: 310px; float: right; } /* ------------------------------------------------------ ALKIVIA PAGER */ .pager { margin: 25px 0 10px 0; line-height: 25px; float: left; clear: both; } .pager .page-numbers { margin: 0; padding: 2px 4px; border: 1px solid; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .pager .prev,.pager .next { font-weight: bold; } .pager .current { } .pager a.page-numbers:hover { text-decoration: none; } /* ----------------------------------------------------------- PAGELIST */ #inline_pagelist { width: 200px; margin: 5px 10px 5px 0px; padding: 10px; border: 1px solid; float: left; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #inline_pagelist p { text-align: center; font-size: 14px; font-weight: normal; margin: 0 0 5px 0; padding: 0; border-bottom: 1px dotted; } #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 { font-weight: bold; list-style-type: square; } /* ---------------------------------------------------------- SIDEPOSTS */ #sidebar ul li.widget_sideposts ul li,#sidebar ul li.widget_sideposts ul a { font-size: 13px; padding-top: 10px; font-weight: bold; } #sidebar span.sideposts_date { font-size: 10px; font-weight: normal; text-decoration: none; } #sidebar ul li.widget_sideposts ul li p { font-weight: normal; text-decoration: none; font-size: 11px; } #sidebar ul li.widget_sideposts ul li p a { 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; clear: both; } #sidebar ul li.widget_sideposts ul li img.alignright { float: right; margin: 5px; padding: 2px; border: 1px solid; 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; clear: both; } /* ----------------------------------------------------------- SOCIABLE */ div.sociable { display: inline; } /* EOF */