style_system | Recent Entries

i love layouts with multiple columns for posts, like
https://tess090.insanejournal.com
https://tess072.insanejournal.com
https://tess071.insanejournal.com
however, i don't find any of these on DW, except a single one made by killthecake, which i tried to edit but don't manage to make it fit my likes. so any tips or suggestions? i'd also be happy if someone actually made layouts that looked similar to the above ones since i enjoy minimalist style and tiny fonts.

the_wildlings

hello kind code-mages,

we are using the dark forest style for transmogrified. we have 2 questions.

1) is it possible to make the navigation strip display in custom colours, on a style where that is not an option on the customisation page (such as our current one)? both of the default colour gradients hurt our eyes.

2) is there a way to customise the colours of the text input box & dropdown menu box in the navigation strip (for the sitewide search function)? despite our accessibility settings, they are defaulting to a glaring white background with black text, which is painful for us.

we read through the ~color, page:navigation & navigation strip tags, and did not find these answers. could any generous wizards help us?

thankyou very much in advance.

Tags:

monsterchild_lair

hi there! (wow, posting in a new community is scary, but you all seem super nice!) i'm jericho, i'm posting on behalf of my headmates because i can talk.

( trying to make icons all appear on the left in both posts & comments )

thankyou so so much to anybody who read this, and especially anyone who tries to help out! (also i hope i did the tags right!) <3

~ jericho

Current Mood: nervous

Tags:

london_fan

Hello to all the lovely and helpful people here.

I recently ditched my old LJ-imported layout completely and switched to my first genuine Dreamwidth layout (Transmogrified) which I have customized to the best of my abilities ever since. However, (LJ-)CUTS have become my new nemesis, since they continue to defy a lot of my attempts at customization. I managed to exchange the Expand/Collapse/Collapse-End images, but there are two more things I'd like to change:

( The text colour of the cut link and the brackets/braces around it )

Anyway, I am using a custom theme layer and I'm reasonably comfortable with overriding S2 Core functions or tackling some CSS. I just need help what to change here, since neither "trial and error" nor combing through stuff with the page inspector have revealed any workable solutions so far and it's been giving me some headaches.

Any help would be highly appreciated!

Tags:

entries:cuttag

wraithmoon

Hi.

I'm currently using Abstractia, my journal is here. And while I'm mostly happy with how things look, I am trying to figure out the CSS coding to move my entire layout (header included) to the right so the background photo is uncovered.

Can anyone point me in the right direction of where to look for said code? I'm sure this is super basic stuff, but I'm still figuring out the basics of how to read code.

Any help in this is very much appreciated.

Thank you!

judas_river

Hello! Some years ago, I sort of muddled my way through porting my style over from LiveJournal. However, there were a few minor issues that I couldn't seem to figure out on my own, so I posted here awhile back. I received some wonderful help and was able to resolve all but one of the problems! Now I've returned in hopes of finding a way to fix that last one.

( My style info )

Problem: Adding direct entry links to my journal. When I load my journal and look at my entries, there's a link at the bottom of each one that says "Leave a comment". If there are comments on an entry, there will also be a link to the left of that which says "[X] comments". I would really like to also always have a link in this area that just links directly to that entry. Ideally something like

style_system itself has ("Link" and "Reply" if there are no comments, "Link" "[X] comments" and "Reply" if there are some).

If you got all the way through that, thank you for taking the time to read! Any help with this would be so deeply appreciated. What little I know about coding layouts is self-taught and spotty at best, so any and all explanations to accompany any help offered would be especially awesome, too. Thanks so much!

Tags:

shellz

I would like to import the old LJ style "Tabular Indent" using this tutorial but it's telling me I can't create anymore layers? I even deleted a bunch. Is it because I'm trying to create s1 or is it because I don't have a paid account?

I've previously imported Generator, Flexible Squares and another layout so I know it was possible...

tanda_mif_chgk

Hi there. I can't figure out how to change my account header. Can you help me?

