![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
I've copied my LJ style to DW using a Core 1 layout layer (Flexible Squares) and a custom css stylesheet (by circa77 on LJ, modified by me) in the customization wizard. It works fine on DW with one exception that I can see: the entry text isn't right on the reply page (?mode=reply). It does work in the entry view (the one you get to by following a cut or a direct link) and even the 'read comments' view, and it's not a problem on LJ, so the issue seems to be DW-specific. It seems to affect only the entry and date/subject text, too — the entry background colour and all other parts of the page are fine.
I've tried to tweak it using .lj-view-reply .entry or .entry_text, which hasn't made a difference in any variation I've tried. If anyone has any idea of how to fix this, I'd be most grateful to know. :)
I've tried to tweak it using .lj-view-reply .entry or .entry_text, which hasn't made a difference in any variation I've tried. If anyone has any idea of how to fix this, I'd be most grateful to know. :)
Tags:
Re: Add this, too, fixes userpic border issues: (one more change in bold)
Date: 2010-10-24 08:46 pm (UTC)/* Cleaned CSS: */
/* Template: The Shutter Falls */
/* Date: 13 August 2010 */
/* S2 Style: Flexible Squares */
/* Made by Anita aka bzzinglikeneon */
/* Available at circa77.livejournal.com */
/* General */
body {background:#fbfbfb; margin:0; color:#000; font-family:helvetica, arial, sans-serif;}
a, a:link, a:visited {color:#db5c83;}
a:hover {color:#bbb; text-decoration:none;}
h2, h3 {color:#666;}
ul, ol {color:#666;}
h2, h3 {padding:0px 20px; margin:0 20px 10px 20px; border-bottom:1px dashed #ccc;font-size:20px; font-weight:normal; text-transform:lowercase;}
blockquote, code {background:#fff; border-right:4px solid #e6e6e6; padding:15px;}
input, textarea {border:1px solid #ccc; background:#fbfbfb; color:#000;}
textarea {opacity:1; padding:5px;}
textarea:hover {opacity:1;}
select {border:1px solid #ccc; background:#fff; color:#000;}
#content {width:auto; border:0; padding:0; background:transparent;}
#maincontent {margin:0 0 0 300px; background:#f4f4f4; color:#000 !important; border:0; border-left:1px dashed #ccc;}
/* Header & Footer */
#header, #footer {margin-left:300px; background:#f4f4f4; border:0; border-left:1px dashed #ccc; padding-top:0;}
ul.navheader, ul.navfooter {background:#333; padding:15px; margin:0; text-align:left;}
ul.navheader li, ul.navfooter li {font-weight:normal; text-transform:uppercase; font-size:10px; color:#aaa;}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color:#fbfbfb; padding:15px 8px;}
div#header a:hover, div#footer a:hover {color:#fff; background:#db5c83;}
.clearfoot {display:none;}
.title {color:#333; background:#ccc; text-transform:uppercase; text-align:right; padding-right:15px;}
.subtitle {color:#333; background:#ccc; text-transform:lowercase; text-align:right; padding-right:15px; padding-bottom:15px}
/* Entries */
.datesubject {padding: 0; margin-right:20px; margin-left:20px; background:transparent;}
.date, .replytoposter {color:#bbb; border-bottom:1px dashed #ccc; padding-top: 2px; padding-bottom: 2px; font-size:9px; text-transform:uppercase;}
.subject,.replytosubject {color:#db5c83; padding: 6px 0px; font-family:verdana, sans-serif; font-size:18px; line-height:15px; letter-spacing: 2px; font-weight:normal;}
.subject a, .subject a:link, .subject a:visited {color:#db5c83; font-weight:normal;}
.subject a:hover {color:#db5c83; background:transparent;}
.entry {border:0; background:transparent; margin:0 10px; font-size: 13px; font-family:verdana, sans-serif; color:#000;}
.entry_text {text-align:left;font-family:verdana, sans-serif; font-size:13px; color:#000;}
* html .entry {}
.entry ul li, .entry ol li {color: #000;}
.ljtags {font-weight:bold; text-transform:lowercase; margin-top:15px; padding-left:12px; background:transparent url(http://pics.livejournal.com/bzzinglikeneon/pic/001k2k83) no-repeat center left; padding-bottom:0;}
.ljtags a, .ljtags a:link, .ljtags a:visited {font-weight:normal;}
.currents {margin-top:-30px; text-transform:uppercase;}
.currentlocation {background:transparent url(http://pics.livejournal.com/bzzinglikeneon/pic/001k9deg) no-repeat center left; padding-left:12px;}
.currentmood {background:transparent url(http://pics.livejournal.com/bzzinglikeneon/pic/001k535a) no-repeat center left; padding-left:12px; padding-top:15px;}
.currentmood img {padding-right:5px;}
.currentmusic {background:transparent url(http://pics.livejournal.com/bzzinglikeneon/pic/001k614q) no-repeat center left; padding-left:12px; padding-top:5px;}
.currentgroups {background:transparent url(http://pics.livejournal.com/bzzinglikeneon/pic/001k407q) no-repeat center left; padding-left:12px;}
.comments {background:transparent url(http://pics.livejournal.com/bzzinglikeneon/pic/001rzhhf) no-repeat center right; padding:8px 20px 8px 10px; color:#ccc; border-top:1px dashed #ccc;}
div.comments a, div.comments a:link, div.comments a:visited {color:#999; text-transform:uppercase; font-size:9px;}
div.comments a:hover {color:#db5c83;}
.separator {height:50px;}
/* Userpics */
.userpic, .userpicfriends {float:right; background:transparent; margin-top: 3em; border:0; border-left:1px dashed #ccc; padding:0 9px;}
.userpic img, .userpicfriends img {opacity:1;}
.userpic img:hover, .userpicfriends img:hover {opacity:1;}
.userpicfriends {background-color:#f4f4f4 !important; text-transform:uppercase; font-size:10px; color:#ccc;}
.userpicfriends a font, .userpicfriends a:link font, .userpicfriends a:visited font {color:#333; background:transparent;}
.userpicfriends a:hover font {color:#aaa;}
.userpicfriends img {margin-bottom:10px;}
.userpiccomment {float:left; margin:20px 10px 0 -95px; max-width:100px; max-height:100px; border:0; background:#e6e6e6;}
/* Page View */
.skiplinks {text-align:right; font-size:10px; text-transform:uppercase; color:#ccc; margin:-15px 15px 15px 15px;}
.box {border:0; padding:0; border-top:1px dashed #ccc; color:#333; margin:0 20px;}
center {color:#333; padding-top:15px;}
.commentbox, .commentboxpartial {border:0; background:#fbfbfb; margin:15px 0; border:1px solid #ddd; border-right:4px solid #ddd; padding:0 0 0 10px; color:#333;}
.commentbox a, .commentbox a:link, .commentbox a:visited {background:transparent; color:#db5c83;}
.commentbox a:hover {color:#ccc;}
.datesubjectcomment {padding:10px 0; background:transparent; margin-left: 85px; margin-right:10px; border-bottom:1px dashed #ccc; color:#000;}
.commentreply {margin-left:110px; text-align:left; font-size:12px; color:#000;}
.entry span.datetime {
text-transform: uppercase;
padding: 0;
color: #D4D4C9;
}
/* Sidebar */
#sidebar {width:270px; padding:0 15px; margin: -60px 0 0 0; border:0; background:transparent; color:000000;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {color:#954e64;}
div#sidebar a:hover {color:#666;}
li.sbartitle {background:transparent; border:0; border-bottom:1px dashed #ccc; margin:10px 0 10px 0; color:#db5c83; font-family:verdana, sans-serif; font-size:18px; line-height:15px; letter-spacing: 2px;}
.sbarbody, .sbarbody2 {color:#ccc; text-align:left; font-family:tahoma;}
.calendar {width:100%;}
.sbarcalendar {border:0; background:#e6e6e6; color:#666; padding:5px;}
.sbarcalendarposts {border:0; background:#f2d3dc; padding:5px;}
.sbarcalendarposts:hover {background:#db5c83;}
.sbarcalendar a:hover {color:#fff;}
li.sbaritem {padding:1px 3px; margin:0 0 0px 0;}
li.sbaritem a {padding:1px 4px;}
#sidebar_summary li.sbaritem {border:0; margin:0; padding:0 0 0px 0; width:100%;}
.sbaritem a {display: block; background:#f2d3dc;}
.sbaritem a:hover {background:#e6e6e6; border-right:4px solid #db5c83;}
#sidebar_summary .sbarbody {padding:0;}
.count {display:none;}
li.sbaritem .ljuser {}
#sidebar_summary {display:none;}
/* Archive & Tags Pages */
ul.year {margin:-10px 20px 0 20px; padding-top:10px; border-top:1px dashed #ccc; color:#666;}
.yearmonth {text-transform:lowercase; color:#666; font-size:20px;}
.yeartable {width:80%;}
table.yeartable td.yeardate {border:1px solid #ddd; color:#666;}
table.yeartable td.yearday {background:#f2d3dc; border:0; color:#954e64;}
.lj-view-month .entry{color: #666; padding-bottom:250px;}
.lj-view-month dd a {}
.lj-view-tags {min-height:350px;}
.ljtaglist {list-style-type:none; padding-bottom: 50px;}
/* Control Strip */
#lj_controlstrip {background:#ccc; color:#fff;}
#lj_controlstrip_userpic {padding:3px; background:#e6e6e6;}
#lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_actionlinks {border-right:1px dashed #e6e6e6; text-transform:lowercase;}
#lj_controlstrip_search_input_text {border:1px solid #999; opacity:0.6;}
#lj_controlstrip_search_input_text:hover {opacity:1;}
#lj_controlstrip_search_submit, #lj_controlstrip input {background:#fff; border:1px solid #999; opacity:0.6;}
#lj_controlstrip_search_submit:hover, #lj_controlstrip input:hover {opacity:1;}
#lj_controlstrip_search {border-right:0;}
/* Contextual Popup */
div.ContextualPopup {margin: 20px 0 0 50px; font: normal 10px "Helvetica", "Verdana", sans-serif !important;}
div.ContextualPopup img {border: 0;}
div.ContextualPopup div.Inner {background-color: #f2d3dc !important; opacity:0.9; color: #666 !important; border: 1px dashed #ccc;}
div.ContextualPopup .Relation {text-transform:lowercase; font-size:10px; color:#db5c83;border-bottom:1px dashed #cccccc;}
div.ContextualPopup .Userpic {padding:10px; background:#fff; margin:4px;
border-left:1px dashed #cccccc;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner div.Content a {text-decoration: none !important; font-weight: normal; color: #954e64 !important;}
/*Icon Replacement - p.yusukekamiyamane.com*/
.ljuser img {width: 0; height: 0; background: transparent url(http://pics.livejournal.com/bzzinglikeneon/pic/001hd1hc) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://pics.livejournal.com/bzzinglikeneon/pic/001hd1hc) no-repeat center left !important; padding: 10px 10px 0px 2px !important;}
.ljuser img[src*="community.gif"] {background: transparent url(http://pics.livejournal.com/bzzinglikeneon/pic/001kat12) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important;}
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"] {height: 0px; width: 0px; padding: 0 20px 12px 0px !important; background: transparent none no-repeat scroll 0 0;}
.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{background-image: url(http://pics.livejournal.com/bzzinglikeneon/pic/001kb45f);}
img[src*="icon_private.gif"]{background-image: url(http://pics.livejournal.com/bzzinglikeneon/pic/001k811f);}
img[src*="icon_groups.gif"] {background-image: url(http://pics.livejournal.com/bzzinglikeneon/pic/001k72z6);}
/* Additional Customizations Go Below */
#content {background:transparent url(http://i167.photobucket.com/albums/u132/owlrozarka/tf_textgrey_noborder.jpg) top left no-repeat;}
#sidebar {margin-top:322px;}
What I know is different:
-I took out your min entry sizes, which you can probably put back in without harming anything
-I took out your minused out margin on .date and .replytoposter
-I took out clear:right on .userpic, .userpicfriends
-I took out display:block; position: static; on .subject,.replytosubject, since it changed nothing anyway (it was just an artifact from me having that absolutely positioned, then changing it back to normal)...
-I changed some other stuff, and added some other stuff, but I honestly cannot recall what...
Let me know what you think...any new problems I created I can probably fix without breaking anything else *crosses fingers*
Also, it has something to do with how crap clears on your journal, so I changed that, though I can't recall right now exactly how (you'll notice the space between entries is a little wider on view-recent now, but I think that might play into how the top post alone was acting so wonky when I set a margin-top on userpic )...
Re: Add this, too, fixes userpic border issues: (one more change in bold)
Date: 2010-10-24 09:12 pm (UTC)I don't mind that the entries are set a bit wider apart; it's not so much it looks weird.
Thanks, again! It's damn nice of you to do all this to help me out — I'm very glad that you don't know how to give up. ;)
Re: Add this, too, fixes userpic border issues: (one more change in bold)
Date: 2010-10-24 09:15 pm (UTC)