Post Your Custom CSS Files Here

John Robinson's new software ^

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

[xm177e2]

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.

[xm177e2]

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

[StoneColdGOP]

Huh?

Oh, nevermind.

[xm177e2]

And here is a LINK to George W. Bush's neat style sheets.

[Musket]

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

yeesh.

[xm177e2]

For JohnRob's new software, we need new css files.

[xm177e2]

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.

[StoneColdGOP]

What's a css file?

[aomagrat]

CSS Vriginia

[George W. Bush]

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!

[George W. Bush]

Congratulations.

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

Go have a look.

[StoneColdGOP]

Thanks for helping a technically ignorant Freeper out.

[George W. Bush]

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.

[George W. Bush]

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

• Copy the section of text below, starting with ".fr_title".
• Open a new text document on your computer. On the Desktop is fine.
• Paste the text into it and save the file.
• Go to this link.
• Click the "Browse" button and select the text file you just created.
• Click the "Upload" button.
• (If you don't like the results, just click the Reset button on that same page to undo the style sheet and revert to normal display.)
  
  

  ---

  
  
  

  .fr_title
  {
      padding-top: 1%;
      padding-bottom: 1%;
  }
  
  .fr_collapsed
  {
      font: bold 12pt Arial;
      text-align: center;
  }
  
  .fr_collapsed A
  {
      text-decoration: none;
      color: #aaaaaa;
  }
  
  .fr_collapsed A:hover
  {
      color: white;
  }
  
  .fr_page
  {
      font: bold 8pt/10pt Arial;
      color: gray;
      text-align: center;
  }
  
  .fr_page A:hover
  {
      color: white;
  }
  
  .fr_page_here
  {
      text-decoration: none;
      color: white;
  }
  
  .fr_page_goto
  {
      text-decoration: none;
      color: gray;
  }
  
  .fr_normal
  {
      font: bold 8pt/10pt Arial;
      background-color: gray;
      border-style: outset;
      border-width: 1;
      margin-bottom: 1em;
  }
  
  .fr_article .fr_header
  {
      font: 8pt Arial;
      border-bottom: thin groove #999999;
      padding: 1px 6px;
  }
  
  .fr_comment .fr_header
  {
      font: bold 8pt/10pt Arial;
      border-bottom: thin groove #999999;
      padding: 1px 6px;
  }
  
  .fr_normal .fr_header
  {
      background-color: #777777;
  }
  
  .fr_normal .fr_header A
  {
      text-decoration: none;
      color: #aaaaaa;
  }
  
  .fr_normal .fr_header A:hover
  {
      text-decoration: none;
      color: white;
  }
  
  .fr_normal .fr_body
  {
      font: 10pt Bookman Old Style, serif;
      margin-left: 30px;
      margin-right: 30px;
  }
  .fr_normal .fr_body BLOCKQUOTE {
      border-top: ridge thin;
      border-bottom: ridge thin;
      padding-top: .5em;
      padding-bottom: .5em;
      font-style: italic;
  }
  
  .fr_removed
  {
      font: bold 8pt/10pt Arial;
      background-color: maroon;
      border-style: outset;
      border-width: 1;
      margin-bottom: 1em;
  }
  
  .fr_removed .fr_header
  {
      font: bold 8pt/10pt Arial;
      background-color: maroon;
      border-bottom: thin solid #999999;
  }
  
  .fr_removed .fr_body
  {
      font: 10pt Bookman Old Style, serif;
      margin-left: 30px;
      margin-right: 30px;
  }
  
  .fr_menu
  {
      font: normal 8pt/10pt Arial;
      text-align: center;
      white-space: nowrap;
      margin-bottom: 1em;
      color: #aaaaaa;
  }
  
  .fr_menu B
  {
      font-weight: normal;
  }
  
  .fr_menu A
  {
      text-decoration: none;
      color: #dddddd;
  }
  
  .fr_menu A:hover
  {
      text-decoration: none;
      color: white;
      /* font-weight: bold; */
  }
  
  .fr_copy
  {
      font: italic 8pt/10pt Arial;
      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-image: url("http://www.freerepublic.com/bg/smblue_rock.gif");
  }
  
  .fr_body A:link {color:"#101090"; text-decoration: none } 
  .fr_body A:visited {color:"#702090"; text-decoration: none; font-style: italic }
  .fr_body A:hover {text-decoration: underline} 
  
  .fr_hi
  {
    BACKGROUND-COLOR: #eeee00;
  }
  

[Jefferson Adams]

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

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

[Musket]

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.

[Question_Assumptions]

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.

[Tree of Liberty]

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.

[smith288]

Is it time to get one of those $5 a month websites running?

[smith288]

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