I apologize if it is misspelled. I can't write English, so I use a computer translator, he could be wrong.

That's what I want to fix.

yestoday

hello! i have a kind of specific question:

is there a way to switch the order the metadata is displayed in? the metadata originally displays in the order of mood, then location, then music--so, is there something i can put into my code to make it so that it shows, say: music, then location, then mood?

thanks!

goodbyebird

Hi,
I recently ported Flexible Squares + a layout from livejournal to use at

3weeks4dreamwidth. Try as I might, I'm having a hard time adjusting some things, and since I'm on a bit of a deadline (wanted to start promoting on the 1st) I hoped somebody here might have the answers.

My two big issues are:
~~the font in the comments is tiny~~
the first line of every comment is partially covered up by the poster's icon, as is the second like of entry titles.

Would also love it if:
the entry titles could be links
have icons link to the user's userpics when clicked
change the color of italics
get rid of the calendar at the top

CSS

/* Cleaned CSS: */
      /* Title: Playtime
Creator: Brutal at mixedfeeling
Style: Flexible Squares S2 */
 
 
BODY{
margin-top: 0px;
margin-bottom: 0px;
background-color: #C0ADDB;
background-image: url("http://i.imgur.com/KbcW9p9.png"); 
background-repeat: repeat;
background-position: ;
background-attachment: fixed;
text-align: left;
font-size: 11pt;
color: #404040;
font-family: "arial", sans-serif;
}
 
a, a:link, a:visited {
font-family: "calibri" Helvetica, sans-serif;
cursor: default;
color: #fe6b6b;
text-transform: ;
text-decoration: none;
}
 
a:hover{
font-family: "calibri" Helvetica, sans-serif;
cursor: default;
color: #f4476c;
font-weight: none;
text-transform: ;
letter-spacing: 0px;
text-decoration: none;
}

b{
color: #fe6b6b;
}

I{
color: #d7ff6c;
}

s{
color: #bb37f9;
}
 
blockquote {
margin: 5px 5px; 
padding: 4px; 
color: #764e37;
font-size: 12pt;
background: #dff2ff;
background-repeat: repeat;
text-align: justify;
}
 
#content {
width: 650px;
background: #fff;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
border-left: 6px solid #7F94B0;
border-right: 6px solid #7F94B0;
}
 
#maincontent {
margin: 5px 0px 0px 0px;
}
 
/* sidebar */
 
#sidebar {
width: 590px;
margin-left: 15px;
padding: 15px;
background: #fff;
border-bottom: dashed #d7ff6c 1px;
color: #939393;
font-family: calibri;
font-size: 11pt;
line-height: 10pt;
text-align: justify;
float: center;
}
 
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
font-size: 11pt;
font-family: calibri;
color: #939393;
text-decoration: none;
}
 
div#sidebar a:hover {
font-size: 11pt;
font-family: calibri;
text-decoration: none;
color: #000000;
}
 
 
.defaultuserpic {
display: none;
float:left;
margin: 0px 5px 0 5px;
background-color: #edd4cc;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
width: 200px;
padding: 0px 3px 0px 3px;
}

.sbarbody2 {
position: absolute; 
width: 380px; 
padding: 0 10px 5px 10px;
margin-left: 220px;
}

#sidebar_tags {
margin-top: -110px;
position: absolute; 
width: 170px; 
height: 100px;
margin-left: 190px;
overflow: auto;
display: none;
}

#sidebar_tags a{
display:block;
font-family: "georgia", Helvetica, sans-serif;
font-size: 12px;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
padding: 1px;
border: 1px solid #ddd;
background: #FEFEFE;
text-align: right;
font-family: "arial", Helvetica, sans-serif;
color: #999999;
font-size: 8pt;
}

.sbarcalendarposts {
padding: 1px;
border: 1px solid #ddd;
background: #dddddd;
text-align: right;
font-family: "arial", Helvetica, sans-serif;
color: #73c8cb;
font-size: 8pt;
}

ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}

