Posterize.us: Posting smallish images in Vintage theme - Posterize.us

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Posting smallish images in Vintage theme

#1 User is offline   jaymike 

  • Member
  • PipPip
  • Group: Members
  • Posts: 16
  • Joined: 06-December 10

Posted 07 December 2010 - 12:03 AM

I am pretty new to Posterous and am stumped on this so far.

I'm trying to include some smaller portrait images to posts and it keeps padding them with a white "box" to (I guess) make them the full width of the column? I've attached a simple example. The first photo is the desired one, the second photo is what it looks like after it's posted. Is there any way to stop it from doing that?

Ideally, I'd like to have text wrapping around the smaller images and I had some success doing this (thanks to this post) on other themes (Proper), but the Vintage theme is not playing nice. If I can't get it to wrap text, I'd at least like to get it to not fill the width of the column with that extra padding.

I tried fiddling around with the "advanced" custom HTML but I pretty much crashed and burned. Thanks for any advice.

Attached File(s)


0

#2 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 272
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 07 December 2010 - 06:59 AM

Thanks for the heads up. I've fixed this problem and sent the update over to Posterous. Hopefully they'll post the update this week and then it should be fixed for you on Vintage.
Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

#3 User is offline   jaymike 

  • Member
  • PipPip
  • Group: Members
  • Posts: 16
  • Joined: 06-December 10

Posted 07 December 2010 - 01:31 PM

View PostCory Watilo, on 07 December 2010 - 06:59 AM, said:

Thanks for the heads up. I've fixed this problem and sent the update over to Posterous. Hopefully they'll post the update this week and then it should be fixed for you on Vintage.


Excellent! Is there anything I have to do, or any way for me to know when they have updated it? Or will it just automagically look correct once they post it?

Based on your experience, do you have a ballpark on how long Posterous takes to make an update like this? It's not critical, just wondering. Thanks again.

-jason
0

#4 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 272
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 07 December 2010 - 06:40 PM

You won't have to do anything. I'd say sometime this week.
Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

#5 User is offline   jaymike 

  • Member
  • PipPip
  • Group: Members
  • Posts: 16
  • Joined: 06-December 10

Posted 14 December 2010 - 10:12 AM

Hmmm, one week later and it still looks the same. Is there any way to check on it or give them a little nudge? Thanks.

-j

p.s. For proof, one of my affected pages is at http://blog.jasner.c...nd-dropped-food


View PostCory Watilo, on 07 December 2010 - 06:40 PM, said:

You won't have to do anything. I'd say sometime this week.

0

#6 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 272
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 14 December 2010 - 10:51 PM

Yeah I hear ya. Just checked in with them. The update I got is "a couple weeks." Bumma. Hopefully you can hold out a little longer.
Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

#7 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 272
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 14 December 2010 - 10:53 PM

Ya know what, screw it. Attached here is the latest version of the Vintage theme code. Download the html and follow these instructions to install: http://themes.corywa...stallation.html

Attached File(s)


Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

#8 User is offline   jaymike 

  • Member
  • PipPip
  • Group: Members
  • Posts: 16
  • Joined: 06-December 10

Posted 15 December 2010 - 09:46 PM

View PostCory Watilo, on 14 December 2010 - 10:53 PM, said:

Ya know what, screw it. Attached here is the latest version of the Vintage theme code. Download the html and follow these instructions to install: http://themes.corywa...stallation.html


Cory,

Very cool of you to send it over to me. But I must be doing something wrong, or perhaps posterize did something on the upload because what I get when I download it does not look like something I should be pasting into my custom theme.

When I open it in a browser I do see sections of code, but it also seems to be kind of half a web page. I even saved it as a txt file and opened it in Textedit but it still looked odd. I attached a screenshot of that.

What am I screwing up?

-j

Attached File(s)


0

#9 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 272
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 15 December 2010 - 10:17 PM

You can rename to .txt instead of .html. Or just copy this:

<!DOCTYPE html>
<html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <meta charset="utf-8">
    <link rel="icon" href="/images/favicon.png" type="image/x-png">
    <title>{PageTitle}</title>
      
      
<meta name="color:Links" content="#7d6868"/>
<meta name="color:SidebarLinks" content="#4f4543"/>
<meta name="color:Headers" content="#635252"/>
<meta name="color:Body" content="#4f4543"/>
<meta name="color:PostInfo" content="#7c7c7c"/>

<link rel="stylesheet" href="/themes/vintage/burstmybubble.css">

<style type="text/css">

