File: /home/mmickelson/martyknows.com/wp-content/themes/strange-little-town/style.css
/*
Theme Name: Strange Little Town
Description: This theme will take your readers on a journey to a strange and wonderful place! Nestled below a star-studded sky they will find a cluster of whimsical, crooked little houses covered in a blanket of fog. Some dwellings appear to have minds of their own while others defy the laws of gravity.
Author: Minmin
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0-wpcom
Tags: black, pink, purple, dark, one-column, two-columns, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, rtl-language-support, sticky-post, translation-ready, art, blog, cartoon, holiday, seasonal, artistic, cartoony, colorful, dreamy, playful, whimsical
*/
/* =Layout
-------------------------------------------------------------- */
#branding,
#access,
#page {
clear: both;
margin: 0 auto;
text-align: left;
width: 950px;
}
#content {
background: #cf7da1;
float: left;
font-size: 1.2em;
line-height: 1.4em;
width: 650px;
}
#comments,
.entry {
padding: 25px;
position: relative;
}
#sidebar {
background: #c5638e;
color: #fff;
float: left;
font-size: 1.2em;
margin-right: 0;
padding: 25px 0 0;
width: 300px;
}
/* One Column Layout */
.single-column #content {
width: 950px;
}
.single-column #sidebar {
display: none;
}
/* =HTML
-------------------------------------------------------------- */
body {
background: #c15b8b url('img/stars.png') repeat-x;
color: #503559;
font-family: GillSans, Calibri, Trebuchet, sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
a {
color: #503559;
text-decoration: underline;
}
a:hover,
a:active,
a:focus {
color: #2e1737;
text-decoration: underline;
}
pre {
background-color: #d79eb7;
padding: 1em;
}
fieldset {
border: 2px solid #c35d8a;
}
/* =Headings
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
color: #fff;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5 {
font-weight: 100;
line-height: 1.4;
margin: 0;
}
h1 {
font-size: 26px;
}
h2 {
font-size: 23px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 15px;
}
h6 {
font-size: 12px;
}
hr {
background-color: #c35d8a;
border: 0;
height: 3px;
margin: 1em 0;
}
/* =Lists
-------------------------------------------------------------- */
ol,
ul {
list-style-position: outside;
padding-left: 50px;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin: 0;
padding-left: 30px;
}
ul {
list-style-type: square;
}
dt {
color: #453749;
font-size: 18px;
font-weight: normal;
line-height: 1.3;
margin: 0;
}
dd {
margin: 0 0 1.5em;
padding-bottom: .3em;
}
/* =Access
-------------------------------------------------------------- */
#access {
font-weight: bold;
margin: 0 auto;
padding: 7px 0 0;
}
#access ul {
font-size: 13px;
list-style: none;
margin: 0;
padding: 0;
}
#access li {
float: left;
margin: 0 7px 7px 0;
position: relative;
background: rgba( 255, 255, 255, .3 );
}
#access li li {
margin: 0;
}
#access a {
color: #fff;
display: block;
line-height: 40px;
padding: 0 15px;
text-decoration: none;
text-shadow: rgba( 0, 0, 0, .5 ) 1px 1px 3px;
text-transform: uppercase;
}
#access ul ul {
-moz-box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.2 );
-webkit-box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.2 );
box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.2 );
display: none;
float: left;
margin: 0;
position: absolute;
top: 37px; /* offset 3px to hide bottom border-radius. */
left: 0;
width: 213px;
z-index: 99999;
}
#access ul ul ul {
border-top-width: 0;
left: 100%;
top: 0;
}
#access ul ul a {
background: #ce6f98;
border-bottom: 1px dotted #503559;
color: #e8cdeb;
font-size: 13px;
font-weight: normal;
line-height: 1.5;
padding: 6px 15px;
text-shadow: none;
text-transform: none;
width: 183px;
height: auto;
}
#access li:hover > a,
#access li li:hover > a {
background: #d58cab !important;
}
#access a:focus,
#access a:active,
#access li:hover > a {
color: #fff;
}
#access li.current-menu-item > a,
#access li.current-menu-ancestor > a,
#access li.current_page_item > a,
#access li.current_page_ancestor > a {
background-color: #d37fa3;
color: #fff;
font-weight: bold;
text-shadow: none;
}
#access li li.current-menu-item > a,
#access li li.current-menu-ancestor > a,
#access li li.current_page_item > a
#access li li.current_page_ancestor > a {
background-color: #d37fa3;
border-radius: 0;
}
#access ul li:hover > ul {
display: block;
}
/* First selector is for wp_nav_menu(), second is for wp_list_pages(). */
#access .menu > li > a,
#access div.menu > ul > li > a {
border-radius: 3px;
}
/* =Branding
-------------------------------------------------------------- */
#branding {
font-family: times, Times New Roman, times-roman, georgia, serif;
padding: 50px 0;
text-shadow: rgba( 0, 0, 0, .3 ) 2px 2px 2px;
}
#home-link {
float: left;
margin: 0;
padding: 0;
text-decoration: none;
}
#site-title {
color: #fff;
font-size: 55px;
font-weight: 100;
margin: 0;
padding: 0;
text-decoration: none;
}
#site-description {
color: #fff;
font-size: 18px;
margin-top: -2px;
text-transform: uppercase;
}
/* =Content. Applies to both post content and comments.
-------------------------------------------------------------- */
#content table {
border: 1px solid #503559;
border-collapse: collapse;
}
#content th,
#content td {
padding: .25em .5em;
}
#content th {
background-color: #503559;
color: #fff;
font-weight: normal;
letter-spacing: .05em;
}
#content td {
background-color: #fff;
border: 1px solid #503559;
}
#content h1,
#content h2,
#content table {
margin: 20px 0;
}
#content h3,
#content h4,
#content h5,
#content h6 {
margin: 10px 0;
}
/* =Entry
-------------------------------------------------------------- */
.hentry,
#content-404 {
overflow: hidden;
padding: 25px;
}
.hentry header {
border-bottom: 1px dotted #844a76;
color: #e8cdeb;
font-size: 12px;
margin-bottom: 1em;
padding-bottom: .5em;
text-transform: uppercase;
}
#content .hentry header h1,
#content-404 h1 {
color: #fff;
font-size: 26px;
font-weight: 100;
line-height: 1.2;
margin: 0;
word-wrap: break-word;
}
.hentry header h1 a {
color: #fff;
text-decoration: none;
}
.hentry header h1 a:hover,
.hentry header h1 a:focus,
.hentry header h1 a:active {
text-decoration: underline;
}
.hentry header h2 {
clear: none;
font-size: 12px;
font-weight: normal;
line-height: 1.3;
margin: 0;
}
.hentry header .post-edit-link {
background: #e8cdeb;
color: #000;
float: left;
font-size: 10px;
letter-spacing: .03em;
line-height: 1;
margin-right: .5em;
padding: .6em .5em .2em;
position: relative;
top: 1px;
text-decoration: none;
}
.entry-meta {
border-top: 1px dotted #844a76;
clear: both;
color: #fff;
font-size: 12px;
padding: 7px 0;
text-transform: uppercase;
}
.entry-meta p {
line-height: 1.4;
margin: 0;
max-width: 460px;
padding: 0;
}
.entry-meta a,
.entry-meta span {
color: #e8cdeb;
}
.entry-meta a {
text-decoration: none;
}
.entry-meta .comment-link {
float: right;
}
.entry-meta .comment-link a {
color: #fff;
}
.about-this-post a {
color: #e8cdeb;
text-decoration: none;
}
.about-this-post a:active,
.about-this-post a:focus,
.about-this-post a:hover {
text-decoration: underline;
}
.sticky {
background: #d79eb7;
}
.sticky footer a,
.sticky .wp-caption-text {
color: #fff;
}
.sticky .about-this-post {
display: none;
}
.singular .entry-title {
margin: 0 0 1em;
padding: 0 0 .4em;
}
/* =Intro (For archive views)
-------------------------------------------------------------- */
#introduction {
border-bottom: 2px solid #c35d8a;
clear: both;
color: #989eae;
margin: 0 25px 30px;
padding: 25px 0 7px;
position: relative;
}
#introduction hgroup {
float: left;
}
h1#page-title {
color: #fff;
font-weight: normal;
line-height: 1;
margin: 0;
text-transform: uppercase;
}
h2#page-tagline {
color: #e8cdeb;
font-size: 14px;
font-weight: normal;
line-height: 1.2;
margin: 0;
padding: 7px 0 0;
text-transform: uppercase;
}
.search #page-title,
.search #page-tagline {
float: left;
width: 55%;
}
#introduction #searchform {
position: absolute;
top: 25px;
right: 0;
}
/* =Search
-------------------------------------------------------------- */
#searchform {
margin: 0;
padding: 0;
}
#searchform #s {
background: url('img/transparent.png');
border: 0;
color: #fff;
font-size: 1.0em;
padding: 3px;
width: 200px;
}
#searchsubmit {
margin: 3px 0 0 5px;
}
/* =Media
-------------------------------------------------------------- */
img,
a img {
border: none;
}
img {
max-width: 100%;
width: auto;
height: auto;
}
.size-thumbnail {
margin: 0 1.5em 1.5em 0;
}
.wp-caption {
margin-left: 0;
max-width: 100%;
}
.wp-caption img {
max-width: 100%;
height: auto;
}
.wp-caption-text {
color: #e8cdeb;
font-size: 13px;
font-style: italic;
line-height: 1.3;
margin: 0;
padding: 0 5px 10px;
text-align: center;
}
.single-attachment .wp-caption-text {
padding-bottom: 2em;
}
/* Gallery Shortcode. */
.gallery {
clear: both;
}
#content .gallery {
font-size: 11px;
font-style: italic;
}
#content .gallery img {
border: 7px solid #d79eb7;
}
/* Attached image as displayed in image.php. */
#image {
margin-bottom: 15px;
}
#image a:active,
#image a:hover,
#image a:focus {
outline: none;
}
#image a:focus img {
outline: 3px solid rgba( 255, 255, 255, .5 );
}
#image a,
#image img {
display: block;
margin: 0 auto;
}
/* Smile :) */
img.wp-smiley {
background: transparent;
border: none;
margin: 0;
padding: 0;
}
/* =Widgets
-------------------------------------------------------------- */
.widget {
font-size: 14px;
line-height: 1.3;
margin: 0 auto 25px;
width: 250px;
}
.widget li {
line-height: 1.2;
}
.widget a {
color: #e8cdeb;
text-decoration: none;
}
.widget a:hover,
.widget a:active,
.widget a:focus {
text-decoration: underline;
}
.widget ul,
.widget ol {
padding: 0 0 0 20px;
}
.widget table {
margin: 0;
padding: 0;
width: 100%;
}
h3.widget-title {
border-bottom: 2px solid #db92b1;
color: #fff;
font-size: 19px;
font-weight: 100;
margin: 0 0 15px;
padding: 0 0 5px;
word-wrap: break-word;
}
.widget-title a {
color: #fff;
text-decoration: none;
}
/* Calendar Widget. */
.widget_calendar table {
border-collapse: collapse;
}
.widget_calendar caption {
padding: 0 0 7px;
}
.widget_calendar th,
.widget_calendar td {
text-align: center;
padding: 6px;
}
.widget_calendar thead,
.widget_calendar td {
border-bottom: 1px solid #db92b1;
}
.widget_calendar a {
color: #e8cdeb;
font-weight: bold;
}
#next,
#prev,
.widget_calendar tfoot td.pad {
border-bottom-width: 0;
}
#next a,
#prev a {
color: #fff;
font-weight: bold;
padding-top: 10px;
text-decoration: none;
}
#next {
text-align: right;
}
#prev {
text-align: left;
}
/* RSS Widget. */
#sidebar .widget_rss ul {
padding: 0;
}
#sidebar .widget_rss li {
list-style-type: none;
padding-bottom: 15px;
}
#sidebar .widget_rss li .rsswidget {
color: #fff;
font-size: 16px;
font-weight: bold;
padding-bottom: 0;
}
.rss-date,
.widget_rss cite {
color: #e8cdeb;
font-size: 12px;
white-space: nowrap;
}
.rss-date {
display: block;
padding: 4px 0;
text-transform: uppercase;
}
.widget .rssSummary {
color: #503559;
padding: 0;
}
/* Search Widget */
.widget_search form {
margin: 15px 0 0;
}
/* =Colophon
-------------------------------------------------------------- */
#colophon {
background: #000 url('img/colophon-background.png') repeat-x;
clear: both;
margin-bottom: 0;
position: relative;
}
#colophon a {
color: #ae3b88;
text-decoration: none;
}
#colophon a:hover {
color: #e043ac;
text-decoration: none;
}
#site-generator {
background: #000 url('img/colophon.png') no-repeat;
color: #777;
padding: 415px 0 15px 15px;
width: 985px;
text-align: left;
}
/* =Paged Navigation
-------------------------------------------------------------- */
.paged-navigation {
color: #fff;
display: block;
font-size: 12px;
font-weight: 100;
line-height: 1.3;
padding: 15px 25px;
text-transform: uppercase;
}
.paged-navigation a {
color: #e8cdeb;
text-decoration: none;
}
.paged-navigation a:hover,
.paged-navigation a:active,
.paged-navigation a:focus {
color: #fff;
text-decoration: underline;
}
.nav-older,
.nav-newer {
width: 45%;
}
.nav-older {
float: left;
text-align: left;
}
.nav-newer {
float: right;
text-align: right;
}
.paged-navigation:last-child {
margin-bottom:0;
}
/* =Comments
-------------------------------------------------------------- */
#comments .paged-navigation {
padding-right: 0;
padding-left: 0;
}
#comments-title {
border-bottom: 2px solid #c35d8a;
color: #fff;
font-size: 1.5em;
font-weight: 100;
line-height: 1.5;
margin: 2em 0 1em;
padding: 0;
text-transform: uppercase;
}
.commentlist {
margin: 0;
padding: 0;
}
.comment,
.pingback,
.trackback {
clear: both;
margin: 0 0 2em;
}
.pingback,
.trackback {
color: #fff;
}
.pingback a,
.trackback a {
color: #e8cdeb;
text-decoration: none;
}
li.comment {
list-style: none;
}
.comment footer {
border-bottom: 1px dotted #844a76;
color: #fff;
margin-bottom: 1em;
padding-bottom: 10px;
text-transform: uppercase;
}
.comment .fn {
color: #fff;
font-style: normal;
padding-top: 5px;
}
.comment .fn a {
color: #fff;
text-decoration: none;
}
.comment .fn,
.comment-meta {
display: block;
margin-left: 60px;
}
.comment-meta {
font-size: 14px;
position:relative;
top: -5px;
}
.comment-meta a {
color: #e8cdeb;
text-decoration: none;
}
.comment .fn a:focus,
.comment .fn a:hover,
.comment .fn a:active,
.comment-meta a:focus,
.comment-meta a:hover,
.comment-meta a:active,
.comment-edit-link:focus,
.comment-edit-link:hover,
.comment-edit-link:active {
text-decoration: underline;
}
.comment .permalink .date-published {
text-decoration: none;
}
.comment .avatar {
border: 5px solid #d79eb7;
float: left;
margin-right: 10px;
}
.bypostauthor > article .avatar {
border-color: #e8cdeb;
}
.comment .reply a {
color: #e8cdeb;
text-decoration: none;
}
.comment .reply a:hover,
.comment .reply a:focus,
.comment .reply a:active {
color: #fff;
}
#cancel-comment-reply-link {
background: #e8cdeb;
border-radius: 4px;
color: #503559;
float: right;
font-size: 12px;
font-weight: normal;
padding: 3px 7px;
text-decoration: none;
text-transform: uppercase;
}
/* =Comment Form
-------------------------------------------------------------- */
#reply-title {
border-bottom: 2px solid #c35d8a;
color: #fff;
font-size: 1.5em;
font-weight: 100;
line-height: 1.5;
margin: 0 0 1em;
padding: 0;
text-transform: uppercase;
}
#commentform p {
clear: both;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
padding-left: 1em;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
float: left;
}
.comment-form-comment label {
display: none;
}
.comment-form-comment textarea {
border: 1px solid #777;
line-height: 1.2;
padding: 5px;
width: 98%;
}
.form-allowed-tags {
font-size: 14px;
line-height: 1.3;
padding: 0 1em;
}
.form-allowed-tags code {
font-size: 12px;
}
.comments-closed {
color: #e8cdeb;
font-size:20px;
font-weight: 100;
text-align: center;
}
/* =General
-------------------------------------------------------------- */
.alignleft {
display: inline;
float: left;
margin: 0 1.5em 1.5em 0;
}
.alignright {
display: inline;
float: right;
margin: 0 0 1.5em 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
}
#wpstats,
.assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.contain:before,
.contain:after {
content: "\0020";
display: block;
height: 0;
visibility: hidden;
}
.contain:after {
clear: both;
}
.contain {
zoom: 1;
}
/* WP.com Styles
-------------------------------------------------------------- */
#img-qr-code-2 {
margin-bottom: 15px;
}
#img-qr-code-2 img {
position: relative;
left: 25px;
width: 250px;
}
#sidebar #flickr a {
color: #e8cdeb;
}
#flickr table {
position: relative;
left: -7px;
}
#flickr table,
#flickr th,
#flickr td {
background-color: transparent;
border-width: 0;
margin: 0;
padding: 0;
}
.widget_authors img {
vertical-align: middle;
}
.widget_authors ul {
list-style: none;
padding-left: 0;
}
.widget_authors ul ul {
list-style: square;
padding: 7px 0 0 40px;
}
.widget_authors a strong {
color: #fff !important;
}
.widget_authors a:hover {
text-decoration: none;
}
.widget_authors a strong {
vertical-align: middle;
}
.contact-form div label span {
color: #e8cdeb;
}