li.sbaritem {
padding: 5px 3px 5px 5px;
list-style: none;
background-color: ;
background-image: url();
		background-repeat: no-repeat;
border-bottom: 1px #eeeeee solid;
}

li.sbaritem a{
font-family: "georgia", Helvetica, sans-serif;
font-size: 20px;
}

li.sbaritem:hover {
font-family: "georgia", Helvetica, sans-serif;
font-size: 14px;
background-image: url();
		background-repeat: no-repeat;
}

li.sbartitle {
width: 190px;
list-style: none;		
margin-top: 0px;
margin-left: -3px;
text-align: left;
font-weight: normal;
padding: 10px 5px 10px 15px;
color: #ffffff;
font-family: "arial" Helvetica, sans-serif;
font-size: 8pt;
background: #000000;
border-bottom: 3px solid #f1f1f1;
border-top: 3px solid #f1f1f1;
text-transform: uppercase;
letter-spacing: 0px;
display: none;
}

ul.ljtaglist li  {
padding: 0px;
margin: 5px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.nav a {border-bottom: 0px solid #e6dcd6; border-left: 3px solid #1d1d1d; color: #555555; display: inline; font-family: tahoma; font-size: 9pt; text-transform: lowercase; padding: 3px; line-height: 10px; }
.nav a:hover {color: #9f8449; text-decoration: none; }
.nav br {display: none;}
 
/* header, footer */
 
#header { 
  width: 610px;
background:#d7ff6c;
  padding: 20px;
  text-transform: lowercase;
  text-align: center;   
  font-size: 10pt; 
font-family: "calibri" Helvetica, sans-serif;
font-weight: none;
  color: #fff;
  }
 
#footer { 
  width: 630px;
  padding: 10px; 
  text-align: right; 
  text-transform: lowercase; 
  letter-spacing: 0px; 
  font-size: 10pt; 
  color: #e2e7e1;
background: #fe6b6b;
  z-index: 100; 
font-family: "calibri" Helvetica, sans-serif;
  }
 
#header a {
font-size: 12pt;
color: #000000;
}

div#header a[href$=".livejournal.com/"] {
color: #fff;
background: #00c1d5;
padding: 5px;
}
 
div#header a[href*="/calendar"] {
color: #fff;
background: #fe6b6b;
padding: 5px;
}

div#header a[href*="/friends"] {
color: #fff;
background: #bb37f9;
padding: 5px;
}

div#header a[href*="/profile"]{
color: #fff;
background: #00c1d5;
padding: 5px;
}	
 
div#footer a, div#footer a:link, div#footer a:visited { 
font-family: "calibri" Helvetica, sans-serif;
  color: #fff; 
  font-size: 10pt; 
  padding: 0px 3px 3px 3px;
  text-transform: ;
  border-top: 0px solid #d3e2eb;
  }
 
div#header li.view:hover, div#header a:hover {
background-color:#232323; 
color:#ffffff;
} 
 
div#footer a:hover {
font-family: "calibri" Helvetica, sans-serif;
  color: #000; 
  font-size: 10pt; 
  padding: 3px 3px 3px 3px;
  text-transform: ;
  }
 
ul.navheader { 
  padding: 0; 
  margin: 0; }
 
ul.navheader li  {
	display: inline;
 }
 
div#header li.view { 
font-size: 12pt;
background: #00c1d5;
padding: 5px;
  }
 
#footer .viewing { 
  display:; 
  }
 
ul.navfooter {
  padding: 0px;
  margin: 0px;
  }
 
ul.navfooter li {
  display: inline;
  margin: 0 0px 0 0px;
  }
 
.clearfoot {
  display: none;
  clear: both;
  }
 
/* title, substitle */
 
.title	{
display: none;
margin-top: 0px;
padding: 5px;
text-align: center;
color: #24afd2;
font-family: "arial", sans-serif;
font-size: 24pt;
letter-spacing: 0pt;
line-height: 10pt;
}
 
