Dreamwidth style system discussion

Want to make all links in entry text bold, but not links outside of entries

2023-08-14T05:02:51Z

Posted by: sunlit_skycat

Hi, I have a community at blueheronteanook. I want to make all links in the entry text bold, without applying this to links outside of entries, tags, or the link/comment number/reply type of links. Additionally, I want to apply this to links in the text of comments. How do I do this?

CSS skill is at the level where I can open inspect and tinker around inside there, and then once it works put that into the Custom CSS section. Ideally, I would prefer an answer that I can copy and paste directly into the Custom CSS section to make it work. Thanks in advance!

comments

Webfont embedding on imported layouts

2017-08-01T15:43:40Z

Posted by: soleum

Good Morning!

I did not see any recent posts in regards to this, but I need a little assistance with webfonts, please! I'm just coming over from IJ/LJ, and I've imported flexible squares from the livejournal layout I was using.

Here is the css file I made for the fonts I currently use on my IJ. I'd like to use Nanum Gothic for my body fonts, and the other fonts for my subject lines and sidebar texts.

I know, I should learn about DW customization and its cores and all that. I probably will eventually, but for now I'd really like to continue using this layout with my own fonts (if possible!)

Honestly, if I could live with nothing but S1 Generator layouts for the rest of eternity, I would. Maybe it's a sign that I'm getting old, lmao. (On that note, if you guys know of any DW layouts out there that are comparable...please let me know!)

comments

Entry title all in lowercase letters

2017-01-14T18:24:52Z

Posted by: nonesensed

Hi!

I'm yet another person moving over from LJ and having trouble with the making changes to my journal layout. More specifically the title text for my journal entries.

The using the City Dragon - Tectonic theme, which has the entry title text in all lowercase letters. This I'd like to change to there being no modification to how the text is formated regarding lower or uppercase letters.

I've tried using the "text-transform" command and while I can change the entry text, the entry title text refuses to be anything else than lowercase. Any suggestions of what I can paste into the Custom CSS box that will remove the lowercase curse on my entry titles?

Warning: I'm not super great at CSS, so Advanced Customization is sadly beyond me.

comments

"span" HTML/CSS tag?

2013-03-11T02:08:36Z

Posted by: tropicsbear

So I heard that the font tag and associated tags are being deprecated? (I'm not sure? This also includes center?) So I started using span when needed in my entries. The problem is that the text isn't displaying accurately anymore.

In the layout I'm using, italicized text displays as Old Standard TT or Georgia, and bolded text is displayed as Lato or Calibri. If I just use b or i, the text displays correctly. But if I use span (like, < span style="font: italic;" >*text*< /span >, the different fonts are gone.

This is the layout CSS I'm using:

/* background images */

#secondary /*sidebar image */ {
background-image:url(http://i.minus.com/ibaAdGcgfjaqAM.jpg); 
}

body /* background image */ {
background-image: url(http://i.minus.com/ib1WRvDxtrnsAG.gif);
}

/* remote fonts */

@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: local('Lato Light'), local('Lato-Light'), url

(http://themes.googleusercontent.com/static/fonts/lato/v5/nj47mAZe0mYUIySgfn0wpQ.ttf) format('truetype');
}

@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 300;
src: local('Lato Light Italic'), local('Lato-LightItalic'), url

(http://themes.googleusercontent.com/static/fonts/lato/v5/2HG_tEPiQ4Z6795cGfdivKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

@font-face {
font-family: 'Old Standard TT';
font-style: italic;
font-weight: normal;
src: local('Old Standard TT Italic'), local('OldStandardTT-Italic'), url

('http://themes.googleusercontent.com/static/fonts/oldstandardtt/v4/QQT_AUSp4AV4dpJfIN7U5NqjIJxvUPK7zqL_omZtgx8.woff') format('woff');
}

@font-face {
font-family: 'Old Standard TT';
font-style: normal;
font-weight: normal;
src: local('Old Standard TT Regular'), local('OldStandardTT-Regular'), url

('http://themes.googleusercontent.com/static/fonts/oldstandardtt/v4/n6RTCDcIPWSE8UNBa4k-DOeKpinAksS0bOq9o5QARNc.woff') format('woff');
}

body {
padding: 0;
background-color: #f5f5f5;
font-family: Arial, sans-serif;
font-size: 12px;
color: #58594f;
line-height: 1.5em;
}

html body {
margin-left: 0em;
margin-right: 0em;
}

img { border: none; }

strong, b {
font-family: "Lato", Calibri, Tahoma, Geneva, sans-serif;
font-weight: 300;
letter-spacing: 1px;
color: #7a7c6e;
}

em, i {
font-family: "Old Standard TT", Georgia, serif;
font-style: italic;
color: #919383;
}

a { text-decoration: none; }
a, a:link, a:visited { color: #df1b1c;   }
a:hover { color: #ba1415; }

q { font-style: italic; }

#canvas {
margin: 0;
margin-left: 160px;
padding: 15px 0;
padding-left:0;
text-align: justify;
width: 960px;
}

#primary {
width: 700px;
text-align: left;
margin: 0;
float: left;
   }

#secondary {
width: 250px;
background-repeat: no-repeat;
padding: 160px 0 0 0;
margin: 1px 0 0 10px;
position: fixed;
left: 910px;
float: left;
}

#tertiary {
clear: both;
background: #fff;
color: #3f4036;
margin: 0 0 10px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
margin: 0;
width: 550px;
    }

#tertiary > .inner:first-child { }

#tertiary .separator-after { clear: both; }

/*--- header + footer ---*/

#header { display: none; }
#footer {
background: #ffffff;
text-transform: lowercase;
clear: both;
margin-top: 10px;
width: 550px;
font-family: "Old Standard TT", Gerogia, serif;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited { color: #7a7c6e; }
#footer a:hover { color: #54554d; }

#footer .inner { padding: 10px; }

/*--- prev/next navigation ---*/

li.page-back, li.page-forward {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0;
    }

li.page-separator { display: none; }

.navigation ul {
    display: inline;
    padding: 0;
    margin: 0;
    }

/*--- entry ---*/

.entry {
background: #fff;
color: #3f4036;
position: relative;
padding: 15px;
margin: 0 0 10px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.entry a, #tertiary a {
 color: #df1b1c;
 }

.entry a:visited, #tertiary a:visited {
 color: #df1b1c;
 }

.entry a:hover, #tertiary a:hover {
 color: #ba1415;
    }

.entry-content { margin: 10px 0 0 0; }

.entry .header {
padding: 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #eef3e4;
}

h3.entry-title {
margin: 0;
font-family: "Old Standard TT", Georgia, sans-serif;
font-size: 30px;
font-weight: 400;
color: #000;
text-align: left;
display: inline-block;
padding: 7px 5px;
}

h3.entry-title a{
color: #000;
}

h3.entry-title a:visited{
color: #000;
}

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

.datetime, .comment .poster {
font-family: Lato, Helvetica, sans-serif;
font-size: 10px;
display: block;
text-transform: uppercase;
color: #ccc;
}

.datetime a {
color: #ccc;
}

.datetime a:visited {
color: #ccc;
}

.datetime a:hover {
color: #ba1415;
}

.entry .userpic {
display: block;
margin: 0;
position: absolute;
top: 0;
left: -110px;
width: 100px;
text-align: right;
padding-bottom: 1px;
}

.entry .userpic img {
border: 0px;
border-bottom: 10px solid #fff;
padding-bottom: 2px;
}

