Turn Estranged into Stripped (and vice versa) Hack

Posted on August 6, 2007 | Category: Theme Hack

You might like to give Estranged a more minimal look, or (if you’re a Stripped user), you might decide you want a more conventional sidebar for a particular project. This is a WordpressTheme.Me hack that converts Estranged into a look more like Stripped. Or, if you prefer, it gives Stripped a more conventional sidebar and navigation, like Estranged. I won’t post a screenshot because basically it looks just like Stripped, with the structure of Estranged.

I’m basically posting my altered Estranged style.css for you to paste into your copy to try.

Step 1.

Upload Estranged, and change the name for all the image files, in the Themes>Estranged>Images folder. (This effectively comments them out, leading to an all-white background when the theme can’t find them).

Step 2.

Open up the stylesheet file (style.css) within your blog, by going to the Design > Theme Editor section.

Highlight all of the code in this file (you can copy/paste it somewhere - if you want a backup of the old version).

Highlight all of the code after the —-Code Start—- section on this page, and copy/ paste it over the old style.css content.

Press save, and that’s it. (It is very minor changes like font size and color, but it’s easier to give you the whole file than 30 little bits to do.)

You might also like to tweak and “comment out” sections of the sidebar, single post, and page template files, to your liking.

Good luck!

Please leave any comments or queries at the end of this page.

—————Code Start—————————-

/*
Theme Name: Estranged
Theme URI: http://www.tdhedengren.com/wordpress-themes; http://www.wordpresstheme.me
Description: Adaptable WordPress theme based on <a href=”http://www.slevel.com”>Slevel</a> 1.0. <a href=”http://www.tdhedengren.com”>Made by TDH. With slight edits by <a href=”http://www.wordpresstheme.me”>Wordpress Theme</a> to make it look more like <a href=”http://www.upstartblogger.com/wordpress-theme-stripped”>Stripped</a>.
Author: Thord Daniel Hedengren
Author URI: http://www.tdhedengren.com
Version: 1.0
*/

/* [global]
___________________________________ */

body {
margin: 30px 0px 0px 0px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 16px;
line-height: 150%;
color: #000000;
background-color: #fff;
}

a:link, a:active, a:visited {
color: #CC0000;
text-decoration: none;
}

a:hover {
color: #CC0000;
text-decoration: underline;
}

.sponsorlink { font-weight: normal !important; text-decoration: underline !important; }

img {
border-width: 0px;
}

img.right { float: right; margin: 0px 0px 20px 20px !important; }
img.left { float: left; margin: 0 20px 20px 0 !important; }
img.frame { margin: 0px; padding: 5px; border: 1px solid #ddd; }

blockquote { padding-left: 10px; border-width: 0 0 0 3px; border-style: double; border-color: #a50; font-family: Georgia, Arial, Helvetica, sans-serif; }

h2 {
font-size: 30px; <!–this is the single post title height–>
font-family: Georgia, Arial, Helvetica, sans-serif;
text-align: left !important;
font-weight: normal; <!–bold;–>
letter-spacing: -1px;
margin: 0px;
padding: 0px;
line-height: 90%;
color: #CC0000;
}

h3 {
font-size: 20px;
font-family: Georgia, Arial, Helvetica, sans-serif;
line-height: 100%;
letter-spacing: -1px;
color: #000000;
margin: 20px 0px 5px 0px;
padding: 20px 0px 0px 0px;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #000000;
}

.look { background-color: #ffffff; }

#site {
width: 100%;
text-align:center;
}

#blog {
margin: 0 auto;
width: 815px;
text-align:left;
}

#wrap {
width: 815px;
position: absolute;
padding: 0px;
background-color: #ffffff;
background: url(’img/wrap-bg-eee.gif’) repeat-y; /* column */
}

#rads {
position: absolute;
left: 865px; top: 30px;
width: 120px;
}

/* share this */
#akst_form { font-family:georgia, arial, helvetica, sans-serif; font-size: 12px; }

/* [header]
___________________________________ */

#logobox {
display:block; clear: both;
margin: 0px; padding: 0px; width:815px;
text-align: center;
background: #fff url(img/logo-bg.gif) repeat-x;
background-position: bottom;
line-height: 100%;
}

#logobox h1 { margin: 0; padding: 0; line-height: 100%; font-size: 5em; <!–72px;–> letter-spacing: -2px; font-weight: normal; }

#logobox p { margin: 0; padding: 5px 0 10px 0; font-size: 24px; <!–text-transform:uppercase;–> <!–font-style: italic;–> letter-spacing:-1px; color: #CC0000; }

