Wordpress Theme Me!
---
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.
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).
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.
/*
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
August 6th, 2008 at 9:06 am
[...] 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. [...]
August 24th, 2008 at 5:06 am
[...] 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. [...]
November 11th, 2008 at 2:22 pm
Thanks for writing this.
January 7th, 2009 at 11:51 am
[...] 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. [...]
June 27th, 2009 at 12:00 am
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!
September 4th, 2009 at 11:55 am
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!
June 13th, 2010 at 10:15 pm
ymjhcwu@pumsqgt.ru” rel=”nofollow”>1…
no more…