Bus Full of Hippies,..couple of issues

  • Author
    Posts
  • #54102

    kiwiamo
    Member

    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. :)

    #54350

    kiwiamo
    Member

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

    #54361

    devblog
    Member

    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):


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

    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.

    #54365

    kiwiamo
    Member

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

    #54368

    kiwiamo
    Member

    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.

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

    #54372

    devblog
    Member

    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:


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

    For the box on the right, this:


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

    Remember to backup your CSS before making any changes.

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

    #54381

    kiwiamo
    Member

    Thank you very much.

    #54384

    devblog
    Member

    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.

    #54386

    devblog
    Member

    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.

    #54401

    kiwiamo
    Member

    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!!!

    #54406

    kiwiamo
    Member

    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.

    #54407

    kiwiamo
    Member

    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/

    #54408

    kiwiamo
    Member

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

    #54409

    timethief
    Member

    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.

    #54415

    kiwiamo
    Member

    Thank you TT. I will hang tight. :)

    #54454

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

    #54457

    devblog
    Member

    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.

    #54485

    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.

    #54492

    devblog
    Member

    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.

    #54512

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

The topic ‘Bus Full of Hippies,..couple of issues’ is closed to new replies.