#logobox h1 a { color: #CC0000; }

/* [content]
___________________________________ */

#content {
float: left;
position: relative;
width: 500px;
margin: 20px 0px 0px 0px;
padding: 0px;
overflow:hidden;
}

.post {
margin: 0px 0px 30px 0px;
padding: 0px;
}

.post p { text-align: justify; }

.post img { }

.post ul { padding: 0px; margin: 20px 20px 20px 20px; }
.post li { padding:0px 20px 5px 20px; <!–list-style:square inside;–> }

.moretext { <!–font-variant: small-caps;–> font-size: 14px; }

.entry { margin: 0px; padding: 0px; }
.entry p { margin-top: 0px; padding-top: 0px; text-align: justify; }

#numcom {
font-size: 60%;
font-weight: normal;;
}

#numcom a { color: #000000; text-decoration: underline; margin-left: 10px; }

.postmetadata {
font-size: 10px;
line-height: 120%;
color: #CC0000;
margin: 10px 0px;
padding: 0px;
<!–text-transform: uppercase;–>
}

img.post {
margin: 10px;
border: 0px;
}

.category {
font-size: 18px;
letter-spacing: -1px;
margin: 0px 0px 30px 0px;
border-color: #000000;
border-width: 0px 0px 1px 0px;
border-style: solid;
}

#pagenav { margin: 0px 0px 20px 0px; padding:20px 0px; clear:both; display:block; }
#pagenav p { padding: 0px; margin: 0px; line-height: 100%; font-size: 16px; font-family: georgia, arial, helvetica, sans-serif; letter-spacing: -1px; font-weight:bold; }
#previous { float:left; position:relative; margin:0px; padding: 0px; }
#later { float:right; text-align:right; position:relative; margin:0px; padding: 0px; font-size: 12px; letter-spacing: -1px; font-weight:bold; }

#footer {
clear: both;
margin: 20px 10px 10px 0px;
padding: 0px;
width: 100%;
}

#footie { margin: 0px; padding: 0px; width: 100%; display:block; line-height: 150%; font-size: 12px; overflow: hidden; background-color: #ffffff; background-image: url(img/footer-bg.gif); border-style:solid; border-color:#fff; border-width:1px; }

/* [comments]
___________________________________ */

#comment {
margin: 30px 0px 10px 0px;
padding: 0px;
background-color: #fff;
overflow: hidden;
}

#comment h2 {
margin: 0px;
padding: 0px;
font-size: 20px;
}

#comment p {
font-size: 14px;
line-height: 150%;
padding: 0px;
margin: 20px 0px;
}

#comment small { font-size: 12px; font-family: georgia, arial, helvetica, sans-serif; }

#comment p.commentbox {
margin: 5px 0px;
padding: 5px;
background-color: #ffffff;
border-color: #000000;
border-width: 0px 0px 1px 0px;
border-style: solid;
}

#commentstuff {
margin: 20px 0px 0px 0px;
padding: 20px;
background-color: #ffffff;
}

.commenter {
padding: 5px 0px 0px 0px;
margin: 20px 0px 10px 0px;
border-color: #000000;
border-width: 1px 0px 0px 0px;
border-style: solid;
font-size: 10px;
color: #666;
}

#commentlist {
margin: 10px 0px 10px 0px;
padding: 0;
border-bottom: 0px solid #000000;
list-style-type: none;
}

#comment li, #commentlist li {
border-top: 0px solid #000000;
background-image: url(img/comment-bg.gif);
background-repeat: repeat-x;
background-color: #fff;
padding: 1px 20px;
font-size: 14px;
line-height: 140%;
font-weight: normal;
text-transform: none;
list-style-type: none;
}
.alt {
background-color: #fff !important;
background-image: none;
}

.commentmeta {
margin: 0px 0px 10px 0px;
font-size: 0.9em;
color: #000000;
}
.thecomment {
margin: 20px 0px 0px 0px;
}

/* [sidebar]
___________________________________ */

#sidebar {
float: right;
position: relative;
width: 280px;
margin: 0px;
padding: 0px;
display: inline;
font-size: 16px;
line-height: 100%;
color: #000000;
background-color: #ffffff;
background-image: url(img/sidebar-bg.gif);
background-repeat: repeat-x;
}

#sidebar ul { margin: 20px 0px 0px 0px; padding: 0px 20px;}

#sidebar ol { margin:0px; padding: 0px; }

#sidebar li { list-style: none; color: #000000; margin: 0 0 2px 2px; padding: 0px; }

