style_system | Entries tagged with pageview:read

I want to know if it's possible to block entries that contain specific words. I was at s2flexisquares at livejournal and found a kill list for the subject and thought I could modify it but I think there's just too many differences in Core1 and Core2 to do that. Can anyone help me?

Here's the kill list code I found, if that helps:

Tags:

pageview:read

anaraine

So, for no reason that I can divine, the AO3 feeds (and only the AO3 feeds) look wonky on my reading page, like so:
( mucked up links )

The links overlap each other and while it's possible to read them when there aren't a lot of tags, it does get a bit irritating. I figured I'd just slap in a tiny little fix in the Custom CSS to make the spacing better, but I poked around and couldn't get anything to work.

This is what I thought it should look like, but it didn't seem to do anything:
.page-read .entry-wrapper.poster-ao3_batman_allmedia_feed .entry-content {line-height: 2em; ]

Help, pretty please?

Current Mood: frustrated

Tags:

ex_mrs260625

SOLVED!

Hello,

I recently switched to Paletteable. I enabled custom reading page colours, but I'd like the custom colours to form a slightly thicker border around the userpic, particularly the "background" colour. (It's hard for me to distinguish some of my colours when the lines are this thin, particularly since I always use black as the "foreground" colour for individual users.)

I've tried to figure out on my own what I should do, but I don't even know where to start.

Thanks in advance!

Tags:

vettysazzy

Another LJer who left over release 88...

I've got the Flexible Squares style (using this fix). It's all working fine, except usernames aren't displayed below userpics on my Reading Page, and the subject lines for entries aren't links. I'm assuming it's a CSS problem but I don't understand CSS in the slightest so any help would be fantastic!

Tags:

jurisimmortalis

Yep, I'm another refugee from Livejournal. And, while I figured out 99% of the tweaks to import Smooth Sailing into DW, I cannot for the life of me figure out how to make user & community names show up on my friends' list.

My CSS:

/* S2 SMOOTH SAILING --- Carbon --- 
Wingweaver22 @ Fruitstyle.livejournal.com 
Do not remove this note. */

/* ------------------------------ PAGE ------------------------------ */

body {
font-family: tahoma;
font-size: 10px;
margin: 0;
padding: 0;
background-color: #1a1a1a;
}

a, a:visited{
color: #888888; 
padding: 0px;
background-color: transparent;
border: 0;
text-decoration: none;
}

a:hover { 
color: #444444;
}

blockquote{
background-color: #252525;
color: #686868;
align: center;
font-size: 12px;
width: 575px;
margin: 7px;
margin-left: 100px;
padding: 7px;
font-style: none;
border-top: 1px solid #686868;
border-bottom: 1px solid #686868;
}

input, textarea, select {
background-color: #1a1a1a;
font-family: tahoma;
font-size: 12px;
color: #585858;
border: 1px solid #272727;
margin-top: 5px;
}

/* Layout (page) container */

.pageblock{
width: 940px;
margin: 0 auto;
padding: 0 10px 0 10px;
border-right: 1px solid #272727;
border-left: 1px solid #272727;
background-color: #1a1a1a;
margin-left: 75px;
}

.pagefooterblock { display: none; }

/* ------------------------------ HEADER ------------------------------ */

.pageheaderblock {}

/* title, subtitle, journal icon*/

.header-subtitle, .header-icon, .header-title{
display: none;
}

/* ------------------------------ LINKBAR ------------------------------ */

.header-menu {
position: relative;
width: 1064px;
font-family: tahoma;
font-size: 12px;
text-transform: lowercase;
text-align: center;
padding-top: 15px;
}

/* LINKBAR LINK */

.header-menu a, .header-menu a:visited { 
padding: 0 5px 2px 5px; 
color: #888888;
word-spacing: -1px;
}

.header-menu a:hover {
color: #444444;
border-bottom: 1px solid #272727;
cursor: help;
}

.header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; }
.header-menu li, #footer-menu li { display: inline; }

/* ------------------------------ BODY ------------------------------ */

/* Body, contains entries sidebar, and footer */

.bodyblock {
margin-top: 20px;
}

/* body title */

.bodyheaderblock { 
background-color: transparent;
color: #888888;
font-family: tahoma;	 
font-size: 16px;
padding: 5px 0px -120px 4px;
letter-spacing: 1px;
text-transform: lowercase;
text-align: right;
	 }

/* body linkbar (top of page, back 20) */

.bodynavblock {
background-color: transparent;
margin-top: 5px;
text-align: left;
}

.bodynavblock a, .bodynavblock a:visited {
color: #585858;
background-color: transparent;
border: none;
text-align: left;
}

/* contains body title */

.body-title {
padding: 5px 0px -120px 4px;
}

.body-midtitle {
display: none
	 }

/* seperates entries from comments - only on comments page */

/* ------------------------------ ENTRIES ------------------------------ */

/* contains all entries */

.entryHolder {
padding: 0px;
color: #585858;
background-color: transparent;
text-align: justify;
font-family: tahoma;
font-size: 12px;
}

.entry-content img { max-width: 500px; }

/* welcome note!! */

#welcomenoteText {
padding-bottom: 15px;
margin: 0px;
background-color: transparent;
text-align: justify;
letter-spacing: 0px;
word-spacing: 4px;
}

/* contains userpic and username/community */

.entryUserinfo {
font-family: tahoma;
font-size: 12px;
font-weight: lighter;
margin-top: 100px;
padding: 10px;
background-color: transparent;
}

