I think the first link is what i was remembering, thanks! linkhyrule5, were any of those links what you were thinking of?
I have a dark background + on the customcss page (which i'm not sure if all styles have but mine does anyway)
http://www.dreamwidth.org/customize/opt ... =customcss
Code: Select all
.textbox {
background-color: #000928;
color:#4f5e91;
font-size: 100%;
}
img {
opacity: .6;
filter:alpha(opacity=60);
}
img:hover {
opacity: 1;
filter.alpha(opacity=100);
}
#header {
display: none;
}
the textbox bit puts a nice dark blue background for the comment window so that it's not bright white when i try to leave someone a message. The images get bright again if you mouse over them but it like the faded most of the time. and i have the header hidden because it's annoying to scroll through it with giant font.
And the font is specified on the fonts tab
http://www.dreamwidth.org/customize/options?group=fonts and I specified my very favourite monospace font Inconsolata at 300%.
The style is really ugly but it's soothing on the eyes at the same time. Dark brown background with golden brown text, and the comment boxes are dark blue background with pale blue text. :)
I think I had to do it slightly differently on LiveJournal to get it to work.
Yeah, I did:
Code: Select all
body, .textbox {
font-family: Inconsolata, Ubuntu, Arial,Helvetica,sans-serif;
background-color: #000928;
color:#4f5e91;
}
img {
opacity: .6;
filter:alpha(opacity=60);
}
img:hover {
opacity: 1;
filter:alpha(opacity=100);
}
.asset-body, .comment-body, .textbox {
font-size: 40px;
}
#container-inner {
width: 100%;
}
#alpha {
width: 85%;
}
.layout-tw #alpha-inner {
width: 95%;
}
edit to add that I don'T remember why the img had to be both opacity: .6 and filter:alpha(opacity=60); but it might have been a cross-browser compatibility thing.