* {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,time {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/vintage/AlternateGothicNo3-webfont.eot');
    src: local('☺'), url('/themes/vintage/AlternateGothicNo3-webfont.woff') format('woff'), url('/themes/vintage/AlternateGothicNo3-webfont.ttf') format('truetype'), url('/themes/vintage/AlternateGothicNo3-webfont.svg#webfontUJOPMwss') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 11, 2010 */

@font-face {
    font-family: 'BurstMyBubbleRegular';
    src: url('/themes/vintage/burstmybubble-webfont.eot');
    src: local('☺'), url('/themes/vintage/burstmybubble-webfont.woff') format('woff'), url('/themes/vintage/burstmybubble-webfont.ttf') format('truetype'), url('/themes/vintage/burstmybubble-webfont.svg#webfontqyw9xSck') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
    background:url(/themes/vintage/bg.jpg) repeat #e4e0db;
    color:{color:Body};
    font-family:"Helvetica Neue",Arial,Helvetica;
    font-size:.875em; /* 14px */
}

a {
    color:{color:Links};
    text-decoration:underline;
}

.header-bg {
    background:url(/themes/vintage/header.jpg) top center repeat-x;
    left:0;
    height:192px;
    position:absolute;
    right:0;
    top:0;
}

.container {
    margin:0 auto;
    padding:0 20px 70px;
    position:relative;
    width:960px;
    z-index:1;
}

    .cw {
        bottom:30px;
        color:{color:Headers} !important;
        font-family:AlternateGothicFSNo3,"Arial Narrow";
        font-size:1.429em;
        letter-spacing:-.05em;
        position:absolute;
        text-align:center;
        text-transform:uppercase;
        width:880px;
    }
    
        .cw a {
            color:#1e1e1e !important;
            text-decoration:none;
        }
        
            .cw a:hover {
                text-decoration:underline;
            }

#page_header {
    padding:70px 0 60px 160px;
}

    article header h1 {
        font-family:AlternateGothicFSNo3,"Arial Narrow";
        font-size:1.714em;
        font-weight:normal;
        line-height:1em;
        padding:5px 0 10px;
        text-transform:uppercase;
    }
    
        header#page_header h1.header_image {
            padding-left:160px;
        }

        article header h1 a {
            color:{color:Headers} !important;
            text-decoration:none;
        }
        
        article header h1 a:hover {
        }

header#page_header hgroup {
    background:url(/themes/vintage/logo.png) no-repeat;
    margin-left:-50px;
    min-height:65px;
    padding-left:70px;
}

    header#page_header hgroup h1 {
        display:inline;
        font-family:AlternateGothicFSNo3,"Arial Narrow";
        font-size:2.571em;
        font-weight:normal;
        letter-spacing:-.05em;
        line-height:1em;
        text-transform:uppercase;
    }

        header#page_header hgroup h1 a {
            color:{color:Headers};
            filter:dropshadow(color=#fff,offX=0,offY=1);
            text-shadow:0 1px 2px #fff;
            text-decoration:none;
            /* -webkit-text-stroke:1px black; */
        }

    header#page_header hgroup h2 {
        display:inline-block;
        color:#1b1624;
        font-family:BurstMyBubbleRegular,Arial, Helvetica, sans-serif;
        font-size:1.714em;
        font-weight:normal;
        margin-top:5px;
        padding-left:5px;
        text-shadow:0 1px 0 rgba(255,255,255,.15);
        filter:dropshadow(color=#5e556f,offX=0,offY=1);
    }


nav {
    float:right;
    padding-top:15px;
}

    nav li {
        display:inline-block;
        font-family:AlternateGothicFSNo3,"Arial Narrow";
        font-size:1.429em;
        list-style:none;
        margin-top:0; /* override default */
        margin-right:20px;
        text-transform:uppercase;
    }
    
        nav li a {
            color:#5f5a57;
            text-decoration:none;
            text-shadow:1px 1px 0 rgba(255,255,255,.75);
            filter:dropshadow(color=#fff,offX=1,offY=1);
        }

nav#navigation ul li a.current {
    font-weight:bold;
}


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;
}

aside#sidebar {
    float:right;
    width:200px;
}

    aside#sidebar a {
        color:{color:SidebarLinks};
        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};
        font-family:AlternateGothicFSNo3,"Arial Narrow";
        font-size:1.286em;
        font-weight:normal;
        text-shadow:0 1px 2px #fff;
        text-transform:uppercase;
        filter:dropshadow(color=#fff,offX=0,offY=1);
    }
    
    aside#sidebar section ul li {
        font-size:.786em;
        list-style: none;
        line-height:1.2em;
        padding:0 3px;
    }
    
    .profile_image {
        background:#d2cac7;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        margin-bottom:10px;
        padding:7px;
    }
    
    .profile p {
        line-height:1.5em;
        padding-top:5px;
    }
    
    .external {
        padding-top:10px;
    }

