Skip to content

Instantly share code, notes, and snippets.

@jameskeane
Created July 6, 2011 08:11
Show Gist options
  • Save jameskeane/1066807 to your computer and use it in GitHub Desktop.
Save jameskeane/1066807 to your computer and use it in GitHub Desktop.
My Posterous style
* {padding:0;margin:0;}
img {border:0;}
.clear {clear:both;font-size:5px;}
.left {float:left;}
.right {float:right;}
.text-right {text-align:right;}
.center {text-align:center;}
.small {font-size:.857em !important;} /* 12px */
.xsmall {font-size:.786em !important;} /* 11px */
.xxsmall {font-size:9px;}
.normal {font-size:12px !important;}
.big {font-size:14px !important;}
.bigger {font-size:16px !important;}
.black {color:#000;}
.green1,.green1:hover {color:#7ba709;}
.green2,.green2:hover {color:#6f9904;}
.darkgray {color:#333;}
.strong {font-weight:bold;}
.absolute-right {position:absolute;top:0;right:0;}
.white {color:#fff;}
.red {color:#f00;}
header,hgroup,footer,aside,nav,article,section {display:block;}
/*
* Web Fonts from fontspring.com
*
* All OpenType features and all extended glyphs have been removed.
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010 Fontspring
*
*
*
*
* The fonts included are copyrighted by the vendor listed below.
*
* Vendor: FontSite Inc.
* License URL: http://www.fontspring.com/fflicense/fontsite
*
*
*/
@font-face {
font-family: 'AlternateGothicFSNo3';
src: url('/themes/proper/AlternateGothicNo3-webfont.eot');
src: local('?'), url('/themes/proper/AlternateGothicNo3-webfont.woff') format('woff'), url('/themes/proper/AlternateGothicNo3-webfont.ttf') format('truetype'), url('/themes/proper/AlternateGothicNo3-webfont.svg#webfontUJOPMwss') format('svg');
font-weight: normal;
font-style: normal;
}
body {
background:{color:Background};
color:{color:Body};
font-family:Arial, Helvetica, sans-serif;
font-size:.875em; /* 14px */
-webkit-font-smoothing: antialiased;
}
a {
color:{color:Links};
text-decoration:underline;
}
.container {
min-width:1000px;
}
table#frame {
bottom:0;
font-size:1em;
height:100%;
margin:0; /* override default */
position:absolute;
top:0;
width:100%;
}
#frame td {
border:0; /* override default */
padding:0; /* override default */
}
header#page_header {
background:#252525;
border-right:solid 1px #000;
bottom:0;
left:0;
padding:20px 0;
position:fixed;
overflow:hidden;
top:0;
width:219px;
z-index:10;
}
article header h1 {
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:2.2em;
font-weight:normal;
line-height:1em;
text-transform:uppercase;
}
header#page_header h1.header_image {
text-align:center;
}
article header h1 a {
color:{color:Headers} !important;
text-decoration:none;
}
article header h1 a:hover {
}
header#page_header hgroup {
}
header#page_header hgroup h1 {
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:2.571em;
font-weight:normal;
line-height:1em;
padding:0 20px 10px;
text-transform:uppercase;
}
header#page_header hgroup h1 a {
color:{color:LeftSidebar};
text-decoration:none;
}
header#page_header hgroup h2 {
color:{color:LeftSidebar};
font-size:1em;
font-weight:normal;
margin:0;
padding:5px 20px 0;
}
nav#navigation {
padding:30px 0;
}
nav#navigation li {
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:1.571em;
line-height:1.25em;
list-style:none;
margin-top:0; /* override default */
text-transform:uppercase;
}
nav#navigation li a {
border-top:solid 1px #111;
border-bottom:solid 1px #3f3f3f;
color:{color:LeftSidebar};
display:block;
padding:9px 20px;
text-decoration:none;
}
nav#navigation li:first-child {
border-top:solid 1px #3f3f3f;
}
nav#navigation li:last-child {
border-bottom:solid 1px #111;
}
nav#navigation li a.current {
background:#000;
border-bottom:0;
}
nav#navigation li a:hover {
background:#2f2f2f;
}
nav#navigation li a:active {
background:#202020;
}
nav#navigation ul li a.current {
}
form.search input.text {
font-size: 12px;
padding: 2px 2px 2px 20px;
border: 1px solid #ccc;
background:#fff url('/images/icons/search16.png') no-repeat 3px 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
td.sidebar {
border-left:solid 1px #d9d9d9;
background:#eaeaea;
font-size:1.091em;
padding:20px !important;
width:179px;
}
aside#sidebar {
}
aside#sidebar a {
color:{color:Links};
text-decoration:none;
}
aside#sidebar a:hover {
text-decoration:underline;
}
aside#sidebar section {
display:block;
padding:15px 0;
}
aside section#profile {
padding-top:0;
}
aside#sidebar section h1,.profile-link {
color:{color:Headers} !important;
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:1.286em;
font-weight:normal;
text-transform:uppercase;
}
aside#sidebar section ul li {
font-size:.786em;
list-style: none;
line-height:1.2em;
}
aside#sidebar section div.archive_list {
font-size:.786em;
line-height:1.2em;
}
aside#sidebar section div.archive_list div.archive {
margin-bottom:5px;
margin-top:5px;
}
aside#sidebar section div.archive_list div.inner {
margin-left:10px;
line-height:1.5em;
}
.profile_image {
background:#fff;
border:solid 1px #797878;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 0 4px rgba(0,0,0,.4);
-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);
box-shadow:0 0 4px rgba(0,0,0,.4);
margin-bottom:10px;
padding:5px;
}
.profile p {
line-height:1.25em;
padding-top:10px;
}
.external {
padding-top:5px;
}
#search {
padding:15px 0;
}
#searchbox {
background:url(/themes/proper/search-black-50.png) no-repeat 7px 7px #fff;
border:solid 1px #cecaca;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
font-size:14px;
padding:3px 5px 3px 23px;
width:165px;
}
#searchbox_button {
font-family:Arial, Helvetica, sans-serif;
font-size:.875em;
font-weight:bold;
height:auto;
margin-top:5px;
padding:3px 10px;
}
section#search_results {
background:#eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:solid 1px #ccc;
padding:10px;
margin-bottom:35px;
}
section#search_results .submit {
font-size:.875em;
font-weight:bold;
height:auto;
margin-top:5px;
padding:3px 10px;
}
section#search_results h1,section#filed_under h1 {
color:{color:Headers};
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:1.429em;
line-height:1em;
text-transform:uppercase;
}
section#filed_under h1 {
font-size:1em;
margin-bottom:25px;
}
section#search_results ul {}
section#search_results li {
display:inline-block;
font-size:.786em;
list-style:none;
margin-right:5px;
}
.back_to_blog {
display:block;
font-weight:bold;
margin-bottom:15px;
text-decoration:none;
}
section#contributors li a:first-child {
padding-right:3px;
text-decoration:none;
}
section#contributors li a img {
background:#fff;
border:solid 1px #797878;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0 0 3px rgba(0,0,0,.4);
-webkit-box-shadow:0 0 3px rgba(0,0,0,.4);
box-shadow:0 0 3px rgba(0,0,0,.4);
height:20px;
padding:2px;
vertical-align:middle;
width:20px;
}
section#contributors li a {
vertical-align:middle;
}
section#subscriptions {
padding-bottom:3px !important;
font-size:.786em;
}
section#subscriptions h1 {
padding-bottom:5px;
}
section#rss {
padding-top:3px !important;
}
section#subscriptions a {
font-size:1em;
height:14px;
}
section#rss a {
display:block;
font-size:.786em;
height:14px;
padding-left:18px;
}
section#subscriptions .subscribe-site {
background:url(/images/favicon.png) no-repeat -1px -1px;
}
section#subscriptions .subscribe-site div {
padding-left:18px;
}
section#rss a {
background:url(/images/feed-icon-14x14.png) no-repeat -1px -1px;
}
section#statistics {
}
section#statistics strong {
}
section#tags li.selected a {
font-weight:bold;
}
section#tags li.selected a:hover {
cursor:pointer;
}
section#fans {
}
section#fans h1 {
font-size:.786em;
}
section#fans li {
list-style:none;
}
section#fans li a img {
background:#fff;
border:solid 1px #797878;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0 0 3px rgba(0,0,0,.3);
-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
box-shadow:0 0 3px rgba(0,0,0,.3);
height:20px;
padding:2px;
vertical-align:middle;
width:20px;
}
section#fans li a {
color:{color:PostInfo};
font-size:.786em;
text-decoration:none;
vertical-align:middle;
}
article header aside.sms {
font-size: 11px;
}
footer section.locations h1 {
font-weight: normal;
line-height: 21px;
margin-top: 0px;
}
input, select, textarea {
font-size: 1.6em;
line-height:1.3em !important;
padding: 5px;
}
input[type='text'], input[type='password'], select, textarea {
background-color: #fff;
border: 1px solid #ccc;
}
input[type='button'], input[type='submit'] {
height: 2em;
font-size: 1.4em;
color: #000;
margin-top: 10px;
}
section.share {
margin-bottom: 18px;
}
#post_column {
padding:20px 30px 20px 30px;
position:relative;
}
#post_column a {
color:{color:Links};
}
#post_column a:hover {
}
div#articles {
}
article {
margin-bottom:75px;
position:relative;
}
article header {
padding-bottom:5px;
}
article header section {
min-height:40px;
padding-top:17px;
}
article header aside.sms {
float:left;
padding-top:10px;
}
div.editbox {
height:16px;
position:absolute;
top:-18px;
visibility:hidden;
}
div.editbox ul.mini_commands {
margin-top:0;
}
ul.mini_commands li a {
color:{color:Links};
}
article:hover div.editbox {
visibility:visible;
}
article div.body {
padding-top:10px;
}
article div.body div.inner {
font-family:Georgia, "Times New Roman", Times, serif;
line-height:1.6em;
min-width:500px;
text-align:justify;
}
article div.body div.inner > :first-child {
margin-bottom:0;
margin-top:0;
}
article div.body div.inner > p:first-child {
/* margin-top:15px; */
}
article div.body p, article div.body blockquote {
margin:15px 0 18px;
}
article div.body div.posterousGalleryMainDiv {
margin:0 0 15px;
}
div.posterousVideoMainDiv {
margin:0;
}
.posterousGalleryMainDiv a.posterousGalleryMainlink {
text-decoration:none !important;
}
article div.body div.inner a {
text-decoration:underline;
}
article div.body div.inner a:hover {
}
article div.body div.inner ul,article div.body div.inner ol {
padding-bottom:5px;
padding-left:30px;
}
.inner blockquote {
border-left:solid 4px #eee !important;
}
article footer {
margin-top:10px;
position:relative;
}
footer section {
margin-bottom:10px;
}
footer section.author {
color:{color:PostInfo};
font-size:.786em;
padding-bottom:10px;
}
footer section.author a {
color:{color:PostInfo} !important;
}
footer section.author h1 {
display:inline;
font-size:1em;
font-weight:normal;
}
footer section.comments_box {
background:#eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:solid 1px #ccc;
margin-top:15px;
padding:10px;
}
footer section.comments h1,.commentcount {
font-size:1em;
font-weight:normal;
}
footer section.comment_create h1 {
position:relative;
}
.commentcount a,.comments_list h1.commentcount-show {
background:url(http://themes.corywatilo.com/themes/assets/icon-comment-gray.png) no-repeat;
color:{color:Headers} !important;
display:block;
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:1.286em;
font-weight:normal;
height:20px;
padding:2px 0 0 24px;
text-decoration:none;
text-transform:uppercase;
}
div.comment_none_yet_msg {
font-style:italic;
font-weight:normal;
margin-top:5px;
}
.commentunit .comment_value label {
color:{color:Body} !important;
}
footer section.comments section h1 {
font-size:1em;
font-weight:bold;
}
div.comment {
}
div.comment b {
font-weight:normal;
}
div.comment_label {
padding-top: 2px;
margin-top: 0px;
}
div.comment_date {
}
div.commentunit {
/* margin: 10px 0px; */
}
.comment_profile_description {
font-weight:bold;
}
.comment_profile_description div {
font-weight:normal;
}
div.comment_value {
}
div.comment_avatar {
margin-top:10px;
}
div.commentunit div.profile_icon {
margin-top:5px;
}
div.commentname {
margin-bottom:5px;
}
div.comment_loading_div {
/* margin-left:155px; */
}
div.comment_area {
clear:left;
float:left;
}
footer section.comments h4 {
}
.comment_value input[type="submit"] {
font-family:Arial, Helvetica, sans-serif;
font-size:.875em;
font-weight:bold;
height:auto;
margin-top:5px;
padding:3px 10px;
}
footer section .comment_loading_div,.loading {
background:url(http://themes.corywatilo.com/assets/loading1-white.gif) no-repeat;
display:inline-block;
height:11px;
width:16px;
}
footer section .comment_loading_div {
margin-top:5px;
}
footer section .comment_loading_div img {
display:none;
}
div.posterous_comments h4, div.spanningheader h4 {
margin:0;
}
article footer time div {display:inline;}
footer section.tags {
color:{color:PostInfo};
font-size:.786em;
padding-bottom:10px;
}
footer section.tags a {
color:{color:PostInfo} !important;
}
footer section.tags h1 {
display:inline;
font-size:11px;
margin:0;
padding-right:5px;
}
footer section.tags h1 span {
font-weight:normal;
}
footer section.tags ul {
display:inline;
margin:0;
}
footer section.tags ul li {
display:inline;
list-style:none outside none;
padding-right:10px;
}
footer section.tags ul li a {
color:{color:Links};
}
footer section.locations {
margin-bottom:0;
}
footer section.locations h2 {
font-size:11px;
margin-top:0;
}
footer section.locations ul {
display:block;
margin:0;
}
footer section.locations ul li {
display:block;
list-style:none outside none;
}
footer section.locations div.location_detail {
background:#eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:solid 1px #ccc;
margin:10px 0;
overflow:auto;
padding:8px;
}
footer section.locations div.location_detail div.map {
float:left;
height:150px;
width:300px;
}
footer section.locations div.location_detail div.summary {
color:{color:Body};
float:left;
padding-left:10px;
width:172px;
}
footer section.share, footer section.tags, footer section.locations {
display:block;
/* margin-left:155px; */
}
footer#pagination {
/* margin-left:155px; */
overflow:hidden;
padding-bottom:50px;
}
.pagination {
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:1.429em;
margin:3px;
padding:3px;
text-align:center;
text-transform:uppercase;
}
.pagination a {
border:solid 1px {color:Links};
border:solid 1px rgba(0,0,0,.3);
color:{color:Links};
margin:2px;
padding:0 5px;
text-decoration:none;
}
.pagination span.disabled {
display:none;
}
.pagination a:hover, .pagination a:active {
border:solid 1px #000;
}
.pagination span.current {
color:{color:Body};
font-weight:bold;
padding:2px 5px;
margin:2px;
}
footer section.share {
height:25px;
}
.cw {
color:#ccc;
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:1.714em;
padding:20px 30px 0 250px;
text-align:center;
text-transform:uppercase;
}
.cw a {
color:#aaa !important;
text-decoration:none;
}
/* misc */
div.ajaxResult {
color:#009900;
font-size:10px;
margin-bottom:10px;
}
div.retweet {
background:url("/images/icons/services/twitter11.png") no-repeat scroll left center transparent;
display:inline-block;
min-height:11px;
min-width:1px;
padding-left:15px;
vertical-align:middle;
}
.twitter-share-button {
float:left;
}
div.facebook_like {
display:inline;
float:left;
margin-left:5px;
position:relative;
}
table {
border:medium none;
border-spacing:0;
font-size:11px;
line-height:16px;
margin:10px 0 0;
text-align:left;
}
td {
border-color:-moz-use-text-color -moz-use-text-color #EEEEEE;
border-style:none none solid;
border-width:medium medium 1px;
margin:0;
padding:4px;
vertical-align:top;
}
th {
border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
border-style:none none solid;
border-width:medium medium 1px;
font-weight:bold;
padding:4px;
text-align:left;
vertical-align:bottom;
}
hr {
border:1px solid #DDDDDD;
margin-bottom:10px;
margin-top:10px;
}
div.posterousListComments div.comment, div.posterousAddNewComment div.comment, div.posterousAddNewComment div.comment_value {
/* margin-left:25px; */
}
aside.private {
margin-top:10px;
position:relative;
}
aside.private:hover div.private_post_message {
display:block;
}
div.private_post_message {
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 3px 10px rgba(0, 0, 0, 0.23);
background:-moz-linear-gradient(center top , #FFFFFF, #F2F2F2) repeat scroll 0 0 transparent;
border:1px solid #AAAAAA;
display:none;
padding:10px;
position:absolute;
right:0;
text-align:left;
top:0;
width:100px;
}
div.private_post_message h1 {
float:none;
font-size:11px;
margin:0 0 5px;
padding:0;
width:auto;
}
div.private_post_message p {
font-size:10px;
margin:0;
}
div.posterous_retweet_widget {
margin:0 0 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment