/*
Theme Name: Ghostbird
Theme URI: http://ghostbird.mfields.org/
Description: A one-column theme for WordPress.
Author: Michael Fields
Author URI: http://wordpress.mfields.org/
Version: 1.0
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, flexible-width, custom-header, custom-background, custom-menu, editor-style, translation-ready
Copyright 2010 Michael Fields.
*/
body {
position:relative;
z-index:0;
margin:0;
padding:0;
color:#2a3142;
background:#375876 url( images/diagonal-stripes.png ) fixed;
font-family:Trebuchet,arial,sans-serif;
font-size:14px;
}
/* Font-size + margin for all headings */
h1, h2, h3, h4, h5, h6 { padding:0; line-height:1.2em; clear:both; }
h1 { font-size:1.50em; margin:.83em 0; }
h2 { font-size:1.38em; margin:1.05em 0; }
h3 { font-size:1.13em; margin:1.15em 0; }
h4 { font-size:1.06em; margin:1.35em 0; }
h5,
h6 { font-size:1.00em; margin:1.5em 0; }
/* Margin for all content blocks. */
address, article, aside, blockquote, dl, fieldset, form, ol, p, pre, table, ul,
.entry-content div, .entry-meta, .embed {
font-size:1em;
margin:1.5em 0;
padding:0;
line-height:1.5em;
}
#gallery-1, #gallery-2, #gallery-3, #gallery-4, #gallery-5 { /* !important used to override inline css. */
font-size:1em !important;
margin:1.5em 0 !important;
padding:0 !important;
line-height:1.5em !important;
}
/* Lists */
ul, ol {
padding-left:1.5em;
}
ul ul, ol ol, ul ol, ol ul {
margin:0;
}
dt, dd {
margin:0;
padding:0;
}
dd {
margin-bottom:1.5em;
}
/* Blocks that need padding */
pre, fieldset, blockquote {
text-align:left;
padding:1em;
background-color:#fff;
}
blockquote {
position:relative;
padding-left:2em;
margin:1.75em 2em 1.75em 22px;
min-height:34px;
}
blockquote:before {
content:url( images/quote.png );
position:absolute;
top:10px;
left:-22px;
}
blockquote blockquote {
margin-left:0;
margin-right:0;
}
blockquote p:first-child,
blockquote blockquote:first-child {
margin-top:0;
}
blockquote p:last-child,
blockquote blockquote:last-child {
margin-bottom:0;
}
/* Typography - font, color + interaction. */
a {
color:#5588bb;
text-decoration:none;
}
a img {
border-width:0;
}
a.edit-term img {
border-width:0;
}
a:hover,
a:active,
a:focus {
text-decoration:underline;
outline:0;
}
a:focus img {
outline:.2em solid #bfeaff;
}
abbr, acronym {
border-bottom:1px dashed #999;
cursor:help;
}
big {
position:relative;
top:.1em;
font-size:2em;
}
blockquote {
border:.1em solid #ccc;
font-style:italic;
}
code, kbd, pre, samp, tt, var {
font-family:Consolas, "Courier New", Courier, monospace;
}
code, var {
border:.1em solid #d6e8f1;
background:#e2f5ff;
padding:0 .3em;
color:#60686c;
font-style:normal;
}
del, strike, s, .required {
color:#880000;
text-decoration:line-through;
}
dt {
font-weight:bold;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight:bold;
text-decoration:none;
color:#3a5066;
}
ins {
text-decoration:none;
background-color:#fffabf;
background-color:#bfffc5;
}
pre {
border:.1em solid #ccc;
white-space:pre-wrap;
}
pre code {
border-width:0;
background:transparent;
padding:0;
white-space:pre-wrap;
}
small {
font-size:0.9em;
line-height:1.5em;
}
/* Forms */
legend {
padding:.5em;
}
input,
textarea {
padding:.5em;
border:.1em solid #ccc;
}
fieldset {
padding:.5em 1em;
border:.1em solid #ccc;
}
input[type="file"] {
padding:0;
}
input:focus,
textarea:focus {
color:#60686c;
outline:.2em solid #cadbe3;
background:#e2f5ff;
}
/* Bullet forms.
*
* This class is used to style the form
* generated by get_search_form() as well as the
* password form for protected posts.
*/
form.bullet {
position:relative;
padding-right:6em;
height:2em;
border:.1em solid #cfb994;
border-top-right-radius: 1em;
-webkit-border-top-right-radius: 1em;
-moz-border-radius-topright: 1em;
border-bottom-right-radius: 1em;
-webkit-border-bottom-right-radius: 1em;
-moz-border-radius-bottomright: 1em;
-webkit-background-clip:padding-box;
background-clip:padding-box;
}
form.bullet br {
display:none;
}
form.bullet input.bullet-term,
form.bullet input.bullet-button {
position:absolute;
display:block;
top:0;
height:2em;
line-height:2em;
font-size:1em;
margin:0;
border-width:0;
}
form.bullet label.bullet-label {
display:none;
}
form.bullet input.bullet-term {
position:relative;
float:left;
z-index:2;
padding:0 .5em;
display:block;
width:100%;
background:#fff;
}
form.bullet input.bullet-term:focus {
outline:none;
}
form.bullet input.bullet-button {
width:5em;
right:0;
padding:0;
cursor:pointer;
background:transparent;
text-align:center;
color:#fff;
}
/* Tables */
table {
border-collapse:collapse;
border:.1em solid #555;
}
th, td {
text-align:left;
padding:.25em .5em;
}
td {
border:.1em solid #777;
}
/* Float Clearing. */
.contain:before,
.contain:after {
content:"\0020";
display:block;
height:0;
visibility:hidden;
}
.contain:after {
clear:both;
}
.contain {
zoom:1;
}
/* Template */
#wrap {
max-width:50em;
margin:1em auto 0;
padding:2em 4em;
background:transparent;
}
#header {
margin:0;
min-height:100px;
background:transparent url( images/rays.png ) center bottom no-repeat;
padding:0 0 1em;
}
#logo {
text-align:center;
}
#site-title {
margin:1em 0 0;
font-size:3em;
font-weight:bold;
text-align:center;
}
#site-title,
#site-title a {
color:#fff;
}
#tagline {
margin:1em 0 0;
color:#2a3142;
font-style:italic;
text-align:center;
}
#menu-top {
position:relative;
margin:0 -10px 0;
padding:.25em 0 0;
border-width:0;
color:#fff;
text-align:left;
background:#600 url( images/horizontal-stripes.png );
min-height:50px; /* Needed for stiches.png. */
}
#menu-top:before {
content:'';
position:absolute;
left:0;
bottom:-5px;
width:0;
height:0;
display:block;
border-color:transparent #222 transparent transparent;
border-style:solid;
border-width:0px 10px 5px 0;
}
#menu-top:after {
content:'';
position:absolute;
right:0;
bottom:-5px;
width:0;
height:0;
display:block;
border-color:transparent transparent transparent #222;
border-style:solid;
border-width:0 0 5px 10px;
}
#menu-top ul {
position:relative;
margin:0;
padding:.5em 30px;
list-style-type:none;
text-align:center;
}
#menu-top ul:before {
content:'';
position:absolute;
top:4px;
left:-5px;
width:27px;
height:39px;
display:block;
background:transparent url( images/stiches.png ) 0 0 no-repeat;
}
#menu-top ul:after {
content:'';
position:absolute;
top:4px;
right:-5px;
width:27px;
height:39px;
display:block;
background:transparent url( images/stiches.png ) -27px 0 no-repeat;
}
#menu-top li {
display:inline;
margin:0 .25em 1em;
padding:0;
line-height:2.5em;
}
#menu-top li a {
padding:.35em .6em;
font-weight:bold;
text-align:center;
cursor:pointer;
font-weight:bold;
color:#e9d6d6;
background-color:#111;
outline:0;
-webkit-transition:background-color, -webkit-box-shadow 0.2s linear;
}
#menu-top li a:hover,
#menu-top li a:active {
text-decoration:none;
}
#page {
padding:0 1.5em 1.5em;
color:#666;
background:#fffef2 url( images/halftone-dark-small.png );
}
#content {
color:#444;
}
/* Intro box */
#intro {
margin:0 0 1.5em;
padding:1em 1.5em 1em;
overflow:hidden;
border-width:0 .1em .1em;
border-style:solid;
border-color:#e2caa0;
background-color:#fbeace;
color:#666;
}
#intro h1 {
line-height:1;
margin:0 0 .25em;
}
#summary p:first-child,
#summary p:only-child { margin-top:.25em; }
#summary p:last-child,
#summary p:only-child { margin-bottom:0; }
#byline,
#intro-meta {
margin:.5em 0 0;
color:#85775f;
font-size:.8em;
line-height:1.5;
font-weight:normal;
}
#intro a {
color:#54778a;
}
/* All posts. */
.entry {
margin:1.5em 0;
padding:0 1.5em;
overflow:hidden;
border:.1em solid #e2dcd2;
background-color:#fff;
}
h2.entry-title {
clear:none;
margin-bottom:.25em;
}
.entry img {
background-color:#fff;
max-width:615px;
height:auto;
}
.entry pre {
padding:5%;
width:90%;
overflow:auto;
}
.entry .attachment-ghostbird_detail {
margin-right:10px;
}
.entry .bullet {
border-color:#ccc;
}
.entry .auto-link:hover,
.entry .auto-link:active,
.entry .auto-link:focus {
text-decoration:none;
}
.entry .auto-link:before {
content: '\005b';
}
.entry .auto-link:after {
content: '\005d';
}
/* Featured image. */
.entry .featured-image {
float:right;
border:.1em solid #ccc;
margin:1.5em 0 1em 1.5em;
padding:10px 12px 8px 10px;
background-color:#fff;
text-align:center;
}
.entry .featured-image img {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
/* Aside posts. */
.many .format-aside .post-title {
font-weight:bold;
}
/* Link posts. */
.many .format-link {
border:.1em solid #e2dcd2;
color:#9b9a93;
background-color:#fffef2;
}
.many .format-link a.post-title {
font-weight:bold;
color:#9b9a93;
}
.many .format-link a.post-title:hover,
.many .format-link a.post-title:active,
.many .format-link a.post-title:focus {
text-decoration:underline;
}
.many .format-link .entry-content p {
margin:.5em 0;
}
/* Status posts. */
.format-status .featured-image {
float:left;
width:60px;
height:60px;
margin:1.5em 0;
padding:0;
border-width:0;
}
.format-status .entry-title,
.format-status .entry-content,
.format-status .entry-meta {
margin-left:75px;
}
.format-status .entry-meta {
margin-top:-.85em;
}
/* Meta. */
.entry-meta {
clear:both;
}
.entry-meta p {
margin:0;
}
/* 404 Template. */
#content.error404 h2 {
margin-bottom:0;
}
#content.error404 .widget {
margin-bottom:2em;
}
#content.error404 .widget h2 {
margin-bottom:.5em;
}
#content.error404 .widget ul {
margin-top:0;
}
/* Search Template. */
.search #intro .bullet {
margin:.75em 0;
}
.search-results .entry {
border-width:0;
padding:0;
margin:0;
font-size:.9em;
}
.search-results p {
line-height:1.25em;
margin-top:0;
}
.search-results h2.entry-title {
margin:0 0 .25em;
font-weight:normal;
font-size:1em;
}
.search-results h2.entry-title a {
text-decoration:underline;
}
.search-results .entry-date {
font-style:italic;
}
.search-results .format-status .entry-title,
.search-results .format-status .entry-content,
.search-results .format-status .entry-meta {
margin-left:0;
}
/* Image template */
#related-images {
margin:0;
padding:0;
}
#related-images li {
float:left;
width:70px;
height:70px;
margin:.5em .5em 0 0;
padding:0;
list-style-type:none;
}
/* Author Box */
#author-box {
margin:1.5em 0;
padding:1em 1.5em 1em;
border:.1em solid #eeddbe;
background-color:#faefdc;
color:#666;
}
#author-box .author-name {
font-size:1.3em;
margin-bottom:.1em;
clear:none;
}
#author-box .author-avatar {
width:60px;
float:left;
padding:10px 12px 8px 10px;
border:1px solid #ccc;
background-color:#fff;
text-align:center;
}
#author-box .author-bio p:first-child,
#author-box .author-bio p:last-child {
margin:0;
}
#author-box.has-avatar .author-name,
#author-box.has-avatar .author-bio {
margin-left:100px;
}
/* Comment List */
.comment-list,
.comment-list .children {
list-style-type:none;
margin:0;
padding:0;
}
.comment-list .avatar {
float:left;
width:45px;
height:45px;
}
.comment-author {
font-weight:bold;
font-size:1.3em;
color:#567797;
display:block;
margin:0 0 .25em 55px;
line-height:1;
}
.comment-meta {
display:block;
margin-left:55px;
font-size:.85em;
line-height:1;
}
.comment-date {
color:#888;
}
.comment {
min-height:55px;
margin:1.5em 0;
}
.comment .comment {
padding-top:1.5em;
border-top:.1em dotted #ddd;
}
.comment .comment:last-child {
margin-bottom:0;
}
.comment-content p {
margin:1em 0;
}
.comment-content p:first-child,
.comment-content p:only-child {
margin-top:0;
}
.comment-content p:last-child,
.comment-content p:only-child {
margin-bottom:0;
}
/* Trackbacks. */
.trackback {
padding:.75em 1.5em;
border:.1em solid #e2dcd2;
color:#b6b5ad;
background-color:#fffef2;
margin:.5em 0;
}
.trackback a {
color:#b6b5ad;
}
.trackback a:focus,
.trackback a:hover,
.trackback a:active {
color:#7c7c76;
}
/* Comment Form. */
.comment-form-url,
.comment-form-email,
.comment-form-author,
.comment-form-comment {
float:left;
width:100%;
margin:0 0 .25em;
padding:0;
line-height:1;
}
.comment-form-url label,
.comment-form-email label,
.comment-form-author label,
.comment-form-comment label {
float:left;
width:15%;
margin:0;
text-align:right;
padding-right:2%;
border:.1em solid transparent;
line-height:2;
font-size:1em;
font-weight:bold;
color:#3a5066;
}
.comment-form-url input,
.comment-form-email input,
.comment-form-author input,
.comment-form-comment textarea {
display:block;
padding:.25em;
line-height:1;
font-size:1em;
border:.1em solid #ccc5ba;
}
.comment-form-url input,
.comment-form-email input,
.comment-form-author input {
width:55%;
}
.comment-form-comment textarea {
margin-top:2px;
width:79%;
height:15em;
}
.required {
display:none;
height:0;
width:0;
}
.addendum {
font-size:.6em;
color:#a39887;
}
#subscribe,
input#submit,
.logged-in-as,
.subscribe-to-comments {
margin-left:17.5%;
}
#page-footer {
margin:0;
padding:1em;
text-align:center;
color:#fff;
background:#600 url( images/horizontal-stripes.png );
}
#page-footer a {
font-weight:bold;
text-align:center;
cursor:pointer;
outline:0;
padding:.25em .5em;
font-weight:bold;
color:#e9d6d6;
background-color:#600;
background-color:#111;
-webkit-transition:background-color, -webkit-box-shadow 0.2s linear;
}
#page-footer a span {
position:relative;
top:-.15em;
display:inline;
margin:0;
padding:0;
border-width:0;
}
.newer-posts, .back-posts {
float:left;
}
.older-posts, .more-posts {
float:right;
}
/* All Widgets. */
#widgets {
clear:both;
position:relative;
background-color:#faefdc;
margin:0 .5em;
padding:1em;
border-width:0 .1em .1em;
border-style:solid;
border-color:#e2caa0;
color:#666;
}
#widgets a {
color:#54778a;
}
#widgets .area {
float:left;
}
#widgets.count-1 .area-1 { width:100%; }
#widgets.count-2 .area-1 { width:30em; }
#widgets.count-2 .area-2 { width:15em; margin:0 0 0 1.5em; }
#widgets.count-3 .area { width:14em; }
#widgets.count-3 .area-1 { margin:0; }
#widgets.count-3 .area-2 { margin:0 2em; }
#widgets.count-3 .area-3 { margin:0; }
#widgets .area,
#widgets .area p,
#widgets .area li {
line-height:1.4;
}
#widgets h3.widget-title {
margin-bottom:.25em;
font-size:1.1em;
}
#widgets .widget-container {
margin-bottom:1.5em;
}
#widgets .widget-container ul {
list-style-type:square;
}
#widgets .widget-title,
#widgets .widget-container ol,
#widgets .widget-container ul,
#widgets .widget-container p:first-child,
#widgets .widget-container ul:first-child,
#widgets .textwidget p:first-child {
margin-top:0;
}
/* WordPress Calendar Widget. */
table#wp-calendar {
width:14em;
margin:0 auto;
padding:0;
empty-cells:show;
font-size:1em;
border-collapse:collapse;
background-color:#fff;
border:.1em solid #888;
}
#widgets.count-2 table#wp-calendar,
#widgets.count-1 table#wp-calendar {
margin:0;
}
#wp-calendar tr {
background:transparent;
}
#wp-calendar td {
color:#a3afb5;
}
#wp-calendar caption {
text-align:center;
}
#wp-calendar th {
font-style:normal;
text-transform:capitalize;
text-align:center;
}
#wp-calendar thead {
background-color:#5588bb;
border:.1em solid #888;
color:#fff;
}
#wp-calendar tbody td {
padding:1.5% 0;
background-color:#fff;
text-align:center;
width:14.28%;
border:.1em solid #888;
font-weight:bold;
}
#wp-calendar tbody td a {
display:block;
font-weight:bold;
}
#wp-calendar tbody td#today {
background-color:#bfeaff;
font-weight:bold;
color:#54778a;
}
#wp-calendar tfoot td {
border-width:0;
}
#wp-calendar #next {
text-align:right;
}
#wp-calendar #prev {
text-align:left;
}
/* Bottom Menu. */
#menu-bottom ul {
max-width:56em;
margin:1em auto 3em;
padding:0;
clear:both;
text-align:center;
}
#menu-bottom li {
display:inline;
padding:.5em;
}
#menu-bottom a {
color:#b9d8f2;
font-weight:bold;
}
#menu-bottom a:focus,
#menu-bottom a:hover,
#menu-bottom a:active {
color:#fff;
}
/* Content boxen. */
.depth-1,
#commentform,
#search-results {
margin:1.5em 0;
padding:1.5em;
overflow:hidden;
border:.1em solid #e2dcd2;
background-color:#fff;
}
/* Buttons. */
button,
.button,
input#submit {
padding:.5em;
border-width:0;
line-height:1;
text-align:center;
text-decoration:none;
font-size:1em;
font-weight:bold;
color:#fff;
cursor:pointer;
}
/* WordPress generated classes. */
.alignnone,
div.alignnone {
margin:0 1em 0 0;
}
.alignleft,
div.alignleft {
float:left;
margin:0 1em 1em 0;
}
.alignright,
div.alignright {
float:right;
margin:0 0 1em 1em;
}
.aligncenter,
div.aligncenter {
display:block;
margin:1em auto;
}
.aligncenter .wp-caption-text {
text-align:center
}
.bypostauthor {}
.clear {
clear:both;
}
.embed {
width:100%;
}
.page-link {
clear:both;
}
.sticky {}
.wp-caption-text {}
/* WordPress Gallery Shortcode. */
#gallery-1 img,
#gallery-2 img,
#gallery-3 img,
#gallery-4 img {
border-width:0 !important;
}
/* Small text, lighter color */
small,
.entry-meta,
.wp-caption-text,
.gallery-caption {
color:#888;
font-size:.8em;
line-height:1.5;
font-weight:normal;
}
/* Bullet points */
.post-edit:before,
.subscribe:before,
.comment-link:before,
.comment-edit:before,
.comment-reply:before {
content:'\2022\00A0';
}
/* Glow */
#page-footer a:focus,
#page-footer a:hover,
#page-footer a:active,
#menu-top li.current a,
#menu-top li.current_page_item a,
#menu-top li.current-menu-item a,
#menu-top li a:focus,
#menu-top li a:hover,
#menu-top li a:active {
box-shadow: 0 0 .75em rgba( 255, 255, 255, 0.7 );
-webkit-box-shadow: 0 0 .75em rgba( 255, 255, 255, 0.7 );
-moz-box-shadow: 0 0 .75em rgba( 255, 255, 255, 0.7 );
}
/* Shadow centered. */
#page {
box-shadow: 0 0 .75em rgba( 0, 0, 0, 0.4 );
-webkit-box-shadow: 0 0 .75em rgba( 0, 0, 0, 0.4 );
-moz-box-shadow: 0 0 .75em rgba( 0, 0, 0, 0.4 );
}
/* Shadow offset. */
blockquote,
fieldset,
pre,
.author-avatar,
.entry img,
.entry .featured-image,
.gallery img {
box-shadow: .2em .2em .3em rgba( 0, 0, 0, 0.3 );
-webkit-box-shadow: .2em .2em .3em rgba( 0, 0, 0, 0.3 );
-moz-box-shadow: .2em .2em .3em rgba( 0, 0, 0, 0.3 );
}
/* Reset shadows for certain elements. */
.entry img.wp-smiley {
border-width:0;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}
/* Rounded corners - Top. */
button,
#submit,
#menu-top,
#menu-top li a,
#page-footer a,
.button {
border-top-left-radius: .5em;
border-top-right-radius: .5em;
-webkit-border-top-left-radius: .5em;
-webkit-border-top-right-radius: .5em;
-moz-border-radius-topleft: .5em;
-moz-border-radius-topright: .5em;
}
/* Rounded corners: Bottom. */
button,
#intro,
#submit,
#widgets,
#page-footer,
#page-footer a,
#menu-top li a,
.button {
border-bottom-left-radius: .5em;
border-bottom-right-radius: .5em;
-webkit-border-bottom-left-radius: .5em;
-webkit-border-bottom-right-radius: .5em;
-moz-border-radius-bottomright: .5em;
-moz-border-radius-bottomleft: .5em;
}
/* Blue Gradient */
button,
input#submit,
th,
.button,
.bullet {
color:#fff;
background:#3c6081;
background-image:-webkit-gradient(
linear,
left top,
left bottom,
color-stop( 1, #3c6081 ),
color-stop( 0, #588dbe )
);
background-image:-moz-linear-gradient(
top,
#588dbe,
#3c6081
);
}
/* I make plugins plugin. */
#cws-imp-plugin-list {
padding:0;
}
a.cws-imp-plugin-title {
font-weight:bold;
margin-bottom:.73em;
font-size:1.38em;
}
p.cws-imp-plugin-description {
margin-top:0;
}
li.cws-imp-plugin {
margin:0;
padding:0;
list-style-type:none;
}