#search {
    padding:15px 0;
}

    #searchbox {
        background:url(/themes/vintage/search-white-100.png) no-repeat 7px 7px #a3948e;
        border:solid 1px rgba(0,0,0,.5);
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        color:#fff;
        font-size:14px;
        padding:3px 5px 3px 23px;
        width:165px;
    }
    
    #searchbox_button {
        font-size:.875em;
        font-weight:bold;
        height:auto;
        margin-top:5px;
        padding:3px 10px;
    }

section#search_results {
    background:#d2cac7;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:solid 1px rgba(0,0,0,.35);
    padding:20px;
    margin-bottom:35px;
    margin-left:160px;
}

    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#search_results h1 {
        padding-bottom:5px;
    }
    
        section#search_results a {
            text-decoration:none;
        }
    
    section#filed_under {
        margin-left:182px;
    }
    
    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;
        margin-left:182px;
    }
        
        .back_to_blog a {
            color:{color:Headers};
            text-decoration:none;
        }
        
        .fav_star {
            z-index:10;
        }

section#contributors li a:first-child {
padding-right:3px;
text-decoration:none;
}

    section#contributors li a img {
        background:#d2cac7;
        border:0;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        height:20px;
        padding:3px;
        vertical-align:middle;
        width:20px;
    }
    
    section#contributors li a {
        vertical-align:middle;
    }

section#subscriptions {
    padding-bottom:3px !important;
}

    section#subscriptions h1 {
        padding-bottom:5px;
    }

section#rss {
    padding-top:3px !important;
}

section#subscriptions a,section#rss a {
    display:block;
    font-size:.786em;
    height:14px;
    padding-left:18px;
}

section#subscriptions a {
    background:url(/images/favicon.png) no-repeat -1px -1px;
}

section#rss a {
    background:url(/images/feed-icon-14x14.png) no-repeat -1px -1px;
}

section#statistics {
    font-size: 10px;
}

section#statistics strong {
}