#sidebar h2 {
font-family: Georgia, Times, Times New Roman;
font-size: 24px;
font-weight:normal;
<!–text-transform:uppercase;–>
<!–font-style: italic;–>
letter-spacing: -1px;
color: #000000;
padding-bottom: 5px;
}

#sidebar p { margin: 0px; padding: 0px; }

/* [forms]
___________________________________ */

#searchtip { margin: 20px; padding: 0px; height:70px; background-color: #fff; line-height: 100%; display:block; }
#who { float:left; margin: 20px 0px 0px 0px; padding: 0px; text-align:left; }
#searcharea { float:right; margin: 20px 0px 0px 0px; padding-right: 20px; }

.form { margin: 0px; padding: 0px; overflow:hidden; }

.input { border-width: 1px; border-style:solid; border-color: #d6d6d6; font-family: Georgia, Times New Roman, Times, serif; font-size: 16px; line-height: 100%; color: #888; padding: 5px; }

.button { background-color: #fff; border-width: 0px; border-style: none; font-size: 18px; font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px; <!–text-transform: uppercase;–> text-decoration: underline; text-align: right; color: #CC0000; }

» Filed Under Theme Hack

51 Responses to “Turn Estranged into Stripped (and vice versa) Hack”

  1. Wordpress theme me! » Blog Archive » Uber-White Themes Says:

    [...] If you have a project that you want the look of stripped, but you need a more conventional sidebar, WordpressTheme.me has made a hack that gives you this option. Basically it takes a very Stripped-like theme (Estranged), and gives you Stripped fonts, colors and sizes. You can get the hack here. [...]

  2. Wordpress theme me! » Blog Archive » Unique Free Themes Says:

    [...] If you have a project that you want the look of stripped, but you need a more conventional sidebar, WordpressTheme.me has made a hack that gives you this option. Basically it takes a very Stripped-like theme (Estranged), and gives you Stripped fonts, colors and sizes. You can get the hack here. [...]

  3. Lotta Says:

    Thanks for writing this.

  4. Pagetopia » Blog Archive » Weird and Wonderful Themes Says:

    [...] If you have a project that you want the look of stripped, but with a more conventional sidebar, WordpressTheme.me has made a hack that gives you this option. Basically, download a very Stripped-like theme (Estranged), and then add in our Stripped-like fonts, colors and sizes. You can get the hack here. [...]

  5. CocoChanels Says:

    Who knows where to download XRumer 5.0 Palladium?
    Help, please. All recommend this program to effectively advertise on the Internet, this is the best program!

  6. Lyagushkka Says:

    Who knows where to download XRumer 5.0 Palladium?
    Help, please. All recommend this program to effectively advertise on the Internet, this is the best program!

  7. Ivan Says:

    ymjhcwu@pumsqgt.ru” rel=”nofollow”>1…

    no more…

  8. Alexander7 Says:

    buy@generic.LEVITRA” rel=”nofollow”>…

    Need cheap generic LEVITRA?…

  9. SALVADOR Says:

    Purchase@Abilify.Without.Prescription” rel=”nofollow”>..

    Buygeneric meds…

  10. JEFFREY Says:

    Order@Cheap.Acai” rel=”nofollow”>…

    Buynow it…

  11. TERRENCE Says:

    Cheap@Generic.Acai” rel=”nofollow”>..

    Buyit now…

  12. DONNIE Says:

    Buy@Discount.Coral.Calcium” rel=”nofollow”>..

    Buywithout prescription…

  13. ENRIQUE Says:

    Purchase@Cheap.Coral.Calcium” rel=”nofollow”>.

    Buynow it…

  14. ROY Says:

    Purchase@Cheap.Coral.Calcium” rel=”nofollow”>…

    Buywithout prescription…

  15. EDUARDO Says:

    Purchase@Abilify.Without.Prescription” rel=”nofollow”>..

    Buygeneric pills…

  16. WILLIE Says:

    Buy@Discount.Acai” rel=”nofollow”>…

    Buygeneric drugs…

  17. CHARLIE Says:

    Order@Cheap.Acai” rel=”nofollow”>..

    Buynow it…

  18. WALLACE Says:

    Get@Acai.Online” rel=”nofollow”>…

    Buygeneric drugs…

  19. VICTOR Says:

    Buy@Acai.Without.Prescription” rel=”nofollow”>.

    Buygeneric drugs…

  20. TONY Says:

    Buy@Discount.Energy.Boost” rel=”nofollow”>.…

    Buynow it…

  21. BILLY Says:

    Cheap@Accupril.Online” rel=”nofollow”>.…

    Buygeneric drugs…

  22. SAM Says:

    Buy@Cheap.Accutane” rel=”nofollow”>.…

    Buygeneric drugs…

  23. CARL Says:

    Cheap@Accutane.Online” rel=”nofollow”>.…

    Buygeneric meds…

  24. ADAM Says:

    Order@Aciphex.Online” rel=”nofollow”>.…

    Buyno prescription…

  25. SERGIO Says:

    Buy@Generic.Actonel.35mg” rel=”nofollow”>.

    Buyno prescription luw…

  26. VICTOR Says:

    Generic@Actonel.35mg.Without.Prescription” rel=”nofollow”>..

    Buygeneric pills zdg…

  27. DARYL Says:

    Order@Cheap.Actoplus.Met” rel=”nofollow”>..

    Buygeneric drugs krg…

  28. CLIFTON Says:

    Buy@Generic.Actos.15mg.30mg” rel=”nofollow”>..

    Buygeneric meds qmo…

  29. LLOYD Says:

    Order@Cheap.Abilify” rel=”nofollow”>…

    Buywithout prescription xiu…

  30. MARCUS Says:

    Buy@Abilify.5mg.10mg.15mg.20mg.30mg” rel=”nofollow”>..

    Buynow it vhx…

  31. PHILIP Says:

    Abilify@5mg.10mg.15mg.20mg.30mg.Without.Prescription” rel=”nofollow”>…

    Buygeneric meds svb…

  32. ALFRED Says:

    Buy@Cheap.Acai” rel=”nofollow”>..

    Buyno prescription wkp…

  33. BRUCE Says:

    Order@Acai.Online” rel=”nofollow”>..

    Buyno prescription jui…

  34. LEROY Says:

    Cheap@Acai.Online” rel=”nofollow”>…

    Buyit now sge…

  35. VINCENT Says:

    Purchase@Cheap.Energy.Boost” rel=”nofollow”>.

    Buyit now ojb…

  36. TRAVIS Says:

    Buy@Cheap.Accutane” rel=”nofollow”>..

    Buyno prescription tao…

  37. JASON Says:

    Get@Accutane.Online” rel=”nofollow”>…

    Buywithout prescription ccw…

  38. BRUCE Says:

    Cheap@Generic.Accutane.10mg.20mg” rel=”nofollow”>…

    Buynow it zdg…

  39. RONNIE Says:

    Accutane@10mg.20mg.Without.Prescription” rel=”nofollow”>..

    Buygeneric drugs ajd…

  40. MARVIN Says:

    Aciphex@20mg.Without.Prescription” rel=”nofollow”>.

    Buynow it lmg…

  41. MITCHELL Says:

    Buy@Discount.Acomplia” rel=”nofollow”>..

    Buydrugs without prescription faj…

  42. BRYAN Says:

    Cheap@Advair.Online” rel=”nofollow”>.

    Buygeneric drugs nih…

  43. ALVIN Says:

    Buy@Advair.25mcg50mcg.25mcg125mcg.25mcg250mcg.50mcg500mcg.50mcg100mcg.50mcg250mcg” rel=”nofollow”>..< /blo…

    Buygeneric meds dxy…

  44. RUSSELL Says:

    Buy@Advair.25mcg50mcg.25mcg125mcg.25mcg250mcg.50mcg500mcg.50mcg100mcg.50mcg250mcg” rel=”nofollow”>…< /bl…

    Buygeneric drugs vbr…

  45. REGINALD Says:

    < a href=”http://trig.com/advair4746/biography/?ml=Generic-Advair-25mcg/50mcg-25mcg/125mcg-25mcg/250mcg-50mcg/500mcg-50mcg/100mcg-50mcg/250mcg-Without-Prescription Generic@Advair.25mcg50mcg.25mcg125mcg.25mcg250mcg.50mcg500mcg.50mcg100mcg.50mcg2

    Buydrugs without prescription jlg…

  46. JULIUS Says:

    allopurinol@cheap.buy” rel=”nofollow”>..

    Buyit now…

  47. greg Says:

    Download@pop.Rock” rel=”nofollow”>…

    Search rock US Charts…

  48. STEPHEN Says:

    warfarin zoloft

    Buy_drugs without prescription…

  49. CHARLIE Says:

    do cats carry ringworm

    Buy_generic meds…

  50. PATRICK Says:

    recent advances in cancer breast

    Buy_now…

  51. ROGER Says:

    soft food diet ideas

    Buy_drugs without prescription…

Leave a Reply

You must be logged in to post a comment.


We went with Hostgator and are happy : ) Copyright © 2008 WordpressTheme.Me | All Rights Reserved | Powered by the beautiful Wordpress | Based on a design by YGoY