Difference between revisions of "MediaWiki:Monobook.css"

From SkullSecurity
Jump to: navigation, search
Line 70: Line 70:
 
   border-spacing: 0;
 
   border-spacing: 0;
 
}
 
}
 
/*
 
*
 
* Genericons Helper CSS */
 
/*
 
* The font was graciously generated by Font Squirrel (http://www.fontsquirrel.com). We love those guys. */
 
@font-face {
 
  font-family: "Genericons";
 
  src: url("font/genericons/genericons-regular-webfont.eot"); }
 
 
@font-face {
 
  font-family: "Genericons";
 
  src: url("font/genericons/genericons-regular-webfont.woff") format("woff"), url("font/genericons/genericons-regular-webfont.ttf") format("truetype"), url("font/genericons/genericons-regular-webfont.svg#genericonsregular") format("svg");
 
  font-weight: normal;
 
  font-style: normal; }
 
  
 
body
 
body

Revision as of 20:10, 14 October 2013

@charset "UTF-8";
/* TO DEVELOPERS: Don't read style.css! Look at the source in sass/style.sass instead!
 *
 * Theme Name: Cobalt Blue
 * Theme URI: https://github.com/rogerhub/cobalt-blue-wordpress
 * Description: Cobalt Blue is a general-purpose, full-width, responsive, hi-DPI-ready, HTML5 WordPress theme built without messy web libraries or any JavaScript. It is designed to be ultra-fast and soothing to the eye. The theme features a 2 column layout, customizable header plus header image, excellent styling for all default widgets, and navigation menu support. The theme is blue, as you can guess from its name. The exact shades of blue used follow a mathematically consistent pattern from black to blue to white. For screenshots, visit https://github.com/rogerhub/cobalt-blue-wordpress/
 * Version: 1.11
 * Author: Roger Chen
 * Author URI: http://code.rogerhub.com
 * Tags: two-columns, blue, flexible-width, custom-header, custom-menu, editor-style, featured-images, flexible-header, sticky-post, threaded-comments, translation-ready
 * License: GPLv2 or greater
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * 
 * Cobalt Blue WordPress Theme, Copyright 2013 RogerHub
 * Cobalt Blue WordPress Theme is distributed under the terms of the GNU GPL v2 */
/* http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section 
{
  display: block; 
}

body
{
  line-height: 1;
}

ol, ul
{
  list-style: none;
}

blockquote, q
{
  quotes: none; 
}

blockquote:before, blockquote:after,
q:before, q:after
{
  content: "";
  content: none; }

table
{
  border-collapse: collapse;
  border-spacing: 0;
}

body
{
  background: #1e3442;
  color: white;
//  font: 400 1em "Source Sans Pro", sans-serif;
  word-wrap: break-word;
}

a {
  color: inherit;
}
  a:focus
  {
    text-decoration: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
    -ms-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
    -o-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
  }

.clear-fix
{
  clear: both;
}

/* =WordPress Core */
.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

