Posted on 10/10/2001 11:16:59 AM PDT by xm177e2
.fr_title { padding-top: 1%; padding-bottom: 1%; } .fr_collapsed { font: bold 12pt Exocet, Times New Roman; 'click here to read article' text-align: center; } .fr_collapsed A { text-decoration: none; color: #300F00; } .fr_collapsed A:hover { color: maroon; } .fr_page { font: bold 8pt/10pt Verdana; '1 - 21 - 41 - 61...' color: #DFBD90; text-align: center; } .fr_page A:hover { color: white; } .fr_page_here { text-decoration: none; color: #DFBD90; } .fr_page_goto { text-decoration: none; color: maroon; } .fr_normal { font: bold 8pt/10pt Verdana; color: #300F00; background-color: #FFF4DF; 'post backgrounds' border-style: outset; border-width: 1; border-color: #904010; margin-bottom: 1em; } .fr_article .fr_header { font: 12pt Exocet, Times New Roman; color: #DFBD90; border-bottom: thin groove #CCAD80; 'between headline and article' padding: 1px 6px; } .fr_comment .fr_header { font: bold 8pt/10pt Verdana; color: #DFBD90; border-bottom: thin groove #CCAD80; 'between post header and post' padding: 1px 6px; } .fr_normal .fr_header { background-color: maroon; 'header color' } .fr_normal .fr_header A { text-decoration: none; color: #FFF4DF; } .fr_normal .fr_header A:hover { text-decoration: none; color: white; } .fr_normal .fr_body { font: 10pt Verdana, serif; margin-left: 30px; margin-right: 30px; } .fr_removed { font: 12pt Exocet, Times New Roman; color: #DFBD90; background-color: maroon; border-style: outset; border-color: #300F00; border-width: 1; margin-bottom: 1em; } .fr_removed .fr_header { font: bold 8pt/10pt Verdana; background-color: maroon; border-bottom: thin solid #300F00; } .fr_removed .fr_body { font: 10pt Verdana, serif; margin-left: 30px; margin-right: 30px; } .fr_menu { font: normal 8pt/10pt Verdana; text-align: center; white-space: nowrap; margin-bottom: 1em; color: #300F00; } .fr_menu B { font-weight: normal; } .fr_menu A { text-decoration: none; color: #300F00; } .fr_menu A:hover { text-decoration: none; color: maroon; } .fr_copy { font: italic 8pt/10pt Verdana; text-decoration: none; color: gray; } .fr_default { display: none; } .fr_quote { border-top: ridge thin; border-bottom: ridge thin; padding-top: .5em; padding-bottom: .5em; font-style: italic; } BODY#forum { background-color: #300F00; } .fr_body A:link {color:"maroon"; text-decoration: none } .fr_body A:visited {color:"#651600"; text-decoration: none } .fr_body A:hover {text-decoration: underline} .fr_hi { BACKGROUND-COLOR: #eeee00; }
I have to agree, custom css's are a huge hassle, with some benefit but it messes everything up, there's no continuity between what people post and what people will see.
A better solution would be to several official css's, which all look exactly the same, except they have different color schemes, and let people pick the one they want.
When I get the time, I'm going to make an "FR Classic" style.
It won't be perfectly true to the original (because the fundamental layout of FR has changed), but it will have the same colors and style. That's assuming nobody else makes one first.
O.K., I'll shut my stupid pie hole now.
HERE IS MY "FR CLASSIC" CSS, COMPATIBLE WITH BOTH NEW AND OLD FORMAT!!
BODY { font: verdana; } .fr_normal .fr_body { margin-left: 15px; margin-right: 15px; } .fr_title { font: 18pt; padding-top: 1%; padding-bottom: 1%; } .fr_collapsed { font: 18pt; text-align: center; } .fr_article .fr_header { font: bold 10pt/12pt; } .fr_comment .fr_header { font: bold 10pt/12pt; } .fr_removed { font: 18pt Exocet, Verdana; background-color: maroon; } .fr_copy { font: italic; text-decoration: none; } .fr_default { display: none; } .fr_quote { border-top: ridge thin; border-bottom: ridge thin; padding-top: .5em; padding-bottom: .5em; font-style: italic; } .fr_body A:link {text-decoration: none } .fr_body A:visited {text-decoration: none } .fr_body A:hover {text-decoration: underline} .fr_hi { BACKGROUND-COLOR: #eeee00; }
John, this might be a good "default" css for people who haven't installed one, so the beta threads don't look like a total mess.
(OK, I was only kidding there!)
fr_classic_thread - the old style
fr_focus_thread - the new style
There could potentially be other fr_*_thread classes, each corresponding to a template.
There are now two body classes which correspond to the current template.I can see you're changing stuff right now. It seems the fr_classic_thread tag is being applied to the new beta threads. Maybe I need to leave you alone for a while on this.
fr_classic_thread - the old style
fr_focus_thread - the new style
There could potentially be other fr_*_thread classes, each corresponding to a template.
That's interesting. Until now, I've thought that publishers were very pro CSS because it ensured that every end viewer would see the exact same thing-no matter what platform they were using-in theory anyway. So it looks like there's more than one use for CSS.
Thanks!
.fr_classic_thread { font: Arial, Helvetica; } .fr_title { font: 18pt; padding-top: 1%; padding-bottom: 1%; } .fr_collapsed { font: 18pt; text-align: center; } .fr_article .fr_header { font: 14pt; } .fr_removed { font: 18pt Exocet, Arial, Helvetica; color: white; background-color: maroon; } .fr_copy { font: italic; text-decoration: none; } .fr_quote { border-top: ridge thin; border-bottom: ridge thin; padding-top: .5em; padding-bottom: .5em; font-style: italic; } .fr_menu A:link {color: #000099; font: bold 12pt/14pt; text-decoration: none} .fr_menu A:visited {color: #000099; font: bold 12pt/14pt; text-decoration: none} .fr_article .fr_header A:link {color: #000099; font: bold 14pt/16pt; text-decoration: none} .fr_article .fr_header A:visited {color: #000099; font: bold 14pt/16pt; text-decoration: none} .fr_comment .fr_header A:link {color: #000000; font: bold 10pt/12pt; text-decoration: underline} .fr_comment .fr_header A:visited {color: #000000; font: bold 10pt/12pt; text-decoration: underline} .fr_page { font: 14pt; } .fr_page A:link {color: #000099; text-decoration: none} .fr_page A:visited {color: #000099; text-decoration: none} .fr_hi { BACKGROUND-COLOR: #eeee00; }
This would be a good default css, for all of the people who haven't designated one.
It's as close to the original look of FR as I've been able to get.
One problem with using custom csses is that if you don't have a default, the lurkers will all see only very ugly-looking threads. That will DEFINITELY drive people away from FR.
Disclaimer: Opinions posted on Free Republic are those of the individual posters and do not necessarily represent the opinion of Free Republic or its management. All materials posted herein are protected by copyright law and the exemption for fair use of copyrighted works.