Copying a theme with CSS / The Journalist 1.3

  • Unknown's avatar
    laurenceellis · Member ·

    Hi there

    I have spent 2 days trying to solve this problem to no avail. As follows //

    I am starting a new blog. There used to be a great theme called the Journalist 1.3 by Lucian Marin which i would like to use.
    Sadly it has been discontinued and is no longer available on either wordpress/his website/anywhere online for download. I installed 1.9 which aesthetically i do not like.

    Luckily my girlfriend used the the 1.3 version so my reasoning was as follows //

    Log in to her account > Edit Profile > Appearance > Themes > Edit CSS > View original stylesheet.
    I then copied the css.

    The next step was to do this in the hope it would just recreate the style //

    Log in to my account > Edit Profile > Appearance > Themes > Edit CSS > Start from scratch (keeping the line width the same).
    I then pasted the css copy into the stylesheet editor.
    Unfortunately what comes out is almost there but there are some major glitches too.

    Is there a solution and is this approach possible.
    I absolutely love the theme and even wrote to the author with no reply.
    Sadly i know nothing about html or css but im hoping there must be an easy workaround.

    Please help!

    Hers looks like this / http://chrisnadebruyn.wordpress.com/
    Mine Looks like this! / http://laurenceellis.wordpress.com/

    Original CSS stylesheet as copied from her site (1.3) included below.

    /*
    Theme Name: The Journalist v1.3
    Theme URI: http://lucianmarin.com/
    Description: The Journalist is a smart, minimal theme designed for professional journalists.
    Version: 1.3-wpcom
    Author: Lucian Marin
    Tags: white, two-columns, fixed-width, light, rtl-language-support, right-sidebar, sticky-post
    Status: inactive

    For the WordPress community (GPL), enjoy it guys.
    by Lucian Marin – lucianmarin.com
    */

    body {
    background:#fff;
    font-family:Georgia, “Times New Roman”, Times, serif;
    font-size:14px;
    color:#222;
    padding:0;
    margin:0;
    border-top:#333 2px solid;
    }

    * {
    padding:0;
    margin:0;
    }

    #container {
    width:950px;
    margin:0 auto;
    }

    #container h1 {
    font-size:28px;
    font-weight:normal;
    padding:20px 10px;
    }

    #container h1 a {
    color:#222;
    text-decoration:none;
    }

    #container h1 a:hover {
    color:#222;
    text-decoration:none;
    border-bottom:#777 1px solid;
    }

    #content {
    float:left;
    width:720px;
    padding:0 0 0 10px;
    }

    #content h2 {
    font-size:22px;
    font-weight:normal;
    margin:0 0 15px 0;
    }

    #content h2 a {
    color:#222;
    text-decoration:none;
    }

    #content h2 a:hover {
    color:#222;
    text-decoration:none;
    border-bottom:#777 1px solid;
    }

    #content h3, #content h4 {
    margin-bottom: 0.5em;
    }

    #postnav {
    margin:0 0 10px 0;
    }

    #postnav a {
    color:#004276;
    text-decoration:underline;
    }

    #postnav a:hover {
    color:#2b9cce;
    text-decoration:underline;
    }

    .main a,
    .tags a {
    color:#004276;
    text-decoration:underline;
    }

    .main a:hover,
    .tags a:hover {
    color:#2b9cce;
    text-decoration:underline;
    }

    .main a img {
    padding:2px;
    border:#fff 2px solid;
    }

    .main a:hover img {
    padding:2px;
    border:#2b9cce 2px solid;
    }

    .main p {
    line-height:25px;
    margin:0 0 10px 0;
    }

    .main ol {
    margin:0 0 0 30px;
    }

    .main ul {
    margin:0 0 0 30px;
    }

    .main li {
    margin:0 0 10px 0;
    }

    .meta {
    background-color:#333;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#eee;
    padding:4px 6px;
    margin:0 0 10px 0;
    }

    .meta a {
    color:#eee;
    font-weight:bold;
    text-decoration:none;
    }

    .meta a:hover {
    color:#fff;
    text-decoration:none;
    }

    .tags {
    margin:0 0 20px 0;
    clear:both;
    }

    .comments {
    font-size:12px;
    margin:0 0 40px 0;
    clear:both;
    }

    .comments a {
    padding:1px 6px 3px 4px;
    color:#222;
    text-decoration:none;
    border-top:#ccc 1px solid;
    line-height:22px;
    }

    .comments a:hover {
    padding:1px 6px 3px 4px;
    color:#222;
    text-decoration:none;
    border-top:#777 1px solid;
    }

    #sidebar {
    float:left;
    width:180px;
    font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
    font-size:12px;
    border-left:#999 1px solid;
    margin:0 0 0 20px;
    padding:0 0 10px 10px;
    }

    #sidebar h3 {
    font-size:14px;
    margin:20px 0 5px 0;
    }

    #sidebar a {
    color:#222;
    text-decoration:none;
    border-bottom:#ccc 1px solid;
    }

    #sidebar a:hover {
    color:#222;
    text-decoration:none;
    border-bottom:#777 1px solid;
    }

    #sidebar ul {
    list-style:none;
    }

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

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

    #sidebar ul li {
    padding:0 0 5px 0;
    }

    #author h3 {
    margin:5px 0 5px 0;
    }

    .searchinfo {
    padding:0 0 0 0;
    }

    #searchform {
    margin:15px 0 0 0;
    }

    #searchform input {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    background-color:#222;
    margin:2px 0;
    padding:1px 4px 2px 4px;
    border:#888 1px solid;
    color:#eee;
    }

    #searchform input:hover {
    cursor:pointer;
    background-color:#333;
    border:#999 1px solid;
    color:#fff;
    }

    #searchform #s {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    margin:2px 0;
    background-color:#f6f6f6;
    padding:2px 4px;
    border:#aaa 1px solid;
    color:#222;
    }

    #searchform #s:hover {
    background-color:#fff;
    color:#222;
    }

    input.searchfield {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    display:block;
    background-color:#f6f6f6;
    margin:5px 0 8px 0;
    padding:2px 4px;
    border:#aaa 1px solid;
    color:#222;
    }

    input.searchfield:hover {
    background-color:#fff;
    color:#222;
    }

    input.submit {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    display:block;
    background-color:#222;
    margin:0 0 10px 0;
    padding:1px 4px 2px 4px;
    border:#888 1px solid;
    color:#eee;
    }

    input.submit:hover {
    cursor:pointer;
    background-color:#333;
    border:#999 1px solid;
    color:#fff;
    }

    input.subcom {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    background-color:#eee;
    margin:0 0 10px 0;
    padding:1px 4px 2px 4px;
    border:#888 1px solid;
    color:#222;
    }

    input.subcom:hover {
    cursor:pointer;
    background-color:#222;
    border:#888 1px solid;
    color:#eee;
    }

    input.comment {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    background-color:#f6f6f6;
    padding:2px 4px;
    border:#aaa 1px solid;
    color:#222;
    }

    input.comment:hover {
    background-color:#fff;
    color:#222;
    }

    textarea {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px;
    width:500px;
    padding:2px 4px;
    background-color:#f6f6f6;
    border:#aaa 1px solid;
    color:#222;
    }

    textarea:hover {
    background-color:#fff;
    color:#222;
    }

    .postinput small {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    margin:0 0 0 5px;
    }

    p.logged {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px;
    }

    p.logged a {
    color:#222;
    text-decoration:none;
    border-bottom:#ccc 1px solid;
    }

    p.logged a:hover {
    color:#222;
    text-decoration:none;
    border-bottom:#777 1px solid;
    }

    h3.reply {
    font-size:15px;
    margin:0 0 10px 0;
    }

    .nocomments {
    font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
    margin:0 0 30px 0;
    }

    ol.commentlist {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px;
    list-style:none;
    padding:0 0 10px 0;
    margin:0 0 30px 0;
    border-bottom:#ccc 1px solid;
    }

    .commentlist li {
    border-top:#ccc 1px solid;
    margin:20px 0 0 0;
    list-style:none;
    }

    .commentlist li:hover {
    border-top:#ccc 5px solid;
    margin:16px 0 0 0;
    }

    .commentlist p {
    line-height:20px;
    margin:0 0 10px 0;
    }

    .commentlist .children {
    margin-left:2em;
    }

    .comment_author {
    font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
    font-size:14px;
    margin:20px 0 10px 0;
    }

    .comment_meta {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px;
    }

    #commentform p {
    line-height:25px;
    margin:0 0 10px 0;
    }

    .comment_author a, .commentlist a, .comment_meta a {
    color:#222;
    text-decoration:none;
    border-bottom:#ccc 1px solid;
    }

    .comment_author a:hover, .commentlist a:hover, .comment_meta a:hover {
    color:#222;
    text-decoration:none;
    border-bottom:#777 1px solid;
    }

    blockquote {
    background:url(images/quote.gif) no-repeat top left;
    font-style:italic;
    padding:0 0 0 60px;
    min-height: 50px;
    }

    #footer {
    background-color:#333;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#eee;
    border-top:#999 1px solid;
    margin:20px auto 0 auto;
    padding:10px 0 10px 0;
    text-align:center;
    }

    #footer a {
    color:#eee;
    font-weight:bold;
    text-decoration:none;
    }

    #footer a:hover {
    color:#fff;
    text-decoration:none;
    }

    #skip {
    display: none;
    }

    .clearleft {
    clear:left;
    }

    .warning p {
    background:url(images/warning.gif) no-repeat left;
    height:160px;
    padding:20px 0 0 90px;
    font-size:20px;
    margin:0 0 0 10px;
    }

    #wp-calendar {
    padding:10px 0 0 0;
    }

    #wp-calendar caption {
    font-size:1.1em;
    text-align:left;
    padding:5px 0 0 3px;
    }

    #wp-calendar tr th,
    #wp-calendar tr td {
    padding:0 4px;
    text-align:right;
    }

    #wp-calendar td a {
    font-weight:bold;
    text-decoration:none;
    }

    #wp-calendar td a:hover {
    font-weight:bold;
    text-decoration:none;
    }

    /* wpcom */
    .commentlist li.bypostauthor {
    background-color:#f6f6f6;
    padding: 0 0.5em 0.5em 0.5em;
    }

    .reply {
    clear: both;
    padding-top: 15px;
    }

    .previous { float: left; }

    .next { float: right; }

    img.centered, img.aligncenter {
    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, div.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;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

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

    #content .sticky h2 { background: #ddd; margin: 0; padding: 10px;}

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    laurenceellis · Member ·

    I’ve since noted in the forums that css is theme dependent.
    Is there anyway to back up the theme from my girlfriends blog and apply it to mine?
    This is a really popular theme and there must be a way to restore it? Is there?

  • Unknown's avatar
    timethief · Member ·

    If you have already activated The Journailst 1.3 on your blog then it will NOT appear in the themes that you can select from. I can clearly see that theme listed in my dashboard so I suspect it is activated and appearing on your blog.

    CSS is theme specific. If you have custom CSS and later change themes, you need to delete whatever CSS you have in the Editor, otherwise, you’ll get undesired results.

    To ‘reset’ a theme, you need to delete the CSS in the Editor, make sure the “add to existing CSS” radio button is checked, then save. Things should go back to normal.

    When you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing.

    Read this for more information > http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

  • Unknown's avatar
    laurenceellis · Member ·

    Thank you!

    I think i understand this. The problem is this them (1.3) doesn’t exist anymore – or its not downloadable. Hence i’m trying to copy it from my girlfriends CSS code to recreate the same look – i have 1.9 but i dont like the look of it.

  • Unknown's avatar
    panaghiotisadam · Member ·

    Bad news timethief: I recently set up a blog for a friend and found out that Journalist 1.3, Sandbox 0.6 and Sandbox 1.1 are no longer available to new blogs. Just like Pressrow.

  • Unknown's avatar
    timethief · Member ·

    @laruen
    All I know is that CSS is theme dependent and the stylesheets cfrom one theme cannot be used on another so I think you have an answer if you read what Panos said.

    @Panos
    Thanks for enligthening me on that – bookmarking.

  • Unknown's avatar
    tapeyou · Member ·

    wanna get v1.3 tooo but its impossible v1.9 sucks.. dont know whay did this guy changet it. 1.3 was so much better

  • Unknown's avatar
    thesacredpath · Member ·

    Your only options are to start with another theme, such as 1.9 and then go through all the CSS and style the theme so that it looks like 1.3.

  • Unknown's avatar
    thesacredpath · Member ·

    … dont know whay did this guy changet it.

    Themes are the property of the designer. That means they can change it whenever they want and however they want and they don’t have to ask anyone.

  • Unknown's avatar
    wank · Member ·

    It’s still in the repo at http://svn.automattic.com/wpcom-themes/journalist-13/, so you could use it if you went self-hosted (might require some tweaking though). If anyone else has a particular love for this theme and wants the option to use it on .org someday, I suggest you grab it now before it goes poof.

  • The topic ‘Copying a theme with CSS / The Journalist 1.3’ is closed to new replies.