Change the style!

Here is where we ask YOU for your thoughts and ideas on the FU!UK content... Dead links, errors, or ideas you would like to help us develop... we'll take all suggestions to improve your online frothing experience!

Moderator: FU!UK Committee

Re: Change the style!

Postby wait, what? » Wed Apr 10, 2013 10:46 am

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.
bloggy blog blog blog checkyourcorners.blogspot.com
User avatar
wait, what?
 
Posts: 455
Joined: Wed Aug 25, 2010 6:49 pm

Re: Change the style!

Postby ink the troll » Wed Apr 10, 2013 11:43 am

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;
}
}
sanity is for cowards

blogthingy
User avatar
ink the troll
 
Posts: 1208
Joined: Mon Aug 16, 2004 9:33 am
Location: walltown

Re: Change the style!

Postby Badger nli » Wed Apr 10, 2013 12:03 pm

Looks grand Inka, but ... how?

(Yes I am a luddite :oops: )
User avatar
Badger nli
 

Re: Change the style!

Postby ink the troll » Wed Apr 10, 2013 1:27 pm

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'
sanity is for cowards

blogthingy
User avatar
ink the troll
 
Posts: 1208
Joined: Mon Aug 16, 2004 9:33 am
Location: walltown

Re: Change the style!

Postby ink the troll » Wed Apr 10, 2013 2:44 pm

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.
sanity is for cowards

blogthingy
User avatar
ink the troll
 
Posts: 1208
Joined: Mon Aug 16, 2004 9:33 am
Location: walltown

Re: Change the style!

Postby geronimo » Wed Apr 10, 2013 3:07 pm

ink the troll wrote:tech stuff


Brilliant, much better. Cheers Inka :beer:
...I've heard things about people from other people about certain people to back that up (c) Andrew May

Image
User avatar
geronimo
Associate Member
 
Posts: 2511
Joined: Sun May 20, 2007 4:54 pm
Location: part of a world heritage site, apparently

Re: Change the style!

Postby The Dozing Dragon » Wed Apr 10, 2013 3:58 pm

Kids installed google chrome and I've been lost ever since :oops:
User avatar
The Dozing Dragon
 
Posts: 2426
Joined: Mon Jan 05, 2004 1:25 pm
Location: The Mystical North of England

Re: Change the style!

Postby wait, what? » Wed Apr 10, 2013 4:52 pm

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.
bloggy blog blog blog checkyourcorners.blogspot.com
User avatar
wait, what?
 
Posts: 455
Joined: Wed Aug 25, 2010 6:49 pm

Re: Change the style!

Postby ink the troll » Wed Apr 10, 2013 6:06 pm

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.
sanity is for cowards

blogthingy
User avatar
ink the troll
 
Posts: 1208
Joined: Mon Aug 16, 2004 9:33 am
Location: walltown

Re: Change the style!

Postby ink the troll » Wed Apr 10, 2013 9:11 pm

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;
}

}
sanity is for cowards

blogthingy
User avatar
ink the troll
 
Posts: 1208
Joined: Mon Aug 16, 2004 9:33 am
Location: walltown

PreviousNext

Return to Frother Feedback Box

Who is online

Users browsing this forum: No registered users and 2 guests