Puppy Linux Discussion Forum

[the-jub]

Hi all

I browse this forum quite a lot and for some time now its been blasting my poor little eyes away, so I made it all dark with some css.



Here is the css.

/*css*/


@charset "utf-8";
/*murga puppy forum css*/

body
{color: #DDDDDD !important; background: #060800 !important;
background-attachment: fixed; background-position: center; }

table {border:2px solid!important;
border-radius:5px!important;
-moz-border-radius:5px!important; /* Old Firefox */
color: #263200 !important; background: transparent !important;}

span, td, tr, div, p
{color: #747474 !important; background: transparent !important;}

td.bodyline{
border: 2px solid!important;
border-radius: 5px!important;
-moz-border-radius: 5px!important; /* Old Firefox */
color: #364701 !important;
}

th
{color: #8A8A8A !important; background: transparent !important;
border-bottom-width: 1px !important;
border-left-width: 1px !important;
border-right-width: 1px !important;
border-top-width: 1px !important;
border: 1px solid !important;
border-radius: 5px !important;
-moz-border-radius: 5px !important; /* Old Firefox */
}

a:link /* unvisited link */
{color: #87998E !important; background: transparent !important;}

a:visited /* visited link */
{color: #CCA459 !important; background: transparent !important;}

a:hover /* mouse over link */
{color: #E2F3E9 !important; background: transparent !important;}

a:active /* selected link */
{color: #C8A049 !important; background: transparent !important;}




th.thLeft, td.catLeft{
border: 1px solid !important;
border-radius: 5px !important;
-moz-border-radius: 5px !important; /* Old Firefox */
color: #2A3700 !important; background: transparent !important;
}

/*div
{
border:2px solid;
border-radius:25px;
-moz-border-radius:25px; */ /* Old Firefox *//*
}
*/


input, textarea, input.post, textarea.post, select{
color: #8A8A8A !important; background: transparent !important;
border-bottom-width: 1px !important;
border-left-width: 1px !important;
border-right-width: 1px !important;
border-top-width: 1px !important;
border: 1px solid !important;
border-radius: 5px !important;
-moz-border-radius: 5px !important; /* Old Firefox */
}


/*css*/

Im using opera browser 12.12-1707. By navigating to the forum and right clicking somewhere on the site, and then clicking "edit site preferences" and then the display tab, one can choose a style sheet for just this site!

Not sure how to apply a css file to a site in any other browser, also not sure if it'll look the same in any other browser.

Its a little rough still, its a working progress, Your suggestions are welcome.

[koulaxizis]

This is very beautiful! How can i apply this on firefox?

[the-jub]

[vicmz]

There is no need for extensions in FF or Seamonkey to make websites dark. Go to Edit > Preferences and in the Appearance section choose a colour for the background and characters, then click "Use always my colours". You may have to turn it off when a website has elements that can only be seen in its original colours.

[koulaxizis]

Thank you very much for your answers!