Free Republic
Browse · Search
News/Activism
Topics · Post Article

Skip to comments.

Post Your Custom CSS Files Here
John Robinson's new software ^

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;
}


TOPICS: Free Republic; Your Opinion/Questions
KEYWORDS:
Anyone who likes the game Diablo should like this .css

For best results, download the Exocet font. (Mac Users can DL it here)

Post any other custom .css's you know of.

This does not affect the old style, you can even paste your old .css into this file, for viewing threads with the old style.

1 posted on 10/10/2001 11:16:59 AM PDT by xm177e2
[ Post Reply | Private Reply | View Replies]

Here is Smith288's css (which he posted on the other thread):


.fr_title
{
font: bold 10pt verdana;
}
.fr_header, .fr_choices, .fr_page
{
font: bold 8pt verdana;
}
.fr_header
{
padding: 3px 6px;
}
.fr_normal .fr_header
{
background-color: #ddddee;
border : thin;
border-style : outset;
}
.fr_removed .fr_header
{
background-color: #eedddd;
border : thin;
border-style : outset;
}
.fr_body
{
margin: 0em 1em;
}
.fr_default
{
display: none;
}
.fr_menu
{
margin-bottom: 1em;
text-align : center;
border : thin;
border-style : outset;
background-color : #eedddd;
}
.fr_comment
{
text-decoration : none;
}
.fr_menu A:LINK
{
text-decoration : none;
font-style : italic;
color : black;
}
.fr_menu A:HOVER
{
text-decoration : none;
font-style : normal;
color : black;
}
.fr_menu A:VISITED
{
text-decoration : none;
font-style : italic;
color : black
}
.fr_page_goto
{
color: black;
}
.fr_page_here
{
text-decoration: none;
color: red;
}

2 posted on 10/10/2001 11:18:11 AM PDT by xm177e2
[ Post Reply | Private Reply | To 1 | View Replies]

To: xm177e2
Huh?

Oh, nevermind.

3 posted on 10/10/2001 11:18:54 AM PDT by StoneColdGOP
[ Post Reply | Private Reply | To 1 | View Replies]

To: John Robinson; George W. Bush; Smith288
And here is a LINK to George W. Bush's neat style sheets.
4 posted on 10/10/2001 11:19:55 AM PDT by xm177e2
[ Post Reply | Private Reply | To 2 | View Replies]

To: xm177e2
Hey I was just gettin' the hang of html and now this???

yeesh.

5 posted on 10/10/2001 11:22:12 AM PDT by Musket
[ Post Reply | Private Reply | To 2 | View Replies]

To: StoneColdGOP
For JohnRob's new software, we need new css files.
6 posted on 10/10/2001 11:22:27 AM PDT by xm177e2
[ Post Reply | Private Reply | To 3 | View Replies]

To: Musket
I'm going to make another version of the css I just posted with blue instead of red, and then make an "FR Classic" css, if I can.
7 posted on 10/10/2001 11:24:05 AM PDT by xm177e2
[ Post Reply | Private Reply | To 5 | View Replies]

To: xm177e2
What's a css file?
8 posted on 10/10/2001 11:35:09 AM PDT by StoneColdGOP
[ Post Reply | Private Reply | To 6 | View Replies]

To: StoneColdGOP

CSS Vriginia
9 posted on 10/10/2001 11:41:49 AM PDT by aomagrat
[ Post Reply | Private Reply | To 8 | View Replies]

To: StoneColdGOP
What's a css file?
A Cascading Style Sheet.

Basically, all the more modern web browers can use these style sheets. They allow you to easily set display characteristics for an entire web page's elements very easily. For an example, look at xml77e2's first post on this thread. The custom style sheets that JohnRob will now let us use will let us define our own choices of fonts, font sizes, font colors, page color/wallpaper, posts color/wallpaper, headers color/wallpaper.

To see some screen shots of what it looks like, visit my unofficial FR Stytlesheet website. You can see some samples and even easily download and install your own stylesheets. Two samples over there are completely easy for newbies.

For all you wondering if you like the new look of FR, don't mutter until you've seen it with style sheets enabled!
10 posted on 10/10/2001 11:47:23 AM PDT by George W. Bush
[ Post Reply | Private Reply | To 8 | View Replies]

To: aomagrat; StoneColdGOP
Congratulations.

Your two posts are the new screen capture at the unofficial FR Stylesheet website!