.wp-caption {
  background: white;
  border: 1px solid #f0f0f0;
  color: #1e3442;
  /* Image does not overflow the content area */
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center; }
  .wp-caption.alignnone {
    margin: 5px 20px 20px 0; }
  .wp-caption.alignleft {
    margin: 5px 20px 20px 0; }
  .wp-caption.alignright {
    margin: 5px 0 20px 20px; }
  .wp-caption.aligncenter {
    margin: 5px auto 20px auto; }
  .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto; }
  .wp-caption p.wp-caption-text {
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px; }
    .wp-caption p.wp-caption-text a {
      border-bottom-color: #447492;
      color: #447492; }
      .wp-caption p.wp-caption-text a:hover {
        border-bottom-color: #1e3442;
        color: #1e3442; }

.gallery-icon img {
  width: 85%; }

.gallery-caption {
  color: white;
  text-align: center; }

.screen-reader-text, .assistive-text {
  display: none; }

.after-clear-fix:after, .cobalt-content:after, .entry-content:after, .entry-summary:after, .comment-content:after, .comment-awaiting-moderation:after, .widget:after, .cobalt-content dl:after, .entry-content dl:after, .entry-summary dl:after, .comment-content dl:after, .comment-awaiting-moderation dl:after, .widget dl:after, li.comment:after, .comment-meta:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.cobalt-content, .entry-content, .entry-summary, .comment-content, .comment-awaiting-moderation, .widget {
  font: 400 1em/1.7 "Source Sans Pro", sans-serif; }
  .cobalt-content p, .entry-content p, .entry-summary p, .comment-content p, .comment-awaiting-moderation p, .widget p {
    margin: 10px 0 25px 0; }
  .cobalt-content code, .entry-content code, .entry-summary code, .comment-content code, .comment-awaiting-moderation code, .widget code, .cobalt-content kbd, .entry-content kbd, .entry-summary kbd, .comment-content kbd, .comment-awaiting-moderation kbd, .widget kbd, .cobalt-content pre, .entry-content pre, .entry-summary pre, .comment-content pre, .comment-awaiting-moderation pre, .widget pre, .cobalt-content tt, .entry-content tt, .entry-summary tt, .comment-content tt, .comment-awaiting-moderation tt, .widget tt {
    background: #121f27;
    font: 400 1em "Droid Sans Mono", monospace; }
  .cobalt-content code, .entry-content code, .entry-summary code, .comment-content code, .comment-awaiting-moderation code, .widget code {
    padding: 0 0.2em; }
  .cobalt-content pre, .entry-content pre, .entry-summary pre, .comment-content pre, .comment-awaiting-moderation pre, .widget pre {
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
    display: block;
    padding: 1em;
    margin: 10px 0 25px 0;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; }
  .cobalt-content blockquote, .entry-content blockquote, .entry-summary blockquote, .comment-content blockquote, .comment-awaiting-moderation blockquote, .widget blockquote {
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
    background: #121f27;
    display: block;
    font-style: italic;
    margin: 10px 0 25px 0;
    padding: 1em; }
    .cobalt-content blockquote > *:first-child, .entry-content blockquote > *:first-child, .entry-summary blockquote > *:first-child, .comment-content blockquote > *:first-child, .comment-awaiting-moderation blockquote > *:first-child, .widget blockquote > *:first-child {
      margin-top: 0.25rem; }
    .cobalt-content blockquote > *:last-child, .entry-content blockquote > *:last-child, .entry-summary blockquote > *:last-child, .comment-content blockquote > *:last-child, .comment-awaiting-moderation blockquote > *:last-child, .widget blockquote > *:last-child {
      margin-bottom: 0.5rem; }
    .cobalt-content blockquote cite, .entry-content blockquote cite, .entry-summary blockquote cite, .comment-content blockquote cite, .comment-awaiting-moderation blockquote cite, .widget blockquote cite {
      display: block;
      text-align: right; }
  .cobalt-content h1, .entry-content h1, .entry-summary h1, .comment-content h1, .comment-awaiting-moderation h1, .widget h1 {
    font: 700 1.48em/1.6 Bitter, serif; }
  .cobalt-content h2, .entry-content h2, .entry-summary h2, .comment-content h2, .comment-awaiting-moderation h2, .widget h2 {
    font: 700 1.29em/1.6 Bitter, serif; }
  .cobalt-content h3, .entry-content h3, .entry-summary h3, .comment-content h3, .comment-awaiting-moderation h3, .widget h3 {
    font: 700 1.14em/1.85 Bitter, serif; }
  .cobalt-content h4, .entry-content h4, .entry-summary h4, .comment-content h4, .comment-awaiting-moderation h4, .widget h4 {
    font: 700 1em/1.85 Bitter, serif; }
  .cobalt-content h5, .entry-content h5, .entry-summary h5, .comment-content h5, .comment-awaiting-moderation h5, .widget h5 {
    font: 700 0.93em/1.85 Bitter, serif; }
  .cobalt-content h6, .entry-content h6, .entry-summary h6, .comment-content h6, .comment-awaiting-moderation h6, .widget h6 {
    font: 700 0.86em/1.85 Bitter, serif; }
  .cobalt-content h2, .entry-content h2, .entry-summary h2, .comment-content h2, .comment-awaiting-moderation h2, .widget h2, .cobalt-content h3, .entry-content h3, .entry-summary h3, .comment-content h3, .comment-awaiting-moderation h3, .widget h3, .cobalt-content h4, .entry-content h4, .entry-summary h4, .comment-content h4, .comment-awaiting-moderation h4, .widget h4, .cobalt-content h5, .entry-content h5, .entry-summary h5, .comment-content h5, .comment-awaiting-moderation h5, .widget h5, .cobalt-content h6, .entry-content h6, .entry-summary h6, .comment-content h6, .comment-awaiting-moderation h6, .widget h6 {
    margin: 1.3em 0 0.5em 0; }
  .cobalt-content ol, .entry-content ol, .entry-summary ol, .comment-content ol, .comment-awaiting-moderation ol, .widget ol {
    list-style: decimal outside; }
  .cobalt-content ul, .entry-content ul, .entry-summary ul, .comment-content ul, .comment-awaiting-moderation ul, .widget ul {
    list-style: disc outside; }
  .cobalt-content ol, .entry-content ol, .entry-summary ol, .comment-content ol, .comment-awaiting-moderation ol, .widget ol, .cobalt-content ul, .entry-content ul, .entry-summary ul, .comment-content ul, .comment-awaiting-moderation ul, .widget ul {
    margin: 0 0 1.71em;
    line-height: 1.71; }
    .cobalt-content ol ol, .entry-content ol ol, .entry-summary ol ol, .comment-content ol ol, .comment-awaiting-moderation ol ol, .widget ol ol, .cobalt-content ol ul, .entry-content ol ul, .entry-summary ol ul, .comment-content ol ul, .comment-awaiting-moderation ol ul, .widget ol ul, .cobalt-content ul ol, .entry-content ul ol, .entry-summary ul ol, .comment-content ul ol, .comment-awaiting-moderation ul ol, .widget ul ol, .cobalt-content ul ul, .entry-content ul ul, .entry-summary ul ul, .comment-content ul ul, .comment-awaiting-moderation ul ul, .widget ul ul {
      margin-bottom: 0; }
    .cobalt-content ol:last-child, .entry-content ol:last-child, .entry-summary ol:last-child, .comment-content ol:last-child, .comment-awaiting-moderation ol:last-child, .widget ol:last-child, .cobalt-content ul:last-child, .entry-content ul:last-child, .entry-summary ul:last-child, .comment-content ul:last-child, .comment-awaiting-moderation ul:last-child, .widget ul:last-child {
      margin-bottom: 0; }
  .cobalt-content > ol, .entry-content > ol, .entry-summary > ol, .comment-content > ol, .comment-awaiting-moderation > ol, .widget > ol, .cobalt-content > ul, .entry-content > ul, .entry-summary > ul, .comment-content > ul, .comment-awaiting-moderation > ul, .widget > ul {
    margin: 10px 0 25px 0; }
  .cobalt-content li, .entry-content li, .entry-summary li, .comment-content li, .comment-awaiting-moderation li, .widget li {
    margin: 0 0 0 2.57em; }
  .cobalt-content img, .entry-content img, .entry-summary img, .comment-content img, .comment-awaiting-moderation img, .widget img {
    max-width: 100%;
    height: auto; }
    .cobalt-content img.alighcenter, .entry-content img.alighcenter, .entry-summary img.alighcenter, .comment-content img.alighcenter, .comment-awaiting-moderation img.alighcenter, .widget img.alighcenter {
      margin-left: auto;
      margin-right: auto; }
    .cobalt-content img.alignnone, .entry-content img.alignnone, .entry-summary img.alignnone, .comment-content img.alignnone, .comment-awaiting-moderation img.alignnone, .widget img.alignnone, .cobalt-content img.alignleft, .entry-content img.alignleft, .entry-summary img.alignleft, .comment-content img.alignleft, .comment-awaiting-moderation img.alignleft, .widget img.alignleft {
      margin: 5px 20px 5px 0; }
    .cobalt-content img.alignright, .entry-content img.alignright, .entry-summary img.alignright, .comment-content img.alignright, .comment-awaiting-moderation img.alignright, .widget img.alignright {
      margin: 5px 0 5px 20px; }
  .cobalt-content img[style], .entry-content img[style], .entry-summary img[style], .comment-content img[style], .comment-awaiting-moderation img[style], .widget img[style] {
    max-width: 100%;
    height: auto; }
  .cobalt-content a, .entry-content a, .entry-summary a, .comment-content a, .comment-awaiting-moderation a, .widget a {
    border-bottom: 1px solid #bbd1df;
    color: #bbd1df;
    text-decoration: none; }
    .cobalt-content a:hover, .entry-content a:hover, .entry-summary a:hover, .comment-content a:hover, .comment-awaiting-moderation a:hover, .widget a:hover {
      border-bottom-color: #6a9cba;
      color: #6a9cba; }
    .cobalt-content a:focus, .entry-content a:focus, .entry-summary a:focus, .comment-content a:focus, .comment-awaiting-moderation a:focus, .widget a:focus {
      border-bottom: none; }
    .cobalt-content a[href$=jpeg], .entry-content a[href$=jpeg], .entry-summary a[href$=jpeg], .comment-content a[href$=jpeg], .comment-awaiting-moderation a[href$=jpeg], .widget a[href$=jpeg], .cobalt-content a[href$=jpg], .entry-content a[href$=jpg], .entry-summary a[href$=jpg], .comment-content a[href$=jpg], .comment-awaiting-moderation a[href$=jpg], .widget a[href$=jpg], .cobalt-content a[href$=jpe], .entry-content a[href$=jpe], .entry-summary a[href$=jpe], .comment-content a[href$=jpe], .comment-awaiting-moderation a[href$=jpe], .widget a[href$=jpe], .cobalt-content a[href$=png], .entry-content a[href$=png], .entry-summary a[href$=png], .comment-content a[href$=png], .comment-awaiting-moderation a[href$=png], .widget a[href$=png], .cobalt-content a[href$=gif], .entry-content a[href$=gif], .entry-summary a[href$=gif], .comment-content a[href$=gif], .comment-awaiting-moderation a[href$=gif], .widget a[href$=gif] {
      border-bottom: none; }
  .cobalt-content abbr, .entry-content abbr, .entry-summary abbr, .comment-content abbr, .comment-awaiting-moderation abbr, .widget abbr, .cobalt-content acronym, .entry-content acronym, .entry-summary acronym, .comment-content acronym, .comment-awaiting-moderation acronym, .widget acronym {
    border-bottom: 1px solid #6a9cba; }
  .cobalt-content address, .entry-content address, .entry-summary address, .comment-content address, .comment-awaiting-moderation address, .widget address {
    margin: 10px 0 25px 0; }
  .cobalt-content big, .entry-content big, .entry-summary big, .comment-content big, .comment-awaiting-moderation big, .widget big {
    font-size: 1.2em; }
  .cobalt-content cite, .entry-content cite, .entry-summary cite, .comment-content cite, .comment-awaiting-moderation cite, .widget cite {
    font-style: italic; }
  .cobalt-content dl, .entry-content dl, .entry-summary dl, .comment-content dl, .comment-awaiting-moderation dl, .widget dl {
    margin: 10px 0 25px 0; }
    .cobalt-content dl dt, .entry-content dl dt, .entry-summary dl dt, .comment-content dl dt, .comment-awaiting-moderation dl dt, .widget dl dt {
      border-top: 1px solid #375f78;
      box-sizing: border-box;
      clear: left;
      float: left;
      font-weight: bold;
      margin: 0;
      padding: 0.25em;
      width: 30%; }
    .cobalt-content dl dd, .entry-content dl dd, .entry-summary dl dd, .comment-content dl dd, .comment-awaiting-moderation dl dd, .widget dl dd {
      border-top: 1px solid #375f78;
      box-sizing: border-box;
      float: left;
      width: 70%;
      padding: 0.25em; }
  .cobalt-content sup, .entry-content sup, .entry-summary sup, .comment-content sup, .comment-awaiting-moderation sup, .widget sup {
    vertical-align: super; }
  .cobalt-content sub, .entry-content sub, .entry-summary sub, .comment-content sub, .comment-awaiting-moderation sub, .widget sub {
    vertical-align: sub; }
  .cobalt-content table, .entry-content table, .entry-summary table, .comment-content table, .comment-awaiting-moderation table, .widget table {
    margin: 10px 0 25px 0; }
    .cobalt-content table th, .entry-content table th, .entry-summary table th, .comment-content table th, .comment-awaiting-moderation table th, .widget table th, .cobalt-content table td, .entry-content table td, .entry-summary table td, .comment-content table td, .comment-awaiting-moderation table td, .widget table td {
      border: 1px solid #121f27;
      line-height: 1.2;
      padding: 0.5em; }
  .child-search .cobalt-content strong, .child-search .entry-content strong, .child-search .entry-summary strong, .child-search .comment-content strong, .child-search .comment-awaiting-moderation strong, .child-search .widget strong {
    background: #447492; }
  .cobalt-content .gallery-item a, .entry-content .gallery-item a, .entry-summary .gallery-item a, .comment-content .gallery-item a, .comment-awaiting-moderation .gallery-item a, .widget .gallery-item a {
    border-bottom: none; }
  .cobalt-content .gallery-item dd, .entry-content .gallery-item dd, .entry-summary .gallery-item dd, .comment-content .gallery-item dd, .comment-awaiting-moderation .gallery-item dd, .widget .gallery-item dd, .cobalt-content .gallery-item dt, .entry-content .gallery-item dt, .entry-summary .gallery-item dt, .comment-content .gallery-item dt, .comment-awaiting-moderation .gallery-item dt, .widget .gallery-item dt {
    border-top: none;
    float: none;
    width: 100%; }

html {
  padding: 0 25px 25px 25px; }

.site-header {
  background: #121f27;
  margin: 25px 0 20px 0; }

#primary {
  clear: left;
  float: left;
  margin-right: 4%;
  margin-top: 25px;
  width: 65%; }
  @media only screen and (max-width: 767px) {
    #primary {
      clear: both;
      margin-right: none;
      width: 100%; } }

#secondary {
  clear: right;
  float: left;
  margin-top: 25px;
  width: 31%; }
  @media only screen and (max-width: 767px) {
    #secondary {
      clear: both;
      width: 100%; } }

#colophon {
  float: left;
  clear: both; }

