/* $Id: style.css 387 2009-12-17 23:53:10Z jcanals $ Theme Name: Alkivia Chameleon Theme URI: http://alkivia.org/wordpress/chameleon Description: Clean and lightweight WordPress theme with different color palettes and three columns style. Can be used as a two or three columns theme or combine the both. Includes customized styles for all Alkivia WordPress 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. To see an example with the four sidebars working, just see this site. Sidebars can be located at right (default) or at left. Also you have the option to have a witgetized home page, and locating the widgets you want on the front page instead having the traditional blog format. Includes a configurable drop down menu with basic features. This menu allows to include categories and pages showing its child content (Only one level). Also, there is the possibility to hide tags on single posts. Other configuration options are available on the theme settings page. Version: 2.0 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 Copyright 2009 Jordi Canals This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . */ /* ----------------------------------------------------------- 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; clear: both; 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: 26px; margin: 0; padding: 0; font-size: 13px; text-align: left; border-right: 1px solid; border-left: 1px solid; } #menu ul { margin: 0; padding: 0; list-style: none; } #ddmenu li { float: left; list-style: none; } #ddmenu li.current_page_item a:hover { cursor: default; } #ddmenu li a { margin: 0; padding: 5px 12px; display: block; text-decoration: none; border-right: 1px solid; white-space: nowrap; } #ddmenu li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid; } #ddmenu li ul li { float: none; display: inline; } #ddmenu li ul li a { border-right: 0; width: auto; } #ddmenu li ul li a:hover { } /* ------------------------------------------------------------- FOOTER */ #footer { width: 100%; margin: 0 auto 10px auto; padding-top: 10px; clear: both; text-align: center; } #footer a { } /* ----------------------------------------------------------- BLOGSIDE */ #blogside,#home-main { margin: 0; margin-top: 20px; padding: 0; padding-left: 15px; width: 625px; border: 0; float: left; } .navigator { height: 30px; margin: 0 5px 20px 0; 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: 0; margin-top: 20px; } .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; } #archive { margin: 0 5px 20px 0; font-size: 14px; padding-left: 5px; border-bottom: 1px solid; } /* ------------------------------------------------------ FRONT PAGE */ #home { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 10px 15px 5px; padding: 0; border: 0; clear: both; } #home-top-wide { margin: 0; padding: 0 10px 10px 0; padding-top: 0; width: 100%; clear: both; } #home-left { margin: 0; margin-bottom: 20px; width: 49%; float: left; width: 49%; } #home-right { margin: 0; margin-bottom: 20px; width: 49%; float: right; } /* ------------------------------------------------------- EACH POST */ .post,.sticky-post,.profile-box,.error-doc { margin: 0 5px 15px 0; border: 0; padding: 15px 5px 25px 5px; clear: both; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .error-doc { padding: 40px 15px; border: 1px solid; } .sticky-post,.profile-box { border: 1px solid; } .post-title,.profile-name { font-size: 20px; margin: 10px; margin-bottom: 3px; 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; 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 5px 15px 0; border: 1px solid; padding: 10px 20px; clear: both; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #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 { margin-top: 15px; margin-right: 5px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 315px; float: left; } #sidebar .wide { clear: both; padding: 5px 5px 10px 15px; width: 300px; } #narrow-left { margin: 0 10px; padding-left: 5px; width: 155px; float: left; } #narrow-right { float: left; padding-left: 5px; width: 130px; } #sidebar ul,#home ul,#profile-info ul { padding: 0px; margin: 0px; } #sidebar li,#home li,#profile-info li { padding: 0px; margin: 0px; margin-bottom: 10px; list-style: none; } #sidebar ul li,#home ul li,#profile-info ul li { padding-bottom: 10px; } #sidebar ul li a,#home ul li a,#profile-info ul li a { text-decoration: none; font-weight: normal; line-height: 19px; } #sidebar ul li a:hover,#home ul li a:hover,#profile-info ul li a:hover { text-decoration: underline; } #sidebar ul li ul li,#profile-info ul li ul li,#home ul li ul li { padding-bottom: 5px; margin-left: 10px; margin-right: 5px; border-bottom: 1px dotted; } #sidebar ul li ul li ul,#home ul li ul li ul,#profile-info ul li ul li ul { padding-left: 10px; } #sidebar ul li ul li ul li,#home 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,#home ul li ul li ul li a,#profile-info ul li ul li ul li a { font-weight: normal; } #sidebar ul li h2,#home 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,#home ul li h2 a,#profile-info ul li h2 a { font-weight: normal; } #sidebar ul li h2 a:hover,#home ul li h2 a:hover,#profile-info ul li h2 a:hover { text-decoration: none; } .widget { border: 0; margin: 0 5px 20px 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } h2.widgettitle { padding: 5px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; -khtml-border-top-left-radius: 6px; } .widget_search form { text-align: center; padding: 20px 0 5px 0; } .widget_search .string { width: 200px; } .widget_tag_cloud div { padding: 0 5px; } /* ---------------------------------------------------- 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,#home ul li.widget_sideposts ul li,#home ul li.widget_sideposts ul a { font-size: 13px; padding-top: 10px; font-weight: bold; } #sidebar ul li.widget_sideposts ul li.spli-archive,#home ul li.widget_sideposts ul li.spli-archive { padding-top: 0; } #sidebar span.sideposts_date,#home span.sideposts_date { font-size: 10px; font-weight: normal; text-decoration: none; } #sidebar ul li.widget_sideposts ul li p,#home 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,#home 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,#home ul li.widget_sideposts ul li p a:hover { text-decoration: underline; } #sidebar ul li.widget_sideposts ul li img.alignleft,#home 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,#home 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,#home 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 */