.subtitle {
display: none;
text-align: left;
color: #FEFEFE;
font-family: "Microsoft Sans Serif", sans-serif;
font-size: 1pt;
letter-spacing: 2pt;
}
 
/* tags page, tags */
 
.ljtaglist { 
list-style-type: none; 
padding: 0px; 
margin: -1px 20px 0px 20px; 
margin-left: 70px; width: 50%; 
text-transform: uppercase;
text-align: left; 
} 
 
.ljtaglist li { 
border-bottom: 1px solid #cccccc; 
padding: 5px 2px 5px 20px; 
color: #888888; 
} 
 
H2 { 
margin: 30px 0px 10px 90px; 
text-align: left; 
padding: 2px 2px 2px 10px; 
line-height: 12px; 
font-weight: normal; 
font-style: italic; 
font-size: 12px; 
text-transform: uppercase;
letter-spacing: 0px; 
font-family: arial; 
color: #888888; 
background: url('') 0px 2px no-repeat; 
} 
 
ul.ljtaglist {
color: #bbb;
font-family: "arial", Helvetica, sans-serif;
font-size: 10pt;
padding: 8px 8px 8px 12px;
border: 0px solid #FEFEFE;
background: #FEFEFE;
text-align: left;
margin-right: auto;margin-left: auto; padding: 35px;
}
 
.ljtags {
margin-top: 12px;
padding: 4px;
color: #333;
font-size: 10pt;
font-weight: normal;
border-bottom: 1px solid #efefef;
background: url(REPLACE) 0px 7px no-repeat;
padding-left: 14px;
}
 
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #99668f;
font-size: 10pt;
text-transform: ;
font-weight: ;
}
 
 
/* subcontent, entry */
.subcontent {
padding: 0px; 
background: #fff;
}

.entry{
margin-left: 20px;
margin-right: 20px;
margin-top: 10px;
background: #ffffff;
color: #939393;
font-family: "Calibri" Helvetica, sans-serif;
font-size: 12pt;
text-align: justify;
}

.entry_text  {
background: #ffffff;
}
 
.entry ul li {
padding-left: 10px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
 
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
 
/* userpic, userpic friends */
 
.userpic {
display: ;
position: relative;
float: left;
padding: 10px;
margin-right: 0px;
margin-left: 6px;
margin-top: 48px;
z-index: 15;
background-color: transparent !important;
border: 0px solid #d4d4d4;
background-image: url('');
background-repeat: repeat;
border: 0px solid #f7f7f7;
}
 
.userpicfriends {
        position: relative;
        float: left;
        background-color: transparent !important;
        padding: 10px;
margin-right: 0px;
margin-left: 6px !important;
        margin-top: 48px;
        z-index: 15;
        border: 0px solid #d4d4d4;
        text-align: right;
        font-family: "arial", sans-serif;
        font-size: 8pt;
        z-index: 15;
display: ;
        }
 
.userpic img, .userpicfriends img{ background:#bb37f9; padding:5px; border-width: 3px;
border-color: #bb37f9;
border-style: solid;
width: 75px;
height: 75px;}
 
 
.userpicfriends font {
color: #d6d5d5 !important;
text-transform: uppercase;
}
 
.userpicfriends {font-size: 3; align: left;}
 
.userpicfriends a{ display: ;}
 
.userpicfriends br {
display: block;
height: 0;
}
 
/* date, subject, comments, currents */
 
.date{
position: relative;
left: -100px;
text-align: left;
padding: 10px 0px 0px 0px;
color: #ccc;
font-family: "Trebuchet Ms" Helvetica, sans-serif;
font-size: 8pt;
text-transform: uppercase;
letter-spacing: 1px;
}

.subject {
position: relative;
left: -100px;
padding-left: 0px;
padding-top:2px;
padding-bottom:12px;
margin-right: -10px;
font-weight: normal;
padding-bottom: 2px;
color: #939393;
font-family: verdana;
font-size: 14pt;
font-style: ;
letter-spacing: 0px;
text-align: left;
}
 
.subject a, .subject a:link, .subject a:visited {
font-family: Calibri;
color: #939393;
text-transform: uppercase;
}
 
.subject a:hover {
color: #999;
}
 
.datesubject {
margin-left: 15px;
margin-right: 15px;
padding: 0px;
border-bottom: 1px solid #EEE;
background-color: #ffffff;
}
 
 
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #777777;
font-size: 9pt;
text-transform: ;
}
 
