Page 5 of 12

Re: Change the style!

PostPosted: Wed Apr 10, 2013 10:46 am
by wait, what?
Rev Nice wrote:
Gi6ers wrote:make sure it applies to urls on the domain


That.

On the "Applies to" box, you need to drop it down to "URLs on the domain" and type in "www.frothersunite.co.uk" in the box on the other side.
It's easily messed up because the first two options are merely 'url' and 'urls starting with'.


I'm almost entirely convinced that I said as much at the beginning...

Reading is tech.

Re: Change the style!

PostPosted: Wed Apr 10, 2013 11:43 am
by ink the troll
With a bit of fiddling, this is what the forum looks like for me now. Thumbnails, as pics are too big. May or may not be of use to someone:
Image Image


Code: Select all
@-moz-document domain('frothersunite.com') {
body, #page-body {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
line-height: 1.2em;
font-size: 12px;
color: rgb(0, 0, 0);
text-shadow: none !important;
background-color: #c8cbd5!important;
}

.content a,
                .content a:visited {
color: #003366 !important;
font-weight: bold !important;
}

.content a:hover,
        .content a:active {
color: #0099ff !important;
text-decoration: underline;
}

.post {
margin-left: 2em;
margin-right: 2em;
}

.post .inner {
background-color: #FEFBF9 !important;
}

.post .postbody {
float: right !important;
width: 82%  !important;
}

.post .postbody .content {
font-size: 10pt !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
text-shadow: none !important;
}

.post .postprofile {
float: left !important;
width: 16%  !important;
border-left: none;
border-right: 1px solid #ddd;
padding: 0 .5em;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none !important;
}

.icon dt {
font-size: 9pt !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
}

a.forumtitle {
font-weight: bold !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
text-shadow: none !important;
color: #003366 !important;
}

a.forumtitle, a.topictitle {
font-size: 15px;
font-weight: bold !important;
text-shadow: none !important;
line-height: 1.28em;
color: #003366 !important;
}

.unread a.forumtitle, .unread a.forumtitle:visited, .unread a.topictitle, .unread a.topictitle:visited, .reported a.topictitle, .reported a.topictitle:visited, .unapproved a.topictitle, .unapproved a.topictitle:visited {
color: #0099ff !important;
}

li.header dt, li.header dd {
text-shadow: none!important;
font-weight: bold !important;
}

ul.topiclist {
font-weight: bold !important;
text-shadow: none!important;
}

.postbody h3, .postbody h3 a, .postbody h3.first, .postbody h3.first a {
font-weight: bold !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
color: #003366 !important;
text-shadow: none !important;
background-color: rgb(200, 203, 213);
}

.signature {
text-shadow: none !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-size: 12px;
}

.menu-buttons a span, #search-adv a span {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
text-shadow: none !important;
}

.nav-links a span {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
text-shadow: none !important;
}

.buttons div a {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
text-shadow: none !important;
}

#header ul#links li a {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none !important;
}
}

Re: Change the style!

PostPosted: Wed Apr 10, 2013 12:03 pm
by Badger nli
Looks grand Inka, but ... how?

(Yes I am a luddite :oops: )

Re: Change the style!

PostPosted: Wed Apr 10, 2013 1:27 pm
by ink the troll
Depends on the browser.
There's some add-ons e.g. for Firefox: https://addons.mozilla.org/en-US/firefox/addon/stylish/
or https://addons.mozilla.org/en-US/firefo ... src=search (what I used).

Download/ install.
Go to 'TOOLS' in the menu bar, there's an entry called 'USER STYLES'. Click 'MANAGE'.
You should see something like this (minus the frothers entry):
PIC01
Image

click 'CREATE NEW'.
copy & paste the code into the new style sheet, choose a name 1., click 'ADD (S)' 2., then 'EXIT' 3..
PIC02
Image

You've added the new style sheet, that should now be shown in the list (PIC01), click 'OK'

Re: Change the style!

PostPosted: Wed Apr 10, 2013 2:44 pm
by ink the troll
aliensurfer wrote:ypu have made sure everything is as it should be, still got this pile of cack.


Installed Chrome & stylish for chrome, just to have a quick look 8of course that did take much longer than expected). Haven't managed to make it work there neither.
Wonder if there might be problems with permissions to write to stylish's database, as I keep getting an error message that the database can't be found despite it being there.

