Ableton Forum - user style

[H20nly]

It is so weird - Ableton always was my main example for a clean, stylish and absolute consistently used design in a companies products, website and gear.

this.

it wasn't colorful, loud, ornate, cluttered... it might not have scaled well on devices, but that is a separate matter. when it comes to webdesign clean reaches a larger audience (whether they know why or not).

[nathannn]

I would suggest ou have copied he code incorrectly. The first tag "body" is probably messed up on your copy somehow. here it looks the same in both browsers.

Copy and paste it again

ok,the problem i was having was copying the code from inside of chrome, copying would select the code along with borders where the code was inserted.
it was fixed by copying from inside firefox and pasting into chrome.

thanks again for this.

[regretfullySaid]

Strange, right after the site changed everything sounds like it's coming from a calliope. Coincidence?

[nebulae]

^ ah, therein lies the disconnect...here's what Chrome looks like for me:



So perhaps you haven't done everything right according to Angstrom's instructions? Or there may be some other issue.

[nathannn]

^ ah, therein lies the disconnect...here's what Chrome looks like for me:



So perhaps you haven't done everything right according to Angstrom's instructions? Or there may be some other issue.

it looks fine now. like i said above though, when i was copying the code from inside chrome the code and the border of the code would both be selected ( i realized this when recopying the code). i think i might have a buggy extension in chrome that is effecting copying.
anyways the solution was to just copy the code from firefox and paste it into chrome.

thanks for the help.

[simmerdown]

for chrome only, sometimes a bit of color.....

Code: Select all

body{background-color:#b7cfa3!important;color:#43423D!important;font-weight:100!important;font-size:90%;}
.searchbar a{font-size:1.2em!important;}
a, a:link{color:#43423D!important;font-weight:100!important;}
a:hover{color:#476070!important}

#pagecontent a:visited, .tablebg a:visited{color:#7F8D98!important;}
#wrapheader{padding:0!important;}

div#wrapheader div#menubar div.gensmall{display:none;}
.titles{font-weight:100!important;}
.row1,
html body.ltr div#wrapcentre div#pagecontent div table.tablebg tbody tr td.row1{background:#b0c0ff!important;}
td.row1 p.breadcrumbs a{color:#E9EAEF!important;font-weight:100!important;}
div#wrapheader div#menubar div table tbody tr.row1{background:transparent!important;box-shadow:0px 1px 1px #79858E;
color:#E9EAEF;}

html body.ltr div#wrapcentre div div table.tablebg{box-shadow:0px 1px 1px #79858E;}

div#wrapcentre div div table.tablebg tbody tr td.row1{background:transparent!important;}

.row2{background:#DFE3E6!important;}
.row3 th{background:#95A2AB!important;border-top:2px solid #808D95}
html body.ltr div#wrapcentre div#pagecontent div table.tablebg tbody tr td.row2 b.gensmall{font-size:1.2em!important;padding:10px 50px!important; }
html body.ltr div#wrapcentre div#pagecontent div table.tablebg tbody tr td.row2{}
.topicdetails{font-size:0.8em!important;color:#95A2AB!important;}

.roundedtl{font-size:1.2em;}
.profile, .roundedtl{background-image:none !important;}

th{background:#D8DDE0!important;color:#403E39!important;font-weight:100!important;font-size:1.2em;}
html body.ltr div#wrapcentre div#pagecontent table.tablebg tbody tr th{color:#43423D!important;font-size:1.2em;font-weight:100!important;}

.genmed{padding: 10px 20px!important;}
.cornerbr, .cornerbl, .cornertl{display:none!important;}

[su]

angstrom thanks for the tip mate! Works great here in firefox.

[Angstrom]

I'm doing one for the Ableton main site now I figured out this plugin.

I'm not sure if I'll bother finishing it, I'm more likely to do music tomorrow, it being Saturday. But so far ... this is the Shop page, as an example of how it's going. A bit buggy yet.

I just used all the assets they have available, but called them into the CSS differently.

[Sibanger]

Thanks a heap Angstrom. Really appreciate it

When you fix up the Abes main site, can you create a new category for those who have Live 8 suite & M4L ?

Full upgrade for $150 would be fine

[madlab]

what will happen if they realize the present version is unreadable and make one that is more easy on the eyes ? And really, there is no way to change those freaky settings from the site ? They really wanted to be catchy about Live 9's announcement

[sporkles]

Thanks a heap Angstrom. Really appreciate it

When you fix up the Abes main site, can you create a new category for those who have Live 8 suite & M4L ?

Full upgrade for $150 would be fine

Good one!

But really, Angstrom; I wouldn't bother with the main site.

[sporkles]

I'm doing one for the Ableton main site now I figured out this plugin.

I'm not sure if I'll bother finishing it, I'm more likely to do music tomorrow, it being Saturday.

Good guy Angstrom:

[ThomasHelzle]

It is so weird - Ableton always was my main example for a clean, stylish and absolute consistently used design in a companies products, website and gear.

this.

it wasn't colorful, loud, ornate, cluttered... it might not have scaled well on devices, but that is a separate matter. when it comes to webdesign clean reaches a larger audience (whether they know why or not).

Yeah, for me it is something like visual/brand suicide - from one of the most stylish (Audio-) Sites/Companies to "Same Same" or worse in an eye blink
I guess the old gear and stickers will become collectors items now.

Anyway:

Just wanted to report: The Stylesheet from Angstrom also works in Opera!!!
Thanks god

How it works:

Save the Chrome code from the first page of this thread to a text file somewhere on your HD that you could for instance call Ableton.css

Follow these instructions: http://operawiki.info/operausercss
Under "Applying CSS to specific sites using 'My stylesheet'"

Worked on first try here.

Thanks again!

Cheers,

Tom

[condra]

Cheers!

[sporkles]

Did anyone else get a problem where mostly all installed Chrome extension have to be reloaded manually on each startup after installing the Stylish extension?