WordPress

Newsprint 1.0

Newsprint 1.0

Download | Test run

Theme info

A newspaper-like theme converted from the old Insanely Simple Blog system. Put PNGs with the same name as your categories (all in lowercase) in the wp_content/themes/newsprint/images folder and they’ll be displayed as category icons on each post.

Author: Jeremy Browne

More themes by this author

Tags: 1 column, Fluid width, Left sidebar, No images, Right sidebar, White

Downloads: 2,396

Report theme

2 Responses

RSS feed for comments on this post. TrackBack URI

  1. It appears I need to work on this one. A change in the stylesheet will fix the child category issues. There are also some negative margins in the lists that should only be applied in the sidebars, but are showing up in the comments. I’ll get to those soon.

    It’s interesting that the category image on the test site (a gif) doesn’t let the tool line run behind it, but PNGs do, resulting in a much better visual hierarchy and flow. Check out the screenshot in the theme for an example of how it looks with PNGs.

    This is version 0.5. I should have another version out shortly.

    Comment by cvd6262 — May 24, 16:23

  2. I’m still waiting for permission to update this theme, but the problems I described above are fixed with the stylesheet below. Until Newsprint is updated to 1.1, just replace the style.css with this:

    /*
    Theme Name: Newsprint
    Theme URI: http://wordpress.org/
    Description: A newspaper-like theme converted from the old Insanely Simple

    Blog system. Put PNGs with the same name as your categories (all in

    lowercase) in the wp_content/themes/newsprint/images folder and they’ll be

    displayed as category icons on each post.
    Version: 1.0
    Author: Jeremy Browne
    Author URI: http://brownelearning.org

    Newsprint 0.5
    http://brownelearning.org/newsprint

    This these is a creation of Jeremy Browne, but he started with

    Michael Heilemann’s Kubrik theme.

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php

    */

    body {

    }

    #header {
    text-align: center;
    margin-bottom: 20px;
    }

    #header a {
    color: #000000;
    font-size: 48pt;
    font-weight: normal;
    }

    #header h2 {
    }

    #header a:hover {
    color: #0000FF;
    }

    .description {
    margin-top: -25px;
    }

    #content {
    position: absolute;
    left: 230px;
    right: 230px;
    }

    #content h2 {
    font-size: 24px;
    margin-bottom: -21px;
    padding-bottom: 20px;
    }

    #singlecontent {
    position: absolute;
    left: 130px;
    right: 130px;
    }

    #singlecontent h2 {
    font-size: 24px;
    margin-bottom: -21px;
    padding-bottom: 20px;
    }

    #sidebar_right {
    position: absolute;
    right: 0px;
    width: 200px;
    top: 150px;
    border-left: 1px solid #000000;
    padding-right: 10px;
    }

    #sidebar_left {
    position: absolute;
    left: 0px;
    width: 200px;
    top: 150px;
    border-right: 1px solid #000000;
    padding-left: 10px;
    }

    #sidebar_left h2 {
    text-align: center;
    padding-top: 10px;
    border-bottom: 1px solid #000000;
    }

    #sidebar_right h2 {
    text-align:center ;
    padding-top: 10px;
    border-bottom: 1px solid #000000;
    }

    .post {
    padding-bottom: 10px;
    }

    .post h2 {
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
    }

    .date {
    }

    h2 {
    color: #000000;
    font-weight: normal;
    }

    h2 a {
    color: #000000;
    }

    a {
    text-decoration: none;
    color: #5555FF;
    }

    a:hover {
    border-bottom: 1px dashed #000000;
    color: #0000FF;
    }

    #footer {
    position: relative;
    top: 0px;
    font-size: 10pt;
    }

    li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    text-indent: 0em;
    }

    #sidebar_right ul {
    list-style: none;
    margin-left: 0;
    margin-top: -14px;
    padding-left: 10px;
    text-indent: 0em;
    }

    #sidebar_right ul.children {
    list-style: none;
    margin-left: 0;
    margin-top: 0px;
    padding-left: 10px;
    text-indent: 0em;
    }

    #sidebar_left ul {
    list-style: none;
    margin-left: 0;
    margin-top: -14px;
    padding-left: 10px;
    text-indent: 0em;
    }

    #sidebar_left ul.children {
    list-style: none;
    margin-left: 0;
    margin-top: 0px;
    padding-left: 10px;
    text-indent: 0em;
    }

    input {
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #000000;
    margin: 5px;
    }

    input:hover {
    background-color: #EEEEEE;
    color: #0000FF;
    border: 1px solid #000000;
    }

    .navigation {
    margin-top: 20px;
    }

    .alignleft {
    text-align: left;
    }

    .alignright {
    text-align: right;
    }

    .postmetadata_alt {
    border: 1px dashed #000000;
    padding: 5px;
    }

    Comment by cvd6262 — May 24, 20:15

Leave a Reply