Re: Change the style!

PostPosted: Wed Apr 10, 2013 3:07 pm
by geronimo
ink the troll wrote:tech stuff


Brilliant, much better. Cheers Inka :beer:

Re: Change the style!

PostPosted: Wed Apr 10, 2013 3:58 pm
by The Dozing Dragon
Kids installed google chrome and I've been lost ever since :oops:

Re: Change the style!

PostPosted: Wed Apr 10, 2013 4:52 pm
by wait, what?
ink the troll wrote:Installed Chrome & stylish for chrome, just to have a quick look 8of course that did take much longer than expected). Haven't managed to make it work there neither.


Did you drop the moz document parent tag? cause chrome won't parse that.

Re: Change the style!

PostPosted: Wed Apr 10, 2013 6:06 pm
by ink the troll
wait, what? wrote:
ink the troll wrote:Installed Chrome & stylish for chrome, just to have a quick look 8of course that did take much longer than expected). Haven't managed to make it work there neither.


Did you drop the moz document parent tag? cause chrome won't parse that.

Yes, left that out.

Re: Change the style!

PostPosted: Wed Apr 10, 2013 9:11 pm
by ink the troll
changed a few minor things mainly the text in the navigation button thingies now is dark blue as well + text in the post is a wee bit bigger & bold to make reading a bit easier.

Code: Select all
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain('frothersunite.com') {
body, #page-body {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
line-height: 1.2em;
font-size: 12px;
color: rgb(0, 0, 0);
text-shadow: none !important;
background-color: #c8cbd5!important;
}

.content a,
                .content a:visited {
color: #003366 !important;
font-weight: bold !important;
}

.content a:hover,
        .content a:active {
color: #0099ff !important;
text-decoration: underline;
}

.post {
margin-left: 2em;
margin-right: 2em;
}

.post .inner {
background-color: #FEFBF9 !important;
}

.post .postbody {
float: right !important;
width: 82%  !important;
}

.post .postbody .content {
font-size: 11pt !important;
font-weight: bold !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
text-shadow: none !important;
}

.post .postprofile {
float: left !important;
width: 16%  !important;
border-left: none;
border-right: 1px solid #ddd;
padding: 0 .5em;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none !important;
}

.icon dt {
font-size: 9pt !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
}

a.forumtitle {
font-weight: bold !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
text-shadow: none !important;
color: #003366 !important;
}

a.forumtitle, a.topictitle {
font-size: 15px;
font-weight: bold !important;
text-shadow: none !important;
line-height: 1.28em;
color: #003366 !important;
}

.unread a.forumtitle, .unread a.forumtitle:visited, .unread a.topictitle, .unread a.topictitle:visited,
.reported a.topictitle, .reported a.topictitle:visited, .unapproved a.topictitle, .unapproved a.topictitle:visited {
color: #0099ff !important;
}

li.header dt, li.header dd {
text-shadow: none!important;
font-weight: bold !important;
}

ul.topiclist {
font-weight: bold !important;
text-shadow: none!important;
}

ul.topiclist li.header a, ul.topiclist li.header a:visited {
    color: #003366 !important;
    text-decoration: underline;
    text-shadow: none!important;
    }

.postbody h3, .postbody h3 a, .postbody h3.first, .postbody h3.first a {
font-weight: bold !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
color: #003366 !important;
text-shadow: none !important;
background-color: rgb(200, 203, 213);
}

.signature {
text-shadow: none !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none!important;
background-color:003366!important;
}

.menu-buttons a span, #search-adv a span {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none !important;
color: #003366 !important;
}

#search-box:hover input[type="text"], #search-box input[type="text"]:hover, #search-box input[type="text"]:focus {
    color: #0099ff !important;
}

.menu-buttons a:hover span, #search-adv a:hover span {
    background-position: 0px -40px;
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none !important;
    color: #0099ff !important;
}

.nav-links a span {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none !important;
color: #003366 !important;
}

.nav-links a:hover span {
    background-position: 0px -40px;
    color: #0099ff !important;
}

.buttons div a {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
text-shadow: none !important;
}

#header ul#links li a {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none !important;
color: #003366 !important;
}

#header div#frothzones h3 {
    font-size: 12px;
    color: #003366 !important;
    line-height: 1.2em;
    padding: 15px 5px;
}

}