Viewing 3 replies - 1 through 3 (of 3 total)
  • Your ul and/or li must have a list-style: none; in the css
    and and you must make a class for your name+image and a class for you date.
    Then give the name class a float: left; and the date class a float: right;
    then past this code in css.

    .clear {
    clear: both;
    }

    and after the end of the div class (</div> after this) you must past this:
    <div class="clear"></div>
    Hope this works for you?

    Thread Starter dala5564

    (@dala5564)

    Hi TrippleL:

    Where should I paste the code?

    /* basic elements */

    html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
    }

    body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
    font-family: verdana, ‘trebuchet ms’, sans-serif;
    font-size: 12px;
    }

    form { margin: 0; padding: 0; }
    a { text-decoration: underline; }
    a img { border: 0; }

    h1, h2, h3, h4, h5, h6 { font-weight: normal; }
    h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
    }

    /* standard helper classes */

    .clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    }

    /* .pkg class wraps enclosing block element around inner floated elements */
    .pkg:after {
    content: ” “;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    }
    .pkg { display: inline-block; }
    /* no ie mac \*/
    * html .pkg { height: 1%; }
    .pkg { display: block; }
    /* */

    /* page layout */

    body { text-align: center; } /* center on ie */

    #container {
    position: relative;
    margin: 0 auto; /* center on everything else */
    width: 720px;
    text-align: left;
    }
    #container-inner { position: static; width: auto; }

    #banner { position: relative; }
    #banner-inner { position: static; }

    #pagebody { position: relative; width: 100%; }
    #pagebody-inner { position: static; width: 100%; }

    #alpha, #beta, #gamma, #delta {
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
    }

    #delta { float: right; }

    #alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
    position: static;
    margin: 0;
    padding: 0;
    }

    /* banner user/photo */

    .banner-user {
    float: left;
    overflow: hidden;
    width: 64px;
    margin: 0 15px 0 0;
    border: 0;
    padding: 0;
    text-align: center;
    }

    .banner-user-photo {
    display: block;
    margin: 0 0 2px;
    border: 0;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none !important;
    }

    .banner-user-photo img {
    width: 64px;
    height: auto;
    margin: 0;
    border: 0;
    padding: 0;
    }

    /* nav */

    .nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    .page_item {
    display: block;
    float: left;
    }

    .page_item a {
    display: block;
    padding: 5px 10px;
    }

    /* content */

    .content-nav {
    margin: 10px;
    text-align: center;
    }

    .date-header,
    .entry-content {
    position: static;
    clear: both;
    }

    .entry,
    .trackbacks,
    .reactions,
    .comments {
    position: static;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    }

    .entry-content,
    .trackbacks-info,
    .trackback-content,
    .comments-info,
    .comments-open-content,
    .comments-closed {
    clear: both;
    margin: 5px 10px;
    }

    .comment-data .comment-content {
    float: left;
    clear: right;
    margin: 0;
    }

    .comment-inline-edit,
    .comment-inline-preview {
    margin-top: 10px;
    }

    .comment-number {
    display: inline;
    float: left;
    margin-right: 8px;
    }

    .comment-header .comment-header-right {
    margin: 0;
    clear: none;
    }

    .comment-header .comment-header-left {
    float: left;
    }

    .comment-has-avatar .comment-avatar {
    float: left;
    width: 56px;
    }

    .comment-has-avatar .comment-avatar img {
    border: 1px solid #999;
    padding: 2px;
    background-color: #fff;
    }

    .comment-has-avatar .comment-content,
    .comment-has-avatar .comment-footer {
    margin-left: 66px;
    }

    .trackbacks-info p,
    .comments-info p {
    margin-top: 5px;
    }

    .trackbacks-link {
    font-size: 0.8em;
    }

    .entry-excerpt,
    .entry-body,
    .entry-more-link,
    .entry-more {
    clear: both;
    }

    .entry-footer,
    .trackback-footer,
    .comments-open-footer,
    .archive-content {
    clear: both;
    margin: 5px 10px 20px;
    }

    .entry-footer p {
    margin-top: 0;
    margin-bottom: 2px;
    }

    .entry-footer-share .entry-footer-links-favorite {
    display: inline-block;
    vertical-align: top;
    }

    .entry-footer-share .favorite {
    width: 82px;
    height: 20px;
    }

    .entry-footer-share-buttons {
    font-size: 10px;
    line-height: 1;
    }

    .entry-footer-share-buttons .entry-footer-links-reblog,
    .entry-footer-share-buttons .entry-footer-links-favorite,
    .entry-footer-share-buttons .entry-footer-links-digg,
    .entry-footer-share-buttons .entry-footer-links-delicious,
    .entry-footer-share-buttons .entry-footer-links-twitter {
    display: inline-block;
    margin-bottom: 2px;
    white-space: nowrap;
    }

    .entry-footer-share-buttons .separator {
    display: none;
    }

    .entry-footer-share-buttons .share-link {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 4px 6px 4px 24px;
    color: #777;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana, sans-serif;
    text-decoration: none;
    text-transform: none;
    vertical-align: bottom;
    background-color: #ededed;
    background-repeat: no-repeat;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    }

    .entry-footer-share-buttons .share-link:hover {
    border-color: #bbb;
    color: #555;
    }

    .entry-footer-share-buttons .share-link-digg {
    background-image: url(images/share-link-bg-digg.gif);
    }

    .entry-footer-share-buttons .share-link-email {
    background-image: url(images/share-link-bg-email.gif);
    }

    .entry-footer-share-buttons .share-link-twitter {
    background-image: url(images/share-link-bg-twitter.gif);
    }

    .entry-footer-share-buttons .share-link-delicious {
    background-image: url(images/share-link-bg-delicious.gif);
    }

    .entry-footer-share-buttons .share-link-reblog {
    background-image: url(images/share-link-bg-reblog.gif);
    }

    .recently-favorited{margin:0 0 20px 0;}
    .recently-favorited ul{list-style:none;margin:0;padding:0;}
    .recently-favorited li{display:inline;margin:0 5px 0 0;}
    .recently-favorited li img{width:32px;height:32px;}

    .comments-open label { display: block; }

    #comment-author, #comment-email, #comment-url, #comment-text {
    width: 240px;
    }

    #comment-text {
    margin-bottom: 3px;
    }

    #comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
    }

    #comment-post {
    font-weight: bold;
    }

    img.image-full {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    }

    .image-thumbnail {
    float: left;
    width: 115px;
    margin: 0 10px 10px 0;
    }

    .image-thumbnail img {
    width: 115px;
    height: 115px;
    margin: 0 0 2px;
    }

    /* modules */

    .module {
    position: relative;
    overflow: hidden;
    width: 100%;
    }

    .module-content {
    position: relative;
    margin: 5px 10px 20px;
    }

    .module-content ul,
    .archive-list {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    .module-content ul li,
    .archive-list-item {
    margin-top: 5px;
    margin-bottom: 5px;
    }

    .module-more {
    text-align: right;
    }

    .module-elsewhere .module-content ul img,
    .archive-elsewhere .archive-list img,
    .module-presence img {
    vertical-align: middle;
    }

    .module-powered .module-content { margin-bottom: 10px; }
    .module-photo .module-content { text-align: center; }
    .module-wishlist .module-content { text-align: center; }
    .module-qrcode .module-content { text-align: center; }

    .module-calendar .module-content table {
    border-collapse: collapse;
    width: 100%;
    }

    .module-calendar .module-content th,
    .module-calendar .module-content td {
    width: 14%;
    text-align: center;
    }

    .module-category-cloud .module-content ul {
    margin-right: 0;
    margin-left: 0;
    }

    .module-category-cloud .module-content ul li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
    line-height: 1.2em;
    background: none;
    }

    .module-category-cloud .cloud-weight-1 { font-size: 0.9em; }
    .module-category-cloud .cloud-weight-2 { font-size: 0.95em; }
    .module-category-cloud .cloud-weight-3 { font-size: 1em; }
    .module-category-cloud .cloud-weight-4 { font-size: 1.125em; }
    .module-category-cloud .cloud-weight-5 { font-size: 1.25em; }
    .module-category-cloud .cloud-weight-6 { font-size: 1.375em; }
    .module-category-cloud .cloud-weight-7 { font-size: 1.5em; }
    .module-category-cloud .cloud-weight-8 { font-size: 1.625em; }
    .module-category-cloud .cloud-weight-9 { font-size: 1.75em; }
    .module-category-cloud .cloud-weight-10 { font-size: 1.75em; }

    .typelist-plain .module-content ul,
    .typelist-plain .archive-list {
    list-style: none;
    }

    .typelist-plain .module-content ul li,
    .typelist-plain .archive-list-item {
    padding: 0;
    background: none;
    }

    .typelist-thumbnailed { margin: 0 0 20px; }

    .typelist-thumbnailed .module-content ul li {
    display: block;
    clear: both;
    margin: 0;
    }

    /* positioniseverything.net/easyclearing.html */
    .typelist-thumbnailed .module-content ul li:after {
    content: ” “;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    }
    .typelist-thumbnailed .module-content ul li { display: inline-block; }
    /* no ie mac \*/
    * html .typelist-thumbnailed .module-content ul li { height: 1%; }
    .typelist-thumbnailed .module-content ul li { display: block; }
    /* */

    .typelist-thumbnail {
    float: left;
    min-width: 60px;
    width: 60px;
    /* no ie mac \*/width: auto;/* */
    margin: 0 5px 0 0;
    text-align: center;
    vertical-align: middle;
    }

    .typelist-thumbnail img { margin: 5px; }

    .module-galleries .typelist-thumbnail img { width: 50px; }

    .typelist-description {
    margin: 0;
    padding: 5px;
    }

    .typelist-no-description {
    text-align: center;
    margin: 10px 0;
    }

    .module-featured-photo .module-content,
    .module-photo .module-content {
    margin: 0;
    }

    .module-featured-photo img { width: 100%; }

    .module-recent-photos { margin: 0 0 15px; }
    .module-recent-photos .module-content { margin: 0; }
    .module-recent-photos .module-content ul {
    display: block;
    height: 1%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
    }

    /* positioniseverything.net/easyclearing.html */
    .module-recent-photos .module-content ul:after {
    content: ” “;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    }
    .module-recent-photos .module-content ul { display: inline-block; }
    /* no ie mac \*/
    * html .module-recent-photos .module-content ul { height: 1%; }
    .module-recent-photos .module-content ul { display: block; }
    /* */

    .module-recent-photos .module-content ul li {
    display: block;
    float: left;
    /* ie win fix \*/ height: 1%; /**/
    margin: 0;
    border: 0;
    padding: 0;
    }

    .module-recent-photos .module-content ul li a {
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
    }

    .module-recent-photos .module-content ul li img {
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
    }

    /* mmt calendar */

    .module-mmt-calendar { margin-bottom: 15px; }
    .module-mmt-calendar .module-content { margin: 0; }
    .module-mmt-calendar .module-header { margin: 0; }
    .module-mmt-calendar .module-header a { text-decoration: none; }
    .module-mmt-calendar table { width: 100%; }

    .module-mmt-calendar th { text-align: left; }

    .module-mmt-calendar td {
    width: 14%;
    height: 75px;
    text-align: left;
    vertical-align: top;
    }

    .day-photo {
    width: 54px;
    height: 54px;
    }

    .day-photo a {
    display: block;
    }

    .day-photo a img {
    width: 50px;
    height: 50px;
    }

    /* Mini-Profile Module */

    .module-miniprofile .module-content {
    text-align: center;
    }

    /* reactions */

    .reactions .reactions-list {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    .reactions .reaction {
    display: inline;
    float: left;
    position: relative;
    margin: 0 8px 8px 0;
    }

    .reactions .reaction-link {
    display: block;
    }

    .reactions .reaction-avatar {
    width: 32px;
    height: 32px;
    }

    .reactions .reaction-badge {
    display: block;
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 16px;
    height: 16px;
    }

    .reactions .reaction-favorite .reaction-badge {
    background-image: url(images/badge-favorite.png);
    }

    .reactions .reaction-reblog .reaction-badge {
    background-image: url(images/badge-reblog.png);
    }

    /* comments */
    .comments-open {
    margin-bottom: 25px;
    }

    .comment-form .grayText {
    color: #999;
    }

    .comment-form .comments-open-subtext {
    margin: 2px 0 20px;

    font-size: 11px;
    }

    .comment-form .errorBG {
    background-color: #ffebe3;
    }

    .comment-form .comment-error,
    .comment-form .comment-error,
    .comment-form .comment-error {
    margin: 2px 0 16px 3px;
    font-size: .9em;
    }

    .comment-form .active-error {
    display: block;
    }

    /* sign in to comment external services */
    .comments-open .login-list {
    display: inline;
    float: left;
    padding-left: 0px;
    }

    .comments-open .login-list span {
    margin-left: 4px;
    padding-bottom: 5px;
    }

    .comments-open .login-list .first {
    margin-left: 0px;
    padding-left: 0px;
    }

    .comments-open .login-list .typepad {
    background: url(../../images/profile/service_icons/typepad.png) top left no-repeat;
    padding-left: 20px;
    }

    .comments-open .login-list .facebook {
    background: url(../../images/profile/service_icons/facebook.png) top left no-repeat;
    padding-left: 19px;
    }

    /* typepad-jp shows mixi in place of Facebook */
    .comments-open .login-list .mixi {
    background: url(../../images/profile/service_icons/mixi.png) top left no-repeat;
    margin-left: 2px;
    padding-left: 19px;
    }

    .comments-open .login-list .twitter {
    background: url(../../images/profile/service_icons/twitter.png) top left no-repeat;
    margin-left: 2px;
    padding-left: 18px;
    }

    /* share this comment */

    .comments-open .share-comment {
    margin-bottom: 20px;
    }

    .comments-open .share-comment .field-header {
    margin-bottom: 4px;
    font-size: 1.1em;
    font-weight: bold;
    }

    .comments-open .share-comment .field-notice {
    margin: 5px 0 4px 0;
    font-size: .90em;
    }

    .comments-open #comments-open-login,
    .comments-open #comments-open-logout {
    margin-bottom: 10px;
    }

    /* comment notification boxes */
    .yellowBox,
    .yellowGreenBox,
    .redBox {
    background: url(../images/atpcomment-gradient.png) top left repeat-x #ffffe6;
    border: 1px solid;
    margin: 10px 0 50px;
    padding: 8px;
    color: #000;
    }

    .lessBoxMargin {
    margin: 20px 0 25px;
    }

    .commentCompleteMargin {
    margin: 25px 0 20px;
    }

    .yellowBox p,
    .yellowGreenBox p,
    .redBox p {
    margin-top: 0;
    color: #000;
    }

    /* hiddenBox class */
    .hiddenBox {
    display: none;
    }

    .visibilityHiddenBox {
    visibility: hidden;
    }

    .comments-open label.hiddenBox {
    display: none;
    }

    /* yellow/yellow prompt box */
    .yellowBox {
    border: 1px solid #ffbb33;
    }

    /* yellow/green complete box */
    .yellowGreenBox {
    border: 1px solid #669900;
    }

    /* red/red error box */
    .redBox {
    border: 1px solid #cc2200;
    }

    .captchaErrorText {
    background: url(../../images/atpcomment-error-icon.png) top left no-repeat;
    padding-left: 20px;
    font-weight: bold;
    }

    .comment-inline-edit,
    .comment-inline-edit textarea,
    .comment-inline-preview,
    .comment-inline-preview p {
    margin-bottom: 8px;
    }

    .comment-inline-preview-buttons {
    margin-top: 8px;
    }

    .comment-preview {
    margin-top: 20px;
    }

    .comment-preview-content {
    float: left;
    clear: right;
    margin-top: 8px;
    }

    .comment-form .comments-open-footer {
    width: 300px;
    }

    .comment-form .cancel-edit {
    padding: 5px 0;
    float: right;
    }

    .comment-data .comment-footer {
    clear: both;
    margin-bottom: 30px;
    }

    .comment-footer .command-edit-comment,
    .comment-footer .command-delete-comment {
    font-weight: bold;
    }

    .comment-footer .comment-footerlinks {
    float: left;
    }

    .comment-footer .comment-datetime {
    float: right;
    clear: right;
    }

    .comment {
    padding-top: 15px;
    }

    #comment-avatar-flyout {
    position: absolute;
    z-index: 1;
    }

    #avatar-flyout-content {
    width: 300px;
    background-color: #fff;
    border: 2px solid;
    padding: 8px;
    }

    #avatar-flyout-img {
    float: left;
    margin-right: 4px;
    }

    #avatar-flyout-name {
    font-weight: bold;
    font-size: 14px;
    }

    #avatar-flyout-content .profileLink {
    float: right;
    font-weight: bold;
    }

    #comment-avatar-flyout .clearBoth {
    clear: both;
    }

    #avatar-flyout-content #avatar-flyout-location,
    #avatar-flyout-content .profileWebsite {
    margin: 5px 0;
    }

    #avatar-flyout-counts .activityTitle {
    margin: 5px 0 8px;
    font-weight: bold;
    }

    #avatar-flyout-counts .subTitle {
    float: left;
    width: 100px;
    }

    #avatar-flyout-counts #avatar-flyout-thisblog,
    #avatar-flyout-counts #avatar-flyout-overall {
    float: left;
    }

    .pager .pagination-bar a {
    margin: 2px;
    border: 1px solid #ccc;
    padding: 2px 4px;
    text-decoration: none;
    }

    .pager .pagination-bar a:hover,
    .pager .pagination-bar a:active {
    text-decoration: underline;
    }

    .pager .pagination-bar .this-page {
    margin: 2px;
    padding: 1px 4px;
    }

    .pager .pager-status {
    margin: 2px;
    padding: 1px 4px;
    font-size: 0.8em;
    }

    /* footer */
    #footer { background: #fff; }
    .footer-list {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    .footer-list-item {
    display: block;
    float: left;
    }

    .footer-list-item a {
    display: block;
    padding: 5px 10px;
    }

    /* thumbnail gallery */

    .post .entry-content .asset-image-multiple ul {
    margin: 0;
    padding: 0;
    }

    .post .entry-content .asset-image-multiple .asset-thumbnails {
    margin: 0;
    padding: 0;
    text-indent: 0;
    }

    .post .entry-content .asset-image-multiple .asset-thumbnails img {
    height: 40px;
    padding: 2px;
    }

    .post .entry-content .asset-image-multiple .asset-thumbnails li {
    list-style: none;
    margin: 0;
    padding: 2px 2px 0 0;
    text-indent: 0;
    display: inline;
    }

    .post .entry-content .asset-image-multiple .asset-thumbnails li.on img {
    border: 2px solid #800;
    padding: 0;
    }

    body {
    font: normal 13px arial, helvetica, hirakakupro-w3, osaka, “ms pgothic”, sans-serif;
    }

    /* Layout */

    #container {
    width: 940px;
    }

    #alpha,
    #beta,
    #gamma,
    #delta {
    float: left;
    }

    #alpha {
    width: 485px;
    }

    #beta {
    width: 455px;
    }

    #gamma,
    #delta {
    width: 200px;
    }

    /* Header */

    #banner {
    width: 940px;
    margin: 0;
    }

    #banner-header {
    margin: 0 0 5px;
    line-height: 1;
    }

    #banner-description {
    margin: 0;
    font-size: 14px;
    line-height: 1.125;
    }

    #banner a {
    text-decoration: none;
    }

    #banner a:hover {
    text-decoration: underline;
    }

    /* Content */

    .date-header {
    margin: 0 0 5px;
    font-size: 10px;
    }
    .date-header a {
    color: #999;
    text-transform: uppercase;
    }

    .entry-header {
    margin: 0 0 5px;
    font-size: 22px;
    font-weight: bold;
    }

    .entry-header a {
    text-decoration: none;
    }

    .entry-header a:hover {
    text-decoration: underline;
    }

    .entry-content {
    margin: 5px 0;
    }

    .entry-more-link {
    font-weight: bold;
    }

    .entry-footer {
    margin: 10px 0 20px;
    border-top-width: 1px;
    border-top-style: solid;
    padding-top: 5px;
    font-weight: normal;
    }

    .entry-footer a,
    .comment-footer a {
    font-weight: normal;
    text-decoration: none;
    }
    .entry-footer a span {
    color: #000;
    font-weight: bold;
    }

    .content-nav {
    margin: 5px 0 10px;
    }

    .content-header {
    margin: 5px 0 30px;
    font-size: 26px;
    font-weight: bold;
    }

    .trackback-content,
    .comment-content,
    .comments-open-content,
    .comments-closed {
    margin: 5px 0;
    }

    .module-header,
    .trackbacks-header,
    .comments-header,
    .comments-open-header,
    .archive-header {
    margin: 0;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
    }

    .trackbacks-info,
    .trackback-footer,
    .comments-info,
    .comment-footer,
    .comments-open-footer,
    .archive-content {
    margin: 5px 0 20px;
    }

    #comment-author,
    #comment-email,
    #comment-url,
    #comment-text {
    width: 80%;
    }

    /* Utility */

    .module-header,
    .trackbacks-header,
    .comments-header,
    .comments-open-header,
    .archive-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
    }

    .entry-more-link,
    .entry-footer,
    .comment-footer,
    .trackback-footer,
    .typelist-thumbnailed {
    font-size: 11px;
    }

    /* Global —————————————————————– */

    a {
    color: #357EC7;
    }

    a:hover {
    text-decoration: none;
    }

    /* Layout —————————————————————– */

    #container-inner,
    #pagebody {
    background-color: #ffffff;
    }

    #pagebody {
    margin-top: 20px;
    }

    /* Artistic */

    .layout-artistic #gamma {
    margin-right: 15px;
    }

    .layout-artistic #alpha-inner,
    .layout-artistic #beta-inner {
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    }

    .layout-artistic #gamma-inner,
    .layout-artistic #delta-inner {
    padding-top: 0;
    }

    /* Calendar */

    .layout-calendar #gamma {
    margin-right: 15px;
    }

    .layout-calendar #alpha-inner,
    .layout-calendar #beta-inner {
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    }

    .layout-calendar #gamma-inner,
    .layout-calendar #delta-inner {
    padding-top: 0;
    }

    /* Moblog 1 */

    .layout-moblog1 #alpha {
    width: 190px;
    }

    .layout-moblog1 #beta {
    width: 560px;
    }

    .layout-moblog1 #gamma {
    width: 190px;
    }

    .layout-moblog1 #beta-inner {
    padding-right: 20px;
    padding-left: 20px;
    }

    /* Moblog 2 */

    .layout-moblog2 #alpha {
    width: 85px;
    }

    .layout-moblog2 #beta {
    width: 460px;
    }

    .layout-moblog2 #gamma {
    width: 235px;
    }

    .layout-moblog2 #delta {
    width: 160px;
    }

    .layout-moblog2 #alpha-inner {
    padding-left: 20px;
    }

    .layout-moblog2 #beta-inner,
    .layout-moblog2 #gamma-inner,
    .layout-moblog2 #delta-inner {
    padding-right: 20px;
    padding-left: 20px;
    }

    /* Timeline */

    .layout-timeline #alpha {
    width: 510px;
    }

    .layout-timeline #beta {
    width: 430px;
    }

    .layout-timeline #gamma {
    margin-right: 20px;
    }

    .layout-timeline #gamma,
    .layout-timeline #delta {
    width: 185px;
    }

    .layout-timeline #alpha-inner,
    .layout-timeline #beta-inner {
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    }

    .layout-timeline #gamma-inner,
    .layout-timeline #delta-inner {
    padding-top: 0;
    }

    /* Two Column (Right) */

    .layout-two-column-right #alpha {
    width: 750px;
    }

    .layout-two-column-right #beta {
    width: 190px;
    }

    .layout-two-column-right #alpha-inner {
    padding-right: 20px;
    padding-left: 20px;
    }

    /* Two Column (Left) */

    .layout-two-column-left #alpha {
    width: 190px;
    }

    .layout-two-column-left #beta {
    width: 750px;
    }

    .layout-two-column-left #beta-inner {
    padding-right: 20px;
    padding-left: 20px;
    }

    /* Three Column */

    .layout-three-column #alpha,
    .layout-three-column #gamma {
    width: 175px;
    }

    .layout-three-column #beta {
    width: 590px;
    }

    /*.layout-three-column #beta-inner {
    padding-right: 20px;
    padding-left: 20px;
    }*/

    /* Three Column (Right) */

    .layout-three-column-right #alpha {
    width: 560px;
    }

    .layout-three-column-right #beta,
    .layout-three-column-right #gamma {
    width: 190px;
    }

    .layout-three-column-right #alpha-inner {
    padding-right: 20px;
    padding-left: 20px;
    }

    /* One Column */

    .layout-one-column #container,
    .layout-one-column #banner,
    .layout-one-column #alpha {
    width: 780px;
    }

    .layout-one-column #alpha-inner {
    padding-right: 20px;
    padding-left: 20px;
    }

    /* Header —————————————————————– */

    * html #banner { /*HACK targets IE6 but not 7, instead of min-height*/
    height: 200px;
    }

    #banner {
    background: #efd7a7 url(header.jpg) no-repeat bottom left;
    min-height: 200px;
    }

    #banner a {
    color: #000;
    font-weight: bold;
    }

    #banner-inner {
    padding: 20px 20px 40px 80px;
    }

    #banner-header {
    width: 450px;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    }

    #banner-description {
    width: 450px;
    color: #000;
    font-weight: bold;
    }

    /* Nav */

    #nav
    {
    background-color: #fff;
    }

    .nav-list
    {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    }

    .page_item
    {
    border-right: 1px solid #dddddd;
    }

    .page_item a
    {
    font-size: 11px;
    padding: 6px 11px;
    }

    /* Content —————————————————————- */

    .entry-header,
    .entry-header a,
    .content-header {
    color: #cc4d71;
    }

    .date-header,
    .entry-footer,
    .entry-footer a,
    .comment-footer,
    .comment-footer a,
    .trackback-footer {
    color: #999;
    }

    .entry-footer {
    border-top-color: #dddddd;
    }

    .trackbacks-header,
    .comments-header,
    .comments-open-header,
    .archive-header {
    color: #cc4d71;
    }

    .archive-list-item {
    margin-bottom: 5px;
    }

    /* Widget —————————————————————– */

    .module-header {
    padding: 0;
    font-size: 14px;
    font-family: arial, helvetica, “hirakakupro-w3”, osaka, “ms pgothic”, sans-serif;
    margin-bottom: 8px;
    padding-bottom: .3em;
    }

    .module-header,
    .module-header a {
    color: #cc4d71;
    font-weight: bold;
    }

    .layout-moblog2 .module-header,
    .layout-moblog2 .module-content {
    margin-right: 0;
    margin-left: 0;
    }

    .module-powered .module-content {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #dddddd;
    background-color: #f0f0f0;
    }

    .typelist-thumbnailed .module-content ul li {
    border-color: #dddddd;
    background-color: #f0f0f0;
    }

    .typelist-thumbnail {
    background: #f0f0f0;
    }

    .module-mmt-calendar .module-header {
    border-bottom: 1px solid #dddddd;
    }

    .module-header,
    .module-content {
    margin-right: 15px;
    margin-left: 15px;
    }

    .module-header {
    font-size: 14px;
    }

    .module-header a {
    text-decoration: none;
    }

    .module-header a:hover {
    text-decoration: underline;
    }

    .module-content {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 11px;
    }

    .layout-artistic .module-header,
    .layout-artistic .module-content,
    .layout-calendar .module-header,
    .layout-calendar .module-content,
    .layout-timeline .module-header,
    .layout-timeline .module-content,
    .layout-one-column .module-header,
    .layout-one-column .module-content {
    margin-right: 0;
    margin-left: 0;
    }

    /* “Powered By” Module */

    .module-powered .module-content {
    padding: 10px;
    text-align: center;
    }

    .module-powered .module-content,
    .module-powered .module-content a {
    color: #333;
    }

    /* Calendar Module */

    .module-calendar .module-content table {
    font-size: 10px;
    }

    /* Featured Photo Module */

    .module-featured-photo,
    .module-featured-photo img {
    width: 415px;
    }

    /* Recent Photos Module */

    .layout-artistic .module-recent-photos {
    margin-top: 10px;
    }

    .layout-timeline .module-recent-photos {
    margin-top: 0;
    }

    .layout-moblog1 .module-recent-photos,
    .layout-moblog2 .module-recent-photos {
    margin: 0;
    }

    .layout-moblog1 .module-recent-photos .module-content {
    margin: 5px 15px 20px;
    }

    .layout-artistic .module-recent-photos .module-content ul {
    padding-left: 5px;
    }

    .layout-timeline .module-recent-photos .module-content ul {
    padding-left: 15px;
    }

    .module-recent-photos .module-content ul li {
    width: 64px; /* mac ie fix */
    margin: 0 4px 0 0;
    padding: 0;
    background-image: none;
    }

    .layout-moblog1 .module-recent-photos .module-content ul li {
    margin: 0 5px 5px 0;
    }

    .layout-moblog2 .module-recent-photos .module-content ul li {
    margin: 0 0 5px;
    }

    .layout-timeline .module-recent-photos .module-content ul li {
    margin: 10px 10px 0 0;
    }

    .module-recent-photos .module-content ul li a {
    border: 1px solid #cc4d71;
    padding: 1px;
    background-color: #fff;
    }

    .module-recent-photos .module-content ul li a:hover {
    border-color: #dddddd;
    }

    /* Photo Module */

    .module-photo {
    border: 0;
    background: none;
    }

    .module-photo .module-content {
    margin: 10px;
    }

    .module-photo img {
    border: 0;
    }

    .layout-moblog2 .module-photo img {
    width: 100px;
    height: auto;
    }

    /* Mixed Media Template Calendar Module */

    .module-mmt-calendar {
    width: 415px;
    margin: 0;
    }

    .module-mmt-calendar .module-header,
    .layout-timeline .module-recent-photos .module-header {
    margin: 0;
    padding: 5px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    background-color: #a5b924;
    }

    .module-mmt-calendar .module-header a {
    color: #fff;
    }

    .module-mmt-calendar .module-content {
    margin: 0 0 15px;
    }

    .module-mmt-calendar table {
    width: 415px;
    font-size: 11px;
    background-color: #498837;
    }

    .module-mmt-calendar th {
    color: #fff;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 2px;
    text-align: right;
    font-weight: bold;
    }

    .module-mmt-calendar td {
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 2px;
    text-align: right;
    font-weight: normal;
    background-color: #f0f0f0;
    }

    th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 {
    border-right: none;
    }

    .day-photo a {
    border: 1px solid #dddddd;
    padding: 1px;
    background-color: #fff;
    }

    .day-photo a:hover {
    border-color: #cc4d71;
    }

    /* Module Thumbnailed */

    .typelist-thumbnailed .module-content ul li {
    margin: 1px 0;
    border-width: 1px;
    border-style: solid;
    padding: 0;
    background-repeat: repeat-x;
    background-position: top left;
    }

    /* Footer —————————————————————– */

    .footer-list {
    border-top: 1px solid #dddddd;
    padding: 15px 20px;
    }

    .footer-list-item {
    margin-right: 10px;
    border-right: 1px solid #dddddd;
    padding-right: 10px;
    }

    .last-footer-list-item {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 0;
    }

    .footer-list-item a {
    padding: 0;
    }

    body {
    background: #cde8fb url(images/bg-body.png) repeat-x fixed center bottom;
    color: #333;
    }

    #banner {
    background: #CDE8FB url(images/header.png) no-repeat bottom left;
    min-height: 200px;
    }

    #banner a {
    color: #cc4d71;
    font-weight: normal;
    }
    #banner h1, #banner h2 {
    display:none;
    }
    #banner-inner {
    padding: 20px 20px 40px 80px;
    }

    #banner-header {
    width: 450px;
    color: #cc4d71;
    font-size: 28px;
    font-weight: normal;
    font-family:Georgia, Trebuchet MS, Times New Roman;
    }

    .entry-header {
    margin: 0 0 5px;
    font-size: 22px;
    font-family:Georgia, Trebuchet MS, Times New Roman;
    font-weight: normal;
    }

    .entry-footer {
    margin: 10px 0 20px;
    border-top-width: 1px;
    border-top-style: solid;
    padding-top: 5px;
    font-weight: normal;
    background:url(images/bg-entry.png) no-repeat right bottom;
    min-height: 30px;
    }

    .module-header {
    padding: 0;
    font-size: 14px;
    font-family: Georgia, Trebuchet MS, Times New Roman, helvetica, “hirakakupro-w3”, osaka, “ms pgothic”, sans-serif;
    margin-bottom: 8px;
    padding-bottom: .3em;
    border-bottom:1px solid #ddd;
    }

    #nav
    {
    background:#789603 url(images/bg-nav.png) no-repeat bottom center;
    height:30px;
    }

    .nav-list
    {
    border-top:none;
    border-bottom:none;
    }
    .nav-list ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    }
    .nav-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    }
    .nav-list li a, .nav-list li a:link, .nav-list li a:visited {
    color:#ef5fa3;
    font-size: 11px;
    font-weight:bold;
    font-family:Arial,Tahoma, Trebuchet MS, Times New Roman;
    text-decoration:none;
    display: block;
    margin: 0;
    padding: 9px 10px 7px;
    }
    .nav-list li a:hover, .nav-list li a:active {
    background:#ef5fa3;
    color:#fff;
    }
    .nav-list li li a, .nav-list li li a:link, .nav-list li li a:visited {
    background:#ef5fa3;
    color:#fff;
    font-size: 11px;
    font-weight:bold;
    font-family:Arial,Tahoma, Trebuchet MS, Times New Roman;
    text-decoration:none;
    width: 150px;
    float: none;
    margin: 0;
    padding: 7px 10px;
    border-bottom: 1px solid #E3DBE2;
    border-left: 1px solid #E3DBE2;
    border-right: 1px solid #E3DBE2;
    }
    .nav-list li li a:hover, .nav-list li li a:active {
    background: #d16587;
    color: #FFF;
    padding: 7px 10px;
    }
    .nav-list li {
    float: left;
    padding: 0;
    }
    .nav-list li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0;
    padding: 0;
    }
    .nav-list li ul a {
    width: 140px;
    }
    .nav-list li ul ul {
    margin: -32px 0 0 171px;
    }
    .nav-list li:hover ul ul, .nav-list li:hover ul ul ul, .nav-list li.sfhover ul ul, .nav-list li.sfhover ul ul ul {
    left: -999em;
    }
    .nav-list li:hover ul, .nav-list li li:hover ul, .nav-list li li li:hover ul, .nav-list li.sfhover ul, .nav-list li li.sfhover ul, .nav-list li li li.sfhover ul {
    left: auto;
    }
    .nav-list li:hover, .nav-list li.sfhover {
    position: static;
    }
    .page_item
    {
    border-right:none;
    margin-top:3px;
    }

    .page_item a
    {
    color:#ef5fa3;
    font-size: 11px;
    font-weight:bold;
    font-family:Arial,Tahoma, Trebuchet MS, Times New Roman;
    text-decoration:none;
    }
    .page_item a:hover {
    background:#ef5fa3;
    color:#fff;
    }

    .module a:link { color: gray; text-decoration: underline; }
    .module a:active { color: gray; text-decoration: none; }
    .module a:hover { color: gray; text-decoration: none; }
    .module a:visited { color: #357EC7; text-decoration: none; }

    .feedburnerFlareBlock a:link { color: gray; }
    .feedburnerFlareBlock a:active { color: gray; }
    .feedburnerFlareBlock a:hover { color: gray; }
    .feedburnerFlareBlock a:visited { color: gray;

    }

    .alignleft { float: left; }
    .alignright { float: right; }

    /* wide body layout template */

    body.page-template-wide-php div#beta {
    padding: 0 15px;
    width: 910px;
    }

    thanks!

    Wow you’ve got some long code!
    but it doesn’t mind, I prefer at the top!
    Like above:
    form { margin: 0; padding: 0; }
    It’s gonna look like this:

    .clear { clear:both; }
    form { margin: 0; padding: 0; }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I change it to this?’ is closed to new replies.