section#tags ul {
    line-height:1.75em;
}

    section#tags li {
        background:#998e86;
        border-top:solid 1px rgba(0,0,0,.5);
        border-bottom:solid 1px rgba(0,0,0,.25);
        color:#fff;
        display:inline;
    }
    
    section#tags li a {
        color:#fff;
    }
    
    section#tags li.selected a {
        padding:1px 3px;
        font-weight:bold;
    }
    
        section#tags li a:hover {
            text-decoration:none;
        }
    
        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:#d2cac7;
            -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 {
    float:left;
    width:700px;
}
        
        #post_column .body a {
            color:{color:Links};
        }
        
        #post_column a:hover {
        }

    div#articles {
    }
    
        .article-frame {
            {block:Page}padding-left:115px;{Else}padding-left:160px;{/block:Page}
            position:relative;
            width:540px;
        }
        
            .article-frame .meta {
                font-size:.786em;
                left:0;
                position:absolute;
                text-align:right;
                text-shadow:1px 1px 0 #fff;
                filter:dropshadow(color:#fff,offX=1,offY=1);
                top:30px;
                width:140px;
            }
            
                .article-frame .meta a {
                    text-decoration:none;
                }
            
            .article-frame time {
            }
            
                .article-frame time div {display:inline;}
            
            .comment-count-line {
                background:#b5adac;
                display:inline-block;
                height:1px;
                margin:15px 0;
                width:41px;
            }
            
            .meta h1 {
                background:url(/themes/vintage/comment-icon.png) no-repeat;
                display:inline-block;
                font-size:28px;
                height:37px;
                line-height:5px;
                padding-top:25px;
                padding-right:1px;
                position:relative;
                text-align:center;
                width:40px;
            }
            
                .meta h1 a {
                    color:#4d4d4d !important;
                    display:table-cell;
                    font-family:BurstMyBubbleRegular,"Arial Narrow";
                    font-weight:normal;
                    letter-spacing:-.05em;
                    height:37px;
                    position:absolute;
                    text-shadow:0 1px 0 rgba(255,255,255,.15);
                    filter:dropshadow(color=#5e556f,offX=0,offY=1);
                    top:16px;
                    width:40px;
                    vertical-align:middle;
                }

    
        article {
            border-left:dotted 2px #b5adac;
            padding:20px 20px 45px;
            position:relative;
            width:500px;
        }
        
            article header {
            }
            
            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:0;
            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 {
                line-height:1.75em;
            }
            
                .inner iframe,.inner .posterous_video_main_div,.inner .posterousGalleryMainDiv,.inner img {
                    border:solid 10px #ede9de;
                    line-height:1em;
                    -moz-box-shadow:0 3px 8px rgba(0,0,0,.25);
                    -webkit-box-shadow:0 3px 8px rgba(0,0,0,.25);
                    box-shadow:0 3px 8px rgba(0,0,0,.25);
					display:inline-block;
                    max-width:480px;
                }
            
                .inner object,.inner embed {
                    border:solid 10px #ede9de;
                    line-height:1em;
                    -moz-box-shadow:0 3px 8px rgba(0,0,0,.25);
                    -webkit-box-shadow:0 3px 8px rgba(0,0,0,.25);
                    box-shadow:0 3px 8px rgba(0,0,0,.25);
					display:block;
                }
				
					.inner object embed {
						border:none !important;
						line-height:normal !important;
						-moz-box-shadow:none !important;
						-webkit-box-shadow:none !important;
						box-shadow:none !important;
					}
				
					.inner .posterousGalleryMainDiv .img,.posterousGalleryMainDiv .posterousGalleryMainlink img,.inner #mainImage {
						border:none !important;
						line-height:normal !important;
						-moz-box-shadow:none !important;
						-webkit-box-shadow:none !important;
						box-shadow:none !important;
						width:auto !important;
					}
                
                .posterousGalleryMainDiv {
                    background:#f4f1e9
                }
                
                    .posterousGalleryMainDiv .posterousGalleryMainlink img {
                        width:480px !important;
                    }
                    
                    .posterousGalleryNavigationDiv img,.posterousGalleryThumbnailsDiv img,.gallerySelectedImage img {
						border:none;
                        width:auto;
                    }
                    
                    a.gallerySelectedImage img {
                        border:solid 2px #333;
                    }
                    
                    .posterousGalleryMainDiv .show {
                        line-height:2em;
                    }
            
                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;
                    }
                
                .galleryLabel {
                    color:{color:Body};
                }
                    
                blockquote {
                    border-left:solid 4px #c2b8b4 !important;
                }

                
        article footer {
            {block:List}border-bottom:solid 3px #d1c5be;{/block:List}
            margin-top:10px;
            padding-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 {
            border-top:solid 3px #d1c5be;
            margin-top:10px;
            padding-top:10px;
        }

            footer section.comments h1 {
                font-size:.857em;
                font-weight:normal;
            }
            
                footer section.comments h1 a {
                    text-decoration:none;
                }
            
            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 {
                color:#d3d3d3 !important;
                clear:left;
                float:left;
                padding-top:20px;
            }
            
                .comment_hide_button {display:none !important;}
            
                div.comment_area a {
                    color:{color:Body};
                }
                
                footer section.comments h4 {
                }
                
                .comment_value input[type="submit"] {
                    font-size:.875em;
                    font-weight:bold;
                    height:auto;
                    margin-top:5px;
                    padding:3px 10px;
                }
                
                footer section .comment_loading_div,.loading {
                    background:url(/themes/vintage/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;
}


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:#D1C5BE;
        border-top:solid 1px #fff;
        border-bottom:solid 1px #fff;
        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 {
        float:right;
        width:172px;
    }
    
    footer section.share, footer section.tags, footer section.locations {
        display:block;
        /* margin-left:155px; */
    }

footer#pagination {
    /* margin-left:155px; */
    overflow:hidden;
    padding:50px 0 50px 160px;
}

    .pagination {
        margin:3px;
        padding:3px;
        text-align:center;
    }

    .pagination a {
        background:rgba(255,255,255,.1);
        border:solid 1px {color:Body};
        color:{color:Body};
        margin:2px;
        padding:0 5px;
        text-decoration:none;
    }
    
    .pagination span.disabled {
        border:solid 1px rgba(0,0,0,.25);
        color:rgba(0,0,0,.25);
        margin:2px;
        padding:2px 5px;
    }
    
    .pagination a:hover, .pagination a:active {
        border:solid 1px #000;
        color:#000;
    }
    
    .pagination span.current {
        color:{color:Body};
        font-weight:bold;
        padding:2px 5px;
        margin:2px;
    }

footer section.share {
height:25px;
}

/* 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; */
}

section.private {
    left:-35px;
    position:absolute;
    top:5px;
}

    article header section.private {
        min-height:0; /* overwrite default */
        padding-top:0; /* overwrite default */
    }
    
    section.private:hover div.private_post_message {
    display:block;
    }
    div.private_post_message {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border: solid 1px rgba(0,0,0,.75);
    background:rgba(0,0,0,.25);
    color:#fff;
    display:none;
    padding:10px;
    position:absolute;
    right:-5px;
    text-align:left;
    top:-5px;
    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;
    }