.currents, .currentmood, .currentmusic, .currentlocation {
color: #777777;
font-size: 9pt;
text-transform: ;
}
 
 
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #4cb5d3;
font-size: 9pt;
text-transform: ;
}
 
.currentlocation a:hover, .ljtags a:hover {
color: #000000;
font-size: 9pt;
text-transform: ;
}
 
 
.currentlocation {
	height: 16px; 
	background: url('http://img28.imageshack.us/img28/9228/homee.gif') 4px 4px no-repeat;
padding-left: 18px;
	}
 
.currentmood {
	background: url('http://img28.imageshack.us/img28/5507/smilie.gif') 4px 4px no-repeat;
padding-left: 18px;
	}
 
.currentmusic {
	height: 18px; 
	background: url('http://img241.imageshack.us/img241/2895/notee.gif') 4px 4px no-repeat;
padding-left: 18px;
	}
 
.comments {
background: #00c1d5;
font-family: "arial", sans-serif;
font-size: 12pt;
text-align: left;
font-weight: normal;
padding-top: 4px;
padding-bottom: 4px;
position: relative;
margin-top: 0px;
padding-left: 5px;
color: #f3f3f3;
text-transform:;
letter-spacing: 0px;
}
 
div.comments a, div.comments a:link, div.comments a:visited {
font-family: "calibri", sans-serif;
color: #fff;
text-transform: ;
}
 
div.comments a:hover {
color: #2d2d2d;
text-transform: ;
}
 
/* other */
 
.clear {
display: none;
height: 0px;
}
 
.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 12px;
color: #888888;
border: 1px solid #bbb;
background: #FDFDFD;
}
 
/* header */

.headerimage {
position: relative;
width: 650px;
height: 358px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; 
background-image: url('https://goodbyebird.dreamwidth.org/file/111314.png'); 
background-repeat: no-repeat;
border-left: 6px solid #7F94B0;
border-right: 6px solid #7F94B0;
}
 
.separator {
background:transparent;
padding: 3px;
}
 
.clearfoot {
display: none;
}
 
/* comment page */
 
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
color: #c9c9c9;
}
 
.userpiccomment {
position: relative;
top: -10px;
padding: 4px;
margin: 0px 10px -20px 0px;
z-index: 15;
float: left;
height: 100px;
width: 100px;
background:#f8f8f8; 
}
 
.box {
clear: left;
color: #f8f8f8;
}
 
input, textarea {
background-color: #ffffff;
padding: 3px;
font-size: 12px;
font-family: "Georgia", sans-serif;
color: #333030;
border: 1px solid #ccc;
		}
 
textarea.textbox  {
width: 100% !important;
border: 1px solid #ccc;
}
 
.reply	{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Georgia", sans-serif;
font-size: 12px;
line-height: 125%;
background-color: #ffffff;
color: #3f3e3e;
}
 
.replytosubject {
font-weight: bold;
}
 
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Georgia", sans-serif;
color: #3f3e3e;
}
 
.commentbox {
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
 
.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
 
.commentinfo {
background-color: #ffffff;
margin-top: 12px;
width: 100%;
}
 
.skiplinks {
text-align: center;
padding: 10px;
color: #888888;
background-color: #fff;
}
 
/* tiny icons */

/* Generated by Malionette's Tiny Icon Generator 
   http://malionette.net/generator/tinylite.html */

span.i-ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; }
span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/U46yKUE.png) no-repeat !important; padding: 13px 0 0 12px !important; }

Many thanks for any help <3

