Miniml for Dreamwidth?

[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

[blnchflr]

It shouldn't be difficult at all to format your DW layout to resemble your LJ layout. But unless someone knows a quick fix, it will be time-consuming - the reason why you can't just copy the Minimal css is that the classes etc. presumably aren't named the same. So you have to go through the source code and find the name of each tag/div/class and use the appropriate css.

In the custom css box, try putting:

#header h1 {
font-weight: bold;
}

#header h2 {
font-style: italic;
}

Does that bold your title/italicize your subtitle? If so, you can look at the source code for your journal entry page and figure out what else you need to change.

Feel free to ask more questions if you need to :o)

[alassenya]

...the classes etc. presumably aren't named the same. - you know, that would explain a lot.

Thank you for the custom CSS suggestion; unfortunately it didn't work. *sigh*

[alassenya]

I tell a lie, it did work, but obviously needed more than the 0.2 seconds I gave it before refreshing.

[blnchflr]

Edit: partly resolved, I have the H1 in bold and H2 in italic, but I still don't have visible links at left.
I assume, then, that you're not too familiar with looking at sourcecode/using css - apologies if I'm overexplaining :o) !

If you look at the source code for your journal page (in Firefox), you can search for the content you want to format. I searched for "Archive" and can see it's contained in

<li class="module-list-item"><a href="http://alassenya.dreamwidth.org/calendar" class="archive">Archive</a></li>

The other links are contained in class="module-list-item" as well, so it makes sense to set the format for that class rather than "archive" (or for <li>, for that matter, since it may be used elsewhere). Specifically, you're formatting links, not text, contained within "module-list-item". Say you want links to be grey (sub your pretty purple colour):

.module-list-item a:link {color: #cccccc;} /* unvisited link */
.module-list-item a:visited {color: #cccccc;} /* visited link */
.module-list-item a:hover {color: #cccccc;} /* mouse over link */
.module-list-item a:active {color: #cccccc;} /* selected link */

As you can see, you can format visited/hover/active links differently.

Let me know if it works/you need more help :o)