.site-header {
  text-align: center;
  padding: 3em 1.5em; }
  .site-header a {
    text-decoration: none; }

.site-header-small {
  text-align: left;
  margin-bottom: 0;
  padding: 20px; }
  @media only screen and (max-width: 767px) {
    .site-header-small {
      text-align: center; } }

.site-logo {
  margin-bottom: -0.125em; }
  .site-header-small .site-logo {
    display: inline;
    vertical-align: middle; }

.site-logo-icon {
  display: block;
  height: 6em;
  letter-spacing: 0;
  margin: 0 auto;
  padding: 0 0 1em 0; }
  .site-header-small .site-logo-icon {
    display: inline-block;
    height: 2em;
    padding: 0 0.1em 0 0;
    vertical-align: baseline; }
  @media only screen and (max-width: 767px) {
    .site-logo-icon {
      height: 4em; } }

.site-name {
  text-shadow: 0 0 15px black;
  -webkit-text-shadow: 0 0 15px black;
  -ms-text-shadow: 0 0 15px black;
  -moz-text-shadow: 0 0 15px black;
  -o-text-shadow: 0 0 15px black;
  font: 700 3em Bitter, serif; }
  .site-name:hover {
    color: #d5e3ec; }
  .site-header-small .site-name {
    font-size: 2em;
    line-height: 1;
    display: inline;
    vertical-align: baseline; }
  @media only screen and (max-width: 767px) {
    .site-name {
      font-size: 2.5em; } }

.site-description {
  text-shadow: 0 0 15px black;
  -webkit-text-shadow: 0 0 15px black;
  -ms-text-shadow: 0 0 15px black;
  -moz-text-shadow: 0 0 15px black;
  -o-text-shadow: 0 0 15px black;
  font: 300 1em "Source Sans Pro", sans-serif;
  padding: 0 1em; }
  .site-header-small .site-description {
    display: none; }

.dropdown-menu {
  background: #121f27;
  margin: 1.5em 0 0 0;
  text-align: center; }
  .dropdown-menu .menu-item {
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      .dropdown-menu .menu-item {
        display: block; } }
    .dropdown-menu .menu-item:hover {
      background: #447492; }
    .dropdown-menu .menu-item a {
      display: inline-block;
      padding: 1.5em 1em;
      text-decoration: none; }
      @media only screen and (max-width: 767px) {
        .dropdown-menu .menu-item a {
          display: block; } }
      .dropdown-menu .menu-item a:hover {
        background: #a0c0d3;
        color: #375f78; }
  .dropdown-menu > .menu-item {
    position: relative; }
    .dropdown-menu > .menu-item > .sub-menu {
      background: #121f27;
      display: none;
      left: 0;
      position: absolute; }
      .dropdown-menu > .menu-item > .sub-menu > .menu-item {
        display: inline-block;
        position: relative; }
        .dropdown-menu > .menu-item > .sub-menu > .menu-item > .sub-menu {
          background: #121f27;
          display: none;
          left: 100%;
          position: absolute;
          top: 0; }
        .dropdown-menu > .menu-item > .sub-menu > .menu-item:hover > .sub-menu {
          display: block;
          z-index: 999; }
          @media only screen and (max-width: 767px) {
            .dropdown-menu > .menu-item > .sub-menu > .menu-item:hover > .sub-menu {
              display: none; } }
    .dropdown-menu > .menu-item:hover > .sub-menu {
      display: block;
      z-index: 99; }
      @media only screen and (max-width: 767px) {
        .dropdown-menu > .menu-item:hover > .sub-menu {
          display: none; } }

.page-header {
  border-bottom: 2px solid rgba(255, 255, 255, 0.08);
  margin: 0 0 25px 0;
  padding: 0 0 20px 0; }

.page-title {
  font: 700 2.5em/1 Bitter, serif; }

.post, .page, .nav-below, .nav-single, li.comment, .comment-nav-below, .nocomments, #respond, #disqus_thread {
  border-bottom: 2px solid rgba(255, 255, 255, 0.08);
  margin: 20px 0 25px 0; }
  .post:first-child, .page:first-child, .nav-below:first-child, .nav-single:first-child, li.comment:first-child, .comment-nav-below:first-child, .nocomments:first-child, #respond:first-child, #disqus_thread:first-child {
    margin-top: 0; }
  .post.sticky, .sticky.page, .sticky.nav-below, .sticky.nav-single, li.sticky.comment, .sticky.comment-nav-below, .sticky.nocomments, .sticky#respond, .sticky#disqus_thread {
    border: 2px solid rgba(255, 255, 255, 0.08);
    padding: 1em; }
  .post.format-image a, .format-image.page a, .format-image.nav-below a, .format-image.nav-single a, li.format-image.comment a, .format-image.comment-nav-below a, .format-image.nocomments a, .format-image#respond a, .format-image#disqus_thread a {
    border-bottom: none; }
  .post.format-chat p, .format-chat.page p, .format-chat.nav-below p, .format-chat.nav-single p, li.format-chat.comment p, .format-chat.comment-nav-below p, .format-chat.nocomments p, .format-chat#respond p, .format-chat#disqus_thread p {
    margin: 0; }