.poster {
font-family: Helvetica, Georgia, sans-serif;
text-transform: uppercase;
}

.metadata {
margin: 15px 0 15px 0; 
}

.metadata ul {
padding: 0;
margin: 0;
}

.metadata ul li {
list-style: none;
font-weight: normal;
text-transform: lowercase;
color: #54554d;
padding: 2px 0;
font-family: Arial, Helvetica, sans-serif;
}
	
.metadata-label {
color: #000;
text-transform: uppercase;
font-family: Lato, Verdana, sans-serif;
font-weight: 300;
letter-spacing: 1px;
}

.tag-text {
text-transform: uppercase;
font-family: "Old Standard TT", serif;
font-size: 12px;
background-image:url(http://i.minus.com/iJMACTOWxThm2.png);
background-position: center left;
background-repeat:no-repeat;
padding-left: 12px;
}
	
.tag-text b {
letter-spacing: 0;
}

.tag ul {
padding: 0 0 0 2px;
margin: 0;
display: inline;
}

.tag ul li {
display: inline;
list-style: none;
font-weight: normal;
text-transform: lowercase;
color: #939393;
font-family: "Old Standard TT", serif;
font-style: italic;
letter-spacing: 0;
padding: 0;
}

ul.entry-management-links {
padding: 0;
margin: 10px 0 0 0;
}

ul.entry-management-links li {
display: inline;
list-style: none;
font-weight: normal;
text-transform: lowercase;
color: #939393;
letter-spacing: 0;
padding: 0 5px 0 0;
}

ul.entry-interaction-links {
padding: 0 0 5px 0;
margin: 10px 0 0 0;
text-align: center;
}

ul.entry-interaction-links li {
display: inline;
list-style: none;
text-transform: uppercase;
padding: 0 5px 0 0;
font-weight: normal;
font-family: "Lato", Calibri, Tahoma, Geneva, sans-serif;
font-weight: 300;
font-size: 12px;
letter-spacing: 1px;
}

.entry ul {
list-style-type: circle;
}

.entry ol {
list-style-type: lower-roman;
}

/*-- archive --*/

li.active {
list-style: none;
display: inline;
padding: 0;
margin: 10px;
}

.month {
background-color: #ffffff;
color: #7a7a7a;
padding: 20px;
margin: 0;
}

.month h3 {
font-family: "Old Standard TT", Georgia, sans-serif; 
font-size: 14px;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 1px;
padding: 0;
margin: 0;
text-align: right;
}

.month a {
color: #df1b1c;
}

.month a:visited {
color: #df1b1c;
}

.month a:hover {
color: #ba1415;
}

.navigation ul { display: inline; }
.navigation li { display: inline; list-style: none; }

table.month { border: 0; }
.month caption { display: none; }
.month th {
text-align: center;
margin: 0 2px;
text-transform: lowercase;
font-weight: normal;
}

.month td.day {
font-weight: normal;
color: #939393;
}

.month td.day-has-entries {
font-weight: normal;
color: #939393;
}

.month td.day-has-entries p {
padding: 0 0 0 5px;
margin: 0;
display: inline;
}

.month table {
width: 100%;
border: 0;
margin: auto;
}

td.day {
padding: 10px;
border: 0;
text-align: center;
}

/*-- tags --*/

.page-tags .tags-container {
background-color: #ffffff;
color: #7a7a7a;
padding: 10px;
margin: 0 0 10px 0;
}

.page-tags .tags-container h2 {
margin: 0 0 10px 0;
padding: 0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #d4d4d4;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 1px;
color: #939393;
}

.page-tags .ljtaglist { margin: 0; padding: 0; }
.page-tags .ljtaglist li {
padding: 0 0 0 10px;
margin: 0;
text-transform: lowercase;
letter-spacing: 0;
list-style: none;
}

.page-tags .tags-container a {
color: #df1b1c;
}

.page-tags .tags-container a:visited {
color: #df1b1c;
}

.page-tags .tags-container a:hover {
color: #ba1415;
}

.page-tags .tags_cloud { text-align: center; }

/*-- icons page --*/

.icons-container {
background-color: #ffffff;
color: #7a7a7a;
padding: 10px;
margin: 0 0 10px;
}

.icons-container h2 {
border-color: #d4d4d4;
border-style: solid;
border-width: 0 0 1px 0;
color: #939393;
font-weight: normal;
letter-spacing: 1px;
margin: 0 0 10px 0;
padding: 0;
text-transform: lowercase;
}

.icons-container a {
color: #df1b1c;
}

.icons-container a:visited {
color: #df1b1c;
}

.icons-container a:hover {
color: #ba1415;
}

.sorting-options ul {
padding-left: 0;
}

.sorting-options ul li {
display: inline;
list-style: none;
margin: 0;
}

.page-icons .comment {
margin: 0;
padding: 0;
}

.page-icons .icon {
margin: 1em 0;
}

.icon-image {
float: left;
clear: left;
margin-bottom: .25em;
min-width: 100px;
padding-right: 1em;
}

.icon-info {
min-height: 100px;
}

.icon-info span {
font-weight: bold;
}

.icon-info .default {
text-decoration: underline;
}

.icon-info .keywords ul {
display: inline;
padding: 0 0 0 13px;
}

.icon-info ul li {
display: inline;
list-style-type: none;
padding: 0 .25em 0 0;
}

/*--- comments ---*/

#comments {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.comment-title {
text-align: left;
}

.comment-title h4 {
font-size: 14px;
font-weight: normal;
display: inline-block;
color: #fff;
margin: 0;
font-family: "Old Standard TT", Georgia, serif;
}

.comment-title h4 a {
color: #fff;
padding: 1px 4px;
background: #000 !important;
}

.comment-pages {
font-family: "Old Standard TT", Georgia, serif;
margin: 15px 0;
}

.comment-pages a {
color: #7a7c6e;
}

.comment-pages a:hover {
color: #54554d;
}

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

input, textarea {
background-color: white;
padding: 3px;
border: 1px solid #eef3e4;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

textarea.textbox  { width: 90%!important; }

.poster-ip {
font-family: Helvetica, Georgia, sans-serif;
text-transform: uppercase;
color: #939393;
display: block;
text-align: left;
}

.comment .userpic {
width: 100px;
position: absolute;
top: 0;
left: -110px;
text-align: right;
}

.comment .userpic img {
padding-bottom: 2px;
border-bottom: 10px solid #fff;
}

.comment {
background: #fff;
position: relative;
color: #3f4036;
padding: 15px;
margin: 0 0 10px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
    }

.comment-wrapper { margin: 20px 0; padding: 0; }
.comment-content { margin: 10px 0; }

.bottomcomment, .comments-message {
background: #ffffff;
color: #7a7a7a;
padding: 20px;
margin: 0;
}

.comment a,
.bottomcomment a {
color: #df1b1c;
}

.comment a:visited,
.bottomcomment a:visited {
color: #df1b1c;
}

.comment a:hover,
.bottomcomment a:hover {
color: #ba1415;
}

.comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
.comment-management-links li, .comment-interaction-links li { display: inline; }

#qrform table { border: 0!important; }

.comment-poster {
font-family: Helvetica, Georgia, sans-serif; font-size: 0.6em;
text-transform: uppercase;
color: #939393;
}

.comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
.comment-management-links li, .comment-interaction-links li { display: inline; }

table.talkform {
background: #ffffff;
font-size: 12px;
padding: 10px;
margin: 0 0 10px 0;
}

table.talkform b {
color: #7a7a7a;
}

table.talkform a {
color: #df1b1c;
}

table.talkform a:visited {
color: #df1b1c;
}

table.talkform a:hover {
color: #ba1415;
}

/*-- modules --*/

#secondary .module {
font-family: "Old Standard TT", Georgia, sans-serif;
font-size: 12px;
}