/* userpic */

.entryUserinfo-usericon img { 
padding: 5px; 
border: 1px solid #272727;
background-color: #1d1d1d;
height: 100px;
width: 100px;
float: right;
margin-top: -110px;
}

/* all entry's text */

.entryText {
text-align: justify;
word-spacing: 2px;
margin-bottom: 100px;
}

/* contains subject and time */

.entryHeader {
background-color: transparent;
color: #888888;
font-family: tahoma;	 
border-bottom: 1px #272727 solid; 
font-size: 12px;
padding: 0px 0px 2px 4px;
margin-bottom: 5px;
letter-spacing: 1px;
font-weight: lighter;
text-transform: lowercase;
}

/* below vv are actually found on the calendar page */

.entryHeader a{
color: #585858; 
background-color: #272727;
padding: 2px 8px 2px 8px;
}

.entryHeader a:hover{
color: #444444;
background-color: #272727;
padding: 2px 8px 2px 8px;
}

/* entry subject */

.entryHeaderSubject {
font-weight: none;
font-size: 12px;
text-transform: lowercase;
padding-left: 4px;
letter-spacing: 2px;
color: #888888;
}

/* entry date */

.entryHeaderDate{
color: #444444;
border: none;
letter-spacing: 1px;
padding: 0;
text-decoration : none;
}

/* entry link bar (comment, reply, link, remember) */

.entryLinkbar {
text-transform: lowercase;
text-align: center;
font-size: 12px;
font-family: tahoma;
letter-spacing: 0px;
padding: 00px 0px 0px 0px;
margin-top: 0px;
}

.entryLinkbar a, .entryLinkbar a:visited { padding-right: 3px; }
.entryLinkbar a:hover { color: #444444; background-color: transparent; padding-bottom: 1px; }
.entryLinkbar ul { margin: 0; padding: 10px; }
.entryLinkbar li { padding: 0 4px 0 0; display: inline;}

/* ------------------------------ META ------------------------------ */

.entryMetadata { margin-top: 30px; margin-left: 10px; margin-bottom: 0px;}
.entryMetadata img { padding: 5px; float: left;}
.entryMetadata ul { margin: 0; padding: 1px; }
.entryMetadata li { list-style: none; display: block; padding: 2px 0 0 0;}
.entryMetadata a { padding: 0 4px 0 4px; }

/* metadata subject (mood: , location: ) */

.entryMetadata-label {
padding: 10px;
color: #585858;
font-style: italic;
text-transform: lowercase;
}

/* ------------------------------ FOOTER ------------------------------ */

#footer-menu {
text-transform: lowercase;
text-align: left;
font-family: tahoma;
font-size: 12px;
margin-bottom: 10px;
}

#footer-menu a, .footer-menu a:visited {
padding: 1px 10px 1px 10px;
color: #888888;
white-space: nowrap;
}

#footer-menu a:hover { color: #585858; }

/* ------------------------------ SIDEBAR ------------------------------ */

/* sidebar container */

.sidebar {
position: absolute;
width: 175px;
top: 10%;
margin-left: 20px;
color: #585858;
}

.sidebox{
margin: 0 0 10px 0;
display: block;
}

/* sidebar title (note 1, latest month, search) */

.sideboxTitle {
text-transform: lowercase;
font-size: 12px;
letter-spacing: 1px;
border-bottom: 1px #272727 solid;
color: #444444;   
padding: 0 0 2px 0; 
margin-bottom: 5px;
text-align: left;
}

/* content of all sidebar boxes */

.sideboxContent {
text-align: left;
padding: 3px;
}

/* in the freetext boxes */

.sidebox #freetext { text-align: left; }

/* in the profile, latest month, search boxes */

.sidebox #latestmonth, .sidebox #search, .sidebox #profile { text-align: center; }

/* latest month box (inactive date and active date [link]) */

.latestmonth-inactive { padding: 0px; margin: 1px; }
.latestmonth-active { padding: 0px; margin: 0px; }

/* in the tags box */

#tags_sidebox a { display: block; font-size: 9px; }
#tags_sidebox {
font-size: 0;
text-align: left;
height: 600px;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
}

/* label of profile box */

.profile-label { display: none; }

/* ------------------------------ COMMENT PAGE ------------------------------ */

/* comments holder */