.entry-title {
  font: 700 1.6em/1 Bitter, serif;
  margin: 5px 0 15px 0; }
  .entry-title a {
    text-decoration: none; }
    .entry-title a:hover {
      text-decoration: underline; }
      .entry-title a:hover:after {
        content: " ↩"; }

.comments-link {
  font: 400 1em "Source Sans Pro", sans-serif;
  margin: 15px 0 25px 0; }
  .comments-link a {
    text-decoration: none; }
    .comments-link a:hover {
      text-decoration: underline; }

.entry-header img {
  max-width: 100%;
  height: auto; }

.page-links, .comments-page-links {
  margin: 10px 0 25px 0; }
  .page-links a, .comments-page-links a {
    text-decoration: none; }

.page-link, .comments-page-links .page-numbers {
  margin: 0 0 0 0.5em;
  background-color: #375f78; }
  .page-link:hover, .comments-page-links .page-numbers:hover {
    background-color: #375f78;
    color: white; }
  a .page-link, a .comments-page-links .page-numbers, .comments-page-links a .page-numbers {
    background-color: #121f27; }
    a .page-link:hover, a .comments-page-links .page-numbers:hover, .comments-page-links a .page-numbers:hover {
      background-color: #a0c0d3;
      color: #375f78; }

.comments-page-links {
  border-bottom: 2px solid rgba(255, 255, 255, 0.08);
  padding: 0.75em 0 1.25em 0; }
  .comments-page-links .page-numbers {
    background-color: #121f27; }
    .comments-page-links .page-numbers:hover {
      background-color: #a0c0d3;
      color: #375f78; }
    .comments-page-links .page-numbers.current {
      background-color: #375f78;
      color: white; }

.entry-meta {
  color: #bbd1df;
  font: 400 0.875em/1.5 "Source Sans Pro", sans-serif;
  margin: 30px 0 45px 0; }
  .post.sticky .entry-meta, .sticky.page .entry-meta, .sticky.nav-below .entry-meta, .sticky.nav-single .entry-meta, li.sticky.comment .entry-meta, .sticky.comment-nav-below .entry-meta, .sticky.nocomments .entry-meta, .sticky#respond .entry-meta, .sticky#disqus_thread .entry-meta {
    margin-bottom: 0; }

.entry-meta-icon, .date-link, .category-links, .tags-links, .author-link {
  font-weight: 300;
  margin-right: 20px; }
  .entry-meta-icon:before, .date-link:before, .category-links:before, .tags-links:before, .author-link:before {
    font: normal 16px/1 Genericons;
    vertical-align: text-bottom; }
  .entry-meta-icon a, .date-link a, .category-links a, .tags-links a, .author-link a {
    text-decoration: none; }
    .entry-meta-icon a:hover, .date-link a:hover, .category-links a:hover, .tags-links a:hover, .author-link a:hover {
      text-decoration: underline; }

.author-link {
  white-space: nowrap; }

.nav-below {
  border-bottom: 0;
  padding: 0 50px 25px 50px; }
  .nav-below .nav-previous a, .nav-below .nav-next a {
    display: inline-block;
    height: 6em;
    line-height: 6em;
    padding: 0;
    width: 6em;
    border-radius: 3em;
    -webkit-border-radius: 3em;
    -ms-border-radius: 3em;
    -moz-border-radius: 3em;
    -o-border-radius: 3em; }
    .nav-below .nav-previous a:hover, .nav-below .nav-next a:hover {
      box-shadow: 0 0 3em rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, 0.5);
      -ms-box-shadow: 0 0 3em rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0 3em rgba(0, 0, 0, 0.5);
      -o-box-shadow: 0 0 3em rgba(0, 0, 0, 0.5); }
  .nav-below .nav-previous {
    font-size: 1.5em; }
  .nav-below .nav-next a {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }

.nav-single {
  padding: 0 0 25px 0; }
  .nav-single a {
    text-decoration: none; }
    .nav-single a:hover {
      text-decoration: underline; }

.comments-title, #respond h3, #respond .reply-title {
  font: 700 1.14em/1.85 Bitter, serif; }

.commentlist {
  border-bottom: 2px solid rgba(255, 255, 255, 0.08);
  margin: 25px 0 25px 0; }

li.comment {
  list-style-type: none;
  margin: 20px 0;
  padding: 20px 0 0 0;
  border-bottom: 0; }
  li.comment.depth-2 {
    margin-left: 3em; }
  li.comment.depth-3, li.comment.depth-4, li.comment.depth-5, li.comment.depth-6, li.comment.depth-7, li.comment.depth-8, li.comment.depth-9, li.comment.depth-10 {
    margin-left: 6em; }

li.pingback, li.trackback {
  padding: 20px 0 0 0;
  margin: 20px 0; }

.comment-meta img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  clear: left;
  float: left;
  margin: 0 0.5em 0 0; }
.comment-meta .comment-author {
  display: block;
  font: 700 1.34em/1 "Source Sans Pro", sans-serif; }
.comment-meta .comment-time {
  display: inline;
  font: 300 0.875em/1.6 "Source Sans Pro", sans-serif; }
.comment-meta a {
  text-decoration: none; }
  .comment-meta a:hover {
    text-decoration: underline; }

.comment-reply {
  float: right; }

.bypostauthor {
  border-left: 1px solid white;
  color: white;
  margin-left: 0.6em;
  padding-left: 0.5em;
  vertical-align: middle; }

.comment-content, .comment-awaiting-moderation {
  padding-left: 48px; }
  .comment-content p, .comment-awaiting-moderation p {
    margin: 20px 0; }
    .comment-content p:first-child, .comment-awaiting-moderation p:first-child {
      margin-top: 0; }
    .comment-content p:last-child, .comment-awaiting-moderation p:last-child {
      margin-bottom: 0; }

.comment-awaiting-moderation {
  color: #85aec7;
  font-weight: 700; }

.comment-nav-below {
  padding: 0 0 25px 0; }
  .comment-nav-below a {
    text-decoration: none; }
    .comment-nav-below a:hover {
      text-decoration: underline; }

.nocomments {
  padding: 0 0 25px 0; }

#respond {
  padding: 0 0 25px 0; }
  #respond p {
    padding: 5px 0 20px 0; }
  #respond label {
    display: block; }
  #respond input[type=text], #respond textarea, #respond #author, #respond #email, #respond #url, #respond #comment {
    font: 400 1em/1 "Source Sans Pro", sans-serif; }
  #respond input[type=text], #respond #author, #respond #email, #respond #url {
    width: 42.2%; }
  #respond textarea, #respond #comment {
    width: 63.3%; }

.widget {
  border-bottom: 2px solid rgba(255, 255, 255, 0.08);
  margin: 0 0 20px 0;
  padding: 0 0 25px 0; }
  .widget p {
    margin: 0; }
  .widget .textwidget p {
    margin: 0 0 20px 0; }
  .widget ol, .widget ul {
    margin-bottom: 0; }
  .widget .textwidget p {
    margin: 10px 0 25px 0; }
  .widget li {
    margin-right: 2.57em; }
  .widget a {
    border-bottom-style: dotted; }
  .widget:last-child {
    border-bottom-width: 0; }
    @media only screen and (max-width: 767px) {
      .widget:last-child {
        border-bottom-width: 1px; } }
  .widget .widget-title {
    font: 700 1.29em/1.6 Bitter, serif;
    margin: 0 0 10px 0; }

.widget-search-bar {
  width: 53.333%; }

.widget_recent_entries .post-date {
  color: #a0c0d3;
  font-size: 0.875em;
  vertical-align: center; }
  .widget_recent_entries .post-date:before {
    content: " - "; }

.tagcloud a {
  border-bottom: none;
  vertical-align: baseline; }

.site-info {
  font-weight: 300;
  margin: 5px 0; }

#disqus_thread {
  padding: 15px 0; }

/* Ron's stuff: formatting for posts */
pre { white-space: pre-wrap; font-family: monospace; color: #839496; background-color: #002b36; }
tt { font-family: monospace; color: #839496; background-color: #002b36; }
.lnr { color: #586e75; background-color: #073642; }
.Type { color: #b58900; }
.Comment { color: #586e75; font-style: italic; }
.Special { color: #dc322f; }
.Statement { color: #719e07; }
.Constant { color: #2aa198; }
.Identifier { color: #268bd2; }
.rubyDefine { color: #93a1a1; background-color: #002b36; font-weight: bold; }