• Resolved ametzler

    (@ametzler)


    I am working on adapting a theme for myself and I’ve hit a road block and I am just stumped. I am still learning CSS and just have the basics of it down but this has me stumped. If you go to http://www.randomblog.org/ you will see the sides of the post border extend up into the post header and post footer and I can not figure out how to fix it. Here is my CSS file, I am still cleaning it up removing what I don’t need with the changes but any and all help would be much appreciated!! Thank you in advance!!

    Adam

    /*************************************
    +Containers
    *************************************/
    body{
    background:#f5f4f0 url(images/bg.jpg) repeat-x top left;
    color:#151515;
    font-family: Verdana, Georgia, “Times New Roman”, Times, serif;
    font-size:72.5%;
    line-height:1.4;
    margin:0;
    padding:0;
    text-align:left;
    }
    #wrap{
    position:relative;
    margin:0 auto;
    padding-top:1em;
    text-align:left;
    width:1004px;
    }
    #header{
    text-align:left;
    text-align:left;
    width:1004px;
    margin-bottom:90px;
    padding:0px;
    padding-top:40px;
    }
    #portrait-bg {
    position:absolute;
    width:319px;
    height:221px;
    right:0;
    top:0;
    }

    #content{

    font-size:1em;
    float:left;
    padding:0em 0em 0em 1em;
    width:590px;

    }

    #content .post .footer
    {
    background-image:url(images/post-bottom.png);
    height:23px;
    }

    #content .post
    {
    margin-top:15px;
    background-image:url(images/post.png);
    }

    #content .post .header
    {
    background-image:url(images/post_header.png);
    height:20px;
    padding:7px 10px 0px 7px;
    }

    #content .post span.date
    {
    margin-left:7px;
    font-size:10px;
    background-image:url(images/date.jpg);
    background-repeat:no-repeat;
    padding:3px 10px 3px 18px;
    background-position:0px 2px;

    }

    #content .post .comments a
    {
    margin-left:7px;
    font-size:10px;
    background-image:url(images/comments.jpg);
    background-repeat:no-repeat;
    background-position:0px 2px;
    padding:3px 0px 3px 18px;

    }

    #content .post .entry
    {
    color:#333333;
    padding:10px;
    }

    #content .post p.postmetadata
    {
    font-size:10px;
    position:relative;
    left:30px;
    }

    .entry img
    {
    max-width:580px;
    margin-left:0px;
    margin-right:5px;
    border:0;
    }

    #sidebar-left{
    background:#FCFCFC;
    border:1px #ccc dashed;
    font-size:1em;
    float:left;
    padding:0.5em .2em 2em 1em;
    margin-left:20px;
    width:198px;

    }
    #sidebar-right{
    font-size:1em;
    float:left;
    padding:1em .0em 2em .3em;
    margin-left:14px;
    width:147px;
    }

    #footer{
    background:url(images/bg-footer.jpg) repeat-x bottom left;
    padding:1em;
    color:#e6e6e6;
    font-size:1em;
    clear:both;
    text-align:center;
    }

    /*************************************
    +Search form
    *************************************/
    .search-form {
    font-size:1.2em;
    background:url(images/search.jpg) no-repeat;
    position:relative;
    width:147px;
    height:44px;
    margin-bottom:10px;
    }
    .search-form input{
    width:125px;
    margin:14px 0 0 10px;
    border:0px;
    background:#f9f9f9;
    color: #454545;
    }/*************************************
    +Footer
    *************************************/

    #credits {
    margin:55px 0px -10px;
    }
    #footer a {
    color:#b3960e;
    }
    #footer a:hover {
    color:#b2b2b2;
    }
    .rss {
    background:url(./images/rss.gif) no-repeat;
    padding-bottom:6px;
    padding-left:20px;
    }

    /*************************************
    +Hn, a and p
    *************************************/
    pre {

    padding:10px;
    max-width:580px;
    font-size:1.2em;
    }

    code {
    padding:10px;
    font-size:1.2em;
    max-width:580px;
    }

    a{
    color:#7f9a42;
    text-decoration:none;
    }
    a:hover{
    color:#000;
    }
    h1, h2, h3, h4{
    font-weight:normal;
    letter-spacing: -.1px;
    margin:0;
    }
    #header h1{
    font-size:4em;
    margin-left:.5em;
    }
    #header h1 a{
    color:#424242;
    }

    #header p{
    color:#424242;
    font-size:1.3em;
    margin-top:-0.9em;
    margin-left:250px;

    text-align:left;
    font-style:italic;
    }
    .entrytitle {
    text-align:left;
    padding: 2px 10px;
    }

    .entrytitle h1 a {
    color:#000;
    }
    .entrytitle h1 a:hover{

    }
    .entrytitle h1{
    font-size:2em;
    text-align:left;
    }

    .entrytitle h2 a {
    color:#000;
    }
    .entrytitle h2 a:hover{

    }
    .entrytitle h2{
    font-size:2em;
    text-align:left;
    }

    .entrytitle h3{
    font-size:1.5em;
    color:#6F6F6F;
    }

    #rss-big a{
    display:block;
    width:110px;
    height:64px;
    }
    blockquote {

    display: block;
    padding: 2px 10px;
    background:#F0F0E0 none repeat scroll 0% 0%;
    border:2px dashed #DCD8A8;

    }

    /*************************************
    +Sidebar
    *************************************/
    #sidebar ul{
    list-style-type:none;
    margin:0;
    padding:0;
    margin-bottom:1em;
    clear:both;
    }

    #sidebar ul li, #sidebar ul li a{
    padding-top:.2em;
    padding-bottom:.2em;
    padding-right:.2em;
    }
    #sidebar ul li:hover, #sidebar ul li a:hover{
    background:#F0F0E0;
    }

    #sidebar h2{
    color:#6F6F6F;
    font-size:1.5em;
    margin-top:1em;
    }

    #sidebar h4{
    color:#151515;
    font-size:1.5em;
    margin-top:1em;
    }

    #sidebar-left #cat {
    width: 195px;
    border:1px solid #CCCCCC;
    }

    #sidebar-right #cat {
    width: 150px;
    border:1px solid #CCCCCC;
    }

    #sidebar img {
    max-width:140px;

    border: 0px;
    }

    /*************************************
    +Menu
    *************************************/
    #menu {
    position:absolute;
    width:620px;
    padding:0px;
    margin:0px;
    }
    #menu ul{
    font-size:.9em;
    list-style: none;
    padding:0;
    margin:0;
    }
    #menu li{
    float: left;
    border-bottom:0px;
    }
    #menu li a {
    color:#ffffff;
    padding:0.6em 0.6em 0.3em;
    margin-left:0.5em;
    display:block;
    }
    #menu li a:hover{

    color:#0095d3;
    }
    #menu ul li ul {
    display:none;
    }

    /*************************************
    +Menu Categories
    *************************************/
    #catmenu {
    position:absolute;
    width:620px;
    padding:0px;
    margin:0px;
    left:60px;
    top:148px;
    }
    #catmenu ul{
    font-size:1em;
    font-weight:bold;
    list-style: none;
    padding:0;
    margin:0;
    }
    #catmenu li{
    float: left;
    border-bottom:0px;
    }
    #catmenu li a {
    background:#349ACB;
    color:#ffffff;
    padding:8px 10px 8px 10px;
    margin-left:0.0em;
    display:block;

    }
    #catmenu li.current-cat a{
    background:#349ACB;
    color:#ffffff;
    padding:8px 10px 8px 10px;
    margin-left:0.0em;
    display:block;
    }
    #catmenu li a:hover {
    background:#000000;
    color:#fff;
    }
    #catmenu ul li ul {
    display:none;
    }
    /*************************************
    +Comments
    *************************************/
    .commentsblock, contactform{
    font-size:1em;
    clear:both;
    padding-top:20px;
    }
    .commentsblock textarea, .contactform textarea{
    width:44em;
    }
    .commentsblock input, .commentsblock textarea, .contactform input, .contactform textarea{
    border:1px solid #d1d1d1;
    }
    .commentsblock textarea:focus, .contactform textarea:focus{
    background:#eee;
    border:1px solid #a1a1a1;
    }
    .commentsblock textarea:focus, .commentsblock input:focus, .contactform textarea:focus, .contactform input:focus{
    background:#eee;

    border:1px solid #a1a1a1;
    }
    .commentauthor{
    display:block;

    font-size:1.5em;
    }
    ol.commentlist{
    color:#505247;
    font-size:1em;
    list-style-type:none;
    margin:0;
    margin-top:1.5em;
    padding:0;
    }
    ol.commentlist a{
    color:#b3960e;
    }
    ol.commentlist a:hover{
    color:#424242;
    }
    .commentlist li{
    margin-bottom:0.5em;
    padding:0.8em;
    }

    .commentlist p {
    margin:10px 5px 10px 59px;
    text-transform:none;
    font-size:1em;

    }
    .commentlist blockquote p {
    margin:10px 5px 10px 5px;
    }

    .commentlist blockquote {

    margin:10px 0px 10px 59px;
    }

    .alt{
    background:#e3e7cb;

    }
    .comment_headings{
    font-size:1.3em;
    color:#6C6C6C;
    }
    .commentmeta{
    font-size:1em;

    }
    .commentmeta cite{
    font-weight:bold;
    font-size:16px;
    }
    /*************************************
    +Flickr
    *************************************/
    #flickr {
    margin:0 1em 0 .5em;
    padding:0em;
    }
    #flickr img {
    border:0px;

    }
    #flickr a {

    background:#FFF;
    border: 1px dotted #ccc;
    float: left;
    display: inline;
    margin:0.7em;
    padding:5px;
    width: 75px;
    height: 75px;
    }
    #flickr a:hover{
    border: 1px dotted #000;
    }
    /*************************************
    +Misc
    *************************************/

    #ad_block {
    background:#e3e7cb;
    padding: 10px 0 10px 0;
    margin: 1em 0 1em 0;
    text-align: center;
    }
    #ad_block_middle {
    background:#e3e7cb;
    padding: 10px 0 10px 0;
    margin: 1em 0 0em 0;
    text-align: center;
    }

    img.left {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    }

    img.right {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
    }

    /*************************************
    +Vlado
    *************************************/

    .archd {
    background:#BFBC94 none repeat scroll 0%;
    color:#FFFFFF;
    margin-bottom: 10px;
    display:block;
    text-align: center;
    }

    /*Next Previous Styling*/
    div#nav-below{font-size:0.9em;padding-bottom: 2px; border-bottom:1px dotted #ccc;}
    div#nav-below .nav-next{text-align:right; margin-top:-2px;}
    div#nav-below .nav-previous{text-align:left;margin-top:15px;}

    div#nav-global{font-size:1em;padding:3em 0px 2px 0px; border-bottom:1px dotted #ccc;}
    div#nav-global .nav-previous{text-align:left;}
    div#nav-global .nav-next{text-align:right;margin-top:-1.4em; }

    .sb {padding: 0.4em 0em 0em 0.2em;}
    .sbdel {padding-left: 16px; background: url(images/delicious.gif) center left no-repeat;}
    .sbdigg {padding-left: 16px; background: url(images/digg.gif) center left no-repeat;}

    .relpost {
    padding-bottom:2px;
    border-bottom:1px dotted #ccc;
    color: #6C6C6C;
    }
    .relpost ul {
    list-style-type:none;
    padding: 0.01em;
    }

    .dotie {border: 1px dotted #cccccc; padding: 6px 10px; font-size:1em;}
    .endate {
    font-size:1.2em;
    color:#6F6F6F;
    font-family: Georgia, Verdana, Times;
    }

    #ftnav {
    margin:0px 0px 5px;
    }

    #print{
    background:url(./images/print.gif) no-repeat;
    padding:3px 2px 1px 20px;
    }

    .btitle{
    font-weight:normal;
    letter-spacing: -.1px;
    margin:0;
    font-size:4.6em;
    margin-left:.5em;
    font-family:times New Roman;
    font-style:italic;

    }
    .btitle a{
    color:#333333;
    }

    #translation_bar a{
    padding:1.5px;
    }/*
    Coldskin #3 for Contact Coldform WordPress Plugin
    @ http://perishablepress.com/press/2008/01/08/contact-coldform/
    @ http://perishablepress.com/press/2008/01/08/contact-coldskins/
    */

    div#coldform * {
    padding: 0;
    margin: 0;
    }
    div#coldform {
    font-family: Verdana, sans-serif;
    background-color: #F8F8EC;
    font-size: 12px;
    margin: 12px 0;
    width: 600px;
    color: #333;
    }
    div#coldform fieldset {
    border: 0 none;
    display: block;
    clear: both;
    }
    div#coldform legend.hide {
    display: none;
    }
    div#coldform label.label {
    margin: 5px 0px 0px 0px;
    text-align: left;
    display: block;
    border: 0 none;
    float: left;
    clear: both;
    }
    div#coldform input.input {
    padding: 3px;
    float: left;
    clear: both;
    width: 50%;
    border:1px solid #cccccc;

    }
    div#coldform textarea#coldform_message {
    font-family: Verdana, sans-serif;
    line-height: 1.5em;
    font-size: 12px;
    padding: 3px;
    float: left;
    clear: both;
    width: 80%;
    border:1px solid #cccccc;
    }
    div#coldform input.submit {
    margin: 6px 0 12px 0;
    padding: 3px;
    width: 25%;
    border:1px solid #cccccc;
    }

    .postinfo {

    margin-top: 3px;
    }

    .postinfo img {
    padding :0px;
    margin:0px;
    border:2px solid #F8F8EC;
    }

    .socbook {
    float:right;
    }

    .entrydate .dateMonth {
    font-size:10px;
    margin:0pt;
    padding:3px 0pt 0pt;
    text-align:center;
    color:#FFFFFF;

    }

    .entrydate .dateDay {
    font-family:Times New Roman,Helvetica,Sans-Serif;
    font-size:21px;
    font-weight:bold;
    margin:0pt;
    padding:3px 0px 0pt 0pt;
    text-align:center;
    color:#888888;
    }

    .entrydate .dateYear {
    padding:0px 0px 0pt 1pt;
    font-size:9px;
    }

    .entrydate {
    background:transparent url(images/date.png) repeat scroll 0% 0%;
    float:right;
    height:53px;
    margin-left:5px;
    margin-top:5px;
    width:49px;
    }

    .entrytitle_wrap {
    padding-bottom: 1.8em;
    }

    .gravatar {
    background-color:#FFFFFF;
    color:#FFFFFF;

    clear:right;
    float:left;
    margin:0px 15px 0px 0px;

    padding:2px;
    }

    img.centered {
    display: block;

    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }
    .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    border-radius: 3px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption-dd {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }

    .post h2 a
    {
    float:right;
    color:#096594;
    font-size:16px;
    text-decoration:none;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘CSS Issue??’ is closed to new replies.