Go have a look.
11 posted on 10/10/2001 11:53:27 AM PDT by George W. Bush
[ Post Reply | Private Reply | To 9 | View Replies]

To: George W. Bush
Thanks for helping a technically ignorant Freeper out.
12 posted on 10/10/2001 11:54:37 AM PDT by StoneColdGOP
[ Post Reply | Private Reply | To 10 | View Replies]

To: aomagrat; StoneColdGOP

Dang!

You folks have overloaded the website temporarily. Just be patient and try back in an hour.

I'll try to get a different website up later today.
13 posted on 10/10/2001 11:56:17 AM PDT by George W. Bush
[ Post Reply | Private Reply | To 9 | View Replies]

To: StoneColdGOP
To see the new FR pages as JohnRob is seeing them now, do the following:


14 posted on 10/10/2001 12:04:48 PM PDT by George W. Bush
[ Post Reply | Private Reply | To 12 | View Replies]

To: George W. Bush
You folks have overloaded the website temporarily. Just be patient and try back in an hour.

LOL - ain't technology wunnerful? hehehe...

15 posted on 10/10/2001 12:23:10 PM PDT by Jefferson Adams
[ Post Reply | Private Reply | To 13 | View Replies]

To: George W. Bush
hmmm. . . . CSS. . . .and you think this is a "good" thing? Call me a skeptic but I get the sneaky feeling that this will ruin the continuity of the place. ie. make it a mess. Please prove me wrong.
16 posted on 10/10/2001 12:44:53 PM PDT by Musket
[ Post Reply | Private Reply | To 10 | View Replies]

To: xm177e2
I use Lynx. The old style works just great in Lynx. The new style looks like a mess. I hope I'll have the option of sticking with the old style. It is one of the cleanest and most functional web bulletin board interfaces I know of.
17 posted on 10/10/2001 12:59:52 PM PDT by Question_Assumptions
[ Post Reply | Private Reply | To 1 | View Replies]

To: Question_Assumptions
I use IE6 and I prefer the old style, too. I can understand the need to spread threads over several pages to conserve bandwidth, but I really like the old post format.
18 posted on 10/10/2001 1:08:07 PM PDT by Tree of Liberty
[ Post Reply | Private Reply | To 17 | View Replies]

To: George W. Bush
Is it time to get one of those $5 a month websites running?
19 posted on 10/10/2001 1:46:55 PM PDT by smith288
[ Post Reply | Private Reply | To 13 | View Replies]

To: Tree of Liberty
Im sure John Robinson will have a style for those folks who hate change.
20 posted on 10/10/2001 1:48:03 PM PDT by smith288
[ Post Reply | Private Reply | To 18 | View Replies]

To: smith288
I don't hate change, I only hate BAD change. Contrary to the cliche, not all change is good i.m.h.o. and what I've seen of CSS so far, it ain't so good.
21 posted on 10/10/2001 2:51:34 PM PDT by Musket
[ Post Reply | Private Reply | To 20 | View Replies]

To: Musket
I don't hate change, I only hate BAD change. Contrary to the cliche, not all change is good i.m.h.o. and what I've seen of CSS so far, it ain't so good.

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.

22 posted on 10/10/2001 3:04:40 PM PDT by xm177e2
[ Post Reply | Private Reply | To 21 | View Replies]

To: smith288
Im sure John Robinson will have a style for those folks who hate change.

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.

23 posted on 10/10/2001 3:09:21 PM PDT by xm177e2
[ Post Reply | Private Reply | To 20 | View Replies]

To: xm177e2
Letting people choose color schemes quite frankly scares me. This is something that's best left to the professionals. If you've spent any time on the web I'm sure you've seen those flouresent GREEN/RED/YELLOW/BLUE/BLACK things that people-particularly hackers- are so fond of. Add font choices, flashing GIF's and variously sized JPG's into the mix and well, you get the picture.
24 posted on 10/10/2001 3:14:43 PM PDT by Musket
[ Post Reply | Private Reply | To 22 | View Replies]

To: xm177e2
I'm sorry. I'm really talking out of my a** here. I know very little about CSS and I'm gonna look at a tutorial as soon as I can. It only just dawned on me that the code in this thread isn't supposed to be code, it's art that my browser can't "see" so I'm gonna have to update my browsers as well.

O.K., I'll shut my stupid pie hole now.

