Forum css

Puppy related raves and general interest that doesn't fit anywhere else
Post Reply
Message
Author
User avatar
the-jub
Posts: 31
Joined: Thu 10 Nov 2011, 03:51
Location: England

Forum css

#1 Post by 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.

Image

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.

User avatar
koulaxizis
Posts: 452
Joined: Sun 17 Jul 2011, 18:43
Location: Greece
Contact:

#2 Post by koulaxizis »

This is very beautiful! How can i apply this on firefox?
[b]Christos Koulaxizis[/b]
[i]Woof woof from Greece![/i]

[color=darkred][url=https://sourceforge.net/projects/puppystuff/][ Puppy Stuff Repository ][/url][/color]

User avatar
the-jub
Posts: 31
Joined: Thu 10 Nov 2011, 03:51
Location: England

#3 Post by the-jub »

koulaxizis wrote:How can i apply this on firefox?
When I used firefox last some mounts ago, I had a plugin called "color that site" which gave me some sliding bars so I could use the mouse to change the colours of any site. However I don't think that will help you apply your own custom css file. I'm sure there is a plugin that will help you do it though, but you'll have to do some searching for that.

I had a little search and found this...
per-site-custom-css-in-firefox maybe this will help :/ I haven't tried it but it looks legitimate.

User avatar
vicmz
Posts: 1262
Joined: Sun 15 Jan 2012, 22:47

#4 Post by 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.
Attachments
image-2.png
(139.13 KiB) Downloaded 365 times
[url=http://murga-linux.com/puppy/viewtopic.php?t=76948]Puppy Linux en español[/url]

User avatar
koulaxizis
Posts: 452
Joined: Sun 17 Jul 2011, 18:43
Location: Greece
Contact:

#5 Post by koulaxizis »

Thank you very much for your answers! :)
[b]Christos Koulaxizis[/b]
[i]Woof woof from Greece![/i]

[color=darkred][url=https://sourceforge.net/projects/puppystuff/][ Puppy Stuff Repository ][/url][/color]

Post Reply