Need help? Check out our Support site, then


Bus Full of Hippies,..couple of issues

  1. My blog is located here:

    http://adoptionstories.wordpress.com/

    In firefox the theme has one small issue that I see. At the top the header panel has a blue border around the top, left and right edges.

    In Internet Explorer it has the same issue but one additional, very noticeable issue which is that this header panel is not white or transparent. It is visibly blue.

    How can I fix these two errors?

    I copied the code from sunburntkamel's post here:

    http://wordpress.com/forums/topic.php?id=6501&replies=1#post-42028

    The only thing I had tweaked so far is the image url for logo.

    Thanks in advance for any help. :)

  2. The code I copied for those who can glance and tell me what needs to be tweaked:

    #header h1 a {
    background: url(http://archgfx.net/wordpress/wp-content/themes/sandbox/skins/joshuaink/logo_sandbox.png) no-repeat;
    }
    /*
    copyright + credits {
    joshuaink.com: bus full of hippies edition;
    email: [email redacted];
    many-thanks: denis radenkovic for the flowers illustration: http://38one.com/ and graham bancroft for the
    updates made for the Creative Commons release of these templates;
    }
    */
    /*
    ===== CONTENTS =====
    last-updated: 20 Nov 2006;
    1: universal reset
    2: accessibility features
    3: html and body
    4: typography
    : the side bar
    : linkypoos
    : general params
    : acronyms, abbreviations and del styles
    : tables
    : main content headings
    : lists
    5: layout
    6: main navigation
    7: images and gravatars
    8: comments
    9: forms
    10: Bloglines and Rojo
    ====================
    */
    /*
    ===== 1: universal reset =====
    */
    * {
    /* set the fonts to a uniform size, including form fields as well as all headings etc. */
    font-size:100%;
    margin:0;
    padding:0;
    }
    /*
    ===== 2: accessibility features =====
    */
    .hidden-elements,
    #header p,
    #blog-description,
    #globalnav h2,
    #globalnav p,
    #footer h2 {
    position:absolute;
    left:-9999px;
    width:0px;
    overflow:hidden;
    }
    /*
    ===== 3: html and body =====
    */
    html {
    min-width:770px;
    }
    body {
    font:75%/150% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    color:#666;
    /* align ie5 center screen */
    text-align:center;
    /* Using the !important method over all else because although there _is_ JavaScript to force IE to support PNG transparency
    it causes the links 'above' the background image to become unusable */
    background:#FFF url(http://sunburntkamel.wordpress.com/files/2007/01/body_back.jpg) 50% 0 no-repeat !important;
    background:#FFF url(http://sunburntkamel.wordpress.com/files/2007/01/ie_back.jpg) 50% 0 no-repeat;
    }
    body.loggedin
    {
    background:#FFF url(http://sunburntkamel.wordpress.com/files/2007/01/body_back.jpg) 50% 28px no-repeat !important;
    background:#FFF url(http://sunburntkamel.wordpress.com/files/2007/01/ie_back.jpg) 50% 28px no-repeat;
    }
    /*
    ===== 4: typography =====
    */
    /* the side bar */
    #primary {
    font-size:93%;
    line-height:130%;
    color:#7C7C7C;
    min-height:300px;
    }
    #primary a.more-link {
    margin-left:12px;
    }
    /* linkypoos */
    a,
    #footer:hover a, #secondary:hover a, body.single .entry-meta:hover a {
    color:#60761B;
    }
    #footer a, #secondary a, body.single .entry-meta a {
    color:#CCC;
    }
    #container h2 a {
    color:#59600E;
    text-decoration:none;
    background:transparent;
    }
    #primary a {
    color:#8CAE26;
    }
    a:hover,
    #primary a:hover,
    #container h2 a:hover,
    #footer a:hover, #secondary a:hover, body.single .entry-meta a:hover {
    color:#C84A26;
    background:#F0F3B1;
    }
    a .more-link, .entry-commentlink a, #nav-below a {
    color:#59600E;
    font-size:100%;
    }
    a .more-link, .entry-commentlink a, #nav-below a {
    text-decoration:none !important;
    text-transform:lowercase;
    padding-left:16px;
    background:transparent url(http://sunburntkamel.wordpress.com/files/2007/01/invite.gif) 0 60% no-repeat;
    }
    a:hover .more-link, .entry-commentlink a:hover, #nav-below a:hover {
    background:#F0F3B1 url(http://sunburntkamel.wordpress.com/files/2007/01/invite.gif) -288px 60% no-repeat !important;
    }
    body.home .entry-meta .metasep, body.home .entry-meta .entry-author, body.home .entry-meta .entry-category, body.archive .entry-meta .metasep, body.archive .entry-meta .entry-author, body.archive .entry-meta .entry-category, body.search .entry-meta .metasep, body.search .entry-meta .entry-author, body.search .entry-meta .entry-category {
    display: none;
    }
    body.home .entry-meta .entry-editlink, body.archive .entry-meta .entry-edit, body.search .entry-meta .entry-edit {
    display: block;
    float: right;
    }
    .entry-meta {
    border-bottom: 1px dotted #F0F3B1;
    padding-bottom: 10px;
    }
    #primary h3 a {
    margin:0.8em 0;
    color:#59600E !important;
    font-weight:bold;
    text-decoration:none;
    text-transform:capitalize;
    }
    /* general params */
    h2,
    #primary h2 a,
    h3,
    h4,
    h5 {
    margin:0.8em 0;
    color:#59600E;
    }
    p {
    margin:0.6em 0;
    }
    cite {
    font-style:normal;
    }
    .entry-content blockquote {
    margin-left:10px;
    padding-left:10px;
    border-left:1px solid #F0F3B1;
    }
    .comment-datetime, .entry-date {
    font-size:88%;
    margin:0;
    padding:0;
    color:#999;
    }

    hr {
    border: 1px dotted #F0F3B1;
    padding: 0;
    margin-bottom: 10px;
    background: #F0F3B1;
    }
    .entry-content {
    margin-bottom: 20px;
    }
    /* acronyms and abbreviations styles */
    acronym,
    abbr {
    cursor:help;
    }
    acronym:hover,
    abbr:hover {
    border:0;
    border-top:1px dotted #666;
    }
    a acronym,
    a abbr {
    border:0 !important;
    }
    #footer, #secondary, body.single .entry-meta {
    font-size:88%;
    color:#CCC !important;
    }
    #footer:hover, #secondary:hover, body.single .entry-meta:hover {
    color:#666 !important;
    }
    /* tables */
    caption {
    margin:0.8em 0;
    font-weight:bold;
    text-align:left;
    color:#59600E;
    }
    table {
    margin:0.8em 0;
    border:1px solid #F8F9DB;
    padding:2px;
    width:90%;
    background:#F8F9DB;
    }
    td {
    padding:2px;
    border:1px solid #F8F9DB;
    background:#FFF;
    }
    /* main content headings */
    #container h2,
    #container h3,
    #container h4,
    #container h5,
    .rssCcat {
    font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    margin:1em 0;
    }
    #container h2 {
    font-size:125%
    }
    #container h3 {
    font-size:110%
    }
    #container h4 {
    font-size:105%
    }
    /* lists, oh my, where would we be without joyous lists */
    ol,
    #container ul {
    margin:1em 0 1.3em 30px;
    }
    ul {
    list-style-type:none;
    }
    #container li,
    #primary .widget li,
    #primary .linkcat li {
    margin:0.3em 0;
    }
    dt {
    margin:0.4em 0 0 0;
    }
    #container dt {
    font-weight:bold;
    }
    #primary dt,
    #container li,
    .widget li,
    #primary .linkcat li {
    padding-left:12px;
    background:transparent url(http://sunburntkamel.wordpress.com/files/2007/01/bullet.gif) 0 5px no-repeat;
    }
    dd {
    margin:0.3em 0 0.8em 0;
    }
    .content-column ul, .linkcat ul {
    margin-bottom:0;
    background:transparent;
    }
    #primary dd {
    margin:0.2em 0 0.8em 12px;
    }
    .content-column ul, .linkcat ul {
    margin-left:12px;
    }
    #secondary li {
    display: inline;
    }
    #rsslinks li {
    background:transparent url(http://sunburntkamel.archgfx.net/wp-includes/images/rss.png) 0 0 no-repeat;
    padding-left: 16px;
    }

    /* specifically for code samples */
    .codesample {
    border:1px solid #F8F9DB;
    border-width:1px 1px 1px 0px;
    margin:1.6em 5px 1.6em 10px;
    padding:5px 5px 5px 30px;
    color:#333;
    -moz-border-radius-topleft:30px;
    -moz-border-radius-bottomleft:30px;
    }
    .codesample li, code {
    background:#F8F9DB !important;
    margin:1px 0 1px 0 !important;
    padding:4px 5px 4px 10px;
    line-height:100%;
    font-family: "Courier New", Courier, mono, sans-serif;
    }
    .codesample li:hover {
    color:#C84A26;
    }
    pre {
    background:#F8F9DB !important;
    margin:1px 0 1px 0 !important;
    padding:4px 5px 4px 10px;
    color:#333;
    font-family: "Courier New", Courier, mono, sans-serif;
    width: 390px;
    overflow: auto;
    }
    /*
    ===== 5: layout =====
    */
    /* Specifically for the home page excerpts and search results*/
    #default #container a.more-link,
    #blog #container .invite,
    #search #container dd {
    padding-bottom:10px;
    border-bottom:1px dotted #F0F3B1;
    }
    .message .invite {
    margin-top:20px;
    border-bottom:0 !important;
    padding-bottom:0 !important;
    }
    #search #container .small {
    padding-bottom:0;
    border:0;
    }
    #wrapper {
    width:770px;
    margin:74px auto 0 auto;
    /* recover from ie5 work around on the body*/
    text-align:left;
    position:relative;
    }
    /* #header 'home' link image replacement */
    #header h1 {
    position:absolute;
    left:225px;
    top:40px;
    }
    #header h1 a {
    display:block;
    width:200px;
    height:60px;
    float:left; /* fix IE5 */
    overflow:hidden;
    border: 1px solid #F4F6ED;
    text-indent: -999em;
    }
    #header h1 a:hover,
    #default #header h1 a {
    background-position:-200px 0;
    }
    #container {
    width:454px;
    float:left;
    min-height:430px;
    background:transparent url(http://sunburntkamel.wordpress.com/files/2007/01/main_content.png) 0 0 no-repeat !important;
    background:transparent;
    }
    #content {
    width:395px;
    margin:125px 0 40px 32px;
    overflow: hidden;
    }
    #primary {
    /* width creates a natural margin between the two floated divs _essential_ else the mighty ie6 peek-a-boo bug will strike! */
    width:310px;
    float:right;
    }
    #primary {
    background:transparent url(http://sunburntkamel.wordpress.com/files/2007/01/sub_content.png) 0 0 no-repeat !important;
    background:transparent;
    padding-top: 70px;
    }
    #primary .widget, #primary .linkcat {
    width:247px;
    margin:0 0 40px 25px;
    }
    #nav-above, .access {
    display: none;
    }
    #globalnav {
    width:300px;
    height:60px;
    position:absolute !important;
    left:465px;
    top:5px;
    overflow:hidden;
    z-index: 100;
    }
    #nav-below {
    margin: 10px auto;
    padding-bottom: 10px;
    border-bottom: 1px dotted #F0F3B1;
    }
    #secondary {
    width: 100%;
    }
    #secondary h3 {
    display: none;
    }
    #footer, #secondary {
    clear:both;
    margin:0px 0 25px 25px;
    }
    #secondary {
    padding-top:10px;
    margin-top: 40px;
    margin-bottom: 0;
    }
    .alertbox, .alert, .formcontainer #loggedin, #comment-notes {
    margin:1.6em 0;
    padding:0 0 0 35px;
    background:transparent url(http://sunburntkamel.wordpress.com/files/2007/01/alert.gif) 0 0 no-repeat;
    min-height:30px;
    line-height:130%;
    }
    #current {
    margin:1.6em 0;
    padding:0 35px;
    min-height:30px;
    line-height:130%;
    font-size:90%;
    }
    #current h3 {
    margin-bottom:0;
    }
    /*
    ===== 6: main navigation =====
    */
    #globalnav ul {
    margin: 15px 15px 0;
    font: bold 96% "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    }
    #globalnav ul ul {
    display: none;
    }
    #globalnav li {
    list-style:none;
    float:left;
    }
    #globalnav li.list-item-last a {
    border: none;
    }
    #globalnav li a {
    display:block;
    overflow:hidden;
    float:left;
    text-decoration: none;
    color: #8A9F47;
    padding: .5em 10px 2em;
    border-right: 1px solid #F4F6ED;
    }

    #globalnav li a:hover {
    background: none;
    }

    /* #globalnav a,
    #archives-nav a {
    width:65px;
    } */
    /* image replacement */
    /* Rollovers and active states */
    #globalnav a:hover,
    #archives-nav a:hover {
    background-position:-65px 0;
    }
    #about-nav a:hover,
    #about #about-nav a {
    background-position:-105px 0;
    }
    /*
    ===== 7: images and gravatars =====
    */
    #container .excerpt img,
    #container .excerpt .floatleft {
    /* don't display article images on the front page */
    display:none;
    }
    #container img {
    padding:5px;
    border:1px solid #F8F9DB;
    background:white;
    max-width: 375px;
    width: expression(this.width > 375 ? 375: true);
    }
    .floatleft {
    float:left;
    margin:10px 15px 0 5px;
    }
    #comments h3 img {
    width:30px;
    height:30px;
    margin-top: -30px;
    float: right;
    border: none !important;
    }
    .grav img, img.avatar {
    padding:0 !important;
    border:0 !important;
    }
    a img {
    border: 0 !important;
    }
    /*
    ===== 8: comments =====
    */
    .commentList,
    #comments {
    margin:0 !important;
    list-style: none !important;
    border-top: 1px dotted #F0F3B1;
    }
    .commentlist p img,
    #comments p img {
    border:0;
    padding:0;
    }
    .commentlist li,
    #comments li {
    padding-bottom: 20px;
    /* background:transparent; */
    }

    .commentlist .comment-author,
    #comments h3 {
    margin: 0.2em 0 0 0;
    }
    .commentlist .comment-author,
    .commentlist .comment-author a,
    #comments h3,
    #comments h3 a {
    color: #990;
    text-decoration: none;
    }
    .commentlist .comment-author a:hover,
    .commentlist .comment-datetime a:hover,
    #comments .comment-author a:hover,
    #comments .comment-datetime a:hover {
    color:#C84A26;
    }
    .commentlist .comment-author a:hover:after,
    #comments h3 a:hover:after {
    content: " : " attr(href);
    }
    .commentlist .comment-permalink a:hover:after,
    #comments .comment-permalink a:hover:after {
    content: " : comment";
    }
    .commentlist .comment-author a,
    .commentlist .comment-datetime a
    #comments .comment-author a,
    #comments .comment-datetime a {
    text-decoration:none;
    }
    .commentlist .comment-datetime a,
    #comments .comment-datetime a {
    color:#666;
    }
    .commentlist blockquote,
    #comments blockquote {
    width:360px;
    overflow:hidden;
    margin:1.6em;
    margin:20px 0 0 0;
    padding-left:19px;
    border-left:1px solid #F0F3B1;
    /*float: left; */
    }
    #comment {
    margin-top:10px !important;
    padding-top:2.5em;
    border-top:1px dotted #F0F3B1;
    }
    .commentlist .comment-edit a {
    float: right;
    }
    /*
    ===== forms =====
    */
    /* search form */
    #searchform input {
    margin-left:5px;
    }
    .widget_sandbox_search h3.widgettitle {
    float: left;
    margin-top: .25em;
    }
    #searchsubmit, #gsearch submit {
    display: none;
    }
    input {
    padding:2px;
    }
    label,
    legend {
    display:block;
    clear:both;
    margin:3px;
    color:#59600E;
    font-weight:bold;
    }
    fieldset {
    border:0px solid white;
    margin-bottom:16px;
    }
    #searchform fieldset {
    width:255px;
    padding:5px;
    }
    #s, #gsearch input {
    border-width:1px;
    border-style:solid;
    border-color:#CEDE96 #D6E4A7 #D6E4A7 #CEDE96;
    width:150px;
    padding:4px 2px 4px 5px;
    background:transparent url(http://sunburntkamel.wordpress.com/files/2007/01/input_back.png) 0 0 no-repeat;
    color:#666;
    }
    /* comment form */
    .form-label label {
    width: 40%;
    }

    .form-label .req-field {
    float: right;
    padding-right: 40%;
    font-weight: bold;
    }
    #commentform fieldset {
    border-top:1px solid #F0F3B1;
    padding-top:20px;
    position:relative;
    }
    #commentform {
    font-size:105%;
    font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    }
    .form-input input,
    textarea {
    width:200px;
    background:transparent url(http://sunburntkamel.wordpress.com/files/2007/01/input_back.png) 0 0 no-repeat;
    border:1px solid #AFCD56;
    padding:10px 2px 4px 5px ;
    color:#666;
    margin:5px 0 10px 0;
    font-family: Arial, Helvetica, sans-serif;
    }
    textarea {
    width:345px !important;
    height:249px !important;
    overflow:auto;
    border-top:1px solid #AFCD56 !important;
    }

  3. There's nothing wrong with the code. The blue border is part of the image.

    Regarding the problem in Explorer, I don't see it blue but gray. The reason for this is because IE doesn't display .png files with 24-bit alpha transparency.

    There is a way to make explorer display these kind of files but it's an 'ugly' hack. Replace your current definition of the #container element with the code below (make a backup of your CSS before making any changes):

    <br /> #container {<br /> width:454px;<br /> float:left;<br /> min-height:430px;<br /> /*IE Hack*/<br /> filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://sunburntkamel.wordpress.com/files/2007/01/main_content.png', sizingMethod='scale');<br /> background-color: transparent;<br /> }<br /> html>body #container{<br /> background:transparent url(http://sunburntkamel.wordpress.com/files/2007/01/main_content.png) 0 0 no-repeat !important;<br /> }<br />

    I don't have the CSS upgrade to test it, but hopefully it will work for you.

    Hope this helps.

    P.S. If you want, you can read my post on how to display 24-bit alpha transparency in IE.

  4. Thanks so much. I will try that and report back here with the results.

  5. Beautiful! Not only did it work perfectly but it made me aware of another 'problem' that *had* existed,..but this hack took care of it. Yay! THANK YOU SO MUCH!

    I'm a newbie to this and wonder if it would be too much trouble for you or someone 'in the know' to give me replacement code for the image beside it.

    http://sunburntkamel.archgfx.net/files/2007/01/sub_content.png

    I can't tell you how much I appreciate this help. It looks so great!!!!!

  6. sorry, is not working the way it's suppose to. Let me make some tests and I will get back to you as soon as I can.

    EDIT:

    Okay, try this:

    <br /> #container {<br /> width:454px;<br /> float:left;<br /> height: 461px;<br /> /*IE Hack*/<br /> filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://sunburntkamel.wordpress.com/files/2007/01/main_content.png', sizingMethod='scale');<br /> background-color: transparent !important;<br /> }<br /> html>body #container{<br /> min-height:430px;<br /> background: transparent url(http://sunburntkamel.wordpress.com/files/2007/01/main_content.png) 0 0 no-repeat !important;<br /> }<br />

    For the box on the right, this:

    <br /> #primary {<br /> /* width creates a natural margin between the two floated divs _essential_ else the mighty ie6 peek-a-boo bug will strike! */<br /> width:310px;<br /> height: 370px;<br /> float:right;<br /> }<br /> #primary {<br /> /*IE Hack*/<br /> filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://sunburntkamel.archgfx.net/files/2007/01/sub_content.png', sizingMethod='scale');<br /> background-color: transparent !important;<br /> padding-top: 70px;<br /> }<br /> html>body #primary{<br /> background: transparent url(http://sunburntkamel.wordpress.com/files/2007/01/sub_content.png) 0 0 no-repeat !important;<br /> }<br />

    Remember to backup your CSS before making any changes.

    The element definitions worked fine when I tested them. Let me know.

  7. Thank you very much.

  8. I should note that on my tests, I downloaded the images and made a simple page. I added other definitions just to check how overriding other properties would work.

    Of course, I'm including only the definitions you need.

  9. I just notice this on the CSS:

    "Using the !important method over all else because although there _is_ JavaScript to force IE to support PNG transparency..."

    If the code I'm giving you above still doesn't work, maybe sunburntkamel can help with this issue. Since he ported this theme, he's more familiar with the code than I am.

  10. Thanks for everything. I will give that a whirl and if I need further assistance I will get in touch with sunburntkamel.

    I will report back here either way and let you know how it turns out.

    Thanks again. I truly appreciate your help!!!

  11. Perfect. Absolutely perfect.

    Thanks again for your help. I know you put alot of time and effort into fixing this for me and I am truly appreciative.

  12. Wait. Spoke too soon. One thing which is hopefully small.

    The footer widgets are now displaying in the middle of the first blog entry.

    http://adoptionstories.wordpress.com/

  13. My current style sheet after posting the edits above.

    /*
    THEME NAME: Sandbox
    THEME URI: http://www.plaintxt.org/themes/sandbox/
    DESCRIPTION: A theme with powerful, semantic CSS selectors and the ability to add new skins.
    VERSION: 0.6.1
    AUTHOR: Andy Skelton & Scott Allan Wallick
    AUTHOR URI:
    */
    /* MARGINS, PADDING, ETC., FOR ALL LAYOUT DIVS */
    div#header {
    padding: 2em 0;
    }
    div#content, div.sidebar {
    padding: 0 10px;
    }
    div#footer {
    margin: 2em 0;
    padding: 3em 0 0 0;
    }
    /* HEADER STUFF */
    div#header {
    text-align: center;
    }
    div#header h1#blog-title {
    font-size: 3em;
    margin: 0;
    }
    div#header p#blog-description {
    margin: 1.5em 0;
    }
    div#header p.access {
    display: none;
    }
    /* GENERAL TAGS FOR CONTENT, MOSTLY */
    abbr.published {
    border: 0;
    cursor: default;
    margin: 0;
    }
    body.home abbr.published, body.archive abbr.published, div.page-link {
    font-weight: bold;
    }
    div.entry-content p {
    margin: 1em 0;
    }
    div.entry-content ul li {
    list-style: square;
    }
    div.entry-content ul li ul {
    margin-bottom: 0.3em;
    }
    div.entry-content ul li ul li {
    list-style: circle;
    }
    div.entry-content ul#linkcats, div.entry-content ul#linkcats li {
    list-style: none;
    margin: 0;
    padding: 0;
    }
    div.entry-content ul#linkcats li ul li {
    list-style: square;
    }
    div.entry-content img.center {
    display: block;
    margin: 0.4em auto;
    }
    div.entry-content img.alignright {
    margin: 0.4em 0 0.4em 1.1em
    }
    div.entry-content img.alignleft {
    margin: 0.4em 1.1em 0.4em 0;
    }
    div.entry-meta {
    font-style: italic;
    line-height: 140%;
    }
    body.home .entry-meta, body.archive .entry-meta {
    margin: 0 0 4em 0;
    }
    body.single .entry-meta {
    font-size: 0.9em;
    }
    body.single div.navigation {
    padding: 0 0 3em 0;
    }
    div.archive-meta {
    margin: 1em 0 3em 0;
    }
    div.edit-link {
    clear: both;
    }
    abbr, acronym {
    border-bottom: 1px dotted blue;
    cursor: help;
    }
    blockquote {
    border-left: 1em solid #e6e6fe;
    padding: 0 0 0 1em;
    }
    code, pre {
    font-family: "courier new", courier, monospace;
    }
    /* HEADINGS */
    h2, h3, h4 , h5, h6 {
    line-height: 125%;
    }
    body.home h2.entry-title {
    clear: both;
    font-size: 1.6em;
    margin: 0;
    }
    body.single h2.entry-title, body.page h2.entry-title {
    font-size: 1.6em;
    margin: 0 0 -0.4em 0;
    }
    body.category h2.page-title, body.author h2.page-title {
    font-size: 1.6em;
    margin: 0;
    }
    body.date h2.page-title, body.single h2.page-title {
    font-size: 1.6em;
    margin: 0 0 2em 0;
    }
    body.archive h3.entry-title, body.single h3.entry-title {
    font-size: 1.3em;
    margin: 0;
    }
    body.single h3.comment-header {
    font-size: 1.4em;
    margin: 3em 0 1em 0;
    }
    body.single h3#respond {
    font-size: 1.2em;
    margin: 3em 0 0.5em 0;
    }
    div.entry-content ul#linkcats li h3 {
    margin: 1em 0 0 0;
    }
    div.entry-content h2 {
    font-size: 1.2em;
    margin: 1.5em 0 -0.7em;
    }
    div.entry-content h3 {
    font-size: 1.1em;
    margin: 1.5em 0 -0.9em;
    }
    div.entry-content h4, div.entry-content h5, div.entry-content h6 {
    font-size: 1em;
    margin: 1.5em 0 -1.1em;
    }
    /* COMMENTS STUFF */
    ol.commentlist li {
    margin: 0 0 3.5em 0;
    }
    ol.commentlist .comment-meta {
    font-style: italic;
    }
    form#commentform, form#commentform p {
    padding: 0;
    }
    form#commentform span.req-field {
    background: #fff;
    color: red;
    }
    form#commentform .form-label {
    margin: 1em 0 0 0;
    }
    input#author, input#email, input#url, textarea#comment {
    font-family: "courier new", courier, monospace;
    font-size: 1em;
    padding: 0.2em;
    }
    input#author, input#email, input#url {
    width: 50%;
    }
    textarea#comment {
    height: 13em;
    margin: 0 0 0.5em 0;
    overflow: auto;
    width: 66%;
    }
    /* SIDEBAR STUFF */
    div.sidebar div, div.sidebar h3, div.sidebar h4, div.sidebar ul, div.sidebar li {
    margin: 0;
    padding: 0;
    }
    div.sidebar li {
    list-style: none;
    }
    div.sidebar li form {
    margin: 0.2em 0 0 0;
    padding: 0;
    }
    div.sidebar h3 {
    font-size: 1.2em;
    }
    div.sidebar h4 {
    font-size: 1.0em;
    }
    div.sidebar li {
    margin: 0 0 1em 0;
    }
    div.sidebar ul ul {
    margin: 0 0 0 1.0em;
    }
    div.sidebar ul ul ul {
    margin: 0 0 0 0.5em;
    }
    div.sidebar ul ul li {
    margin: 0;
    list-style: disc;
    }
    div.sidebar ul ul ul li {
    list-style: circle;
    }
    div.sidebar ul#bookmarks {
    margin: 0 0 0.5em 0.5em;
    }
    div.sidebar ul#bookmarks li {
    list-style: none;
    }
    div.sidebar ul#bookmarks ul {
    margin: 0 0 .5em 1.0em;
    }
    div.sidebar ul#bookmarks ul li {
    list-style: disc;
    }
    div.sidebar input#s {
    width: 7em;
    }
    /* FOOTER STUFF */
    div#footer {
    text-align: center;
    }
    /* COMMON MULTI-PURPOSE ELEMENTS */
    .alignleft, div.nav-previous, #archives-by-category {
    float: left;
    }
    .alignright, div.nav-next, #archives-by-month {
    float: right;
    }
    .clearer {
    clear: both;
    }
    div#nav-above, body.single div#nav-below {
    display: none;
    }
    body.single div#nav-above {
    display: block;
    }
    body.home div.nav-next, body.home div.nav-previous, body.archive div.nav-next, body.archive div.nav-previous, #archives-by-category, #archives-by-month {
    width: 48%;
    }
    body.home div.nav-next, body.archive div.nav-next {
    text-align: left;
    }
    body.home div.nav-previous, body.archive div.nav-previous {
    text-align: right;
    }

  14. Perhaps sunburntkamel will be available this evening. If not he may be available tomorrow. He does know about this post but he's busy right now.

  15. Thank you TT. I will hang tight. :)

  16. you have height values in both your #container and your #primary. delete them, and the footer will go back where it's supposed to.

  17. SBK, I added the height properties because, in my tests, without them the background wouldn't be display at all or would look bad.

    My first example, didn't have the height property and the background images weren't displayed either. The only difference is that the footer didn't move from its original position.

  18. yeah, i figured they were part of your hack.

    unfortunately, with the height constrained, and both div's (#container and #primary) floating, i can't see any way of moving the footer down.

  19. I understand. I was just briefing you on the situation. Unfortunately both ways didn't work. I don't have the CSS upgrade to test it on the actual blog, but I thought to give it a try anyway.

    What I would suggest now, is that kiwiamo restores her original CSS code. I suggested her to make a backup just in case. Perhaps you can take it from there since you are more familiar with the code and know better than I do what classes/definitions affect what.

    I found this comment in your ported CSS:

    "Using the !important method over all else because although there _is_ JavaScript to force IE to support PNG transparency..."

    I find it strange that this didn't work in IE - at least not in her case. The .png files were not transparent at all... perhaps is not something in her CSS but in the theme's code that staff should look into?

    EDIT:
    I forgot to mention, I don't know if you've seen her blog, but with my hacks, both main_content.png and sub_content.png files won't display at all.

  20. yeah, the thing is that most (if not all) javascript/filters/whatever gets stripped out by wordpress.com.

  21. It worked!

    Thanks HEAPS for your help. I would have probably been at this for days trying to get it all worked out on my own. I really appreciate all your help.

    For future reference, do either of you offer contract support?

  22. glad to hear!

    i don't do contract support (dunno, devblog might), but mark says those sorts of questions should be asked in this mailing list:
    http://lists.automattic.com/mailman/listinfo/wp-pro

Topic Closed

This topic has been closed to new replies.

About this Topic