#tertiary .module {
float: left;
width: 255px;
padding: 10px;
}

#tertiary .module-navlinks {
margin: 0;
padding: 1em 5%;
width: 90%;
}

.module-navlinks {
padding: 10px;
margin: 0;
}

#secondary .module-typelist, #secondary .module-navlinks {
margin: 0;
background-color: #fff;
text-transform: uppercase;
}

#secondary .module-typelist, #secondary .module-navlinks {
font-family: Lato, sans-serif;
font-weight: 300;
}

#secondary .module-typelist a, #secondary .module-navlinks a{
color: #000;
}

#secondary .module-typelist a:hover, #secondary .module-navlinks a:hover{
color: #df1b1c;
}

#secondary .module-typelist .module-header {
display: none;
}

.module-navlinks ul.module-list {
padding: 0;
margin: 0;
list-style: none;
}

.module-navlinks ul.module-list li {
padding: 0;
margin: 0;
list-style: none;
}

.module-navlinks ul.module-list li a, .module-navlinks ul.module-list li a:link { color: #ba1415; }
.module-navlinks ul.module-list li a:visited { color: #ba1415; }
.module-navlinks ul.module-list li a:hover { color: #cbdadc; }

.module-calendar { text-align: center; }
.module-customtext {
padding: 0;
margin: 20px 0 0 0;
}

.module-typelist .module-list-item {
margin-left:-2.5em;
}

.module-list-item {
border-bottom: 1px solid #eef3e4;
list-style: none;
}

.module-header {
font-family: "Old Standard TT", sans-serif; 
font-size: 14px;
color: #fff;
background: #000;
display: inline-block;
font-weight: 300;
text-align: left;
padding: 1px 3px;
margin: 5px 0;
}

#tertiary .module-header a,
#tertiary .module-header a:link,
#tertiary .module-header a:visited,
#tertiary .module-header a:hover
    { color: #fff;  }

.module-userprofile .journal-name,
.module-userprofile .userpic
    { text-align: center; }

.module-userprofile .userpic img { border:7px solid #000; padding: 1px; }

.module-credit {display: none;}

ul.userlite-interaction-links.icon-links {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-left: 0;
padding-left: 0;
text-align: center;
}

ul.userlite-interaction-links.icon-links li {
display: inline;
padding: 0 0.2em;
}

.module-tags_cloud, .module-time, .module-powered { width: 90%; }

.tags_cloud li, .module-tags_cloud li { display: inline;
list-style-type: none; }

.manage-link {
font-size: smaller;
text-align: right;
text-transform: uppercase;
}

.module-time, .module-powered {
border-style:solid;
border-width: 0 0 1px 0;
border-color: #d4d4d4;
letter-spacing: 1px;
text-align: center;
padding-top: 1em;
}

.module-search .search-form { margin: .2em auto; }
.module-search .search-box { margin: .2em; }

#tertiary .module-content ul {
list-style-type: none;
font-weight: 300;
margin: 0;
padding: 0;
}

#tertiary .module-content li {
margin: 0.5em 0;
text-align: center;
}
	
#tertiary .module-content li a {
font-family: Lato, Verdana, Geneva, sans-serif;
text-transform: uppercase;
color: #000;
}
	
#tertiary .module-content li a:hover {
color: #df1b1c;
}
	
#tertiary  .module-customtext {
padding: 5px 10px;
font-family: "Old Standard TT", Georgia, serif;
font-size: 12px;
line-height: 200%;
width: 530px;
text-align: left;
}

/*-- extras --*/

div.ContextualPopup {
position: relative;
margin: 0;
text-align: justify;
font-weight: normal;
font-family: Helvetica, Georgia, sans-serif; 
font-size: 50%;
color: #939393;
line-height: 1.8em;
}

div.ContextualPopup div.Inner {
color: #939393 !important;
border: 1px solid #d4d4d4;
background: #ffffff !important;
padding: 10px;
}

div.ContextualPopup div.Inner a {
color: #df1b1c;
}

div.ContextualPopup div.Inner a:visited {
color: #df1b1c;
}

div.ContextualPopup div.Inner a:hover {
color: #ba1415;
}

div.ContextualPopup div.Inner a:active {
color: ;
}

div.ContextualPopup .Userpic {
margin: 5px;
border: 1px solid #d4d4d4;
background: #ffffff !important;
padding: 5px;
}

blockquote {
background: whiteSmoke;
border: 0;
font-size: 14px;
font-style: italic;
padding: 20px;
margin: 20px;
color:#666;
font-family: "Old Standard TT", Georgia, serif;
}

hr {
color: transparent;
height: 1px;
border-style: none;
border-bottom: 3px double #e6e6e6;
    }

#lj_controlstrip {
background-color: #fff;
background-image: none;
height: 53px;
}

#lj_controlstrip_userpic {
padding-top: 5px;
padding-left: 5px;
width: 43px;
}

#lj_controlstrip td {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 17.5px;
letter-spacing: normal;
font-family: "Lato", Calibri, Tahoma, Geneva, sans-serif;
color: #3a3b35;
}

#lj_controlstrip_statustext {
color: #7a7c6e;
font-weight: normal;
font-family: "Old Standard TT", Georgia, serif;
font-size: 14px;
margin-bottom: 5px;
}

#lj_controlstrip input {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 16.5px;
background-color: #fff;
color: #999;
padding: 1px 3px;
margin: 0;
width: auto;
text-transform: none;
}

#lj_controlstrip a {
font-family: "Lato", Calibri, Tahoma, Geneva, sans-serif;
color: #3a3b35;
}

#lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_actionlinks {
border-right: 1px solid #eef3e4;
}

.ljuser b { font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0px; color: #000; }
.ljuser a {color: #000 !important;}
	
#canvas img[src*="user.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.minus.com/i1bo4JTvGQygv.png) no-repeat; padding: 10px 2px 0 6px !important; }
#canvas img[src*="community.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.minus.com/iltHnCHychfRl.png) no-repeat; padding: 10px 2px 0 8px !important; }
#canvas img[src*="feed.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.minus.com/ibyVh8y0BE8oOi.png) no-repeat; padding: 12px 0 0 15px !important;

}

#canvas img[src*="locked.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.minus.com/iEuXkZcmNZwUu.png) no-repeat; padding: 16px 0 0 18px !

important; }

#canvas img[src*="filtered.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.minus.com/ibib7u76UD2NpE.png) no-repeat; padding: 16px 0 0 16px !

important; }

#canvas img[src*="private.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.minus.com/ishet4cUxcwCU.png) no-repeat; padding: 16px 0 0 18px !

important; }
#canvas img[src*="user_staff.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.minus.com/iJn4pDj4cAxr4.png) no-repeat; padding: 12px 0 0 12px !important; }
#canvas img[src*="comm_staff.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.minus.com/i5B3xsqkQT36Z.png) no-repeat; padding: 12px 0 0 15px !important; }

