Puppy Linux Discussion Forum Forum Index Puppy Linux Discussion Forum
Puppy HOME page : puppylinux.com
"THE" alternative forum : puppylinux.info
 
 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

The time now is Tue 23 Sep 2014, 18:30
All times are UTC - 4
 Forum index » Taking the Puppy out for a walk » Misc
Forum css
Moderators: Flash, JohnMurga
Post new topic   Reply to topic View previous topic :: View next topic
Page 1 of 1 [5 Posts]  
Author Message
the-jub


Joined: 09 Nov 2011
Posts: 31
Location: England

PostPosted: Sat 29 Dec 2012, 23:58    Post subject:  Forum css
Subject description: A slyle sheet for this forum
 

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.
Back to top
View user's profile Send private message 
koulaxizis


Joined: 17 Jul 2011
Posts: 428
Location: Greece

PostPosted: Sun 30 Dec 2012, 10:27    Post subject:  

This is very beautiful! How can i apply this on firefox?
_________________
Christos Koulaxizis
Woof woof from Greece...

[ Puppy packages | Puppy search ]
Back to top
View user's profile Send private message Visit poster's website 
the-jub


Joined: 09 Nov 2011
Posts: 31
Location: England

PostPosted: Sun 30 Dec 2012, 14:29    Post subject:  

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.
Back to top
View user's profile Send private message 
vicmz


Joined: 15 Jan 2012
Posts: 1108

PostPosted: Sun 30 Dec 2012, 21:29    Post subject:  

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.
image-2.png
 Description   
 Filesize   139.13 KB
 Viewed   316 Time(s)

image-2.png


_________________
OB Precise 14.07.26 Woof-CE|Puppy Linux en español
Back to top
View user's profile Send private message 
koulaxizis


Joined: 17 Jul 2011
Posts: 428
Location: Greece

PostPosted: Mon 31 Dec 2012, 06:04    Post subject:  

Thank you very much for your answers! Smile
_________________
Christos Koulaxizis
Woof woof from Greece...

[ Puppy packages | Puppy search ]
Back to top
View user's profile Send private message Visit poster's website 
Display posts from previous:   Sort by:   
Page 1 of 1 [5 Posts]  
Post new topic   Reply to topic View previous topic :: View next topic
 Forum index » Taking the Puppy out for a walk » Misc
Jump to:  

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Powered by phpBB © 2001, 2005 phpBB Group
[ Time: 0.0544s ][ Queries: 13 (0.0046s) ][ GZIP on ]