Ableton Forum - User style (light Grey & Big text)

[Angstrom]

Hi Folks, all 8 of you who use this forum now may remember that back in 1983 I made a few themes for this forum. A hideous brown one, and a nasty dark grey. Seeing the thread about "This forum's future" and the regular mentions of changing the theme from the startling white I thought I'd share how I restyled the forum for my own use. I have some vision issues, so the fonts are huge on my re-style, and the colours are a little less glaring.

To use the style you will need a browser which can accept plug-ins, such as a desktop chrome, or Firefox (which is what I use)
First, here's how the skin looks.

-

-


Now, how to use the skin, I use the plugin: Stylus
Create a new style called "ableton forum" and paste this style in there.

Code: Select all

body {
    font-size: 14px;
    background-color: #e7e7e7;
}
ul.forums,
ul.topics,
li.row {
    background-color: transparent;
}
li.row {
    border-bottom: 2px solid #fff;
}

ul.topiclist li.row dl {
    margin: 5px 0;
}
.row .pagination li a,
.row .pagination li span {
    border-radius: 2px;
    padding: 1px 6px;
    font-size: 15px;
}
.row-item.row-item a {
    font-weight: bold;
}

.button,
a.button1,
a.button2,
input.button1,
input.button2,
input.button3 {
    background-color: #7f7f80 !important;
    color: #fff !important;
}

.post {
    background: transparent;
    border-color: #7f7f80;
}
.action-bar {
    font-size: 14px;
}
.pagination li.active span {
    background-color: #7f7f80;
}
.pagination a.button,
.pagination li.active span,
.action-bar .button,
.search-header .button-search,
.search-header .button-search-end {
    font-size: 16px;
    padding: 5px 10px;
}
.inputbox,
.search-box .inputbox {
    font-size: 16px;
    line-height: 40px;
    display: inline-block;
    height: 35px;

    transition: 0.3s all;
    border: none;
}
.search-box .inputbox:focus,
.search-box .inputbox:hover {
    width: 250px
}
.postlink,
.postlink:focus,
.postlink:hover,
.postlink:visited {
    color: #4040A1;
}
.inputbox:focus, .inputbox:hover {
    border-color: #c6c6c6;
}

make it active on urls matching forum.ableton.com, like this

[Tarekith]

Looks nice, wish I used one of those browsers.

[borg]

Ahh, what a relief! Neat, and super easy. Thanks!!!