img[src*="collapse.gif"] { 
width: 0; 
height: 0; 
padding: 0px 0px 8px 10px !important; 
background: transparent url(http://i.minus.com/iCha47dJYmABh.png) no-repeat scroll 0 0; 
}

img[src*="expand.gif"] { 
width: 0; 
height: 0; 
padding: 0px 0px 8px 10px !important; 
background: transparent url(http://i.minus.com/ibzsjFWQXthnEj.png) no-repeat scroll 0 0; 
}

img[src*="collapse-end.gif"] { 
width: 0; 
height: 0; 
padding: 0px 0px 8px 10px !important; 
background: transparent url(http://i.minus.com/i6jUTJEPw0uDR.png) no-repeat scroll 0 0; 
}

Alternately, if I'm wrong about font being deprecated, feel free to tell me I'm an idiot so I can just go back to my old ways.

comments

Two questions: module spacing and profile text

2013-02-04T04:29:37Z

Posted by: jordannamorgan

I'm looking for help with a couple of items, respectively related to modules in the Ciel style, and font size in my profile.

#1: Is there a way to put just a few pixels' space between the modules on my journal pages? I don't care for how they're sitting directly on top of each other. (ETA: this is resolved, thanks!)

#2: I want to change the size (and perhaps the colors) of the text on my profile page. I've been trying to do so by using the font size HTML tag in the profile-editing area, since I've coded a table with some graphics there. However, try as I might, I can't get any font-altering tags to work. The size refuses to change. Any solution? (Still haven't found an answer for this!)

Thank you for any help!

comments

Font embedding feature

2012-12-08T09:42:23Z

Posted by: jana

Since the latest code push it's possible to embed web fonts in your stylesheet via the style wizard. What is the corresponding property if you want to set it in a theme layer? I'm working on a layout but don't use it as my journal style (which means I can't use the wizard).

comments

@font-face browser compatibility issues

2012-05-07T22:13:30Z

Posted by: thoitaxh

Hey! So it's me again. I've got a promblem with my font_face tag that for some reason isn't showing up in Firefox. Works in Chrome with no issues at all, but Firefox keeps defaulting to my back-up fonts.

How it looks in Chrome/How I want it to look

How it looks in Firefox

/*@font-face*/

@font-face {

font-family: "Bebas Neue";

src: url(http://dl.dropbox.com/u/59359072/BebasNeue-webfont.eot);

}

@font-face {

font-family: "Bebas Neue";

src: url(http://dl.dropbox.com/u/59359072/BebasNeue-webfont.ttf) format("opentype");

}

/* Colours:

#B5BFBD - PALE VIOLET

#7C7D78 - DARK GREY

#E6E6E6 - LIGHT GREY

#F26A53 - RED */

/* Basics */

body {

background-color: #fff29D;

font-family: "Arial Narrow", "Century Gothic", Helvetica, Arial, sans-serif;

font-size: 14px/1.2em;

letter-spacing: -1px;

color: #7C7D78;

padding: 0;

margin: 0;

text-align: left;

}

a, a:link, a:visited {

color: #F26A53;

text-decoration: none;

}

blockquote {

background: url() no-repeat;

padding: 10px;

color: #F26A53;

font-family: Georgia;

font-style:  italic;

text-align:  justify;

}

code, kbd, pre, tt {

font-family: Helvetica, Arial, sans-serif;

font-size: 1em;

background: #FEFDFB;

border: 1px solid #E6E6E6;

}

b, i, s, u, emphasise, abbr, strong, strike { color: #7C7D78; }

/* previous next navigation buttons */

.topnav, .bottomnav {
	color: #F26A53;

padding-top: 20px;

padding-bottom:20px;

text-align: center;

font-family: "Bebas Neue";

font-size: 1.5em;

position: relative;

left:-5%;
	}

.topnav {
	display: none}

.page-separator, li.page-separator, ul .page-separator, ol page-separator { 
	display:inline;

color: #7C7D78;

padding: 5px;
	}

.navigation ul {

display: inline;

padding: 0;

margin: 0;
	}

.navigation li {
	display: inline;
	
	list-style-type: none;
}

/* CONTENT */

#header {

float: left;

font-size: 1.8em;

font-family: "Bebas Neue", "Arial Narrow", Helvetica, sans-serif;

text-transform: uppercase;

text-shadow: 3px 3px 5px #666;

color: #F26A53;

letter-spacing: 6px;

position:relative;

top: 100px;

left: 50%;

background:transparent url() no-repeat top center;

z-index: 10;

}

h2#title {

float: left;

position: relative;

left: -50%;

}

h2#pagetitle {display: none;}

#footer {

clear: both;
	width: 100%;
}

#canvas	{

width: 600px;
	z-index: 10;

}

#primary {

float: left;

z-index: 50;

padding: 100px 0px 0px 0px;

margin: 10px 10px 10px 300px;

width: 100%;

text-align: left;

}

#secondary {

float: left;

position: absolute;

top: 30%;

left: 50%;

margin: 0 auto;

font-size: 1.5em;

background: transparent;

z-index: 100;

}

#tertiary {

float: right;

display: block;

position: fixed;

top: 300px;

right: 10%;

clear: both;

width: 200px;

}

/*navigation bar under header*/

.module-navlinks {

margin: 0;

padding: 0;

font-family: "Century Gothic";

font-size: 1.1 em;

position: relative;

top: -50%;

left: -55%;

}

.module-navlinks li {

float: left;

list-style-type: none;

margin: 0 0 0 0.5em;

padding: 0.25em;

background: transparent;

color: #7C7D78;

}

.module-navlinks a {

color: #7C7D78;

text-decoration: none;

text-transform: lowercase;

font-size: 15px;

}

.module-navlinks .clear {

clear: left;

height: 1px;

margin-top: -1px;

}

/*SIDEBAR MODULES*/

.module-header {

display: block;

font-size:0px;
}
.module-typelist {

margin: 0;

padding: 0;

font-family: "Bebas Neue";

}

.module-typelist ul {
	
	list-style-type: none;

margin: 0;

padding: 0;

}

.module-typelist a {
	
	display: block;

overflow: hidden;

padding: .4em;

margin-bottom: 2px;

background: transparent url();

text-transform: uppercase;

width: 200px;

text-align: left;

color: #F26A53;

font-family: "Bebas Neue", "Arial Narrow";

text-transform: uppercase;

font-size: 1.4em;

font-weight: bold;

letter-spacing: 0.4em;	
}

.module-typelist a:hover {
	text-shadow: 3px 3px 5px #999;
}
/* ENTRY CONTENT */

.entry {

background-color: #F9F9F9;

width: 500px;

padding: 20px;

margin: 0px;

margin-bottom: 30px;

font-family: "Arial Narrow", Arial, Helvetica, sans-serif;

font-size: 1.2em;

border: 10px solid #F9F9F9;

}

.entry-content {

padding-top: 10px;

margin: 10px 0px;

text-align: justify;

}

.entry-content img {
	 
	max-width: 100%;

border: 10px solid #F9F9F9;
		
}

.entry-content video {
	
	max-width: 100&;

}

.entry-title {
	
	display: block;

padding: 5px 50px 5px 10px;

margin: 0;

font-family: "Bebas Neue", "Arial Narrow", Arial, Sans-serif;

text-transform: uppercase;

font-size: 1.2em;

overflow: hidden;

}

.entry-title a {
	
	background: #E6E6E6 url ();

font-family: "Bebas Neue", "Arial Narrow", sans-serif;

color: #7C7D78;

}

.entry-title: hover  {
	color: #F26A53;
}

.userpic {

display: block;

float: left;

position: relative;

top: 10px;

padding: 0 0 0 0;

margin: -110px 0 0 -170px;

}