.commentHolder { color: #585858; background-color: #272727; font-family: tahoma; font-size: 12px; margin: 4px 8px 4px 8px; }

/* comment userpics */

.commentUserinfo { text-align: left;  margin: 8px 8px 8px 8px; background-color: #272727; }

/* commenter's userpic */

.commentUserinfo-usericon img {  padding-bottom: 2px; border: 0;  }

/* text of comment */

.commentText { padding: 6px; }

/* comment's header ( contains date, subject) */

.commentHeader { text-transform: lowercase; background-color: #272727; color: #585858; 
font-family: tahoma; font-size: 12px; padding: 4px 0 4px 0; }
.commentHeader a{ color: #585858; }

/* for screen comments */

.commentHeaderScreened { font-family: tahoma; font-size: 12px; background-color: #444444; padding: 4px 0 4px 0; }

/* comment's subject (re: roflcakes) */

.commentHeaderSubject { font-weight: normal; font-family: tahoma; font-size: 12px; }

/* linkbar of comments (reply, delete, screen) */

.commentLinkbar { border-top: none; font-family: tahoma; font-size: 12px; color: #585858;
text-transform: lowercase; padding-bottom: 10px; text-align: left; }
.commentLinkbar a { color: #585858; font-family: tahoma; font-size: 12px; }

.commentLinkbar a:hover { font-family: tahoma; font-size: 12px; color: transparent; }
.commentLinkbar ul { margin: 0; padding: 0; color: #585858; }
.commentLinkbar li { padding: 0px 5px 0px 5px; color: #585858; margin: 0; display: inline; }

/* container of reply box */

.replyform { border: 0px; background-color: #272727; color: #585858; }

/* reply text container */

#commenttext{ width: 100%; }

/* ------------------------------ ARCHIVE PAGE ------------------------------ */

.yearlinks { text-align: left; }
.yearlink{ padding-left:4px; padding-right: 4px; }

/* calendar container (dates, boxes) */

.month { width: 400px; padding-bottom: 5px; margin: 4px 4px 4px 10px; }

/* subject lines (when viewing a month) not individual lines */

.daysubjects { color: #585858; letter-spacing: 1px; padding: 6px 0 6px 0; }

/* days of the week (sun, mon, tue) */

.daytitles { text-align: ; background: #272727; padding: 2px; color: #585858; }

/* blank days */

.day-blank { padding: 2px; }

/* day */

.day { padding: 2px; }

/* NUMBERED DATE */

.day-date { color: #585858; text-align: left; }

/* NUMBER OF ENTRIES MADE ON DAY */

.day-count { width: 50%; text-align: left; float: right; font-size: 12px; }

/* ------------------------------ TAGS PAGE ------------------------------ */

/* tags container */

.tagstable td { padding-top: 5px 0px 5px 0px; }
.tagstable { text-transform: lowercase; letter-spacing: 1px; width: 400px; }

/* ------------------------------ EXTRAS ------------------------------ */

::-moz-selection { background: #272727; color: #585858; }
::selection { background: #272727; color: #585858; }
code::-moz-selection { background: #272727; color: #585858;}
code::selection { background: #272727; color: #585858;}

/*------ Look of contextual Popup ------*/

/* general positioning */
div.ContextualPopup {
margin: 10px 0 0 0px;
font: normal 9px "tahoma" !important;
}
/* userpic */
div.ContextualPopup img {
border-left: 1px solid #272727;
border-right: 1px solid #272727;
padding: 0 5px 0 5px;
margin: 0 1px 0 5px !important;
}
/* defines general look, font color/size/background color*/
div.ContextualPopup div.Inner {
background-color: #1a1a1a !important;
color: #585858 !important;
border: 1px solid #272727;
padding: 0px;
width: 220px;
text-align: right;
}
/* defines left side of popup without the user icon*/
div.ContextualPopup .Content {
padding: 2px 4px 6px 4px;
}
/* defines the text that shows the relation to the user (XYZ is your mutual friend) */
div.ContextualPopup .Relation {
font-weight: normal !important;
letter-spacing: 2px;
}
/* look of words LJ Talk */
div.ContextualPopup .Content .OnlineStatus {
font-weight: normal;
}
/* element that contains the user icon */
div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}
/* defines the look of the links */
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #888888 !important;
}

#lj_controlstrip {
top: 0;
left: 0;
width: 100%;
border-bottom: 1px solid #272727;
height: 50px;
position: absolute;
background-color: #1a1a1a !important;
}

#lj_controlstrip table { margin: 0; padding: 0; width: auto; background-color: #1a1a1a !important;}

#lj_controlstrip td {
background-color: #1a1a1a !important;
font-family: tahoma;
color: #585858;
}

#lj_controlstrip a {
color: #888888 !important;
font-family: tahoma;
font-size: 12px;
text-transform: lowercase;
font-variant: normal;
}

#lj_controlstrip a:hover {
color: #444444 !important;
cursor: help; 
border: 0;
text-decoration: none;
}

#lj_controlstrip img {
background-repeat: no-repeat;
}

#lj_controlstrip a img {
padding: 0; margin: 0; border: 0;
}

#lj_controlstrip form {
padding: 0; margin: 0; border: 0;
}
     
#lj_controlstrip input {
font-family: tahoma;
font-size: 12px;
color: #585858;
background-color: transparent;
border: 0;
padding: 0; margin: 0;
text-transform: lowercase;
}

#lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
font-family: tahoma;
font-size: 12px;
background-color: #1a1a1a;
padding: 0; margin: 0;
border: 1px solid #272727;
}

#lj_controlstrip_userpic {
vertical-align: top;
width: 50px;
height: 50px;
}

#lj_controlstrip_userpic img{
vertical-align: top;
width: 50px;
height: 50px;
}

#lj_controlstrip_user {
text-align: left;
vertical-align: middle;
padding: 0 10px 0 10px;
white-space: nowrap;
}

#lj_controlstrip_actionlinks {
text-align: left;
vertical-align: middle;
padding: 0 1em 0 1em;
white-space: nowrap;
}

#lj_controlstrip_statustext {
font-size: 12px;
color: #585858 !important;
font-weight: normal;
letter-spacing: 2px;
}

#lj_controlstrip_login {
vertical-align: middle;
padding-left: 10px;
white-space: nowrap;
}

#lj_controlstrip_loggedout_userpic {
}

#lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_actionlinks {
border: 0;
}

#lj_controlstrip_search {
border: 0;
}

#lj_controlstrip_loggedout_userpic {
background-image: url(/img/controlstrip/ljlogo-dark-loggedout.gif);
background-repeat: no-repeat;
background-position: top left;
}

