|
Forums
Jul 14, 2007 2:13:53 GMT
Post by rump on Jul 14, 2007 2:13:53 GMT
The new font color looks pretty pretty cool. Makes it easier to read actually, thanks for whomever thanks are due.
|
|
|
Forums
Jul 14, 2007 3:07:57 GMT
Post by dodrudon on Jul 14, 2007 3:07:57 GMT
Sorry, but I don't like'em =(, blue on blue is too hard to see.
|
|
|
Forums
Jul 14, 2007 3:31:10 GMT
Post by FunkySwerve on Jul 14, 2007 3:31:10 GMT
Still tweaking the link color. Funky
|
|
|
Forums
Jul 14, 2007 4:20:58 GMT
Post by Acaos on Jul 14, 2007 4:20:58 GMT
Can always use Stylish to make it look exactly like you want. Here's my Stylish setup for the HG forums: @namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("highergroundpoa.proboards3.com") { body { background-image: none !important; background-color: #EEEEEE !important; color: #111111 !important; } td { color: #111111 !important; } A:link { color: #6666CC !important; } A:visited { color: #330099 !important; } A:hover { color: #000000 !important; text-decoration: underline !important; } .nav { color: #000000 !important; } .nav:link { color: #6666CC !important; } .nav:visited { color: #330099 !important; } .nav:hover { color: #000000 !important; text-decoration: underline !important; } .windowbg { background-color: #DDDDDD !important; color: #111111 !important; } .windowbg2 { background-color: #EEEEEE !important; color: #111111 !important; } .titlebg { background-color: #DDDDDD !important; color: #000000 !important; } .titletext { color: #000000 !important; } .popuptitlebg { background-color: #DDDDDD !important; color: #000000 !important; } .catbg { background-color: #DDDDDD !important; color: #000000 !important; } .cattext { background-color: #DDDDDD !important; color: #000000 !important; } .hr { background-color: #000000 !important; color: #000000 !important; } .bordercolor { background-color: #000000 !important; color: #111111 !important; } .quote { background-color: #FFFFFF !important; color: #000000 !important; } .code { background-color: #FFFFFF !important; color: #000000 !important; }
.menubg { background-color: #C9D0FC !important; } .welcomebg { background-color: #C7D1E6 !important; } }
|
|
|
Forums
Jul 14, 2007 5:29:09 GMT
Post by rump on Jul 14, 2007 5:29:09 GMT
Alright. Thanks for that Acaos.
Got a question for you too. I know this is written in CSS, but what is the purpose of the !important. Does it make it override the original?
|
|
|
Forums
Jul 14, 2007 5:54:37 GMT
Post by Acaos on Jul 14, 2007 5:54:37 GMT
Correct. CSS elements follow a hierarchy of importance (from lowest to highest priority):
user rules author rules author !important rules user !important rules
Stylish creates a user stylesheet, so any rule specified without !important will affect the base behavior of the website, but the author's rules will override it. Any !important user rule, however, takes priority over anything the author can declare.
Also very good for doing things like forcing sites that want to be a narrow column of text in the middle of a vast sea of whitespace to actually fill your entire browser (BoingBoing, I'm looking at you).
Acaos
|
|
|
Forums
Jul 14, 2007 6:22:21 GMT
Post by dodrudon on Jul 14, 2007 6:22:21 GMT
Wait, if there's nothing between author and author !important, then what's the point?
|
|
|
Forums
Jul 14, 2007 7:14:37 GMT
Post by rump on Jul 14, 2007 7:14:37 GMT
Hmm, well I spent a couple minutes coming up with my own, if anyone wants to try it out. :] @namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("highergroundpoa.proboards3.com") { body {url(http://i82.photobucket.com/albums/j273/FunkySwerve/Dragon4.jpg) !important; background-attachment: fixed !important;} td {background-color: transparent !important;} A {font-size: normal !important;} A:link {color: #00C957 !important;} A:visited {color: #3D9140 !important;} A:hover {color: #FFFFFF !important;} .nav {font-size: large !important;} .nav:link {color: #000000 !important; } .nav:visited {color: #000000 !important; } .nav:hover {color: #FFFFFF !important;} .windowbg {background-color: #454545 !important;} .windowbg2 {background-color: #454545 !important;} .titlebg {background-color: transparent !important;} .titletext {color: #000000 !important;} .popuptitlebg {background-color: transparent !important;} .catbg {background-color: transparent !important; border-top: black solid 2px !important; border-bottom: black solid 2px !important;} .cattext {background-color: transparent !important; color: #000000 !important;} .hr {background-color: transparent !important; color: #000000 !important; } .bordercolor {background-color: #EE7600 !important;} .quote {background-color: transparent !important;} .code {background-color: transparent !important; color: #000000 !important; } .menubg {background-color: transparent !important; } .welcomebg {background-color: #000000 !important; border-bottom: solid 2px white !important;} } Essentially, this is what mine looks like:
|
|
|
Forums
Jul 14, 2007 7:17:11 GMT
Post by Acaos on Jul 14, 2007 7:17:11 GMT
Wait, if there's nothing between author and author !important, then what's the point? You may have a site-wide stylesheet and then an individual stylesheet for a given page which is also included and desire to make sure that the page's stylesheet overrides the site's stylesheet. Acaos
|
|
|
Forums
Jul 14, 2007 9:28:42 GMT
Post by dodrudon on Jul 14, 2007 9:28:42 GMT
What if you happen to have multiple layers of stylesheets, each overriding the previous...?
|
|
|
Forums
Jul 14, 2007 15:22:53 GMT
Post by DragonChyld on Jul 14, 2007 15:22:53 GMT
The new Logo looks PIMP!
|
|
|
Forums
Jul 14, 2007 15:28:53 GMT
Post by dodrudon on Jul 14, 2007 15:28:53 GMT
=O *GASP*
|
|
|
Forums
Jul 15, 2007 22:26:23 GMT
Post by dodrudon on Jul 15, 2007 22:26:23 GMT
Whooo! Rotating banner ftw!
|
|