</style>

<!--[if IE 9]>
<style type="text/css">
h1 {letter-spacing:0;}
</style>
<![endif]--> 
<!--[if lte IE 9]>
<style type="text/css">

</style>
<![endif]--> 
</head>

<body>
<div class="header-bg"></div>
{block:PosterousBar direction="right" translucent="false"}{/block:PosterousBar}

<div class="container">

    <div class="cw"><a href="http://themes.watilo.com" target="_blank">Posterous theme</a> by <a href="http://watilo.com" target="_blank">Cory Watilo</a><img src="http://c.statcounter.com/6285077/0/7399712f/1/"></div>

    <header id="page_header">
        {block:HasPages}
          <nav id="navigation">
            <ul>
              {block:Pages}
                <li><a href="{URL}" class="{Current}" rel="{External}">{Label}</a></li>
              {/block:Pages}
            </ul>
           </nav>
         {/block:HasPages}
        {block:HeaderImage}
          <h1 class="header_image"><a href="{SiteURL}" title="{Title}" rel="index"><img src="{HeaderImageURL-500}" alt="{Title} - {Description}"></a></h1>
        {Else}
            <hgroup>
                <h1><a href="{SiteURL}" title="{Title}" rel="index">{Title}</a></h1><br>
                {block:Description}
                    <h2>{Description}</h2>
                {/block:Description}
            </hgroup>
        {/block:HeaderImage}
    </header>

                <aside id="sidebar">
                        <section id="profile">
                          <h1>
                            <a href="{ProfileLink}" title="{OwnerName}'s profile">
                              <img src="{PortraitURL-75}" alt="{OwnerName}" class="profile_image">
                            </a>
                          </h1>
                          <a href="{ProfileLink}" class="profile-link">{OwnerName}</a>
                          <div class="profile small">
                              <p>{Profile}</p>
                          </div>
                          <div class="external">{ProfileExternalLinks}</div>
                        </section>
        
                        {block:NotSearchOrTag}
                          <section id="search">
                            <form class="search">
                              <input type="hidden" name="sort" value="{SearchSort}">
                              <input type="text" name="search" class="text" value="{SearchQuery}" id="searchbox">
                              <input type="submit" value="Search" class="submit" id="searchbox_button" style="display:none">
                            </form>
                            {block:SearchBox searchbox_button="searchbox_button" searchbox="searchbox"/}
                          </section>
                        {/block:NotSearchOrTag}
                        
                            {block:HasLinks}
                              {block:LinkCategories}
                                <section class="links">
                                  <h1>{Label}</h1>
                                  <ul>
                                    {block:Links}
                                      <li><a href="{URL}" rel="external">{Label}</a></li>
                                    {/block:Links}
                                  </ul>
                                </section>
                              {/block:LinkCategories}
                            {/block:HasLinks}
                        
                        {block:Subscription}
                          <section id="subscriptions">
                            <h1>Subscribe...</h1>
                            
                            {block:SubscriptionUnsubscribed action_id="subscribe_link" content_div="subscribe"}
                              <div id="subscribe">
                                <a href="{SubscribeLink}" id="subscribe_link">Subscribe to this Posterous</a>
                              </div>
                            {/block:SubscriptionUnsubscribed}
                            {block:SubscriptionSubscribed action_id="unsubscribe_link" content_div="unsubscribe"}
                              <div id="unsubscribe">
                                <a href="{UnsubscribeLink}" id="unsubscribe_link">Unsubscribe</a>
                              </div>
                            {/block:SubscriptionSubscribed}
                            {block:SubscriptionLoading}
                                <div class="loading"></div>
                            {/block:SubscriptionLoading}
                          </section>
                        
                          <section id="rss">
                            <a href="{RSS}" rel="alternate" type="application/rss+xml">Subscribe via RSS</a>
                          </section>
                        {/block:Subscription}
                        
                        {block:List}
                            
                            {block:TagList}
                              <section id="tags">
                                <h1>Tags</h1>
                                <ul>
                                  {block:TagListing collapsible="true" count="10" action_id="see_more_tags"}
                                    {block:TagListingMore}
                                      <li><a href="#" id="see_more_tags" style="display:inline-block">View all {NumTags} tags &raquo;</a></li>
                                    {/block:TagListingMore}
                                    {block:TagItem}
                                      <li><a href="{TagLink}">{TagName}</a> <span>({TagCount})</span></li>
                                    {/block:TagItem}
                                    {block:TagItemSelected}
                                      <li class="selected"><a href="{TagLink}">{TagName}</a> <span>({TagCount})</span></li>
                                    {/block:TagItemSelected}
                                  {/block:TagListing}
                                </ul>
                              </section>
                            {/block:TagList}
                            
                            {block:Contributors}
                              <section id="contributors">
                                <h1>Contributors</h1>
                                <ul>
                                  {block:Contributor collapsible="true" count="10" action_id="see_more_contributors"}
                                    {block:ContributorMore}
                                      <li><a href="#" id="see_more_contributors">View all {NumContributors} contributors &raquo;</a></li>
                                    {/block:ContributorMore}
                                    <li>
                                      <a href="{ContributorProfileLink}" rel="contributor" title="{ContributorName}'s profile">
                                        <img src="{ContributorPortraitURL-20}" alt="{ContributorName}">
                                      </a>
                                      <a href="{ContributorProfileLink}" rel="contributor">{ContributorName}</a>
                                    </li>
                                  {/block:Contributor}
                                </ul>
                              </section>
                            {/block:Contributors}
                        
                        {/block:List}
                </aside>

                <div id="post_column">
                    {block:ShowOrList}
                        {block:Show}
                            <section id="extra_links" class="back_to_blog">
                                <a href="{BlogURL}" rel="up">&larr; Back to blog</a>
                            </section>
                        {/block:Show}
                    {/block:ShowOrList}
                        
                    {block:Tag}
                        <section id="filed_under">
                            <h1>Filed under: {Tag}</h1>
                            <div>
                                <a href="{GlobalTagURL}" style="display:none" id="global_tags">See all posts on Posterous with this tag &raquo;</a>
                            </div>
                            {block:ShowOnHover action_id="extra_links" hidden_div="global_tags"/}
                        </section>
                    {/block:Tag}
                    
                    
                    {block:SearchPage}
                        <section id="search_results">
                            <h1>
                                {block:SearchResultOne}One result found searching for{/block:SearchResultOne}
                                {block:SearchResultMany}{SearchResultCount} results found searching for{/block:SearchResultMany}
                                {block:SearchResultNone}No results found searching for{/block:SearchResultNone}
                            </h1>
                            <form class="search">
                                <input type="hidden" name="sort" value="{SearchSort}">
                                <input type="text" name="search" class="text" id="searchbox" value="{SearchQuery}">
                                <input type="submit" value="Search" class="submit"> <a href="{CurrentURL}" class="xsmall">clear</a>
                            </form>
                            <ul>
                                <li>Sort by:</li>
                                <li>{block:SearchSortBestmatch}Best match{Else}<a href="{CurrentURL}?search={SearchQuery}&amp;sort=bestmatch">Best match</a>{/block:SearchSortBestmatch}</li>
                                <li>{block:SearchSortRecent}Most recent{Else}<a href="{CurrentURL}?search={SearchQuery}&amp;sort=recent">Most recent</a>{/block:SearchSortRecent}</li>
                                <li>{block:SearchSortInteresting}Most interesting{Else}<a href="{CurrentURL}?search={SearchQuery}&amp;sort=interesting">Most interesting</a>{/block:SearchSortInteresting}</li>
                            </ul>
                            <a href="{PosterousURL}/explore/?search={SearchQuery}" id="search_all" class="xsmall">Search all of Posterous for <strong>{SearchQuery}</strong> &raquo;</a>
                        </section>
                    {/block:SearchPage}
                    
                  <div id="articles">
                    {block:Posts}
                      <div class="article-frame">
                                
                        <div class="meta">

                            {block:NewDayDate}
                              <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}" pubdate="pubdate"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></time>
                            {/block:NewDayDate}
                            
                            {block:Comments}
                                {block:CommentsList action_id="comment_link_{PostID}" target_element="post_commentarea_{PostID}"}
                                  <div class="comment-count-line"></div><br>
                                  <h1><a href="{Permalink}#comment" id="comment_link_{PostID}">{CommentCount}</a></h1>
                                {/block:CommentsList}
                            {/block:Comments}
                            
                        </div>
                                
                          <article class="post clearfix" id="post_{PostID}">
                            <header>
                                
                                {block:Private}
                                    <section class="private">
                                      <aside>
                                        <a href="{Permalink}" class="tooltip_link"><img src="/images/icons/lock12.png"></a>
                                        <div class="private_post_message">
                                          <h1>Private Post</h1>
                                          <p>This post has a secret URL and not linked on your public blog. Send the secret URL to share it with anyone.</p>
                                        </div>
                                      </aside>
                                    </section>
                                {/block:Private}
                                {block:Title}
                                    <h1><a href="{Permalink}">{Title}</a></h1>
                                {/block:Title}
                                {block:SMS}
                                    <aside class="sms">Posted from my mobile phone (SMS)</aside>
                                {/block:SMS}
                              <div class="editbox">
                                {block:EditBox}
                                  {EditBoxContents}
                                {/block:EditBox}
                              </div>
    
                            </header>
                            <div class="body">
                              <div class="inner">
                                {Body}
                                {block:Page}<br>{/block:Page}
                              </div>
                            </div>
                            
                            {block:ShowOrList}
                                <footer>
                                
                                    {block:Sharing}
                                      <section class="share">
                                        {block:Tweet /}
                                        <div class="facebook_like">{block:FbLike /}</div>
                                      </section>
                                    {/block:Sharing}
                                
                                    <section id="statistics" class="author locations">
                                      {block:Show}
                                        {block:Author}
                                            {block:AuthorUser}
                                                <h1>Posted by <a href="{AuthorURL}" rel="author">{AuthorName}</a></h1>
                                            {/block:AuthorUser}
                                            {block:AuthorEmail}
                                                <h1>by email</h1>
                                            {/block:AuthorEmail}
                                        {/block:Author}
                                      {/block:Show}
                                      
                                        {block:PostLocations}
                                          <h1 id="location_collapsed_{PostID}">Posted from <a href="#" id="post_location_expander_{PostID}" onClick="return false;">{LocationsSummary}</a></h1>
                                          <div class="location_detail" style="display:none" id="post_location_expanded_{PostID}">
                                            <div class="map">
                                              {MapIframe}
                                            </div>
                                            <div class="summary">
                                              <h2>Posted from</h2>
                                              <ul>
                                                {block:PostLocation uniq_by="summary"}
                                                  <li>{LocationSummary}</li>
                                                {/block:PostLocation}
                                              </ul>
                                            </div>
                                          </div>
                                          {block:ShowOnClick action_id="post_location_expander_{PostID}" hidden_div="post_location_expanded_{PostID}" to_hide_id="location_collapsed_{PostID}"/}
                                      {/block:PostLocations}
                                      {block:Show}
                                          |
                                        Viewed {PostViews} times | 
                                        Favorited <a href="#" id="fans_link" onClick="return false;" title="View fans of this post">{FavoriteCount} times</a>
                                    {/block:Show}
                                    </section>
                                    
                                    {block:Show}
                                        {block:TagList}
                                            <section class="tags">
                                                Filed under:
                                                {block:TagListing}
                                                    <a href="{TagLink}" rel="tag">{TagName}</a>&nbsp;
                                                {/block:TagListing}
                                            </section>
                                        {/block:TagList}
                                    {/block:Show}
                                  
                                {block:Show}
                                  <section id="fans" style="display:none">
                                    <div>
                                    {block:Fans}
                                      <h1>Fans of this post:</h1>
                                      <ul>
                                        {block:Fan}
                                          <li>
                                            <a href="{FanProfileLink}" rel="nofollow" title="{FanName}'s profile">
                                              <img src="{FanPortraitURL-20}" alt="{FanName}">
                                            </a>
                                            <a href="{FanProfileLink}" rel="nofollow">{FanName}</a>
                                          </li>
                                        {/block:Fan}
                                      </ul>
                                    {/block:Fans}
                                    </div>
                                    {block:ShowOnClick action_id="fans_link" hidden_div="fans"/}
                                  </section>
                                 {/block:Show}
                                {/block:ShowOrList}
                            
                                {block:ShowOrList}
                                
                                    {block:Comments}
                                      <section class="comments{block:Show} comments_box{/block:Show}">
                                        {block:CommentsList}
                                          <div id="post_commentarea_{PostID}" class="comment_area"></div>
                                        {/block:CommentsList}
                                        {block:CommentsShow}
                                          <a name="comment"></a>
                                          <section class="comments_list">
                                            <h1>{CommentCount} Comment{CommentCountPluralized}</h1>
                                            {CommentCode}
                                          </section>
                                          <section class="comment_create">
                                            <h1>Leave a comment...</h1>
                                            {NewCommentCode}
                                          </section>
                                        {/block:CommentsShow}
                                      </section>
                                    {/block:Comments}
                                
                                </footer>
                                
                            {/block:ShowOrList}
                            {block:Favorite hover_id="post_{PostID}" position_id="post_{PostID}"/}
                          </article>
                        </div><!-- /.article-frame -->
                    {/block:Posts}
                  </div>
                    <footer id="pagination">
                      {block:Pagination/}
                    </footer>
                </div><!-- /#post_column -->
                
                <div class="clear"></div>

