View source for Talk:Main Page

From OpenFOAMWiki

The previous content of this page is found here

Contents

Thread titleRepliesLast modified
Style-Scripts1000:54, 4 April 2015
First page
First page
Next page
Next page
Last page
Last page

Style-Scripts

I'm not very good with CSS. If somebody wants to improve the look of the Wiki by providing a CSS: send it to me and I'll have a look.

Emphasis should be on

  • Clear readability (for instance dark backgrounds are problematic with formulas)
  • Usage of the Bootstrap-conventions
  • Compactness
Bgschaid (talk)19:21, 27 October 2014

Can the text colours be upped a bit on the black ink? I do agree that high contrast text is a pain for the eyes, but too little contrast is also bad :(

Wyldckat (talk)11:59, 8 November 2014

You mean something like

p {
  color: rgb(50,50,50);
}

instead of the current

p {
  color: rgb(119,119,119);
}

To try it out you can use the developer tools built into Firefox. In the "Style"-tab (sorry. My Firefox speaks German so I've got to guess the translation) on top of the list of the included style-sheets there is a "New". After pressing that there is a text-pane where one can add CSS (just copy/paste the above)

I like the idea behind the original CSS to keep the main text light because that way emphasis is more visible. But your opinion is valued. Is 50 enough? I'd still like the text to be lighter

Bgschaid (talk)13:20, 8 November 2014

I wouldn't say 50, but 80 seems to the right amount.

 
p {
  color: rgb(80,80,80);
}

Although I couldn't figure out in which CSS the paragraphs were defined... probably was looking at the code too fast :(

By the way, where can we edit our personal CSS styles? All I could find were the generic ones:

  • Chameleon (default | Preview)
  • Chick (Preview)
  • MySkin (Preview)
  • Nostalgia (Preview)
  • Simple (Preview)
  • Standard (Preview)
  • bootstrapskin (Preview)

or did I interpret the news incorrectly or even dreamed about reading them?

Wyldckat (talk)13:34, 8 November 2014

You do not have permission to edit this page, for the following reasons:

  • The action you have requested is limited to users in the group: Users.
  • You must confirm your email address before editing pages. Please set and validate your email address through your user preferences.

You can view and copy the source of this page:

Return to Thread:Talk:Main Page/Style-Scripts/reply (4).

I should have looked for the news page again :(

How about having a dummy point on the template for allowing a user-side chosen Javascript to be placed there automatically, which would change the CSS on the client's side only? The Javascript could be something like as follows, which is something I have as a compressed form as a bookmark:

function() {
    var newSS, styles = '* { background: #E9E9E9 ! important; color: #000000 !important } :link, :link * { color: #3333EE !important } :visited, :visited * { color: #551A8B !important }';
    if (document.createStyleSheet) {
        document.createStyleSheet("javascript:'" + styles + "'");
    } else {
        newSS = document.createElement('link');
        newSS.rel = 'stylesheet';
        newSS.href = 'data:text/css,' + escape(styles);
        document.getElementsByTagName("head")[0].appendChild(newSS);
    }
})();

But I guess the template doesn't allow for this kind of hacking :(

Anyway, if and when I get annoyed with the colouring, I'll share a bookmark here for quickly changing only the text colours, since it's hard to please everyone ;)

Wyldckat (talk)16:28, 8 November 2014
 

The slighly darker value has now been added for the main text

Bgschaid (talk)14:27, 11 November 2014

Sorry for the late reply, but lists weren't affected by this change :(

For example, see this section: FAQ/General#Where_is_FoamX.3F

Wyldckat (talk)11:21, 30 November 2014
 
 
 
 
 
First page
First page
Next page
Next page
Last page
Last page