blueshiftofdeath

I'm using tickletheory's plainstyles Style 4 theme, and recently decided I wanted to make the icons bigger, plus make icons appear on my journal's recent entries page (not just my reading page). I ended up adding the following code:

( css code )

This worked mostly great, except for some reason, it only displays correctly for public posts? For access-locked posts or posts with custom filters, the alignment is all off. I would think it's because of the little lock icon, but it doesn't happen to public stickies. I don't see any code specific to security level in any of the relevant layers.

I've been able to partially fix this by doing further adjustments to entry css based on security level, but it's breaking other things, and I feel like there must be some other option to make all the security levels display the same?

Does anyone know what's causing this, and/or how to fix it?

Tags:

seleneheart

I have my Dreamwidth profile coded with a table, but the page is putting in a CSS design element of 'vertical-align: baseline' . This is messing up the alignment of the elements in my table. I have tried a variety of solutions for the alignment of the table elements to fix it but nothing seems to work.

If I use the inspector function on Firefox and remove the design element, the table looks correct. https://seleneheart.dreamwidth.org/profile

I can share the table code if necessary.

Any idea how to override this?

Tags:

$account level:paid or premium

tropicsbear

EDIT: I and did a trial-and-error deleting spree of code sections lol. I was so convinced it was something in the footer, but it turns out the culprit was padding in the control strip.

I just started using this layout from plainstyles on my community sigaw.

On my desktop, I can see a horizontal scrollbar at the bottom of the page, despite not having any posts in the community yet.

Does anyone know what part of the CSS I need to tweak to get rid of it?

Tags:

fueschgast

After 4 years on DW I thought it's finally time to fix my tags page. From searching this comm I gathered that it's possible to give a Core 1 layout multilevel tags. Unfortunately that post isn't helpful to me, because
1. The link to the code is dead,
2. I only know HTML & CSS, so I need step-by-step instruction for this layer thing.

Tags:

momijizukamori

When we made a bunch of changes to how comment pages worked last summer, it had the side effect of breaking Javascript in core1 layouts, because the scripts now need to be loaded at the end of the document rather than in the head. We have a fix for this now, but because core1 layouts typically override all the main functions, it was impossible to apply automatically, and you will have to edit your layouts individually.

( Instructions with screenshots under the cut )

runpunkrun

I used to have a userstyle that made the content on Tropospherical site-skinned pages wider but after the recent site changes it no longer works and I haven't been able to fix it.

I just want the entry content and comments to take up more of the page instead of being huddled together in a narrow column. Help with css?

Edit: Okay I dug around in the comments of the most recent dw-maintence post and found some code from

darjeeling that did the trick.

permutative

Hi, I'm using baud's layout that customizes Tabula Rasa. I was wondering how to fix the CSS so that it shows my user icon at the top of dreamwidth posts/entries along with displaying the icons of user comments. I would appreciate the help!

Here's my CSS:

/* Cleaned CSS: */
/* ----- BODY ----- */