#lj_controlstrip_cprod {
position: absolute;
top: 5px;
right: 10px;
text-align: right;
}

#lj_controlstrip_cprod a {
padding: 0 1px 0 1px;
}

#lj_controlstrip_search {
padding-left: 1em;
vertical-align: middle;
text-align: left;
}

.lj_controlstrip_search_sup {
padding-left: 0;
width: 35%;
text-align: center;
}

#lj_controlstrip_search_input_text {
background: #1a1a1a !important;
position: relative;
z-index: 100;
}

.lj_controlstrip_search_input_text_sup {
width: 100% !important;
}

#lj_controlstrip_search_submit {
position: relative;
z-index: 100;
}

.pageheaderblock {background: url(http://pics.livejournal.com/jurisimmortalis/pic/002ps81s) no-repeat bottom center; padding-bottom: 470px; }.header-menu {margin-bottom: 10px;}

/* .sidebar {margin-left: -150px;} */

Original CSS

Tags:

sally_maria

I'm currently using the following CSS, which somebody posted a while ago, to put a userpic on RSS feeds on my reading page.

.journal-type-Y .userpic { background: url(http://i6.photobucket.com/albums/y241/sally_maria/Mood%20Theme/dreamsheep_rss.png) no-repeat;
width:100px;
height:100px;
background-color:#000; }

The only problem is that my style has userpics on the right, but this CSS makes the RSS userpic appear on the left, and it looks a little odd and takes up more screen - see on my reading page here.

Is there anything I can do to the CSS to make the userpic appear in the right place?

Thank you very much for any help you can give me.

Tags:

sistabro

EDIT: Apparently there was a p { width: 20px; } line that came with where ever I grabbed this from as my base to work from... yeah. Removing that fixed it and I can't believe I didn't see that. *face palm* Thank you all for taking a look.

So I am moderately clueless at all of this, but decided to try my hand at a a custom css style based on blanket. All was going well, things looked like I wanted, and then I saw a particular entry on my reading page that had completely insane text wrapping. Now if all the entries on my reading page had been doing this, I could probably figure I had issues with margins or paddings or what not, but it's only some of my reading list entries and I just, IDEK where to start to look for what's going on and why.

Help?

Screenshot showing the end of a normally wrapping entry and the start of a messed up one

My mostly done css code

body {padding: 0; margin: 0; text-align: center; color: #0d0b16; background: #1a6884 url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3/3267.png); background-attachment:fixed; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif; overflow-x:hidden; overflow-y:auto; }

a, a:active {text-decoration: none; color: #278faf; outline:0;}
a:hover {color: #a8c048;}
p {width: 20px;}

#canvas {margin: 10px auto 3em auto; text-align: left; padding: 0;}
#content {padding: 0 0 20px 0; margin: 0;}
#primary {width: 88%; margin: 0 auto;  z-index: 0; padding: 0;}

/*--- header + footer ---*/
#header {width: 88%; margin: 0 auto 1em auto; background-color: #0d0b16;}
#header>.inner {border-left: 10px solid #000000; padding: 2em 2em;}
#footer {display: float; clear: both; margin: 0 auto 0 auto; width: 88%;}
.navigation {padding: 10px; text-align: center; color:#278faf;margin-bottom:20px;}
.topnav {display:none!important;}

li.page-back, li.page-forward, .page-top {list-style: none; padding: 0.1em; margin: 0 0 0 0; background: #0d0b16; bottom: 2.5em;; text-transform:uppercase; font-size: 0.665em; }
.page-top {position:fixed; right:46.5%;z-index: 5;}
li.page-back {position: fixed; left: 0em;  text-align:left; padding-left:6.25%; z-index: 5;}
li.page-forward { position: fixed; right: 0em;  text-align: right; padding-right:6.25%; z-index: 5;}
li.page-separator {display: none;}
div.navigation ul {display: inline; padding: 0; margin: 0 0 0 0; align: center;}

/*--- header texts ---*/
div#header h1#title {font-weight: normal; text-transform: uppercase; letter-spacing: 0; padding: 0; margin: 0; color: #a8c048; font-family: sans-serif; font-size: 1.2em;}
div#header h2#subtitle {font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: 0; color: #278faf; font-family: sans-serif; font-size: 1em;}
div#header h2#pagetitle {font-weight: normal; text-transform: uppercase; letter-spacing: 1px; padding: 0; margin: 1em 0 0 0; color: #278faf; font-family: sans-serif; font-size: 1em;}

/*--- navigation links ---*/
div.module-navlinks {position: fixed; bottom: 0; z-index: 2;  padding-bottom: 0.5em; width: 100%; margin: 0 auto; color: #a8c048;background-color: #0d0b16; text-align:center;  padding-top: 1.4em;}
div.module-navlinks ul.module-list {display: inline; padding: 0; margin: 0 0 0 0; text-transform: uppercase;  }
div.module-navlinks ul.module-list li {display: inline; margin: 0 0 0 0; list-style: none; padding-right; 13px; padding-left: 13px; font-size: 0.665em; }

/*--- modules ---*/
#secondary {width: 88%; margin: 0 auto; z-index: 0; padding: 0; background-color: #ffffff; display:none;}
#secondary>.inner {border-left: 0px solid #F2EBD7; padding: 4em 2em; display:none}

#secondary .module {float: left; margin: 2em 1em;}
#secondary .module-header, #secondary .module-header a {font-family: arial!important;color: #099aaf;}
#secondary .separator-after {clear: both;}
.module-tags_cloud {margin: 3em 0; width: 100%; float: none;}
.module-tags_cloud .module-content {padding: 0 3em 1em 3em;}

#secondary .module-content {text-align: left;}
#secondary .module-content ul { list-style: outside; margin-left: 1em;  padding-left: 0;}
#secondary .module-content li {margin: .5em 0;}
.module-photo .module-content {text-align: center;}
.module-user-links .module-content {text-align: center;}
ul.userlite-interaction-links {list-style: none; margin-left: 0; padding-left: 0;}
ul.userlite-interaction-links li {display: inline; padding: 0 .20em;}
.module-credit {font-family:arial!important;}
.module-credit dt, .module-credit dd {display: inline; margin: 0; padding: 0;}
.module-credit dt {font-weight: normal; margin-right: 0.5em;}

/*--- entry ---*/
div.entry {padding-top: 10px; padding-left: 25px; padding-right: 25px; padding-bottom: 10px; margin: 10px 0 10px 0; border-left: 0px solid #F2EBD7;background-color: #ffffff;}
div.entry-content {margin: 40px 0 0 0;padding-bottom: 5px; background-color: #ffffff; font-size: 0.82em;}
.entry-content img {max-width:90%;}
.entry a:visited {color: #1a6884;}
.entry a:hover, a:visited a:hover {color: #a8c048;}
.entry a:active, a {color: #278faf;}

div.header {background-color: #ffffff; padding: 0; margin: 10px 110px 10px auto;  }
h3.entry-title {font-weight: normal; text-transform: none; letter-spacing: -1; padding: 0; margin: 5px auto 10px auto; font-family: sans-serif; font-size: 1.3em; color: #1a6884;background-color: #ffffff; }
h3.entry-title a {color: #1a6884;background-color: #ffffff;}

div.metatype {margin: 5px 0 20px 0; vertical-align:middle;}

.datetime {font-size: 0.7em; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; margin: 5px 0 20px 2px; color: #2d2925;background-color: #ffffff; vertical-align:middle;}
.datetime a {color: #2d2925; background-color: #ffffff;}

.userpic {display: block; float: right; margin: -4em 0px 1em 1em; vertical-align:top;}
.userpic img {max-width: 80px; height: 80px; padding: 0; border: 1px solid #2d2925; }

span.poster {font-size: 0.9em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; color: #2d2925; background-color: #ffffff; }

.metadata {margin: .7em 0 0 0; background-color: #ffffff;}
div.metadata ul {padding: 0; margin: 0;}
div.metadata ul li {list-style: none; font-size: 0.7em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0; color: #2d2925;}
span.metadata-label-location, span.metadata-label-mood, span.metadata-label-music {}
span.metadata-item-location {padding: 0;}
span.metadata-item-mood {padding: 0;}
span.metadata-item-music {padding: 0;}

span.tag-text {text-transform: lowercase; color: #2d2925; font-size:.7em;}
div.tag ul {padding: 0; margin: 0; display: inline; background-color: #ffffff;}
div.tag ul li {display: inline; list-style: none; font-size: 0.7em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0; color: #c8c8c8;}

ul.entry-management-links {text-align:center; padding-top: 0; margin: .7em 0 0 0;}
ul.entry-management-links li {display: inline; list-style: none; font-size: 0.8em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0 15px 0 0; color: #c8c8c8;}

ul.entry-interaction-links {text-align: center;background-color: #ffffff;}
ul.entry-interaction-links li {display: inline; list-style: none; font-size: 0.75em; font-weight: normal; text-transform: uppercase; letter-spacing: 0; color: #2d2925; text-align: center; padding-right: 15px;}
.entry-interaction-links a {padding-right: 15px;}

.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

/*--- comments ---*/
hr.above-entry-interaction-links, hr.below-reply-container {display: none;}

input, textarea {background: #ffffff; margin-left: 2px; margin-right: 2px;border: 1px solid #aaaaaa; }
textarea.textbox  {width: 100% !important; border: 1px solid #aaaaaa; }
.textbox  {width: 100% !important; border: 1px solid #aaaaaa; }

.comment {margin: 0 auto 0.1em auto; background: #ffffff; padding: 10px 20px 10px 20px; border-top: 0px solid #1a6884; font-size: 0.8em;}

.comment-content img {max-width:90%;}
.comment a:visited {color: #1a6884;}
.comment a:hover, a:visited a:hover {color: #a8c048;}
.comment a:active, a {color: #278faf;}

.comment .datetime {background-color:transparent;text-transform:lowercase; font-size: .7em;}
.comment .poster {background-color:transparent;text-transform:lowercase; font-size: 1em;}
.comment-content {padding-top:10px;padding-bottom:10px; }
.bottomcomment {display:none; margin: 0 auto 2em auto; padding: 0 2em 0 2em; border-left: 0px solid #F2EBD7; background-color: #ffffff;}
.comment-management-links, .comment-interaction-links {margin-top: 5px; padding-right: 15px;}
.comment-management-links {text-align:right; padding-right: 15px;}
.comment-interaction-links a {padding-right: 15px;}
.comment-interaction-links {text-align:right; }
.comment-management-links li, .comment-interaction-links li {display: inline; padding-right:15px;}
.multiform-checkbox {display:none;padding-top:20px!important;text-align:right!important;}
#qrform table {text-align: center;border: 0!important;}

/*--- archive ---*/

li.active {list-style: none; display: inline; text-transform: uppercase; padding: 0; margin: 0; text-align: center; color: #278faf;}
.month {margin: 1em auto 1em auto; padding: 2em 2em; background-color: #ffffff;}
.month h3 {font-size: 1em; font-weight: normal; text-transform: none; letter-spacing: 1px; padding-right: 50px; margin: 0; text-align: right; color: #a8c048;}

.page-archive div.navigation ul {display: inline; }
.page-archive div.navigation li {display: inline; list-style: none; } 
.page-month div.navigation ul {display: inline; }
.page-month div.navigation li {display: inline; list-style: none; } 
.page-archive div.navigation {background-color: #ffffff; padding: 20px 10px 20px 10px;}
.page-month div.navigation {background-color: #ffffff; padding: 20px 10px 20px 10px;}

.month th {font-size: 0.9em; font-weight: normal; text-transform: uppercase; padding: 5px; text-align: center; color: #a8c048; border: 1px solid #2d2925; background-color: #0d0b16; border: }
.month table {width: auto; cellspacing: 0; margin: auto; }
.month caption {display: none;}

.month dt {font-weight: bold; width:300px; margin-bottom:15px; margin-left:30px;}
.month dt a {font-weight:bold;}

.month dd h3 {text-align:left;}
.month dd .tag {display:none;}

td.day-empty {border: 1px solid #2d2925;}
td.day {height:50px;width:50px;padding: 0; spacing: 0; border: 1px solid #2d2925; background-color:#ffffff; vertical-align:top; text-align:center; font-weight:bold; font-family:arial; padding-top:5px;}

.month .footer {text-align:center;}
.day day-has-entries a {text-align:center;}

/*--- tags ---*/
.tags-container h2 {font-size: 1.3em; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; margin: 0; text-align: left; color: #BABE9A;}
.page-tags  {font-size: .82em; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding-top: 5px; padding-left: 20px; padding-right: 20px; margin: 0; text-align: left; color: #2d2925;}
.page-tags .tags-container {margin: 0; padding-left:40px; border-lbottom: 1px solid #000000; background-color: #ffffff;}
.tags-container {line-height: 100%;margin-bottom: 2px;}
.tags-container .manage-tags-link {margin-left: 20px; margin-bottom: 15px; padding-bottom: 15px;}
.page-tags .tags-container ul {margin: .5em; padding: 0;}
.page-tags .tags-container ul li {margin: 0 0 0 1em; padding: 0; list-style: none;}

/*--- etc ---*/
#lj_controlstrip {background:#0d0b16;}
#lj_controlstrip_statustext, #lj_controlstrip a {color:#a8c048;}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, 
#lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_login td, 
#lj_controlstrip td td {border:none !important;}
#lj_controlstrip input {background:#181818 !important;color:#a8c048 !important;}
#lj_controlstrip_search_input_text, #lj_controlstrip select,
#lj_controlstrip_search_submit, input#Logout, #lj_controlstrip input#xc_user, #lj_controlstrip 
input#xc_password, #lj_controlstrip input#xc_remember {background:#2d2925 !important;color:#278faf !important; border: 1px solid #278faf;}
#lj_controlstrip .ljuser a b {color:#278faf; text-decoration:none !important;}

.empty-day {width: 15px!important; padding: 2px; text-align:center!important;}
.entry-day {width: 15px!important; padding: 2px; text-align:center!important;}
.module-calendar {font-family: arial!important;}
.module-calendar th {width: 15px!important; padding: 2px; text-align:center!important;}
.module-calendar td a {color: #333333;text-align:center!important;}
.entry-permalink {display:none!important;}

#postform {padding: 20px;margin-bottom: 20px;text-align: center;}
.talkform {width: 90%!important;}
#qrformdiv {border-top: 1px solid #eeeeee; padding: 15px;}
.talkform td {text-align:left;}

div.ContextualPopup div.Inner {background:transparent!important;color: #333029 !important;border:none;padding:10px;width: 245px;font-family:"arial", sans-serif;font-size: 8pt;}
div.ContextualPopup .Content {padding:12px 15px;margin-right:80px;line-height: 1.4;background-color: #fff;}
div.ContextualPopup .Userpic {padding:10px;margin:0px;background-color: #fff;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {text-decoration: none !important;font-weight: normal; font-family: arial;color: #777 !important;text-transform: uppercase;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:hover {text-decoration: none !important;font-weight: normal;color: #0085d2 !important;}
div.ContextualPopup .Relation {letter-spacing:0px;border-bottom: 3px solid #000;margin-bottom:4px;padding-bottom:4px;}

.manage-tags-link {margin-top: 20px;}
.module-customtext .module-content {padding-left:30px;}

Tags:

archangelbeth

What I'd really like to do is have my journal in Drifting Blue, and read my subscriptions list in some other style, but since I can't do that... I want the icons on the left on my reading page, so I can see who made a post easily -- being a left-to-right reader. (If it were just for my own page, I'd leave the icons on the right and not care.)

When I moved icons to the left instead of the right, in Drifting Blue ( http://archangelbeth.dreamwidth.org/?s2id=9288 ), the date started overlapping the top of the icon-box (not the icon itself, but the little box around them). It's not unreadable, but it's messy-looking. I know zip-all CSS. Can someone walk me through either removing the box around icons in my Drifting Blue, or putting in enough space that the date doesn't overlap that box?

(This happens in all left-placed-icons in the Drifting set. Some (Desert Me) are less obvious than others (Soft Blues, Chocolate Cherry) from the coloration, but that style just doesn't handle left-icons gracefully... Should I be reporting this as a bug or something?)

Much thanks in advance!

Current Mood: confused

Tags:

cesy

I'm sure I've seen this asked before, but I can't find it now. How do I make custom friend colours work on my reading page? Is it only available in certain styles, or all styles? I've set them on my Manage Circle page, but can't get them to display properly.

(I'm testing this on another account, so looking at the style on this one won't help much.)

Tags:

pageview:read

kitters

I hope this is okay to post!

Hi, I just came over from LJ, and over there, I was using the Flexible Squares base layout. Thanks to this tutorial, I was able to install the layout on my Dreamwidth as well. It has worked perfectly, but I've found one problem: the usernames and comm names aren't showing up under their respective icons on my Reading Page, like so on my Livejournal friends page.

In the tutorial, this issue was addressed, but there's nothing in my CSS that could possibly hiding the usernames. I even added the line display: yes; under the .userpicfriends a section in my custom CSS, and it still didn't fix it. >__<; Do I have to edit something in that ummm, compiler thingy? I still haven't quite figured out this whole layers thing either, so I'm sorry!

I didn't see a tag for this layout, so I hope someone can help me since I'm kind of at a loss. ;__; Thanks in advance!

Current Music: Slaves For Life by Amaseffer

Tags:

jana

I tried to add a vertical space between the two syndication links at the top of each feed entry and the actual feed content. The problem, however, is that the same css class -- .ljsyndicationlink -- is applied to both syndication links. This makes it somewhat difficult to style one syndication link without affecting the other. Then I thought I could work around the problem by adding margin-top to the actual feed content, but this isn't possible either since no separate css class is applied to the feed content; it consist basically of many p-components. This means .journal-type-Y p:first-child{} doesn't work either since the syndication links and the syndication author are a subset of p. My "solution" to the problem was to remove the syndication links altogether, and to add margin-bottom to .syndicationauthor. But the syndication links can be quite useful sometimes... So, the big question is: have I missed something here? As usual, any help is greatly appreciated :)

P.S: A p-tag doesn't seem to be properly closed in all hathorlegacy feed entries. Not sure if this is a problem on our end or if it can be traced back to the feed source. This isn't a big deal for me, I've only noticed it while trying to figure out the problem above.

Tags:

jana

[1] The first question is related to this entry and this comment. The CSS (see cut) worked fine just a few weeks ago, but now the CSS doesn't take out the space between the tag and the comma anymore, so the tags run occasionally onto the next line which looks kinda ugly. What happened? I use the same browser(s), so I can only assume something in DW's style system has changed...? [The 'plot' thickens here]

( The CSS in question: )

[2] Is it possible to add via the theme layer a comment count to the "Active Entries" module (like in the "Page summary" module)? [Possible, but someone needs to code it first :) ]

[3] Is there a way (via CSS or theme layer) to set some kind of "default icon" for entries without userpic on your reading/network page? Feeds don't have an user icon (which they should, IMO) and sometimes people post entries without an icon. [SOLVED here]

[4] Is it somehow possible to change the month order (latest calendar month first) on a journal's/community's archive page? [SOLVED with a workaround. A bug is being filed about this.]

That's all (for know) :) Thanks in advance for any help or advice!

Tags:

tephra

I've gotten my layout (Stepping Stones) how I like it except for one little detail... the way it uses the custom reading colors is exactly opposite how I expect them. In other words, the color I pick for the foreground gets used where I would expect the background color to be used (and vice versa). Short of manually resetting all my custom colors, is there a way to invert them?

The CSS of my reading page does list out all the custom colors, which I was pleased to see, but I'm not sure if I can change them in one shot rather than adding them all into my custom CSS individually (requiring an update whenever I add or remove journals from my reading list/circle).

A customized reading color ends up in the CSS as this:

.journal-journalname div.userpic a img {border: solid; border-color: #ffcc99; }
.journal-journalname div.userpic a img {padding: 2px; background-color: #663300; }

I want to swap the border-color value and the background-color value. Presumably there is a way to wildcard the journalname, the problem is the color swapping. Is there a way to do that?

Tags:

pageview:read

zvi

Is there a CSS class that toggles for whether the viewer of the journal is logged in or not? (I've got a feed that I am subscribed to that is not on my default reading filter, and I'd like to display:none it when I load my reading page while I'm logged out.)

Tags:

valiha

I posted about this a while back, but the problem is persistent.

I thought the reason for me not seeing any entries on my reading page when I clicked on "Previous" was because I didn't follow many journals/communities. I do now, but I still can't get past ?skip=10, and there's still a duplicate "Next" link when I manually change 10 to 20. I haven't used my account a lot, but I was planning to soon. I just went through the custom css and all the theme options, but can't for the life of me figure out what the problem is. I would really appreciate some help with this.

Thank you in advance!

Current Mood: confused

Tags:

cheyinka

Is it possible to prevent the journal subtitle from displaying on the reading page? (It's not an issue for cheyinka, since I don't display either the title or subtitle there, but it is for the_omelet, my writing journal.) Ideally, it would be possible without having to do anything that can't be done in a theme layer.

(Answer in comments! :D)

Tags:

biodamped

Hi all,

I'm one of those people who's a little too attached to her lj style, and have done some importing so i can use it here. All the compiling has worked fine, and the layout customisations are wonderful, but i seem to have no usernames for the entries on my reading page. At the moment i can recognise the user by icon, but i'd really like to find the source of the problem. ~~If anyone can help, or knows of a work around, that'd be fabulous. The style i'm currently using is LJ's Mixit, but Flexible Squares does the same thing. Thanks again!~~

Problem solved, thank you!

Tags:

valiha

I'm not sure if this is the place for this question, but I have a problem with the "skip 20" link. When I click on it, there are no previous entries on my reading page. The sidebar is there, header and footer too, but there are no entries. How is that possible and what can I do to fix it? I'm in no way an expert, but I can follow instructions.

Current Mood: frustrated

Tags:

zvi

I'm porting Refried Paper (N.B.

refriedpaper) onto Tabula Rasa via CSS. Refried Tablet has a lot of text that I'm adding via :before {content: "Header:"}.

On the recent entries page of a personal journal, there's an empty span called .poster. On a reading page, an entry page, or a recent entries page for a community journal, this span is not empty, it's the

exampleusername of the person posting the entry.

There's a body.class to differentiate between a recent entries page and a reading page or entry page. Is there any indication whether a journal is a personal journal vs. a community journal?

The way I have the CSS right now, there's a weird extra margin in front of

exampleusername on the recent entries page of a community, and I'd like to get rid of it automagically, if I can.

The CSS is available on pastebin for one month, if you'd like to look at it. This CSS is designed to be used with the default stylesheet.

P.S. Is there a way to make a style publicly viewable? I have my journal using Refried Tablet so people can see it in action, but I actually prefer the modified Transmogrified I had before. I'd love to just give people the address of http://zvi.dreamwidth.org?s2id=82229 or encourage them to preview my style on their own journals, if only I knew how to make that work.

Tags:

dantean

Good day, all! :)

I installed one of the layouts from thefulcrum, following the instructions to port the MixIt layout over to dreamwidth. (This layout.) The layout shows up (presumably) as it's supposed to but I want to know how and if I can make a few modifications:

1) The footer links are... well, too numerous: I only want the "post comments", "view comments", "edit entry", "edit tags", and the permalink to the entry. The others I want gone. Tried to delete them from the custom layer but it... didn't seem to work.

2) The usernames and community names don't seem to show up properly. On my Reading page, only usernames show up in posts to communities, and in individual posts there is no username showing. I want to be able to see the username (and community name, if applicable) underneath the icon (if there is one).

3) Date/time! I want 24 hour time and the full month -- so, basically, "posted at 14:43 on 3 May 2009". I attempted to do this but apparently the dates on dreamwidth are formatted differently than on lj, and I couldn't find documentation on the dreamwidth site to fix it.

Suggestions on how to proceed or even places I could ask about it are appreciated (as the layout maker won't provide help on further modifications to the layout). If this were on lj, I'd go to the everything_lj comm, but I doubt that they'd appreciate questions on a different journaling site. ;)

Thanks!

eta: I think I'll .. give up on the customisation for now, as dreamwidth doesn't appear to allow free accounts access to creating/editing custom layers anymore. :\ I just got a message when I tried to use the fix in comments that my account type doesn't permit that feature. I was just using it an hour ago, too!

Tags:

Profile

Dreamwidth style system discussion

April 2025

S	M	T	W	T	F	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

Syndicate

Page Summary

ex_awakened208 - Kill list for the Reading Page?
anaraine - Overlapping links in AO3 Feeds
ex_mrs260625 - Paletteable and custom reading page colors
vettysazzy - Flexible Squares problem
jurisimmortalis - Smooth Sailing on Dreamwidth
sally_maria - Icon for RSS feeds
sistabro - Fixed: Bizarre Entry Text Wrapping.. Help?
archangelbeth - Issue with Drifting Blue and left-placed icons.
cesy - Custom reading page friend colours
kitters - Display usernames and comms under icon on Reading Page in Flexible Squares?
jana - [Partly SOLVED] Feeds on reading page
jana - Multiple questions
tephra - Inverting Custom Reading Colors (solved)
zvi - Logged in vs. not is something which interests me
valiha - read?skip=10 on a Transmogrified layout
cheyinka - Subtitle and Reading Page
biodamped - Core1 query
valiha - Skip 20 issues
zvi - Personal Journal v. Community Journal
dantean - Can I be the first person to post a plea for help? :)

Style Credit

Style: Radiant Aqua for Venture by onlyembers

Expand Cut Tags

No cut tags

Page generated May. 29th, 2025 09:56 pm

Dreamwidth style system discussion

Entries tagged with pageview:read

Kill list for the Reading Page?

Overlapping links in AO3 Feeds

Paletteable and custom reading page colors

Flexible Squares problem

Smooth Sailing on Dreamwidth

Icon for RSS feeds

Fixed: Bizarre Entry Text Wrapping.. Help?

Issue with Drifting Blue and left-placed icons.

Custom reading page friend colours

Display usernames and comms under icon on Reading Page in Flexible Squares?

[Partly SOLVED] Feeds on reading page

Multiple questions

Inverting Custom Reading Colors (solved)

Logged in vs. not is something which interests me

read?skip=10 on a Transmogrified layout

Subtitle and Reading Page

Core1 query

Skip 20 issues

Personal Journal v. Community Journal

Can I be the first person to post a plea for help? :)

Profile

April 2025

Links

Syndicate

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags