Page 11 of 12

Re: Change the style!

PostPosted: Fri May 17, 2013 9:48 am
by Germy Bugger
No we have randomly generated tits on every page. Different thing entirely :wry:

Re: Change the style!

PostPosted: Fri May 24, 2013 6:20 am
by SaigonSaddler
TITS

Re: Change the style!

PostPosted: Sun May 26, 2013 12:04 pm
by ink the troll
A bit more reminiscent of what the forum used to look like.

Image
Image

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(255, 0, 0);
text-shadow: none !important;
background-color: #000000!important;
}

div.forabg, div.forumbg, div.panel-wrapper {
    background: transparent!important;
    padding: 6px;
}

.content a,
                .content a:visited {
color: rgb(255, 0, 0) !important;
font-weight: bold !important;
}

.content a:hover,
        .content a:active {
color: rgb(255, 0, 0) !important;
text-decoration: underline;
}

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

.post .inner {
background-color: rgb(230, 233, 231) !important;
}

.post .postbody {
float: right !important;
width: 82%  !important;
color: rgb(0, 0, 0);
}

.post .postbody .content {
font-size: 11pt !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: rgb(255, 0, 0) !important;
}

a.forumtitle, a.topictitle {
font-size: 15px;
font-weight: bold !important;
text-shadow: none !important;
line-height: 1.28em;
color: rgb(0, 5, 0) !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: rgb(255, 0, 0) !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;
color: rgb(180, 0, 0) !important;
}

ul.topiclist li.header a, ul.topiclist li.header a:visited {
    color: rgb(0, 5, 0) !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: rgb(255, 0, 0)!important;
text-shadow: none !important;
background-color: rgb(230, 233, 231);
}

.signature {
text-shadow: none !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none!important;
background-color:rgb(222, 227, 231)!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: #FF0011 !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: #FF0011 !important;
}

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

.nav-links a:hover span {
    background-position: 0px -40px;
    color: #FF0011 !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: #FF0011 !important;
}

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

}

Re: Change the style!

PostPosted: Sun May 26, 2013 12:49 pm
by pete
Brilliant!

(How do I get it to do that) 0:)

Re: Change the style!

PostPosted: Sun May 26, 2013 2:21 pm
by ink the troll
Links to the posts explaining how to change the look:

Firefox:
viewtopic.php?f=18&t=43400&start=40#p873038

Chrome:
viewtopic.php?f=18&t=43400&start=50#p873290

But insert this code (click 'select all', copy & paste):
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(255, 0, 0);
    text-shadow: none !important;
    background-color: #000000!important;
    }

    div.forabg, div.forumbg, div.panel-wrapper {
        background: transparent!important;
        padding: 6px;
    }

    .content a,
                    .content a:visited {
    color: rgb(255, 0, 0) !important;
    font-weight: bold !important;
    }

    .content a:hover,
            .content a:active {
    color: rgb(255, 0, 0) !important;
    text-decoration: underline;
    }

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

    .post .inner {
    background-color: rgb(230, 233, 231) !important;
    }

    .post .postbody {
    float: right !important;
    width: 82%  !important;
    color: rgb(0, 0, 0);
    }

    .post .postbody .content {
    font-size: 11pt !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: rgb(255, 0, 0) !important;
    }

    a.forumtitle, a.topictitle {
    font-size: 15px;
    font-weight: bold !important;
    text-shadow: none !important;
    line-height: 1.28em;
    color: rgb(0, 5, 0) !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: rgb(255, 0, 0) !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;
    color: rgb(180, 0, 0) !important;
    }

    ul.topiclist li.header a, ul.topiclist li.header a:visited {
        color: rgb(0, 5, 0) !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: rgb(255, 0, 0)!important;
    text-shadow: none !important;
    background-color: rgb(230, 233, 231);
    }

    .signature {
    text-shadow: none !important;
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    text-shadow: none!important;
    background-color:rgb(222, 227, 231)!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: #FF0011 !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: #FF0011 !important;
    }

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

    .nav-links a:hover span {
        background-position: 0px -40px;
        color: #FF0011 !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: #FF0011 !important;
    }

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

    }


.:edit:.
will post the code stuff for chrome later

.:edit#2:.

code for Chrome

Code: Select all
#page-body {
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    line-height: 1.2em;
    font-size: 10px;
    color: rgb(255, 0, 0);
    text-shadow: none ;
    background-color: #000000;
}

div.forabg, div.forumbg, div.panel-wrapper {
    background: transparent;
    padding: 6px;
}

.content a, .content a:visited {
    color: rgb(255, 0, 0) ;
    font-weight: bold ;
}

.content a:hover, .content a:active {
    color: rgb(255, 0, 0) ;
    text-decoration: underline;
}

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

.post .inner {
    background-color: rgb(230, 233, 231) ;
}

.post .postbody {
    float: right ;
    width: 82%  ;
    color: rgb(0, 0, 0);
}

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

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

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

a.forumtitle {
    font-weight: bold ;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    text-shadow: none ;
    color: rgb(255, 0, 0) ;
}

a.forumtitle, a.topictitle {
    font-size: 12px;
    font-weight: bold ;
    text-shadow: none ;
    line-height: 1.28em;
    color: rgb(0, 5, 0) ;
}

.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: rgb(255, 0, 0) ;
}

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

ul.topiclist {
    font-weight: bold ;
    text-shadow: none;
    color: rgb(180, 0, 0) ;
}

ul.topiclist li.header a, ul.topiclist li.header a:visited {
    color: rgb(0, 5, 0) ;
    text-decoration: underline;
    text-shadow: none;
}

.postbody h3, .postbody h3 a, .postbody h3.first, .postbody h3.first a {
    font-weight: bold ;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    color: rgb(255, 0, 0);
    text-shadow: none ;
    background-color: rgb(230, 233, 231);
}

.signature {
    text-shadow: none;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    background-color: rgb(222, 227, 231);
}

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

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

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

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

.nav-links a:hover span {
    background-position: 0px -40px;
    color: #FF0011 ;
}

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

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

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


Re: Change the style!

PostPosted: Sun May 26, 2013 3:11 pm
by pete
And at the risk of sounding like Christopher Biggins... What about those us 'On Safari'?

(Firefox at work, so I can do that, ta)

Re: Change the style!

PostPosted: Sun May 26, 2013 3:57 pm
by ink the troll
There is an extension called 'stylish' available for Safari as well.
Install that. There now should be a button with an [S] close to your address bar (or whatever it might be called in Safari).
Click the [S], a little drop down menu will open. Choose 'manage'.
Click 'edit':
Image
Title: what you want to call the style
CSS: this is where you put the code*
Applies to: choose 'Domain', into the empty space next to domain type: frothersunite.com, click 'add rule'.
Click 'save style'



*
Code: Select all
#page-body {
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    line-height: 1.2em;
    font-size: 10px;
    color: rgb(255, 0, 0);
    text-shadow: none ;
    background-color: #000000;
}

div.forabg, div.forumbg, div.panel-wrapper {
    background: transparent;
    padding: 6px;
}

.content a, .content a:visited {
    color: rgb(255, 0, 0) ;
    font-weight: bold ;
}

.content a:hover, .content a:active {
    color: rgb(255, 0, 0) ;
    text-decoration: underline;
}

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

.post .inner {
    background-color: rgb(230, 233, 231) ;
}

.post .postbody {
    float: right ;
    width: 82%  ;
    color: rgb(0, 0, 0);
}

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

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

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

a.forumtitle {
    font-weight: bold ;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    text-shadow: none ;
    color: rgb(255, 0, 0) ;
}

a.forumtitle, a.topictitle {
    font-size: 12px;
    font-weight: bold ;
    text-shadow: none ;
    line-height: 1.28em;
    color: rgb(0, 5, 0) ;
}

.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: rgb(255, 0, 0) ;
}

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

ul.topiclist {
    font-weight: bold ;
    text-shadow: none;
    color: rgb(180, 0, 0) ;
}

ul.topiclist li.header a, ul.topiclist li.header a:visited {
    color: rgb(0, 5, 0) ;
    text-decoration: underline;
    text-shadow: none;
}

.postbody h3, .postbody h3 a, .postbody h3.first, .postbody h3.first a {
    font-weight: bold ;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    color: rgb(255, 0, 0);
    text-shadow: none ;
    background-color: rgb(230, 233, 231);
}

.signature {
    text-shadow: none;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    background-color: rgb(222, 227, 231);
}

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

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

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

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

.nav-links a:hover span {
    background-position: 0px -40px;
    color: #FF0011 ;
}

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

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

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

Re: Change the style!

PostPosted: Wed Jun 19, 2013 8:04 pm
by Hermit
Eh? Why is the forum style suddenly blue, with everything arse about face, before you log-in, but changes to grey after you do? :?

Re: Change the style!

PostPosted: Wed Jun 19, 2013 8:12 pm
by Duff
Because there are changes afoot. Go to Board preferences and change to Artodia: Froth. Save and prepare to cry with joy.

Why the forum is blue when you're not logged in though, is a mystery known only to Almighty Doc.

Re: Change the style!

PostPosted: Wed Jun 19, 2013 8:23 pm
by Hermit
Hmmm...black background! :D It's still got grey headers, but it's miles better than before. It only needs bigger avatars and everything will be fine :)

I think the blue pro-silver one shows because it's set as the default one. That style only needs removing from the list and the new froth one set as default.