.userpic img {

width: 100px;

height: 100px;

border: 10px solid #F9F9F9;

box-shadow: 3px 3px 5px #666;

-webkit-box-shadow: 3px 3px 5px #666;

-moz-box-shadow: 3px 3px 5px #666;

}

/* Metadata and Tags */

.metadata {

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

text-transform: lowercase;

}

div.metadata ul {

list-style: none;

padding: 0px;

margin: 0px;

}

div.metadata ul li {

display: inline;

text-align: left;

list-style-type: none;

padding: 0px;

margin: 0px;

}

span.metadata-item-location, span.metadata-item-music, span.metadata-item-mood, div.tag ul  {

display: inline;

list-style-type: none;

list-style-position: outside;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

}

.tag {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

}

span.tag-text {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

}

div.tag ul li {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

}

ul.entry-management-links {

display: block;

text-align: center;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

color: #7C7D78;

}

ul.entry-management-links li {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

color: #7C7D78;

}

ul.entry-management-links a {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

color: #7C7D78;

}

ul.entry-interaction-links {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

}

ul.entry-interaction-links li {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

}

ul.entry-interaction-links a {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

}

.tag, .entry-interaction-links, .entry-management-links, .comment-interaction-links, .comment-management-links {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

}

I'd be super grateful for any help at all!

comments

Adding additional fonts to layouts...

2012-02-25T19:36:04Z

Posted by: ex_bibbinut154

Was wondering about adding additional fonts to layouts.
For instance if I wanted the subject heading in my entries to be italicized.
Would it be [i]text[/i]?
Been looking at quite a few themes and fonts to give me some ideas for a layout.
If I wanted to add another font that's not on the list like bradley script for example (I think that's the name of the font).
How does one go about doing that?
And Thank You for this very helpful community. :)

comments

font color troubles

2012-02-15T03:06:58Z

Posted by: plunderful

I'm having troubles with a layout. It's a tabula rasa layout (the one for this journal, actually).

1. I want the entry title text to be the dark blue color, but the links for everything else to be pink. I've tried some variations, but, for whatever reason, I cannot get the colors to "separate"--either all links are blue, or all links are pink. Help?

2. And second, I'm still getting black text in my second (non entry) column (most annoying is the calendar) and I can't figure out how to change that, either. Help?

Any assistance would be greatly appreciated. I've spent over three hours racking my brain and trying different fixes, but admittedly, I'm really stupid when it comes to this stuff. Thanks!

comments

Fluid Measure and text in italics

2011-12-26T06:16:16Z

Posted by: pointy_eared_bastard

ETA: SOLVED, THANK YOU

My apologies if this has been asked before, I checked the tags and there wasn't anything.

Is there a way to take the page title, module title, and entry title out of italics and just have it be regular, non-italic font in Fluid Measure? This seems to be hard-coded into the style itself, it's not something I can fix from the Customize Journal page. Is there a CSS code I can implement to tweak this, or something? The layout is otherwise fine, I just really dislike the italics on the header title.

comments

Multilevel Tags

2011-12-26T01:37:15Z

Posted by: musyc

SOLVED

Is there a class for each level of a multilevel tag? I want to make the first tier of mine on my popular tags module have a different appearance (small caps, italics, something). I found the span.non-link-tag class, but as far as I can tell that's being used for both first and second tiers, and I want just the first.

So if I had something like:
foo: bar: llamas
foo: bar: wildebeest
foo: ticky: pandas

I'd want "foo" to be italicized/capped, but not "bar" or "ticky".

comments

Smooth sailing entry subject line issues

2011-12-21T20:17:06Z

Posted by: fleurdeliser

I am having two issues with this layout (here is the layer).

First, I would like to make the entry subject lines permalinks and no amount of googling has lead me to a fix on this for Smooth Sailing, though I have found one for Flexible Squares.

Second, the font of the subject line is supposed to be larger in that layout, but for some reason, it's not displaying properly in the layout.

Any help would be greatly appreciated. Thank you very much!

comments

Tag font size in sidebar

2011-11-11T15:23:34Z

Posted by: tropicsbear

When you set your tags to display in your module as a cloud, is there a way to make them all uniform in size? Like, even if the tag is used more often than the others, they're all the same size.

comments

Appearance Links

2011-10-09T12:18:31Z

Posted by: aldro

Is there a way to make specific links in your layout bold? By specific, I mean the links to cut text. I would like to make the cuts with text bold, but keep any other links (such as tags, the entry's title etc.) as they are.

Help would be much appreciated, thank you!

comments

Custom CSS for when you like Crisped but don't like ALLCAPS

2011-09-26T03:39:28Z

Posted by: rise

Hello! We'd been noticing among a few people we know that there are some who really, really like Crisped, but don't want to use it because they can't figure out how to get rid of the forced ALLCAPS that are just about everywhere in it. So, we threw together some Custom CSS to get rid of all the forced uppercase:

( code )

If you don't like the forced lowercase in the header, you can also use this:

( more code )

And finally, because the decreased letter-spacing can make the navigation menu and header hard to read for some people, especially after removing the allcaps, here's some css that fixes the letter-spacing, too:

( also more code )

Hoping this helps!

comments

Hating the caps...

2011-09-03T00:46:26Z

Posted by: yndigot

Small caps. I'm over them. I want them to go away. They're all over EVERYTHING in Practicality (or ... just all over headers -- I guess everything is an exaggeration).

So. Can I get rid of them and have it use regularly capitalized text? For god's sake, how? My CSS knowledge is better than non-existent, but not by much, so talk like I'm stupid.

comments

Font Size Reply Form

2011-05-31T15:19:06Z

Posted by: aldro

I would like to change the font size of text written in the reply form on the comment pages, as it's very tiny now. Yet I can't figure out what code in my CSS covers that section, so I don't know what to change. I'm hoping that anyone here can help me out. Thanks in advance!

Oh, and just in case... Here's my CSS.

/* Five AM */
/* A Dreamwidth Tabula Rasa Layout */
/* Variable width; one column, two column-left, two colum-right page setups */
/* by w i n t e r f i s h */

* {margin: 0; padding: 0; font-size: 100%;}
html {font-size: 100%;}

body {
	margin: 0;
    padding: 0;
    color: #555;
	font-family: verdana, helvetica, sans-serif;
	font-size: 60%;
        text-align: justify;
        padding: 0;
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal; font-family: calibri, arial, helvetica, sans-serif; color: #464646;}

img {border: none;}

hr {display: ;}

p {margin: 1em 0;}

blockquote {
	margin: 1em 0;
	padding: 2em 1em 2em 6.5em !important;
        line-height: 1.4em;
        border-top: 4px solid #252525 !important;
        border-bottom: 4px solid #252525 !important;
        background: url(http://pics.livejournal.com/winterfish/pic/00109cgq) top left no-repeat #ffffff;
}

input, textarea, select {
	color: #555;
    background: #fff;
	border: 1px solid #aaa;
}

pre {
	font-size: 1.4em;
}

#qrform {
	margin-top: 1em !important;
}

/* ----- LINKS ----- */

a, a:link, a:active, a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #D6641D;
}

a:hover {color: #93CEDC;}

.module  a, .module h2 a, .module  h2 {color: #252525;}
.module a:hover, .module h2 a:hover {color: #93c9d2;}

.module-calendar td a, .module-powered a, .manage-tags-link a, .manage-link a {color: #D6641D;}
.module-calendar td a:hover, .module-powered a:hover, .manage-tags-link a:hover{color: #93c9d2;}

.entry-title  a, .datetime a {color: #252525;}
.entry-title  a:hover, .datetime a:hover {color: #93c9d2;}

.entry-content a, .comment-content a {color: #D6641D;}
.entry-content a:visited, .comment-content a:visited {color: #63a0b7;}
.entry-content a:hover, .comment-content a:hover {color: #93c9d2;}

.entry-content .ljuser a, .comment-content .ljuser a {color: #6DB4C1; font-size: 0.9em;}
.entry-content .ljuser a:hover, .comment-content .ljuser a:hover {color: #93c9d2;}

.entry-poster .ljuser a, .comment-poster .ljuser a, .module-pagesummary .ljuser a {color: #D6641D;}
.entry-poster a:hover, .comment-poster .ljuser a:hover, .module-pagesummary .ljuser a:hover {color: #93c9d2;}

.entry-interaction-links li a, .entry-management-links li a {color: #555555;}
.entry-interaction-links li a:hover, .entry-management-links li a:hover {color: #929292;}

.comment .comment-title a {color: #D6641D;}
.comment .comment-title a:hover {color: #93c9d2;}

.comment-interaction-links a, .comment-management-links a {color: #252525;}
.comment-interaction-links a:hover, .comment-management-links a:hover {color: #93c9d2;}

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

.one-column #content { float: none; }
.two-columns-left #content {
    border-left: 20em solid transparent;
}

.two-columns-right #content {
    border-right: 20em solid transparent;
}

#primary {
    float: left;
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

.one-column #primary { float: none; }

.one-column  #primary > .inner:first-child {
    padding: 1em;
}
.two-columns-left #primary > .inner:first-child {
    padding: 1em 1em 1em 3em; /* adjust space btwn sidebar and entries */
}

.two-columns-right #primary > .inner:first-child {
    padding: 1em 3em 1em 1em; /* adjust space btwn sidebar and entries */
}

.one-column #secondary { width: 20em; margin-top: -4em;}
.two-columns-left #secondary {
    float: left;
    width: 20em;
    margin-left: -20em;
	margin-top: -2.3em; /* ----- adjust height of sidebar left ----- */
}

.two-columns-right #secondary {
    float: right;
    width: 20em;
    margin-right: -20em;
	margin-top: -2.3em; /* ----- adjust height of sidebar left ----- */
}

#secondary > .inner:first-child {
	margin: 0 1em;
    padding: 1em 0;
}

#tertiary {
	padding-top: 0;
	padding-bottom: 3em;
}

.one-column #tertiary { width: 100%;}
.two-columns-left #tertiary, .two-columns-right #tertiary {
    clear: both;}
.two-columns-left #tertiary { margin-left: -20em; padding-top: 1em;}
.two-columns-right #tertiary { margin-right: -20em; padding-top: 1em;}

#tertiary > .inner:first-child {
	margin: 0;
    padding: 0 1em;
}

#content-footer {
    height: 0;
    font-size: 0; /*to make IE happy*/
    clear: both;
}

/* ----- CANVAS ----- */

#canvas {
	font-size: 1.2em;
}

#canvas > .inner:first-child {
	margin: 0 5% auto;
}

/* ----- HEADER & FOOTER ----- */

#header, #footer {
    margin: 0;
    clear: both;
	text-transform: ;
}

#header {
    margin-top: 5em;
	text-align: left;
    background: #fff;
}

#header .inner {
    margin: 0 1em;
	padding: 1em 0 2em 0;
	border-top: 2px solid #252525;
	border-bottom: 2px solid #252525;
}

#footer {
	margin: 0 5%;
}

#footer .inner {
	margin: 0 .8em;
	padding: 2em 0;
	text-align: left;
	font-size: 1.2em;
	border-top: 2px solid #252525;
}

h1#title {
	margin-top: .5em;
	color: #404040; 
	font-size: 2.8em;
}

h1#title:first-letter {color:#}

h2#subtitle {
	margin-top: -.4em;
	color: #404040; 
	font-size: 1.7em;
}

h2#pagetitle {display: none;}

#footer a {  }
#footer a:active {  }
#footer a:hover {  }
#footer a:visited {  }

/* ----- MAIN MENU ----- */

.module-navlinks ul {
	position: absolute;
	top: 0;
	padding: 2em 0 1em 0;
	text-align: left;
}

.two-columns-right .module-navlinks ul {
	left: 5%;
	padding-left: .5em;
}

.has-navstrip .module-navlinks ul {
	position: absolute;
	top: 50px;
}

.one-column .module-navlinks ul {margin-left: -10px;}
.two-columns-left .module-navlinks ul {margin-left: -10px;}
.two-columns-right .module-navlinks ul {margin-left: 0;}

.module-navlinks li {
	display:inline;
	padding: 0 .5em !important;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.7em;
	text-transform: ;
}

/* ------ MODULES ----- */

.module {
	margin-bottom: 2.5em;
	font-size: 0.9em;
	text-align: left;
	line-height: 1.1em;
}

.one-column #secondary  .module {
	padding-left: 0;
	padding-right: 0;
}

.two-columns-left #secondary .module {
	padding-left: 0;
	padding-right: 0;
}

.one-column #tertiary .module, .two-columns-left #tertiary .module, .two-columns-right #tertiary .module {
	margin: 0 2em 1em 0;
	padding-bottom: 2em;
	float: left;
	width: 20em;
	max-height: 280px;
	overflow: auto;
}

.module h2 {
	padding-top: .8em;
    font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal !important;
	text-transform: ;
	border-top: 1px solid #252525;
}

.module-content {
	padding-top: .8em
}

.module-content ul {
	list-style-type: none;
	padding-left: 0;
}

.module-content li {
    padding: .3em 0;
}

/* --- User Info --- */

.module-userprofile .journal-name {display: none;}

.module-userprofile .userpic {
	padding: 0;
	width: 110px;
	height: 110px;
}

.module-userprofile .userpic img {
	padding: 5px;
	border: 1px solid #252525;
    background: #252525;
}

.module-userprofile .journal-website-name {
	padding-top: 0.8em;
}

ul.userlite-interaction-links {
	list-style: none;
	padding-top: 1em;
}
ul.userlite-interaction-links li { 
	display: block;
}

/* --- sidebar calendar --- */

.module-calendar .module-content {
	padding-top: 1em;
}

.module-calendar table {
	text-align: center;
	width: 100%;
}

.module-calendar th, .module-calendar td {
	height: 2em;
	line-height: 2em;
	border: 1px solid #ccc;
}

.module-calendar td a {
	display: block;
	text-align: center;
	background: #e9e9e9;
}

.module-calendar td a:hover {
	background: #fff;
}

/* --- Page Summary --- */

.module-pagesummary .module-content a img {
	display: none;
}

/* multi-level tags list */

.module-tags_multilevel li {
	list-style-type: none;
    margin-left: 0;
	padding-left: 0;
}

.module-tags_multilevel li ul li {
	margin-left: -0.5em;
	padding-left: 2em;
}

/* tags cloud */

.module-tags_cloud .module-list, .module-tags_cloud .module-list ul, .module-tags_cloud .module-list-item {
	list-style-type: none;
	list-style-image: none;
	display:inline;
}

.module-tags_cloud .module-list {
	line-height: 1.8em;
}

.module-tags_cloud .module-list a {
	text-decoration: underline;
}

.manage-tags-link, .manage-link {
	padding-top: .8em;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.2em;
	text-transform: ;
}

/* powered by, page generated */

.module-powered, .module-time { 
	padding-top: .8em;
    border-top: 1px solid #252525;
}

.module-time {font-size: .9em;}

/* ----- NAVIGATION ----- */

.navigation {
	margin-top: -1.5em;
    padding: 0;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.3em;
	text-transform: ;
	text-align: right;
}

.navigation ul { 
	list-style: none;
}
.navigation li { 
	display: inline;
	padding: 0 .5em; 
}

.page-day .navigation .page-forward:before {
        content: "|  ";
}

.page-day .navigation .page-forward a {
        padding-left: .6em;
}

.topnav {
        min-height: 1.2em;
}

.bottomnav {
    padding-top: 0;
}

.page-archive .bottomnav, .page-month .bottomnav {
        border-top: 0;
        padding-top: 0;
}

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

#content {
	margin: 0;
    padding: 2em 0 0 0;
	background: #fff;
}

/* line up top of entry with sidebar */
.page-entry .entry-wrapper, .page-tags .tags-container {margin-top: .7em;}

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

.entry-content ul, .entry-content ol, .comment-content ul, .comment-content ol {
	margin: 1em 1em 1em 3em;
}

.entry-wrapper {
	margin: 1em 0 4em 0; 
	font-size: 1em;
}

.entry .header {
	padding: 1em 0 0em 0;
	border-top: 1px solid #252525;
}

.entry .entry-title {
    display: inline;
	margin: 0;
	padding: 0;
	font-family: calibri, arial, helvetica, sans-serif;
        font-weight: bold;
	font-size: 1.5em;
}

.entry .access-filter img, .entry .restrictions img {
	display: inline;
	padding-left: .5em;
}

.entry .datetime {
    float: right;
	display: inline-block;
	margin-top: .2em; /* ---height hack ----- */
    font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.25em;
	text-transform: none;
    color: #464646;
}

.entry .date:after {content: " | ";}

.entry .contents {
	margin-top: .5em;
	padding: 0;
	line-height: 1.45em;
}

.has-userpic .entry .contents {
	min-height: 140px;
	margin-right: 120px;
	padding-right: 2em;
}

/* ------- entry userpics ------- */

.entry .userpic {
	float: right;
	clear: right;
	margin-right: -140px;
margin-top: 1em;
	text-align: center;
	width: 110px;
}

.contents .userpic img {
	padding: 5px;
	border: 1px solid #404040;
	background: #404040;
}

.entry .poster {
    padding-bottom: 2em;
	font-size: 1em;
    color: #004767;
    display: block;
}

.entry-content {
	margin-top: -1em;
	padding: 0 0 2em 0;
}

.entry-content, .comment-content {font-size: 1.1em;}

/* ----- METADATA ----- */

.metadata {
	padding: 0 0 1em 0;
	font-size: 0.9em;
	line-height: 1.2em;
}

.metadata-label {
	font-weight: normal;
	font-size: 0.9em;
	text-transform: uppercase;
}

.metadata ul {
	list-style: none;
}

.metadata ul li {margin: 0; padding: 0;}

.metadata-item-xpost a {padding-right: .5em;}

.entry .footer {
	clear: left;
}

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

.tag {
	padding: 0 0 .7em 0;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.1em;
    line-height: 1.2em;
	text-transform: ;
	border-top: 0px solid #252525;
}

.tag-text {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
}

.tag ul { 
	display: inline;
	list-style: none;
	padding-left: 0; 
}
.tag ul li {
	display: inline;
	padding: .25em; 
}

/* ------ entry links bar ----- */

.entry-management-links {
	float: left;
	list-style: none;
	padding: 1em 0 1em .5em;
}

.entry-interaction-links {
	list-style: none;
	text-align: right;
	padding: 1em .5em 1em 0;
        background: #e9e9e9;
}

.entry-interaction-links li, .entry-management-links li { 
	display: inline;
	padding: .5em !important;
        font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: ;
}

/* ------ COMMENTS ----- */

.comment-pages {
	text-align: center;
	padding-top: 0;
	padding-bottom: 1em;
}

#comments {
	margin-top: -2em;
	padding-top: 1em;
	background: #fff;
}

.comment-wrapper {
	margin: .5em 0 0 0;
	padding: .5em 0;
	font-size: 1em;
	border-top: 1px solid #252525;
}

.partial {        
        padding: .3em 0 !important;
		font-size: 1em;
}

.partial .comment {
    display: inline !important;
	padding: 1em 0;
	font-size: 1em;
}
.partial .comment-title {
	display: inline !important;
	font-size: 1.2em !important;
}

.comment-title h4 {
	display: inline !important;
    padding-right: 0.5em;
}

.comment {}

.comment .comment-title {
    padding: 0;
	font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.3em;
	font-weight: normal;
}

.comment .header .datetime {
	padding: 0 0 .5em 0;
	font-size: 0.9em;
	text-transform: uppercase;
}

.comment .contents {
	clear: both;
	text-align: left;
	line-height: 1.45em;
	padding: .5em 0;
}

.comment .userpic {
	margin-right: 1em;
    padding-right: 0.5em;
	float: left;
	text-align: center;
	width: 110px;
	background: #fff;
}

.comment .poster {
	margin: 0;
	font-size: 1em !important;
}

.comment-poster .anonymous {
	color: #6DB4C1 !important;
	font-weight: bold;
}

.comment .poster-ip {
	font-size: 1em;
	color: #6DB4C1;
}

.comment-content {padding: .8em 0 .5em 0;}

/* ------ comment links bar ----- */

.comment .footer {
        clear: left;
        padding: .5em .5em 0 .5em;
}

.comment .multiform-checkbox {
	float: right;
	margin-top: -1px; /* line up the checkbox */
	padding-left: .5em;
	font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.2em;
	text-transform: lowercase;
}

.comment-interaction-links {
	list-style: none;
	padding-bottom: 1em;
	font-size: 0.9em;
	text-align: right;
}

.comment-interaction-links li, .comment-management-links li {
	display: inline;
	padding: 0 .5em;
	font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.2em;
	text-transform: lowercase;
	border-right: 1px solid #ccc;
}

.comment-management-links {
	list-style: none;
	font-size: 0.9em;
	float: right;
}

.comment-management-links li:first-child {
	border-left: 0;
}

.edittime {
     padding-top: 1em;
     color: #93CEDC;
}

.bottomcomment {
	margin: 0;
	padding: 2.2em 0 .5em 0;
    text-align: center;
}

.bottomcomment .entry-interaction-links{
    margin-bottom: 1.5em;
}

textarea#commenttext { 
	width: 100%; /* fix for FF form width glitch */
}

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

#archive-day .day {
	margin: 1em 0 0 0;
	border-top: 1px solid #252525;
}

h3.day-date {
    margin-left: 0;
    padding-top: 1em;
	font-size: 1.4em;
	font-family: calibri, arial, helvetica, sans-serif;
}

/* ----- VIEW BY MONTH PAGE ----- */

#archive-month .topnav {display: none;}

#archive-month .month {
	margin-top: .7em;
	padding: 1em 2em 0 2em;
	border-top: 1px solid #252525;
}

.month h3.entry-title {
        font-family: calibri, arial, helvetica, sans-serif;
		font-size: 1.3em;
}

dd.month { display: inline; }