25 posted on 10/10/2001 4:53:01 PM PDT by Musket
[ Post Reply | Private Reply | To 23 | View Replies]

To: Musket
Actually, whatever they choose as their own customized cascading style sheet wont be seen by anyone besides them. So if they like having font at 36pt Wingdings then by all means thats what they like. Its personalized for the people who know what they are doing and John will set up the templates for the people who dont want to mess with it ( or have a default). I think its a great idea. it also help people with the same interests become more familiar with other Freepers. Its all good.
26 posted on 10/10/2001 8:14:12 PM PDT by smith288
[ Post Reply | Private Reply | To 24 | View Replies]

To: John Robinson
I noticed you changed the layout to fit the old style. Was there a poll I missed?
27 posted on 10/10/2001 8:15:26 PM PDT by smith288
[ Post Reply | Private Reply | To 26 | View Replies]

To: George W. Bush
Sorry George but your page keeps crashing my browser, I am not an Afghan but I am using Nutscrape 4.08.
28 posted on 10/10/2001 8:22:37 PM PDT by this_ol_patriot
[ Post Reply | Private Reply | To 11 | View Replies]

To: Musket smith288 ANYONE ELSE WHO LIKES THE CLASSIC FR STYLE
Im sure John Robinson will have a style for those folks who hate change.

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;
}

29 posted on 10/11/2001 12:38:19 AM PDT by xm177e2
[ Post Reply | Private Reply | To 1 | View Replies]

To: George W. Bush; John Robinson
You might be interested in my "Anti-CSS CSS" (the classic pre-css FR look). It's not perfect, mostly because the layout of FR has changed, but it looks mostly the same.

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.

30 posted on 10/11/2001 12:48:29 AM PDT by xm177e2
[ Post Reply | Private Reply | To 29 | View Replies]

Next on my to-do list: Make an "AndrewSullivan.com"-style css for people who really like purple

(OK, I was only kidding there!)

31 posted on 10/11/2001 12:53:33 AM PDT by xm177e2
[ Post Reply | Private Reply | To 30 | View Replies]

To: xm177e2, George W. Bush
There are now two body classes which correspond to the current template.

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.

32 posted on 10/11/2001 4:54:44 AM PDT by John Robinson
[ Post Reply | Private Reply | To 1 | View Replies]

Bump for later...
33 posted on 10/11/2001 5:09:09 AM PDT by ELS
[ Post Reply | Private Reply | To 32 | View Replies]

To: John Robinson
There are now two body classes which correspond to the current template.

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.
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.

I just updated the style sheets on the web site. I'll keep after it until I get it right later. I'm still working on the standalone HTML stylesheet editor.
34 posted on 10/11/2001 6:24:47 AM PDT by George W. Bush
[ Post Reply | Private Reply | To 32 | View Replies]

To: George W. Bush
Was working on this as well (almost had the background images thoroughly de-bugged in NS6/IE6), and things changed again. Oh well; that's what we get for working on beta <VBG>
35 posted on 10/11/2001 7:14:17 AM PDT by steveegg
[ Post Reply | Private Reply | To 34 | View Replies]

To: Cyber Liberty
Bump to self for later use.
36 posted on 10/11/2001 7:25:16 AM PDT by Cyber Liberty
[ Post Reply | Private Reply | To 1 | View Replies]

To: smith288
Actually, whatever they choose as their own customized cascading style sheet wont be seen by anyone besides them.

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!

37 posted on 10/11/2001 7:49:12 AM PDT by Musket
[ Post Reply | Private Reply | To 26 | View Replies]

To: Musket
Normally that is correct. But John has implemented a type of "active" or personalized way to upload your own CS sheets. Might I add, when you learn the CLASSes, it is exprememly powerfull and very customizable. then you can share or trade your CS sheets with others. I like that aspect. john catering to us tech suavy folks!
38 posted on 10/11/2001 8:57:18 AM PDT by smith288
[ Post Reply | Private Reply | To 37 | View Replies]

To: John Robinson
.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.

39 posted on 10/11/2001 12:05:55 PM PDT by xm177e2
[ Post Reply | Private Reply | To 32 | View Replies]

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.

Free Republic
Browse · Search
News/Activism
Topics · Post Article

FreeRepublic, LLC, PO BOX 9771, FRESNO, CA 93794
FreeRepublic.com is powered by software copyright 2000-2008 John Robinson