File: /home/mmickelson/martyknows.com/wp-content/themes/chaostheory/style.css
/*
Theme Name: ChaosTheory
Theme URI: http://wordpress.org/extend/themes/chaostheory
Description: A dark single-column theme with a minimal, techy feel.
Version: 1.3
Author: Automattic
Author URI: http://automattic.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, dark, one-column, fixed-width, sticky-post, blue, custom-menu, rtl-language-support, translation-ready, custom-background, custom-header, featured-images, featured-image-header
*/
/* =Reset
-------------------------------------------------------------- */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
table,
th,
td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,
img,
abbr {
border: 0;
}
caption,
th {
text-align: left;
}
q:before,
q:after {
content: '';
}
a {
text-decoration: none;
}
/* =Globals
-------------------------------------------------------------- */
body {
background: #1b1b1b;
color: #ddd;
font: 62.5%/175% Verdana, Arial, Helvetica, Tahoma, sans-serif;
}
a {
color: #6dcff6;
}
#content {
margin: 0 auto;
overflow: hidden;
width: 780px;
min-height: 100px;
}
abbr,
acronym {
border-bottom: 1px dotted blue;
cursor: help;
}
code,
pre {
font-family: "Courier new", Courier, monospace;
}
#header {
background: #0a0a0a;
border-bottom: 1px solid #242424;
padding: 25px 0 10px;
}
#blog-description {
color: #999;
}
#innerheader {
margin: 0 auto;
width: 780px;
}
#header h1 {
font-family: Helvetica, Arial, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
font-size: 24px;
font-weight: normal;
margin: 1px 0;
}
#header h1 a {
color: #fff;
}
#branding {
margin: 0 auto -45px;
width: 780px;
}
#header-image img {
margin: 10px 0 3px;
}
#footer {
background: #111;
border-bottom: 1px solid #242424;
clear: both;
padding: 15px 0;
text-align: center;
}
h2.page-title {
border-bottom: 1px solid #333;
margin-bottom: 15px;
padding-bottom: 5px;
}
/* =Post content
-------------------------------------------------------------- */
.post,
#content .page {
font-size: 1.2em;
line-height: 1.7;
margin-bottom: 25px;
}
.post,
.page {
/* make the post div expand to proerply enclose its (floated) contents */
overflow: auto;
width: 100%;
}
h2.entry-title {
color: #6dcff6;
font-size: 24px;
font-style: normal;
font-weight: normal;
letter-spacing: -0.04em;
line-height: normal;
margin-bottom: 10px;
overflow: hidden;
width: 250px;
word-wrap: break-word;
}
.sticky {
background: #111;
padding: 10px 0;
}
.sticky h2.entry-title a {
font-weight: bold;
}
.entry-content {
float: right;
overflow: hidden;
width: 510px;
}
.sticky .entry-content {
padding-right: 10px;
width: 500px;
}
.entry-meta {
float: left;
font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
font-size: 11px;
width: 250px;
}
.sticky .entry-meta {
padding-left: 15px;
width: 235px;
}
.entry-meta ul {
border-top: 1px solid #222;
list-style: none;
}
.entry-meta li {
border-bottom: 1px solid #222;
line-height: normal;
padding: 5px 2px;
}
blockquote,
.archive-meta {
background: #111;
border: 1px dotted #333;
color: #999;
margin-bottom: 1.5em;
}
blockquote p,
.quote-caption {
font-size: 0.9em;
padding: 1em 1em 0;
}
.quote-caption {
font-size: 0.9em;
font-style: italic;
padding: 0 1em;
}
.page-link {
font-weight: bold;
}
.entry-content p {
margin: 0 0 1em;
}
.entry-content ul li {
list-style: square;
}
.entry-content ul li ul {
margin-bottom: 0.3em;
}
.entry-content ul li ul li {
list-style: circle;
}
.entry-content ul#linkcats,
.entry-content ul#linkcats li {
list-style: none;
margin: 0;
padding: 0;
}
.entry-content ul#linkcats li ul li {
list-style: square;
}
.entry-content img.center {
display: block;
margin: 0.4em auto;
}
.entry-content img.alignright {
margin: 0.4em 0 0.4em 1.1em;
}
.entry-content img.alignleft {
margin: 0.4em 1.1em 0.4em 0;
}
body.single .entry-meta {
font-size: 0.9em;
}
body.single .navigation {
padding: 0 0 3em 0;
}
.archive-meta {
margin: 1em 0 3em 0;
}
.edit-link {
clear: both;
}
/* =Navigation
-------------------------------------------------------------- */
#globalnav {
margin: -1px auto 1px auto;
text-align: right;
width: 780px;
}
#globalnav #menu {
float: right;
list-style: none;
}
#globalnav #menu li {
float: left;
}
#globalnav #menu li a {
background: #0a0a0a;
border-bottom: 1px solid #242424;
border-top: 1px solid #0a0a0a;
color: #ccc;
display: block;
padding: 9px 15px 10px;
}
#globalnav #menu li a:hover,
#globalnav #menu li .current_page_item,
#globalnav #menu li .current-menu-item,
#globalnav #menu li .current-menu-ancestor {
background: #111;
border-top: 1px solid #1c1c1c;
}
#container {
margin-top: 0;
padding-top: 55px;
}
#globalnav li {
position: relative;
}
#globalnav #menu ul {
background: #111;
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
display: none;
float: left;
list-style-type: none;
margin: 0;
position: absolute;
top: 38px;
right: 0;
text-align: left;
width: 150px;
z-index: 99999;
}
#globalnav #menu ul li {
margin: 0;
min-width: 85px;
}
#globalnav #menu ul a {
background: #111;
margin: 0;
width: 120px;
}
#globalnav #menu ul ul li:first-child a {
border-top: 1px solid #242424;
}
#globalnav #menu ul a:hover {
border-top: 1px solid #0a0a0a;
}
#globalnav #menu li:hover > ul {
display: block;
}
#globalnav #menu ul li:hover > a {
background: #222;
}
#globalnav #menu ul ul {
left: -100%;
top: 0;
}
/* =Comments
-------------------------------------------------------------- */
.comments {
clear: both;
}
.comments h3 {
border-bottom: 1px solid #333;
font-size: 14px;
margin-bottom: 10px;
padding-bottom: 5px;
}
.comments ol {
list-style: none;
}
.comments ol li,
#commentform {
position: relative;
}
.comments ol li ul li {
list-style: none;
}
.comments .comment-content,
.form-two {
margin-left: 270px;
min-height: 130px;
}
.comments .trackback-content {
margin-left: 270px;
min-height: 50px;
}
.comments .comment-content p {
margin-bottom: 1.0em;
}
.comments .comment-meta,
.form-one {
float: left;
font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
font-size: 10px;
width: 250px;
}
.comments .comment-author {
font-size: 14px;
font-weight: bold;
}
.comments .comment-meta li {
border-bottom: 1px solid #222;
line-height: normal;
padding: 5px 2px;
}
/* =Comments
-------------------------------------------------------------- */
form#commentform,
form#commentform p {
padding: 0;
}
form#commentform .required {
color: red;
}
#respond p {
line-height: 18px;
margin-bottom: 10px;
}
#respond input[type="text"],
#respond textarea {
font-family: "Courier new", Courier, monospace;
font-size: 12px;
}
#respond input[type="text"] {
float: left;
margin-right: 6px;
}
#respond textarea {
height: 13em;
margin: 0 0 0.5em 0;
overflow: auto;
width: 66%;
}
#respond label {
clear: right;
font-size: 11px;
}
#respond .comment-form-comment label,
#respond .form-allowed-tags {
display: none;
}
.commentlist .children {
margin-left: 3em;
}
/* =Sidebar
-------------------------------------------------------------- */
.sidebar div,
.sidebar h3,
.sidebar h4,
.sidebar ul,
.sidebar li {
margin: 0;
padding: 0;
}
.sidebar li {
list-style: none;
}
.sidebar li form {
margin: 0.2em 0 0 0;
padding: 0;
}
.sidebar h3 {
font-size: 1.2em;
}
.sidebar h4 {
font-size: 1.0em;
}
.sidebar ul ul {
margin: 0 0 0 1.0em;
}
.sidebar ul ul ul {
margin: 0 0 0 0.5em;
}
.sidebar ul ul li {
list-style: disc;
margin: 0;
}
.sidebar ul ul ul li {
list-style: circle;
}
.sidebar ul#bookmarks {
margin: 0 0 0.5em 0.5em;
}
.sidebar ul#bookmarks li {
list-style: none;
}
.sidebar ul#bookmarks ul {
margin: 0 0 .5em 1.0em;
}
.sidebar ul#bookmarks ul li {
list-style: disc;
}
.sidebar input#s {
width: 7em;
}
#sidebar {
background: #111 url('images/footer-bkg.png') top center repeat-x;
clear: both;
margin-top: 15px;
}
#innerbar {
background: url('images/footer-lines-bkg.png') top center repeat-x;
margin: 0 auto;
padding: 60px 0 0;
width: 780px;
}
.sidebar {
background: #1b1b1b;
border-top: 1px solid #393939;
float: left;
overflow: hidden;
padding: 10px;
width: 365px;
}
.sidebar h3 {
border-bottom: 1px solid #555;
display: inline;
}
#primary {
margin-right: 10px;
}
.sidebar ul li {
margin-bottom: 10px;
}
.sidebar ul li ul {
padding-top: 3px;
padding-left: 10px;
}
/* =Multi-purpose, common elements
-------------------------------------------------------------- */
.alignleft,
.nav-previous,
#archives-by-category {
float: left;
}
.alignright,
.nav-next,
#archives-by-month {
float: right;
}
.clearer {
clear: both;
}
body.home .nav-next,
body.home .nav-previous,
body.archive .nav-next,
body.archive .nav-previous,
#archives-by-category,
#archives-by-month {
width: 48%;
}
body.home .nav-next,
body.archive .nav-next {
text-align: left;
}
body.home .nav-previous,
body.archive .nav-previous {
text-align: right;
}
.home-link {
display: none;
}
.entry-date a {
color: #fff;
}
.entry-date a:hover,
.entry-date a:active {
color: #6dcff6;
}
/* =Default WP styles
-------------------------------------------------------------- */
p.access {
display: none;
}
.entry-content li {
margin-left: 2.2em;
}
.comment-avatar {
display: inline;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background-color: #f3f3f3;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ddd;
margin: 10px;
padding-top: 4px;
text-align: center;
max-width: 490px; /* fit in content_width */
}
.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
color: #000;
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.gallery-caption,
.bypostauthor {
}
.page-link {
clear: both;
}
.hentry img.size-auto,
.hentry img.size-full,
.hentry img.size-large,
.hentry img.size-medium,
.hentry .attachment img,
.post-format-content img {
max-width: 100%;
height: auto;
}
#ie8 .hentry img.size-auto,
#ie8 .hentry img.size-full,
#ie8 .hentry img.size-large,
#ie8 .hentry img.size-medium,
#ie8 .hentry .attachment img,
#ie8 .post-format-content img {
width: auto; /* Necessary for IE8 to resize images correctly. */
}
/* =WP.com fixes
-------------------------------------------------------------- */
#flickr_badge_wrapper {
background-color: #1b1b1b !important;
border: none !important;
}
#flickr_badge_wrapper a {
color: #6dcff6 !important;
}
/* =Clear fixes
-------------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
/* =Jetpack: Infinite Scroll
-------------------------------------------------------------- */
.infinite-scroll .infinite-wrap {
border-top: none;
padding: 0;
}
.infinite-scroll #infinite-handle {
margin: 50px 0 20px;
}
.infinite-scroll #infinite-handle span {
line-height: 30px;
}
/**
* Elements to hide:
* (footer widgets, post navigation, regular footer)
*/
.infinite-scroll #nav-below,
.infinite-scroll #nav-above,
.infinite-scroll.neverending #colophon {
display: none;
}
/* Adjust the footer container and handle for the dark color scheme */
.infinite-scroll .infinite-loader {
color: #fff;
}
/**
* Hooks to infinity-end body class to restore footer
*/
.infinity-end.neverending #colophon {
display: block;
}