WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] i need a little bit help with the last things (1 post)

  1. plugonline
    Member
    Posted 5 years ago #

    i have a website see this link i trying to include the template off the website in the blog you can click blog in the menu.

    as you see its almost finish but i'm stuck with the last things can someone help.
    style.css off the website`/*
    Design by plugonline
    http://www.plugonline.nl
    Released for free under a Creative Commons Attribution 2.5 License
    */

    html, body {
    height: 100%;
    }

    body {
    margin: 0px;
    padding: 0px;
    background: #005F9E url(images/bg01.jpg) repeat left top;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #A6CAE4;
    }

    h1, h2, h3 {
    margin: 0px;
    text-transform: lowercase;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    }

    h1 {
    letter-spacing: -2px;
    font-size: 36px;
    }

    h2 {
    letter-spacing: -1px;
    font-size: 22px;
    }

    h3 {
    font-size: 13px;
    font-weight: bold;
    }

    p, ul, ol {
    margin: 0px 0px 20px 0px;
    text-align: justify;
    line-height: 140%;
    }

    ul, ol {
    }

    a {
    color: #AFDA3B;
    }

    a:hover {
    text-decoration: none;
    }

    .color1 {
    color: #D6EE72;
    }

    .color2 {
    color: #9DC9E8;
    }

    .alignleft {
    float: left;
    }

    .alignright {
    float: right;
    }

    .aligncenter {
    margin: 0px auto;
    }

    img.alignleft {
    margin-right: 25px;
    }

    img.alignright {
    margin-left: 25px;
    }

    a img, img {
    border: 3px solid #FFFFFF;
    }

    .two-columns {
    }

    .two-columns .column-one {
    float: left;
    width: 206px;
    }

    .two-columns .column-two {
    float: right;
    width: 206px;
    }

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

    .list1 li {
    margin: 0px 0px 2px 0px;
    padding: 5px 10px;
    background: url(images/homepage06.jpg) repeat left top;
    }

    .list1 li.alt {
    background-image: url(images/homepage07.jpg);
    }

    .list1 a {
    color: #FFFFFF;
    }

    .list2 {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
    }

    .list2 li {
    padding: 5px 0px;
    background: url(images/homepage08.gif) repeat-x left top;
    }

    .list2 li.first {
    padding-top: 0px;
    background: none;
    }

    /* Wrapper */

    #wrapper, #bg1, #bg2 {
    height: 1000px;
    min-height: 1000px;
    }

    html>body #wrapper, html>body #bg1, html>body #bg2 {
    height: auto;
    }

    #wrapper {
    background: url(images/bg02.jpg) repeat-x left top;
    }

    #bg1 {
    background: url(images/bg03.jpg) repeat-y center top;
    }

    #bg2 {
    background: url(images/bg04.jpg) no-repeat center top;
    }

    /* Header */

    #header {
    width: 680px;
    height: 180px;
    margin: 0px auto;
    }

    /* Logo */

    #logo {
    float: left;
    width: 260px;
    background: url(images/homepage01.gif) repeat-x left bottom;
    }

    #logo h1 {
    padding: 100px 0px 15px 0px;
    text-transform: lowercase;
    }

    #logo a {
    text-decoration: none;
    color: #FFFFFF;
    }

    /* Menu */

    #menu {
    float: right;
    background: url(images/homepage01.gif) repeat-x left bottom;
    }

    #menu ul {
    margin: 0px -13px 0px 0px;
    padding: 118px 0px 16px 30px;
    list-style: none;
    }

    #menu li {
    display: inline;
    }

    #menu a {
    padding: 0px 13px 0px 16px;
    background: url(images/homepage03.gif) no-repeat left center;
    text-decoration: none;
    text-transform: lowercase;
    letter-spacing: -1px;
    font-size: 18px;
    }

    #menu a:hover {
    color: #9DC9E8;
    }

    #menu .first a {
    background: none;
    }

    #menu .current_page_item a {
    color: #FFFFFF;
    }

    /* Page */

    #page {
    width: 680px;
    margin: 0px auto;
    }

    /* Content */

    #content {
    float: left;
    width: 440px;
    }

    .post {
    }

    .post .title {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 10px 0px;
    background: url(images/homepage02.gif) repeat-x left bottom;
    }

    .post .entry {
    }

    .post .meta {
    padding: 10px 0px;
    background: url(images/homepage08.gif) repeat-x left top;
    }

    .post .meta p {
    margin: 0px;
    line-height: normal;
    }

    /* Sidebar */

    #sidebar {
    float: right;
    width: 212px;
    }

    /* Footer */

    #footer {
    padding-top: 20px;
    background: url(images/homepage01.gif) repeat-x left top;
    }

    #footer p {
    margin: 0px;
    padding: 0px;
    line-height: normal;
    text-align: center;
    }

    /*
    main.css off the blog- You will probably want to do your changes here.

    /*------------------------------------------------------------------
    [Table of Contents]

    1. Global Attributes
    1.1. Body
    1.2. Links
    1.3. Headers
    1.4 Misc - Listed Alphabetically
    2. Structure
    2.1. Page / #page
    + 2.1.1 Header / #header
    + 2.1.2 Wrapper / #main_wrapper
    + 2.1.2.1 Content / #content
    + 2.1.2.1.1 Post / .post
    + 2.1.2.2 Sidebar / #sidebar
    + 2.1.3. Footer / #footer
    3. Component Classes
    3.1 Calendar
    3.2 Images
    3.3 Captions
    4. Helpful Classes - Listed Alphabetrically
    -------------------------------------------------------------------*/

    /*------------------------------------------------------------------
    [Color codes]

    Background: #005F9E url(images/bg01.jpg) repeat left top;
    H1: #ffffff (white)
    H2: #333 (blue)
    Header Background Color: #73a0c5 (blue)
    a (standard): #73a0c5 (blue)
    a (hover): #147 (blue)
    -------------------------------------------------------------------*/

    /* `1. Global Attributes
    ----------------------------------------------------------------------------------------------------*/

    /* 1.1 - BODY */

    html, body {
    height: 100%;
    }

    body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: #005F9E url(images/bg01.jpg) repeat left top; /* CHANGE THIS COLOR TO CHANGE THE BACKGROUND OF THE PAGE */
    color: #A6CAE4;
    text-align: center;
    margin: 0;
    padding: 0;
    }

    /* 1.2 - LINKS */

    a {
    color: #AFDA3B;
    text-decoration: none;
    }
    a:hover {
    text-decoration: none;
    }
    a img {
    border: none;
    }

    .color1 {
    color: #D6EE72;
    }

    .color2 {
    color: #9DC9E8;
    }

    /* 1.3 - HEADERS */

    h1, h2, h3 {
    margin: 0px;
    text-transform: lowercase;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    }

    h1 {
    letter-spacing: -2px;
    font-size: 36px;
    }

    h2 {
    letter-spacing: -1px;
    font-size: 22px;
    }

    h3 {
    font-size: 13px;
    font-weight: bold;
    }

    p, ul, ol {
    margin: 0px 0px 20px 0px;
    text-align: justify;
    line-height: 140%;
    }

    ul, ol {
    }
    /* 1.4 - MISC - LISTED ALPHABETICALLY */

    abbr {
    border-bottom: 1px dashed #999;
    cursor: help;
    font-size: 0.9em;
    letter-spacing: .07em;
    }
    address {
    margin-bottom: 20px;
    }

    acronym {
    border-bottom: 1px dashed #999;
    cursor: help;
    font-size: 0.9em;
    letter-spacing: .07em;
    }

    blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    color: #777;
    }
    blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

    code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }
    dl {
    margin-bottom: 20px;
    }
    dt {
    margin-left: 10px;
    }
    fieldset {
    margin-bottom: 20px;
    }
    hr {
    display: none;
    }

    pre {
    margin-bottom: 20px;
    }
    select {
    width: 130px;
    }

    small {
    font-size: 0.9em;
    line-height: 1.5em;
    color: #777;
    }

    span {}
    span.caps {
    cursor: help;
    font-size: 0.9em;
    letter-spacing: .07em;
    }

    strike {
    color: #777;
    }
    table {
    margin-bottom: 20px;
    }

    /* `2. Structure
    ----------------------------------------------------------------------------------------------------*/

    /* 2.1 - PAGE */

    #page {
    text-align: left;
    margin: 20px auto;
    padding: 0;
    }
    .ltr {
    background: url('images/page_background_ltr.png');
    }

    .rtl {
    background: url('images/page_background_rtl.png');
    }

    /* 2.1.1 - HEADER */

    #header {
    width: 880px;
    height: 180px;
    margin: 0px auto;
    }
    #header .description {
    font-size: 1.2em;
    text-align: center;
    text-decoration: none;
    color: white;
    }

    /* Logo */

    #logo {
    float: left;
    width: 560px;
    background: url(images/homepage01.gif) repeat-x left bottom;
    }

    #logo h1 {
    padding: 55px 5px 15px 0px;
    text-transform: lowercase;
    }

    #logo a {
    text-decoration: none;
    color: #FFFFFF;
    }

    /* Menu */

    #menu {
    float: right;
    background: url(images/homepage01.gif) repeat-x left bottom;
    }

    #menu ul {
    margin: 0px 110px 0px -40px;
    padding: 80px 0px 16px 30px;
    list-style: none;
    }

    #menu li {
    display: inline;
    }

    #menu a {
    padding: 0px 13px 0px 16px;
    background: url(images/homepage03.gif) no-repeat left center;
    text-decoration: none;
    text-transform: lowercase;
    letter-spacing: -1px;
    font-size: 18px;
    }

    #menu a:hover {
    color: #9DC9E8;
    }

    #menu .first a {
    background: none;
    }

    #menu .current_page_item a {
    color: #FFFFFF;
    }

    /* 2.1.2 - MAIN WRAPPER */

    #main_wrapper, #bg1, #bg2 {
    height: 800px;
    min-height: 800px;
    }

    html>body #wrapper, html>body #bg1, html>body #bg2 {
    height: auto;
    }

    #main_wrapper {
    background: url(images/bg02.jpg) repeat-x left top;
    margin: 0;
    }

    #bg1 {
    background: url(images/bg03.jpg) repeat-y center top;
    }

    #bg2 {
    background: url(images/bg04.jpg) no-repeat center top;
    }

    /* 2.1.2.1 - CONTENT */

    #content {
    width: 680px;
    margin: 0px auto;
    float: left;
    font-size: 1.2em
    }
    .narrowcolumn {
    float: left;
    padding: 0 0 20px 85px;
    margin: 0px 0 0;
    }
    .narrowcolumn .postmetadata {
    padding-top: 5px;
    }

    .widecolumn {
    padding: 10px 0 20px 0;
    margin: 0px 20px 0 20px;
    }
    .widecolumn .postmetadata {
    margin: 30px 0;
    }

    .widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
    }

    .widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
    }
    .navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
    /* 2.1.2.1.1 - POST */
    .post {
    margin: 0 0 40px;
    text-align: justify;
    }
    .post hr {
    display: block;
    }
    .post p img {
    padding: 10px;
    }
    .post p {
    line-height: 1.5em;
    }
    /* 2.1.2.1.1.1 - ENTRY */
    .entry {}
    .entry p a:visited {
    color: #b85b5a;
    }
    /* DOES NOT WORK ON IE, GOES BACK TO REGULAR BULLETS START */
    html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    }

    html>body .entry li {
    margin: 7px 0 8px 10px;
    }
    /* DOES NOT WORK ON IE END */
    .entry ul li:before {
    content: "0BB 020";
    }
    .entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }

    .entry ol li {
    margin: 0;
    padding: 0;
    }
    .entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }
    .postmetadata {
    color: #777;
    clear: both;
    font-size: .95em;
    }
    .postmetadata dt{
    float: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding-right: 5px;
    }
    .postmetadata dd{
    margin-bottom: 5px;
    float: left;
    padding-right: 10px;
    }
    .postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }
    .alt {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 10px;
    }
    /* 2.1.2.1.1.2 - COMMENTLIST */
    .commentlist {
    padding: 0;
    text-align: justify;
    }
    .commentlist li {
    font-weight: bold;
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }
    .commentlist li .avatar {
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }
    .commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }
    .commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    margin: 10px 5px 10px 0;
    }
    .commentlist li, #commentform input, #commentform textarea {
    font-size: 0.9em;
    }
    .commentmetadata {
    font-weight: normal;
    margin: 0;
    display: block;
    }

    #commentform {}
    #commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }
    #commentform p {
    margin: 5px 0;
    }
    #commentform textarea {
    width: 100%;
    padding: 2px;
    }

    #commentform #submit {
    margin: 0;
    float: right;
    }
    .nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #777;
    }
    /* 2.1.2.2- SIDEBAR */
    #sidebar {
    padding: 20px 0 10px 0;
    float: right;
    }
    #sidebar h2 {
    font-size: 1.2em;
    margin: 5px 0 0;
    padding: 0;
    text-decoration: none;
    }

    #sidebar form {
    margin: 0;
    }
    #searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }

    #sidebar #searchform #s {
    width: 108px;
    padding: 2px;
    }

    #sidebar #searchsubmit {
    padding: 1px;
    }

    #sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }

    #sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

    #sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }

    #sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }

    #sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }

    #sidebar ul ol li {
    list-style: decimal outside;
    }

    #sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    color: #777;
    }
    #sidebar ul ul li:before {
    content: "0BB 020";
    }

    /* 2.1.3.2- FOOTER */

    #footer {
    padding-top: 20px;
    margin: 0 auto;
    clear: both;
    background: url('images/homepage01.gif) repeat-x left top
    }

    #footer p {
    margin: 0px;
    padding: 0px;
    line-height: normal;
    text-align: center;
    }

    #footer_rss_links {
    line-height: 16px;
    text-align: center;
    padding-bottom: 20px;
    }

    /* `3. Components
    ----------------------------------------------------------------------------------------------------*/

    /* 3.1 - CALENDAR */

    #wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }

    #wp-calendar a {
    text-decoration: none;
    display: block;
    }

    #wp-calendar caption {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    }

    #wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    text-align: center;
    }

    #wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }

    #wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff;
    }

    #wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    font-size: 9pt;
    }

    #wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    font-size: 9pt;
    }

    /* 3.2 - IMAGES */

    p img {
    max-width: 100%;
    }

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

    /* 3.3 - CAPTIONS */

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

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

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

    /* `3. Helpful Classes - Listed Alphaberically
    ----------------------------------------------------------------------------------------------------*/

    .aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .alignleft {
    float: left;
    }

    .alignright {
    float: right;
    }

    .center {
    text-align: center;
    }

    .clear {
    clear: both;
    }

    .hidden {
    display: none;
    }

    `

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.