diff -r 0d9a58d2c515 -r 0d28b7c10758 web/wp-content/themes/malleable/style.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/wp-content/themes/malleable/style.css Fri Mar 12 13:29:04 2010 +0000 @@ -0,0 +1,1075 @@ +/** + * Theme Name: Malleable + * Theme URI: http://developdaly.com/themes/malleable/ + * Description: A news-style child theme of the Hybrid theme framework. Theme options include a configurable address and front page slider. + * Version: 2.0 + * Author: Develop Daly + * Author URI: http://developdaly.com + * Tags: black, gray, theme-options, threaded-comments, sticky-post, microformats, two-columns, three-columns, fixed-width + * Template: hybrid + * + * Copyright (c) 2010 Develop Daly. All rights reserved. + * http://developdaly.com + * + * Malleable is released under the GNU General Public License, version 2 (GPL). + * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html + * + * 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. + */ + +/* Get base CSS */ +@import url('../hybrid/library/css/20px.css'); + +/* Get plugins CSS */ +@import url('../hybrid/library/css/plugins.css'); + +/* Get drop-downs CSS */ +@import url('../hybrid/library/css/drop-downs.css'); + +/* Get tabs CSS */ +@import url('tabs.css'); + +/** +* Body +************************************************/ +body { + background: #222 url('images/bg.gif'); + font: 12px/22px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; + } + +/** +* Elements +************************************************/ + +/* Links */ +a, a:visited { + color: #3671A1; + text-decoration: none; + } +a:hover, a:active { + text-decoration: underline; + } +.entry-content a { + color: #336699; + } + +/* Headers */ +h1, h2, h3, h4, h5, h6 { + font-family: "Myriad Pro", Calibri; + color: #444; + } + +/* Lists */ +.content ul { + list-style: none; + margin-left: 20px; + } +.content ul li { + overflow: hidden; + padding-left: 15px; + background: url(images/bullet.gif) no-repeat 0 6px; + } + +/* Blockquotes */ +blockquote { + overflow: hidden; + height: 100%; + margin: 0 24px 0 0; + padding: 3px 0 0 24px; + font-style: italic; + color: #444; + background: url(images/quotes.gif) no-repeat 0 0; + border: none; + } +blockquote blockquote { + color: #555; + } +blockquote em { + font-style: normal; + } +blockquote.pullquote { + width: 210px; + margin-top: 6px; + margin-bottom: 3px; + padding: 6px 9px; + text-align: center; + font: italic normal normal 20px/22px Georgia, Times, 'Times New Roman', serif; + color: #444; + background: transparent; + border-top: 3px double #ddd; + border-bottom: 3px double #ddd; + } +.pullquote p { + margin: 0; + } + +/* Forms */ +input, textarea { + font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; +} + +/* Code */ +code { + padding: 0 3px; + font-size: 12px; + background: #eee; + } +pre { + overflow: auto; + padding: 9px; + font-size: 12px; + color: #000; + background: url(images/code.png) repeat 0 0; + border: 1px solid #ddd; + } +pre code { + padding: 0; + background: transparent; + } + +/* Tables */ +table { + width: 100%; + background: #ddd; + } +caption { + font: italic normal normal 12px/22px Verdana, Geneva, Tahoma, sans-serif; + text-align: right; + color: #666; + } +tr { + margin: 1px; + border: 1px solid #ddd; + } +td { + padding: 3px; + background: #f7f7f7; + border: 1px solid #ddd; + } +tr.alt td, tr.even td { + background: #eee; + } +th { + padding: 3px; + color: #fff; + background: #093653; + border: 1px solid #ddd; + } +th a { + font-weight: bold; + color: #eee; + } + +/* Acronyms */ +acronym { + border-bottom: 1px dotted #333; + } + +/* Drop caps */ +.drop-cap { + float: left; + margin-right: 3px; + font: normal normal normal 48px/39px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, Georgia, serif; + color: #444; + } + +/* Notes */ +.note { + padding: 6px 9px; + background: #eee; + border: 1px solid #ccc; + } + +/* Warnings/Alerts */ +.warning, .alert { + padding: 6px 9px; + background: #fffbbc; + border: 1px solid #E6DB55; + } + +/* Errors */ +.error { + padding: 6px 9px; + background: #ffebe8; + border: 1px solid #C00; + } + +/* Downloads */ +.download { + padding: 6px 9px; + background: #e7f7d3; + border: 1px solid #6c3; + } + +/* Alignment */ +.left, .alignleft { + float: left; + margin: 0 20px 0 0; + } +.right, .alignright { + float: right; + margin: 0 0 0 20px; + } +.center, .aligncenter { + display: block; + margin: 0 auto 20px auto; + } +.block, .alignnone { + display: block; + margin: 0 0 20px 0; + } +.clear { + clear: both; + } +span.pullquote { + float: none; + margin: 0; + } + +/** +* Images +************************************************/ +.post img { + max-width: 600px; + } + +img.wp-smiley { + max-height: 12px; + margin: 0; + padding: 0; + border: none; + } + +/* Captions */ +.wp-caption { + max-width: 590px; + padding: 4px 4px 4px 4px; + background: #eee; + border: 1px solid #ccc; + text-align: center; + } +.wp-caption .wp-caption-text { + margin: 0; + padding: 0 5px; + text-align: right; + font-size: 11px; + color: #666; + } +.wp-caption img { + max-width: 588px; + margin: 0 auto; + padding: 0; + border: 1px solid #666; + } + +/* Gallery [gallery] */ +.gallery { + display: block; + text-align: center; + margin-bottom: 20px !important; + } +.gallery img { + border: 1px solid #3c738c; + } + +/* Author avatar */ +.avatar { + float: left; + width: 60px; + height: 60px; + margin-right: 20px; + padding: 4px; + background: #eee; + border: 1px solid #ccc; + } + +/* Thumbnail */ +.thumbnail { + float: left; + width: 100px; + height: 100px; + margin: 0 20px 10px 0; + padding: 4px; + background: #eee; + border: 1px solid #ccc; + } +.category img.medium { + float: left; + max-width: 230px; + margin: 0 20px 10px 0; + padding: 4px; + background: #eee; + border: 1px solid #ccc; + } + +/** +* Page Navigation +************************************************/ +#page-nav { + background:#444 url('images/nav-bg.gif') repeat-x scroll center bottom; + border-left: 1px solid #666; + border-right: 1px solid #666; + border-top: 1px solid #666; + height: 40px; + letter-spacing:1px; + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin: 0 auto; + padding:0; + width: 960px; + z-index:9999; +} + +#page-nav ul { + list-style: none; + margin: 0; + } +#page-nav li { + float: left; + margin: 0; + padding: 0; + } +#page-nav a { + color: #fff; + display: block; + padding: 14px; + text-decoration:none; + text-shadow:1px 1px 3px #000000; + z-index:9999; + } +#page-nav .current_page_item a, +#page-nav a:hover { + background: #333; +} + +/* Drop-down styles */ +#page-nav li:hover ul, #page-nav li.sfHover ul { + top: 40px; + } +#page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul { + top: -1px; + } +#page-nav ul ul { + border-top: 1px solid #222; + background: #111; + } +#page-nav li li { + margin: 0; + padding: 0; + border-bottom: 1px solid #222; + } +#page-nav li li a { + padding: 14px; + border: none; + } + +/** +* Search form (in header) +************************************************/ +#header .search { + float: right; + width: 200px; + height: 25px; + } +#header input { + float: right; + width: 170px; + height: 15px; + margin: 4px 0 0 0; + padding: 8px; + color: #aaa; + background: #2D2D2D; + border: 1px solid #000; + } +#header .search-submit, #header .button { + display: none; + } + +/** +* Header +************************************************/ +#header-container { + overflow: hidden; + } +#header { + overflow: hidden; + width: 960px; + margin: 15px auto 5px; + } +#site-title { + float: left; + line-height: 35px; + font-size: 30px; + font-family: "Myriad Pro", Calibri; + font-size:30px; + margin: 0; + text-shadow:1px 1px 1px #000000; + } +#site-title a { + color: #ddd; + } +#site-description { + color: #999; + clear: both; + float: left; + font-size: 12px; + margin: 0; + } +#header .address { + color: #999; + float: right; + font-family: "Myriad Pro", Calibri; + font-size: 12px; +} + .vcard .org { + display: none; + } +/** +* Header utility widget +************************************************/ +#utility-header { + overflow: hidden; + float: right; + width: 500px; + height: 60px; + } +#utility-header .widget { + line-height: 19px; + margin: 0; + padding: 0; + color: #aaa; + background: transparent; + border: none; + } +#utility-header .widget-inside div, #utility-header .widget-inside img { + float: right; + } + +/** +* Category Navigation +************************************************/ +#cat-navigation { + background: #555; + border-left: 1px solid #666; + border-right: 1px solid #666; + border-top: 1px solid #666; + height: 42px; + width: 960px; + margin: 0 auto; + font: normal normal bold 12px/12px Verdana, Geneva, Tahoma, sans-serif; + text-transform: uppercase; + } +#cat-nav { + float: left; + width: 760px; + } +#cat-navigation ul { + list-style: none; + margin: 0; + } +#cat-navigation li { + float: left; + border-right: 1px solid #666; + } +#cat-navigation a { + display: block; + padding: 15px; + text-transform: uppercase; + color: #fafafa; + } +#cat-navigation li li a { + width: 160px; + font: normal normal bold 10px/10px Verdana, Geneva, Tahoma, sans-serif; + color: #fff; + background: #358F7E; + border-right: 1px solid #ccc; + border-top: 1px solid #ccc; + } + +/* Drop-down controls */ +#cat-nav ul ul, #cat-nav ul ul ul { + width: 180px; + } +#cat-nav li li:hover ul, #cat-nav li li li:hover ul { + left: 180px; + } +#cat-nav li:hover ul, #cat-nav li.sfHover ul { + top: 42px; + } +#cat-nav li li:hover ul, #cat-nav li li.sfHover ul, #cat-nav li li li:hover ul, #cat-nav li li li.sfHover ul { + top: 0; + } +#cat-nav ul ul { + background: #2b526b; + } + +/* Make sure page menu overlaps category menu */ +#cat-nav ul.menu { + position: relative; + z-index: 98; + } +#page-nav ul.menu { + position: relative; + z-index: 99; + } + +/** +* Subscribe/feed link (in navigation) +************************************************/ +#cat-navigation #feed { + width: 130px; + float: right; + } +#feed li { + float: right; + border: none; + margin-right: 15px; + } +#feed li a { + padding: 15px 20px 15px 15px; + background: url(images/feed-icon.png) no-repeat right center; + } + +/** +* Container (content/primary/secondary) +************************************************/ +#container { + border-left: 1px solid #666; + border-right: 1px solid #666; + clear: both; + overflow: hidden; + width: 960px; + margin: 0 auto; + background: #fff url(images/container-bg.png) repeat-y right 0; + } +.page-template-no-widget #container, .primary-inactive.secondary-inactive #container { + background: #fff; + } + +.content { + overflow: hidden; + float: left; + width: 580px; + padding: 20px 20px 0; + background: #fff; + } +.page-template-no-widgets .content, .primary-inactive.secondary-inactive .content { + width: auto; + padding: 20px; + } + +/** +* Posts +************************************************/ +.post { + clear: both; + overflow: hidden; + margin-bottom: 20px; + } +.single .post, .page .post { + margin-bottom: 0; + } +.page-template-blog .post, .page-template-quick-post .post { + margin-bottom: 20px; + } + +/* Post title */ +.entry-title { + margin-bottom: 3px; + font-size: 15px; + line-height: 18px; + font-weight: bold; + } +.entry-title a { + color: #222; + } +.home .entry-title, .page-title, .page-template-blog .entry-title, .single-title, .error-404-title, .attachment-title { + font-size: 22px; + line-height: 22px; + } +.page-title, .error-404-title { + margin: 0 0 20px 0; + } + +/* Byline */ +.byline { + font-size: .9em; + font-style: italic; + color: #777; + } +.archive .byline, .search .byline { + margin: 0 0 3px 0; + } +.byline a { + font-style: normal; + } + +/* Entry */ +.entry-content, .entry-summary { + overflow: hidden; + font-size: 13px; + } + +/* Post meta data */ +.entry-meta { + clear: both; + display: block; + padding: 9px 0 0 0; + font-size: .9em; + font-style: italic; + color: #777; + border-top: 1px solid #ccc; + } +.entry-meta a { + font-style: normal; + } + +/* Page links */ +p.pages { + font-weight: bold; + } +p.pages a { + margin: 0 2px; + padding: 4px 12px; + font-weight: normal; + font-style: italic; + color: #eee !important; + background: #093653; + border: 1px solid #eee; + } + +/* Series */ +.series-title { + font-size: 1.2em; + } + +/* Single-post author box */ +.single .author-profile { + overflow: hidden; + margin: 0 0 20px 0; + padding: 9px 9px 0 9px; + background: #f7f7f7; + border: 1px solid #ccc; + } +.single .author-profile p { + margin: 0 0 9px 0; + } +.single .author-profile .avatar { + margin: 0 20px 9px 0; + } + +/* Page templates */ +.author-profile { + border-bottom: 1px solid #ddd; + overflow: hidden; + margin-bottom: 20px; + padding: 0 0 20px; + } +.page-template-biography .author-profile { + margin: 0; + } +.author-profile .author-name { + margin-bottom: 0; + font-size: 1em; + font-weight: bold; + } +.post-box { + overflow: hidden; + margin-bottom: 20px; + } + +/* Archive templates */ +.category-title, .tag-title, .date-title, .author-title, .search-title { + font-size: 22px; + font-weight: bold; + line-height: 22px; + } +.author-info, .category-info, .date-info, .tag-info, .search-info { + overflow: hidden; + margin: 0 0 20px 0; + } + +/* Attachments (post meta data) */ +.attachment object { + width: 100%; + height: 100%; + min-height: 400px; + } +.attachment object.video { + width: 100%; + height: 360px; + } +.attachment object.audio { + width: 100%; + } +.attachment-image .post-meta-data { + clear: left; + } +.attachment .download { + display: block; + margin-bottom: 20px; + } +.attachment-icon, .mime-type-icon { + height: 20px; + margin-right: 10px; + padding: 0; + } +.attachment-application-octet-stream .video { + height: 400px; + margin-bottom: 20px; + } + +/* Breadcrumb */ +.breadcrumb { + margin: 0 0 20px 0; + font-size: 11px; + color: #666; + } + +/* WP PageNavi */ +.wp-pagenavi { + overflow: hidden; + } +.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi a, .wp-pagenavi .extend { + float: left; + margin: 0 6px 0 0; + padding: 4px 12px; + color: #eee !important; + background: #093653; + border: 1px solid #eee; + } + +/* Navigation links */ +.navigation-links { + overflow: hidden; + } +.next, .previous { + max-width: 50%; + font-size: 13px; + } +.previous { + float: left; + } +.next { + float: right; + text-align: right; + } +#comments-template .paged-navigation { + text-align: center; + } +#comments-template .paged-navigation .page-numbers { + padding: 3px 6px; + font-style: italic !important; + border: 1px solid #eee !important; + } +#comments-template .paged-navigation .next, #comments-template .paged-navigation .prev { + float: none; + text-align: left; + border: none !important; + } + +/** +* Widgets in general +************************************************/ +.widget { + overflow: hidden; + margin: 0 0 20px 0; + padding: 9px 9px 0 9px; + background: #fff; + border: 1px solid #ddd; + } +.widget-title { + background:#333 none repeat scroll 0 0; + border-bottom:1px solid #bbb; + color:#fff; + font-size:11px; + font-weight:normal; + letter-spacing:1px; + margin:0 0 5px; + padding:1px 5px; + text-transform:uppercase; +} +.widget-title a { + color: #f7f7f7; + } +.widget ul { + list-style: none; + margin-left: 0; + } +.widget ul li { + padding: 0 0 0 18px; + background: url(images/bullet.gif) no-repeat 3px 7px; + } + +/* Widget search */ +.widget-search { + padding-bottom: 9px; +} +.widget-search .search-text { + width: 270px; + } + +/* Widget categories */ +.widget-categories img { + position: relative; + max-height: 16px; + top: 1px; + margin: 0; + padding: 0; + } + +/** +* Content-area widgets (mostly utility widgets) +************************************************/ +.content .widget { + margin: 0; + padding: 0; + border: none; + } +.content .widget-title { + margin: 0 0 5px 0; + padding: 0 0 5px 0; + font: normal normal bold 14px/20px georgia, times, 'times new roman', serif; + color: #333; + background: transparent; + border-bottom: 1px solid #ddd; + } +.content .widget-title a { + color: #093653; + } +.page-template-widgets .content .widget { + margin: 0 0 20px 0; + } + +/** +* Primary, Secondary, and Tertiary +************************************************/ +#widget-container { + float: right; + width: 320px; + } +#primary { + overflow: hidden; + float: right; + margin: 15px 20px 0 0; + width: 300px; + } +#secondary { + overflow: hidden; + clear: right; + float: right; + width: 153px; + margin: 0 0 0 14px; + } +#tertiary { + overflow: hidden; + float: right; + width: 153px; + } +#primary .widget ul li { + margin: 0 0 5px 0; + padding: 0 5px 5px 20px; + background: url(images/bullet.gif) no-repeat 5px 7px; + border-bottom: 1px solid #eee; + } +#primary .widget ul ul { + margin: 5px 0 0 0; + } +#primary .widget ul li li { + margin: 0 0 2px 0; + padding: 0 0 2px 20px; + border: none; + } +#primary object { + float: left; + width: 300px; + padding: 0; + margin: 0 0 9px 0; + } + +/** +* Comments +************************************************/ +#comments-template { + margin-top: 20px; + } + +/* Comment headers */ +#comments-number, #reply { + font-size: 1.2em; + } + +/* Comments are closed */ +.comments-closed { + color: #666; + font-style: italic; + } + +/* Comment list */ +#comments-template ol { + list-style: none; + margin: 0; + } + +/* Individual comments */ +#comments li { + overflow: hidden; + margin: 0 0 15px 0; + padding: 15px 15px 0 15px; + color: #333; + background: #f7f7f7; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + } +#comments li li, #comments li li li li, #comments li li li li li li { + background: #fff; + } +#comments li li li, #comments li li li li li { + background: #f7f7f7; + } + +/* Avatar */ +#comments li .avatar { + width: 40px; + height: 40px; + float: left; + margin-right: 20px; + padding: 0; + border: 1px solid #666; + } + +/* Comment meta data */ +#comments .comment-author { + font-weight: bold; + } +#comments .comment-meta-data { + margin-bottom: 15px; + } + +/* Comment text */ +.comment-text { + clear: left; + font-size: 13px; + } + +/* Forms */ +.text-input { + display: block; + padding: 3px 6px; + width: 300px; + font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif; + } +.page-template-quick-post .text-input { + width: 97.5%; + } +#comments-template label { + font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif; + } +textarea { + clear: left; + display: block; + width: 98%; + font: 14px/20px Arial, 'Helvetica Neue', Helvetica, sans-serif; + } +.button { + width: 100px; + margin-right: 9px; + padding: 6px 9px; + font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif; + font-weight: bold; + color: #eee; + background: #001838; + border: none; + } +.button:hover { + cursor: pointer; + background: #093653; + } +.search-form input { + margin-right: 9px; + } + +/** +* Footer container (wraps Subsidiary and Footer) +************************************************/ +#footer-container { + overflow: hidden; + clear: both; + padding: 2px 0 0 0; + background: #001838; + border-top: 3px solid #00070F; + } + +/** +* Subsidiary +************************************************/ +#subsidiary { + overflow: hidden; + width: 1000px; + margin: 0 auto 14px auto; + padding: 2px 0 0 0; + } +#subsidiary .widget { + overflow: hidden; + float: left; + width: 210px; + margin: 0; + padding: 15px 20px 0 20px; + font: 12px/21px Arial, 'Helvetica Neue', Helvetica, sans-serif; + color: #777; + background: transparent; + border: none; + } +#subsidiary .widget-title { + margin: 0 0 3px 0; + padding: 0 0 3px 0; + font-size: 15px; + color: #bbb; + background: transparent; + border-bottom: 1px solid #222; + } +#subsidiary a { + color: #aaa; + } +#subsidiary .widget ul { + margin-left: 0; + } +#subsidiary .widget ul li { + margin: 0 0 3px 0; + padding: 0 5px 3px 5px; + background: transparent; + border-bottom: 1px solid #222; + } + +/** +* Footer +************************************************/ +#footer-container { + overflow: hidden; + clear: both; + padding: 2px 0 0 0; + background: #111; + border-top: 3px solid #000; + } +#footer { + overflow: hidden; + width: 960px; + margin: 0 auto; + padding: 20px 0 0 0; + color: #f7f7f7; + } +#footer a { + font-style: normal; + color: #aaa; + } +#footer .copyright, #footer .credit { + display: inline; + float: left; + margin-right: 9px; + } +#footer .address { + text-align: right; +}