::selection{background:#6f6f6f;color:#fff;}
::-moz-selection{background:#6f6f6f;color:#fff;}

body { 
font-family: 'Cardo', serif;
background: #fff url("") repeat fixed; color: #333;
 }

a, a:link, a:hover, a:visited, a:active { text-decoration: none; color: #aa8abd; font-family: 'Muli', sans-serif;  }

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

blockquote { padding: 10px; font-style: italic; color: #555;  }

/* ---- CONTENT ---- */

#primary { margin: 0 auto;  }

@media only screen and (min-width: 900px) { #content { margin: 0 auto;  width: 650px; margin-top: 20px; }
#primary { margin: 0 auto;  }
#secondary {}

}

/* ---- PRIMARY ---- */

#primary > .inner { margin-top: 30px; }

.entry { background: #ffffff; }

.entry-title {font-size: 25px; color: #111; font-family: 'Muli', sans-serif; letter-spacing: .15px; }

.entry-title a { color: #111; }

.entry-title a:hover { color: #333;}

.datetime a, .datetime { text-transform: uppercase; font-size: 13px; color: #555; margin-top: -10px !important; }

.datetime a:hover { color: #333 !important; }

.header { text-align: left;   }

.entry-content { color: #333; font-size: 16px;  line-height: 1.7em; margin-top: 5px; font-family: 'Cardo', serif; }

ul.entry-interaction-links.text-links { text-align: right; padding-bottom: 10px; text-transform: uppercase; font-family: 'Cardo', serif;}

ul.entry-management-links.icon-links { text-align: right; font-family: 'Cardo', serif; }

img { max-width: 500px; text-align: center; }

/* ---- SECONDARY ---- */

#secondary {  }

.module-section-one > .inner {  display: flex; flex-direction: row;  }

.module-userprofile.module img { border-radius: 100%;  justify-content: center; margin: 15px; margin-left: 45px; }

.userlite-interaction-links.icon-links { display: none; }

.module-customtext.module {  align-self: flex-end; font-family: 'Cardo', serif; }

.userpic img {   }

li.menu { display: inline; }

li.menu:hover {  }

li.menu a { }

li.menu a:hover { }

h2.module-header { text-align: left;  color: #111; font-size: 30px; font-family: 'Muli', sans-serif; }

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

li.page-back { display: inline; font-family: 'Cardo', serif;  }

li.page-back:hover { }

li.page-back a:hover {}

li.page-forward { display: inline; }

li.page-forward:hover {  }

li.page-forward a:hover { }

/* ---- DISPLAY ---- */

h2#pagetitle, h2#subtitle, #footer, div.navigation.topnav, .tag, .manage-link, div.inner > div.userpic, .module-userprofile.module > h2.module-header, #header, .journal-name  { display: none; }

/* ----- CONTROL STRIP ----- */

/* Controlstrip */

#lj_controlstrip {background: #fff;  padding: 1em 0; top: 0; left: 0; width: 100%; position: relative;}

#lj_controlstrip td {font: 13px/2 'Cardo', serif; color: #111; display: table-cell;}

#lj_controlstrip_statustext { font-size: 1.2em;  color: #111; font-weight: 700; margin-bottom: .5em; }

#lj_controlstrip a { color: #555; font-weight: normal; }

#lj_controlstrip a:hover { text-decoration: underline;}

#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, .cuttag img { border: 0; }

#lj_controlstrip_user .ljuser {  padding: .25em; font-size: 1.2em;}

#lj_controlstrip_user img, #lj_controlstrip_actionlinks img {display: none;  }

#lj_controlstrip_userpic { width: 60px; padding-left: 2em !important; }

#lj_controlstrip_userpic img  { border: 0 !important; padding: 6px !important; }

#lj_controlstrip_userpic a  { padding: 0; margin: 0; }

#lj_controlstrip input {     font: italic .88em/2 Lora, serif; background: #eee; color: #111; padding: .25em .5em 0 .5em; margin: 0; width: auto;text-transform: lowercase; letter-spacing: .05em; border: none;}

#lj_controlstrip input #search { padding: .125em .25em; margin: 0; border: none;}

#lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember  { background-color: #eee; color: #111; border: none;}

#lj_controlstrip_login td,  {border-bottom: 0;}

#lj_controlstrip #lj_controlstrip_search { display: none; }

@media only screen and (min-width: 1000px) {
	
#lj_controlstrip td {font-size: 14px;}
	
#lj_controlstrip #lj_controlstrip_search { display: block; } }

Tags:

entries:user icon

yaoifreakbeat

Hi everyone,

Would anyone have the layer for Flexible Squares and/or Smooth Sailing to use for Dreamwidth?

Thank you so much!

molluscsandmonsters

I have no background in CSS, and I've forgotten most of what I used to know about HTML. I used to be pretty good at googling + searching for specific terms to customize tumblr themes, but it's been a while.

I like the Abstractia base a lot (I'm messing with Abstractia Abyss right now, I know my adjustments look a little goofy, let me be ridiculous in peace) but there's one thing I don't like and can't seem to modify, which is the subheader that lists which page you're on (not to be confused with the subheader that is controlled by the subheader option in the title section of the wizard). What I really want is to get rid of it entirely since the navigation sidebar module is perfectly adequate for seeing what page you're on at a glance, but failing that I'd like to at least be able to change the font.

It doesn't look like it's possible to access/edit the raw code, which makes sense if you want to put some basic safety limits on what people can mess with or make sure they don't alter the style credit. (Though the raw code is viewable and downloadable, so... maybe the idea is that if you want to substantially modify something, you can take that, modify it, and upload your own version?) The text seems to be linked to whatever text you have for the navigation module, as deleting the text in the navigation module also deletes the subheader, but then of course the navigation module doesn't work for navigation anymore. I can't find anything else in the wizard that affects it at all, nor can I work out what command I might add to the layer to stop it from displaying.

Here is the Abstractia source code.

( This is the layer generated by my messing around with the customization wizard: )

Any idea what I should do?

judas_river

Hello, and thank you in advance for taking the time to read this. Some years ago, I sort of muddled my way through porting my style over from LiveJournal. However, there are a few minor issues that I can't seem to figure out on my own, and I'd love to finally address them. Would any of you wonderful people be able to help me?

( My style info )

( My problems )

If you got all the way through that, you deserve an award haha. Any help with any of these problems would be so deeply appreciated. What little I know about coding layouts is self-taught and spotty at best, so any and all explanations to accompany any help offered would be especially awesome, too. Thanks so much!

Tags:

Profile

Dreamwidth style system discussion

February 2026

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

Syndicate

Page Summary

sa1nt - question (kind of a request maybe?)
the_wildlings - customising navigation strip colours in transmogrified
monsterchild_lair - [solved] turning off the alternating icon position in Five AM?
london_fan - [SOLVED] Changing the cut link text colour and removing the braces around it
wraithmoon - Basic Question.
judas_river - Adding Entry Link
shellz - (no subject)
tanda_mif_chgk - (no subject)
yestoday - is there a way to switch the order the metadata is displayed in?
goodbyebird - Looking for some layout help
blueshiftofdeath - Entry headers formating differently based on security level?
seleneheart - Getting Rid of "vertical-align: baseline" in Profile Code
tropicsbear - [FIXED] Trying to get rid of horizontal scrollbar
fueschgast - (Solved) Multilevel tags for Core 1
momijizukamori - Javascript for core1 layouts
runpunkrun - [fixed] make tropo site-skinned pages wider?
permutative - [FIXED] Showing Icons on Dreamwidth Posts/Comments
yaoifreakbeat - Flexible Squares & Smooth Sailing
molluscsandmonsters - extreme beginner trying to make a minor modification
judas_river - Help with Journal Customization

Style Credit

Style: Radiant Aqua for Venture by onlyembers

Expand Cut Tags

No cut tags

Page generated Apr. 22nd, 2026 03:29 pm

Dreamwidth style system discussion

Recent Entries

question (kind of a request maybe?)

customising navigation strip colours in transmogrified

[solved] turning off the alternating icon position in Five AM?

[SOLVED] Changing the cut link text colour and removing the braces around it

Basic Question.

Adding Entry Link

(no subject)

(no subject)

is there a way to switch the order the metadata is displayed in?

Looking for some layout help

Entry headers formating differently based on security level?

Getting Rid of "vertical-align: baseline" in Profile Code

[FIXED] Trying to get rid of horizontal scrollbar

(Solved) Multilevel tags for Core 1

Admin Post: Javascript for core1 layouts

[fixed] make tropo site-skinned pages wider?

[FIXED] Showing Icons on Dreamwidth Posts/Comments

Flexible Squares & Smooth Sailing

extreme beginner trying to make a minor modification

Help with Journal Customization

Profile

February 2026

Links

Syndicate

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags