ThemeShaper Forums » Power Blog

[closed]

thematic power blog 1.1 Leader Problem in Safari

(2 posts)
  • Started 3 years ago by ballanrk
  • Latest reply from ballanrk
  1. ballanrk
    Member

    I am using a child theme and the leader asides float(#leader-container) up and to the right in Safari 4.04 BUT is fine in Firefox and I.E. I'm using all 3 leader asides and all 3 subsidiary asides Can't figure why this is happening. Tried using firebug lite for safari but no solution.

    website
    www.pinkmkhugs.com

    Any help is GREATLY APPRECIATED

    child theme css

    /* Reset browser defaults */
    @import url('../thematic/library/styles/reset.css');

    /* Apply basic typography styles */
    @import url('../thematic/library/styles/typography.css');

    /* Apply a basic layout */
    @import url('3c-r-fixed-primary-988px.css');

    /* Apply basic image styles */
    @import url('../thematic/library/styles/images.css');

    /* Apply default theme styles and colors
    For demonstration purposes we're using the default Thematic style
    For major changes I recommend copying over the default styles into this file */
    @import url('../thematic/library/styles/default.css');

    /* Prepare theme for plugins */
    @import url('../thematic/library/styles/plugins.css');

    /* =Category Menu
    -------------------------------------------------------------- */
    #access {
    width:800px;
    border:none;
    font-size:10px;
    font-family:arial;
    }

    #access-search {
    width:270px;
    float:right;
    }

    #searchform input#s {
    margin:0px 0;
    width:200px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 2px solid #eee;
    padding: 6px;
    color:#999999;
    background: -moz-linear-gradient(top, #ffffff, #dddddd);

    }
    .menu {
    margin-left:220px;
    width:560px;
    }
    .entry-title {
    display: none;
    font-family: Arial,sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 26px;
    padding: 0 0 7px;

    }
    #category-access {
    border-bottom:1px solid #ccc;
    height:32px;
    font-size:13px;
    padding:11px 0;
    overflow:visible;
    z-index:150;
    }
    /* uncomment the following two selectors in case your category list wraps into a second row
    #category-access {
    height: 96px;
    }

    body.ie7 #category-access {
    height: 64px;
    }
    */
    .menu-title {
    color:#666;
    float:left;
    font-style:italic;
    line-height:32px;
    margin-right:10px;
    }
    #category-access .sf-menu {
    border-color:transparent;
    }
    #category-access .sf-menu a {
    border:1px solid transparent;
    margin-right:3px;
    }
    #category-access .sf-menu li:hover, #category-access .sf-menu li:hover a,
    #category-access .sf-menu li.sfHover, #category-access .sf-menu li.sfHover a,
    #category-access .sf-menu a:focus, #category-access .sf-menu a:hover, #category-access .sf-menu a:active {
    background: #fafafa;
    outline: 0;
    border-color:#ccc;
    }
    #category-access .sf-menu ul a {
    background:#fafafa;
    border-color:#ccc;
    border-right:none;
    border-bottom:none;
    margin-right:0;
    }

    /* =Default Widgets
    -------------------------------------------------------------- */

    #crown h3 {
    font-size:17px;
    padding:0 0 4px 0;
    }
    #crown #thematic-power-blog-subscribe {
    padding:0 0 44px 0;
    position:relative;
    }
    #crown #thematic-power-blog-subscribe h3 {
    position:absolute;
    top:0;
    left:0;
    }
    #crown #thematic-power-blog-subscribe ul {
    list-style:none;
    margin:0;
    position:absolute;
    top:0;
    right:0;
    }
    #crown #thematic-power-blog-subscribe ul li {
    padding:0;
    }
    #crown #thematic-power-blog-subscribe a {
    background:url(images/feed-icon-14x14.gif) no-repeat 10px 6px;
    border:1px solid #ccc;
    -webkit-border-radius: .35em;
    -moz-border-radius: .35em;
    border-radius: .35em;
    padding:6px 16px 6px 32px;
    text-decoration:none;
    }
    /* Fix for the a-tag border bug in IE7 */
    body.ie7 #crown #thematic-power-blog-subscribe a {
    float:left;
    }
    #thematic-power-blog-about ul {
    list-style:none;
    margin-left:0;
    }
    #thematic-power-blog-about a.more {
    display:block;
    text-align:right;
    }

    /* =Global Elements
    -------------------------------------------------------------- */
    #main {
    clear: both;
    padding: 6px 0 22px;
    width:800px;
    font-family:arial;
    }

    body {
    /* fallback (Opera) */
    background: #cc3399;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #cc3399, #331417);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
    left top, left bottom, from(#cc3399), to(#331417));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
    StartColorStr='#cc3399', EndColorStr='#331417', GradientType=0);

    }
    #header {
    border-top:px solid #ccc;
    margin-top:22px;
    }

    #blog-title a {
    background:url("http://pinkmkhugs.com/wp-content/uploads/2011/07/suzanne.png") no-repeat scroll 0 0 transparent;
    display:block;
    height:364px; /*add your logo height*/
    width:400px;/*add your logo width*/
    position:absolute;
    text-indent:-9999px;/*get the actual text out of sight*/
    top:0px;/*only if you need to push the logo down otherwise set to 0*/
    left:10;
    }
    #blog-description {
    margin-bottom:22px;
    padding:0;
    position:relative;
    top:-295px;
    left:10px;
    color:#fff;
    font-size:13px;
    font-family:arial;
    }
    #leader {
    border-bottom:0px solid #ccc;
    margin-bottom:-22px;
    padding:33px 0 11px 0;
    margin-left:0px;
    }

    #leader-container {
    margin: 0 auto;
    overflow: hidden;
    width: 800px;
    padding:0px;

    }

    #leader .aside {
    float: left;

    width: 250px;

    }
    #leader #first-leader {
    background: -moz-linear-gradient(top, #bd1c84, #bd1c84);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
    #leader #second-leader {
    background: -moz-linear-gradient(top, #cb1a94, #cb1a94);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
    #leader #third-leader {
    background: -moz-linear-gradient(top, #ad2584, #ad2584);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }

    #subsidiary {
    margin: 0 auto;
    overflow: hidden;
    width: 800px;

    }
    #subsidiary .aside {
    width:790px;
    float:left;
    margin:0 20px 0 0px;
    -moz-border-radius: 10px 10px 10px 10px;
    background: -moz-linear-gradient(center top , #BD1C84, #BD1C84) repeat scroll 0 0 transparent;
    }
    }
    #subsidiary #third {
    margin:0;
    }
    #content {
    }
    .hentry {
    }
    #header_box {
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 400px;
    }

    /* Moves blog name & description to the left */
    #branding {
    float: left;
    width: 400px;
    margin: 0 0 0 10px;
    padding:250px 0 44px;
    background:url(http://pinkmkhugs.com/wp-content/uploads/2011/07/Circle-background-large.png) no-repeat;
    }

    /* Moves the new widgetized area to the right and levels it with #branding */
    #header-aside {
    float: right;
    width: 300px;
    padding: 30px 0 44px;
    margin-right:90px;

    }
    /* This will clear the floats and keeps the access bottom line
    from jumping into the air */
    #access {
    clear: both;
    }
    .aside {
    color: #FFFFFF;
    }
    .crown-aside {
    color:#666;
    padding-top:22px;
    margin:0;
    }
    .attachment-jpeg .crown-aside,
    .attachment.png .crown-aside {
    display:none;
    }
    .crown-aside a {
    color:#666;
    }
    .crown-aside a:active,
    .crown-aside a:hover {
    color: #FF4B33;
    }
    .crown-aside ul {
    padding:0 20px;
    }
    .crown-aside ul ul {
    border:none;
    padding:0;
    }
    .main-aside {
    padding-top:22px;
    float:right;
    }
    .main-aside ul {
    padding:0 20px;
    }
    .main-aside ul ul {
    padding:0;
    }
    #crown {
    border:1px solid #ccc;
    width:426px;
    }
    #primary {
    border:1px solid #ccc;
    border-width:0 1px 1px 1px;
    padding:22px 0 11px 0;
    width:212px;
    }
    #secondary {
    border:1px solid #ccc;
    border-width:0 1px 1px 1px; /* keeping a border on the left for no-js */
    margin-left:-1px; /* offsets the 1px border on the left */
    padding:22px 0 11px 0;
    width:213px;
    }

    #breadcrumb-nav {
    border-top:1px solid #ccc;
    color:#666;
    font-size:13px;
    line-height:18px;
    margin-bottom:-22px;
    }
    #breadcrumb-nav a {
    color:#666;
    }
    #breadcrumb-nav a:active,
    #breadcrumb-nav a:hover {
    color: #FF4B33;
    }
    #breadcrumb-nav-container {
    margin:0 auto;
    padding:11px 0;
    width:988px;
    }
    #breadcrumb-nav-container p {
    margin:0;
    }
    #footer {
    border-top:0px;
    margin-top: -102px;
    }

    .wp-pagenavi span.pages {
    padding:4px !important;
    }
    #wrapper {
    margin: 5px auto 0 auto;
    width: 800px;
    height: 100%;
    border:;

    }

    #container {
    float: left;
    width: 800px;
    }

    /* =Widgets
    -------------------------------------------------------------- */

    .aside th, .aside td {
    padding:0.25em 0.35em;
    }
    .aside ul {
    list-style: none outside none;
    margin-left: 20px;
    margin-right: 20px;
    font-family:arial;
    }

    /*=Menu
    --------------------------------------------------------*/

    /*** COLOR SKIN ***/
    .sf-menu {
    border: 0px solid #EEEEEE;

    }
    .sf-menu li {
    background:transparent;
    padding:4px;
    border: 0px solid #EEEEEE;
    }
    /*** 1st Level ***/

    /* 1st level links, no hover, no visits */
    .sf-menu li a {
    color:#fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 0px solid #EEEEEE;
    background:#cc3399;
    background: -moz-linear-gradient(top, #cccccc, #cc3399);
    }

    /* 1st level links, hover */
    .sf-menu li a:hover {
    color:#cc3399;
    background:transparent;
    border: 0px solid #EEEEEE;
    background: -moz-linear-gradient(top, #FFF, #DDD);

    }
    .sf-menu .current_page_item a,
    .sf-menu .current_page_ancestor a,
    .sf-menu .current_page_parent a {
    color:#cc3399;
    background: -moz-linear-gradient(top, #FFF, #DDD);
    border: 0px solid #EEEEEE;

    }

    Posted 3 years ago #
  2. ballanrk
    Member

    Problem solved

    Posted 3 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.