.month .datetime, .month .access-filter, .month .entry-title {
	display: inline;
	margin: 0;
	padding-right: 5px;
}

.month .tag {
    padding-top: 0;
	padding-left: 0;
	border-top: none;
}

#archive-month .navigation {
	text-align: center;
}

#archive-month .bottomnav {
       margin-top: .5em;
}

.navigation .month-back, .navigation .month-forward {
	display: inline;
	list-style-type: none;
	text-align: center;
}

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

#archive-year {
	padding: 0 4em 2em 4em; 
	background: #ffffff;
}

#archive-year .navigation {
	text-align: center;
}

.page-archive .bottomnav {padding-top: 1em;}

.month-wrapper {
	margin: 1.5em 0;
}

.month-wrapper .header {
    padding: 0 0 .5em 2em;	
	font-size: 1.2em;
}

.month-wrapper .contents caption {display: none;}

table.month {
	margin: 0 auto;
	width: 90%;
	text-align: center;
}

.month-wrapper th {
	padding: 0.5em;
	border-right: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
    font-weight: normal;
	height: 4em;
}

.month-wrapper td {	
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	width: 4em;
	height: 4em;
}

.month-wrapper td:first-child, .month-wrapper th:first-child {	
	border-left: 1px solid #aaa;
}

.month-wrapper .day-has-entries {
	background-color: #e9e9e9;
}

.month-wrapper .day-has-entries a {
        font-size: 1.3em;
}

.month-wrapper .day-has-entries:hover {
	background-color: #fff;
}

.month-wrapper .label {font-weight: normal;}

.month-wrapper .footer {
    padding-top: 1em;
    padding-right: 2.5em;
	text-align: right;
	font-size: 1.1em;
	text-transform: none;
}

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

.tags-container {
	margin-top: .7em !important; /* --- height hack --- */
	padding: 0 1em;
	border-top: 1px solid #252525;
}

.tags-container h2 {
	padding: .5em 0 1em 0;
	font-family: calibri, arial, helvetica, sans-serif;
}

.tags-container .ljtaglist {
	margin-left: 3em;
	line-height: 1.8em;
}

.tags-container ul.ljtaglist {
	list-style-type: none;
}

.tags-container .manage-tags-link {
	margin-bottom: 1em;
}

.page-tags .tags_cloud ul, .page-tags .tags_cloud li {
	list-style-type: none;
	list-style-image: none;
	display:inline;
}

/* ----------------- NAVBAR ----------------- */

#lj_controlstrip {
       background: #000000;
       border-bottom: 1px solid #878080;
}

#lj_controlstrip td {
    color: #989898;
}

#lj_controlstrip a {
       color: #f1f1f1;
}

#lj_controlstrip_statustext, #lj_controlstrip .ljuser a {
       color: #D6641D;
}

#lj_controlstrip_user,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic,
#lj_controlstrip_actionlinks
{
    border-right: 1px solid #878080;
}

/*--- paste any additional css overrides below this line ---*/

.tag-text { display: none; }
div.tag ul { background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/Tag.png') no-repeat center left; padding: 16px 16px 16px 16px;margin: -2px;
}

.entry-content hr,
.comment-content hr {
margin: 0;
}

.ljuser img {
width: 0;
height: 0;
background: url(http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/User.png);
padding: 0 0 16px 18px;
}

img[src*='user.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/User.png') no-repeat; 
vertical-align: middle !important;
}

img[src*='user.png'], img[src*='lj-userinfo.gif'], img[src*='userinfo.gif'], img[src*='user_other.png'], img[src*='user_staff.png'], img[src*='.ico'] { 
background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/User.png') no-repeat bottom left;
padding: 0 0 16px 18px;
}

img[src*='community.png'], img[src*='community.gif'], img[src*='comm_staff.png'] { 
background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/Directions.png') no-repeat bottom left;
padding: 0 0 16px 18px;
width: 0; height: 0;  
}

comments

space between tags and entry text?

2010-04-25T05:09:19Z

Posted by: dantean

Can someone please explain to me how to put some space between the tags on one of my entries, and the entry text itself? Or a horizontal line or something that separates the entry from the tags. I can't figure it out from the CSS of the page source (despite trying many different things). I've managed to move the tags left/right but not, to my supreme frustration, down. The lack of space/separator between entry and entry tags is quite frankly irritating the heck out of me. Also, what's the best way of making the text size for the tags and the comment links big enough to actually be readable? All I can honestly see of the tags/metadata/comment links text is ... that it's there. Not what it says.

Thanks in advance. I am using the Brittle style on a free account.

comments

Miniml for Dreamwidth?

2010-01-09T03:58:07Z

Posted by: alassenya

I feel like such a failure.

I have a very nice layout on my LiveJournal page - clean and simple. Unfortunately the style (Miniml) is not available within Dreamwidth, and attempts on my part to recreate it or at least to build something similar are failing dismally. The limitations of the "customise style" pages are just about driving me to drink.

After numerous attempts with Tabula Rasa, all of them unsuccessful (including de-selecting "use layout's stylesheet" and copying the Miniml css into the box), I tried using Modish (Greyscale colour scheme) and changing all the background and font colours. This has had mixed success (you can see it here). I was able to get the page and module backgrounds to white, with white borders, so that it lookes a bit cleaner. However, I am unable to change the font weight for the page header (Alassenya) to bold, or the subtitle to italic, and for some reason I can't change the font colour for the page links at the left - they remain resolutely white (and thus invisible) until clicked on. I have tried using the "custom css" box to fix them but had no success.

So basically I have a two-tier question:
a. Is anyone able to devise a layout that resembles Miniml for DW?
b. If not, how do I resolve the font weight and colour issues in Modish?
Edit: partly resolved, I have the H1 in bold and H2 in italic, but I still don't have visible links at left.

I also have a supplementary question: how do I remove the number of uses from my tags list? I like it as a list, not a cloud, but I don't want the number of uses appearing next to each tag.

comments

Weird error with int vs. string

2009-09-13T02:33:54Z

Posted by: rosefox

I just tried to edit my style and got this error:

S2 Compiler Output at Sun Sep 13 02:31:23 2009 Error compiling layer: Compile error: line 170, column 5: Can't override property 'font_base_size' of type string with new type int. S2::NodeProperty, S2/NodeProperty.pm, 120 S2::NodePropGroup, S2/NodePropGroup.pm, 77 S2::Checker, S2/Checker.pm, 374 S2::Compiler, S2/Compiler.pm, 34 Context 166: property string font_base { 167: des = "Default Font for the page"; 168: note = "This font will apply to the entire page as the base font. If you set any of the other font properties below, they will override this setting for that specific part of the page."; 169: } 170: property int font_base_size { 171: des = "Default Font Size for the page."; 172: } 173: property string font_header_title { 174: des = "Font for the Header Title";

What I can't figure out is why it expects it to be a string.

To confuse things further, this code has been in my style for ages and has always compiled fine before. It's completely unrelated to what I was changing. In fact, when I refresh the page and then hit "Save & compile" without making any changes at all to my existing and entirely functional style, I get that error.

Any idea how to fix it?

EDIT: I gave up and made all the ints into strings, and it mostly seems to be working okay except that now my menu bar is a million pixels high because it's supposed to be the header font size plus 8 and of course you can't add 8 to a string. I may just have to hardcode that. GRRR.

comments

transmogrified font

2009-07-11T14:39:20Z

Posted by: jeaux

is there any way i can change the font in transmogrified? i'd like it to be courier :O

thanks!

comments