/themes/hemingway/stylesheets/application.css
CSS | 713 lines | 585 code | 82 blank | 46 comment | 0 complexity | 464280632b787f988e4e6e2aaf1e4881 MD5 | raw file
- /*
- Theme Name: Hemingway
- Theme URI: http://warpspire.com/hemingway
- Description: Description: Hemingway is a simple weblog theme by <a href="http://warpspire.com">Kyle Neath</a> aimed at giving bloggers a great platform on which to customize. If you'd like to learn more about Hemingway, <a href="http://warpspire.com/hemingway">head on over to Warpspire</a> or ask a question in the <a href="http://support.warpspire.com/discussions/hemingway">official support forums.</a> <br /><strong>This theme requires WordPress 2.0+</strong></a>.
- Version: 0.20
- Author: Kyle Neath
- Author URI: http://warpspire.com
- */
- /*-----------------------------------------------------------------------------------------------
- Global Styles
- -----------------------------------------------------------------------------------------------*/
- * {
- padding:0;
- margin:0;
- }
- h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
- li, dd { margin-left:5%; }
- fieldset { padding: .5em; }
- select option{ padding:0 5px; }
- select, option { color:black; }
- .hide, .print-logo, .close-button{ display:none; }
- .left{ float:left; }
- .right{ float:right; }
- .clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
- a img{ border:none; }
- /*-----------------------------------------------------------------------------------------------
- Layout / Base Page Styling
- -----------------------------------------------------------------------------------------------*/
- body{
- background:#272727;
- color:#BFBFBF;
- font-size:11px;
- font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
- }
- /* This class sets the width and position for all rows */
- .inside, #site_bar_content {
- width:80%;
- min-width:65em;
- max-width:85em;
- margin:0 auto;
- }
- a{
- color:#FFF;
- }
- h1{
- color:#CCC;
- font-size:1.5em;
- font-weight:normal;
- margin:1.5em 0;
- }
- h2, h3{
- font-size:1.15em;
- color:#FFF;
- font-weight:normal;
- }
- #primary h2{
- color:#CCC;
- }
- p{
- line-height:1.75em;
- }
- #primary ul li{
- list-style-type:square;
- margin:0.5em 0 0.5em 2em;
- }
- blockquote{
- margin-left:1em;
- padding-left:1em;
- border-left:2px solid #CCC;
- color:#CCC;
- }
- pre{
- width:100%;
- padding:1em 0;
- overflow:auto;
- border-top:1px dotted #333;
- border-bottom:1px dotted #333;
- }
- table{
- width:100%;
- border-spacing:2px;
- margin:1.5em 0;
- }
- table th, table td{ padding:0.3em 0.75em }
- table th{
- background:#CCC;
- color:#000;
- text-align:left;
- }
- table td{
- background:#333;
- color:#FFF;
- }
- table caption{
- text-align:left;
- color:#FFF;
- margin-bottom:-1em;
- margin-top:1em;
- }
- .rule{
- border-top:1px solid #CCC;
- height:1px;
- font-size:1px;
- line-height:1px;
- margin:1.5em 0;
- }
- /*-----------------------------------------------------------------------------------------------
- Header
- -----------------------------------------------------------------------------------------------*/
- #header{
- background:#000;
- }
- #header .inside{
- padding:3em 0;
- }
- #header h2{
- font-size:2.25em;
- margin:0 0.5em 0 0;
- padding:0 0.5em 0.25em 0;
- border-right:1px solid #808080;
- float:left;
- }
- #header h2 a{ text-decoration:none; }
- #header p{
- padding:1em 0;
- margin:0;
- line-height:1em;
- }
- /*-----------------------------------------------------------------------------------------------
- Primary Items
- -----------------------------------------------------------------------------------------------*/
- #primary{
- background:#000;
- padding:1px 0 2em 0;
- color:#808080;
- }
- #primary.onecol-stories .primary{
- float:left;
- width:50%;
- }
- #primary.onecol-stories .secondary{
- float:right;
- width:40%;
- margin:0 0 0 10%;
- }
- #primary.twocol-stories .story{
- float:left;
- width:48%;
- margin:0 0 0 4%;
- display:inline;
- }
- * html #primary.twocol-stories .story{
- margin-left:2%;
- }
- #primary.twocol-stories .first, * html #primary.twocol-stories .first{
- margin:0 0 0 0;
- }
- .story h3{
- font-size:1.15em;
- margin:0 0 1.5em 0;
- font-weight:normal;
- color:#CCC;
- }
- .story h3 a{
- color:#CCC;
- text-decoration:none;
- border-bottom:1px dotted #666;
- }
- .story .details{
- margin:1em 0;
- text-align:right;
- border-top:1px solid #333;
- padding:0.5em 0;
- font-size:0.95em;
- color:#4D4D4D;
- }
- .story .details .read-on{
- background:url(/theme/images/readon_black.gif) 100% 60% no-repeat;
- padding-right:20px;
- }
- .story .details a{
- color:#4D4D4D;
- text-decoration:none;
- }
- .story .details a:hover{ color:#FFF; }
- /* Single Post Styles */
- #primary .primary{
- float:right;
- width:65%;
- }
- #primary .secondary{
- float:right;
- width:30%;
- margin-right:5%;
- padding-top:0.65em;
- display:inline;
- }
- * html #primary .secondary{ margin-right:4%; }
- .secondary .featured p{
- border-bottom:1px solid #333333;
- border-top: 1px solid #333333;
- padding:0.5em 0 0.6em 0;
- line-height:1.5em;
- margin:1em 0 0 0;
- }
- .secondary .featured dl{
- margin:0 0;
- border-bottom:1px solid #333333;
- padding:0.5em 0 0.6em 0;
- }
- .secondary dt{
- display:inline;
- margin:0;
- padding:0;
- color:#AAA;
- }
- .secondary dd{
- display:inline;
- margin:0;
- padding:0;
- }
- .secondary dd a{ color:#808080; }
- .secondary dd a:hover{ color:#FFF; }
- .single-post h1, .single-post h2{ margin-top:0; }
- /*-----------------------------------------------------------------------------------------------
- Secondary Items
- -----------------------------------------------------------------------------------------------*/
- #secondary{
- background:#0C0C0C;
- padding:1px 2em;
- border-top:1px solid #1C1C1C;
- }
- .comment-head{
- border-bottom:1px solid #1C1C1C;
- padding:0.8em 2em 1.0em 2em;
- }
- .comment-head h2{
- font-size:1.5em;
- margin:0;
- }
- .comment-head a{
- text-decoration:none;
- color:#868686;
- }
- .comment-head .details{
- font-size:0.95em;
- }
- ol#comments{
- list-style-type:none;
- margin:2em 0;
- }
- ol#comments li{
- list-style-type:none;
- margin:2em 0;
- }
- ol#comments li .avatar {
- border: 1px solid #222;
- padding: 2px;
- }
- #comments cite{
- float:left;
- width:31%;
- font-style:normal;
- text-align:right;
- }
- * html #comments cite{ width:30.6%; }
- #comments cite span{
- display:block;
- }
- #comments cite span.avatarspan{ float: left; }
- #comments cite .author{ font-size:1.2em; }
- #comments cite .author a{
- text-decoration:none;
- }
- #comments cite .admin-tools{
- margin:5px 0;
- }
- #comments cite .admin-tools a{
- float:right;
- margin:0 5px;
- padding:0px 3px 3px;
- background:#666;
- border:1px solid #999;
- text-decoration:none;
- }
- #primary .secondary .admin-tools{ margin:1em 0; }
- #preview{
- margin:1em 0;
- padding:0.5em;
- border:1px solid #333;
- }
- #preview p{ margin:1em 0 0 0; }
- #errors{ color:#FF0000; font-weight:bold; }
- #comments .pingback cite .author{
- display:block;
- padding-top:68px;
- background:url(/theme/images/trackback_pingback.gif) 100% 0 no-repeat;
- }
- #comments .content{
- float:left;
- width:60%;
- margin-left:1.9%;
- border-left:1px solid #868686;
- padding: 0 0 0 2%;
- }
- #comments .content p{
- margin:0 0 1em 0;
- }
- #comments .content h3{
- margin:0;
- font-size:1em;
- }
- #comment-form{
- margin:5em 0 5em 35.4%;
- width:36em;
- }
- input.textfield{
- width: 15em;
- margin:5px 0;
- }
- textarea.commentbox{
- width:28em;
- height:10em;
- padding:0.25em;
- margin:5px 0;
- font-size:1.25em;
- font-family:Arial, Helvetica, sans-serif;
- }
- label.text{
- position:relative;
- left:0.5em;
- top:-0.5em;
- }
- .formactions input.submit{
- float:right;
- margin:-1em 0 0 0;
- padding:0 0.5em;
- }
- .formactions .spinner{
- float:right;
- margin:-8px -20px 0 0;
- }
- /*-----------------------------------------------------------------------------------------------
- Ancillary Items
- -----------------------------------------------------------------------------------------------*/
- #ancillary{
- padding:2em 0 0 0;
- }
- #ancillary .block{
- float:left;
- width: 46%;
- margin:0 0 0 5%;
- }
- #ancillary .twice-length{ width:65%; }
- #ancillary .thrice-length{ width:100%; }
- * html #ancillary .block{
- margin:0 0 0 4%;
- }
- #ancillary .first, * html #ancillary .first{
- clear:both;
- margin:0;
- }
- #ancillary .block-separator{
- clear:both;
- height:2.5em;
- }
- #ancillary .block h2, #ancillary .block h3{
- margin:0 0 2em 0;
- }
- ul.dates, ul.counts, ul.blogroll ul, ul.pages{
- list-style-type:none;
- margin:1.5em 0 2em 0;
- border-top:1px solid #3D3D3D;
- }
- ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{
- list-style-type:none;
- margin:0;
- padding:0.5em 0;
- border-bottom:1px solid #3D3D3D;
- }
- ul.dates .date{
- color:#858585;
- padding:0 1.5em 0 0;
- }
- ul.counts .count{
- float:right;
- color:#858585;
- }
- ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{
- color:#BFBFBF;
- text-decoration:none;
- }
- ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{
- color:#FFF;
- }
- ul.blogroll{ margin-top:0; }
- ul.blogroll li{
- list-style-type:none;
- margin:0;
- }
- ul.pages ul{
- margin:0;
- }
- #ancillary .pages ul {
- margin-left: 15px;
- }
- ul.pages ul li{
- border:none;
- margin-left:2em;
- list-style-type:square;
- }
- /*-----------------------------------------------------------------------------------------------
- Foooter
- -----------------------------------------------------------------------------------------------*/
- #footer{
- clear:both;
- color:#939393;
- margin:2em 0 3em 0;
- }
- #footer .inside{
- background:url(/theme/images/footer_black.gif) 50% 0 repeat-x;
- padding:1em 0;
- }
- #footer p{
- margin:0;
- font-size:0.95em;
- }
- #footer p.copyright{ float:left; }
- #footer p.attributes{ float:right; }
- #footer p.attributes a{
- padding:0 0 0 1em;
- text-decoration:none;
- color:#525252;
- }
- #footer p.attributes a:hover{
- color:#FFF;
- }
- /*-----------------------------------------------------------------------------------------------
- Search
- -----------------------------------------------------------------------------------------------*/
- #search{
- float:right;
- width:200px;
- margin:1em 0 0 0;
- -moz-opacity:0.4;
- text-align:right;
- }
- #search:hover{
- -moz-opacity:1.0;
- }
- #search .searchimg{
- float:left;
- width:14px;
- height:13px;
- background:url(/theme/images/search.gif) 0 0 no-repeat;
- position:relative;
- top:4px;
- }
- #search input{
- width:175px;
- font-size: 0.85em;
- background:#CCC;
- margin-top:2px;
- }
- #search input:focus{
- background:#FFF;
- }
- #searchform{
- margin:1em 0;
- }
- #searchform #s{
- background:#222;
- border:none;
- border-bottom:1px solid #333;
- width:30em;
- color:#666666;
- padding:0.25em;
- }
- #searchform #searchsubmit{
- background:#000;
- color:#666;
- border:none;
- font-size:0.9em;
- text-transform:uppercase;
- letter-spacing:0.25em;
- }
- /* Legacy Typo CSS */
- #search-results{
- width:30%;
- background:#333;
- padding:0 0 0 0;
- float:right;
- -moz-opacity:0.9;
- border-top:1em solid #000;
- }
- #search-results h3{
- font-weight:bold;
- text-align:left;
- margin:0;
- padding:0 0 1em 0;
- background:#000;
-
- }
- #search-results small{
- display:block;
- text-align:left;
- font-size:0.9em;
- padding:0.5em 1em 0.7em 1em;
- border-top:1px solid #666;
- border-bottom:1px solid #555;
- }
- #search-results small a{
- color:#CCC;
- }
- #search-results ul li{
- list-style-type:none;
- padding:0 1em 0.5em 1em;
- margin:0.5em 0;
- }
- #search-results ul li:hover{
- background:#202020;
- }
- #search-result ul{ margin:0; }
- #search-results ul li a{
- text-decoration:none;
- border-bottom:1px dotted #CCC;
- }
- #search img.archives-icon{
- margin:0 7px 0 0;
- top:1px;
- }
- img.centered, img.aligncenter {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- img.alignright {
- padding: 4px;
- margin: 0 0 2px 7px;
- display: inline;
- }
- img.alignleft {
- padding: 4px;
- margin: 0 7px 2px 0;
- display: inline;
- }
- .alignright {
- float: right;
- }
- .alignleft {
- float: left;
- }
- .aligncenter, div.aligncenter {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .wp-caption {
- border: 1px solid #ddd;
- text-align: center;
- background-color: #f3f3f3;
- padding-top: 4px;
- margin: 10px;
- -moz-border-radius: 3px;
- -khtml-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- }
- .wp-caption img {
- margin: 0;
- padding: 0;
- border: 0 none;
- }
- .wp-caption p.wp-caption-text {
- font-size: 11px;
- color: #000;
- line-height: 17px;
- padding: 0 4px 5px;
- margin: 0;
- }
- #body_content_right {
- float: left;
- width: 49%;
- }
- #body_content_left {
- float: right;
- width: 49%
- }
- /*
- Firefox Dotted Line Fix
- - http://sonspring.com/journal/removing-dotted-links
- */
- a:focus {
- outline: none;
- }
- /*
- Clearfix docs
- - Main docs: http://positioniseverything.net/easyclearing.html
- - IE7 change: http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
- */
- .clearfix:after {
- content: ".";
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
- }
- .clearfix {
- display: inline-block;
- }
- /* Hide from IE Mac \*/
- .clearfix {
- display:block;
- }
- /* End hide from IE Mac */
- .inquiries form label {
- display: block;
-
- }
- .inquiries .field {
- margin: 12px 0px;
- }
- .inquiries form {
- padding-top: 12px;
- }
- .page_not_live {
- border: 1px solid #A00027;
- color: #A00027;
- background: #FFB1B1;
- padding:3px 9px;
- font-weight:bold;
- width:auto;
- }