</div><!-- /.container -->

</body>
</html>​

Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

#10 User is offline   jaymike 

  • Member
  • PipPip
  • Group: Members
  • Posts: 16
  • Joined: 06-December 10

Posted 15 December 2010 - 11:00 PM

I had tried saving as .txt but it came out like that attachment above (you may not have seen the attachment before your last post as I added it after the fact).

But I did just copy it right off that last post and I am in business now. Looks so much better.

Surprised Posterous would take a couple weeks to push that out, seems easy enough. Like I said it wasn't an urgent thing, but I really appreciate you sharing the update sooner rather than later.

One last question slightly off-topic. I was thinking of trying to make the default pics larger, as is discussed on this thread which you helped on:
http://www.posterize...arger-on-theme/

I tried adding this line to the updated code you supplied for Vintage but it doesn't seem to make a difference.

<meta name="number:Theme width" content="700">

Is Vintage a theme that this might not work on? Thanks again.

-j
0

#11 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 272
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 15 December 2010 - 11:09 PM

First, you have to save the blog and give it a couple minutes to resize posts. (Just previewing won't do the trick.) Also, you'd need to modify the CSS for the post width so the images aren't spilling over the post box.
Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

#12 User is offline   jaymike 

  • Member
  • PipPip
  • Group: Members
  • Posts: 16
  • Joined: 06-December 10

Posted 15 December 2010 - 11:41 PM

Yep, I had saved it but apparently had not waited long enough for the resizing to happen. When it did, I got an unexpected result. Badness.

It ended up "stretching" or elongating the pics rather than making them wider which is not what I was expecting. Maybe I misunderstood what that line is really meant to do.

At any rate, I reverted back. I suspect mucking with the CSS stuff is a little over my head at this time.

Thanks for the help, man.

-j

Attached File(s)


0

#13 User is offline   jaymike 

  • Member
  • PipPip
  • Group: Members
  • Posts: 16
  • Joined: 06-December 10

Posted 06 January 2011 - 12:35 PM

Doh. This dead horse just came back to life.

Cory,

I had been happily using your modified Vintage code to work around my initial problem. Today I decided to load up the "official" Vintage theme, thinking that by now your changes must have been pushed out. The reason I switched was because I happened across what seems to be this new "Archive" feature (along the right sidebar) that was not showing up for me. Once I switched to the current Vintage I could see that Archive, but my original problem with padded portraits is back.

Here is a little test I just uploaded - http://blog.jasner.c...sting-pic-width

Did your earlier modifications not get published? Thanks for any pointers.
0

#14 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 272
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 13 January 2011 - 10:04 AM

Sounds like we're having some versioning issues, like they didn't use my latest version when they added the archive block. I'll work with them to get it sorted out.
Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

#15 User is offline   jaymike 

  • Member
  • PipPip
  • Group: Members
  • Posts: 16
  • Joined: 06-December 10

Posted 18 January 2011 - 10:12 PM

View PostCory Watilo, on 13 January 2011 - 10:04 AM, said:

Sounds like we're having some versioning issues, like they didn't use my latest version when they added the archive block. I'll work with them to get it sorted out.


Thanks. If you think of it, please shoot a little note here if you hear anything back on if/when they can get the right version posted. It's still broken.
0

#16 User is offline   jaymike 

  • Member
  • PipPip
  • Group: Members
  • Posts: 16
  • Joined: 06-December 10

Posted 12 February 2011 - 09:04 AM

Hi Cory,

Sorry to bug you again, but this problem still exists on Vintage and it's been over two months since you originally brought it to Posterous' attention. Are they really this slow to fix things? On the surface this would seem like a simple change. Thanks for any feedback on how I might be able to get this corrected.

View PostCory Watilo, on 13 January 2011 - 10:04 AM, said:

Sounds like we're having some versioning issues, like they didn't use my latest version when they added the archive block. I'll work with them to get it sorted out.

0

#17 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 272
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 14 February 2011 - 08:26 PM

Updates can get delayed when new features get rolled out. Expect an update within the next 2 weeks, I PROMISE. =]
Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

#18 User is offline   jaymike 

  • Member
  • PipPip
  • Group: Members
  • Posts: 16
  • Joined: 06-December 10

Posted 02 March 2011 - 11:35 AM

Ahem...promises, promises. ;)

Still no joy. Thanks for sticking with this.

View PostCory Watilo, on 14 February 2011 - 08:26 PM, said:

Updates can get delayed when new features get rolled out. Expect an update within the next 2 weeks, I PROMISE. =]

0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users