Ableton Forum - user style

Discussion of music production, audio, equipment and any related topics, either with or without Ableton Live
Post Reply
Angstrom
Posts: 14678
Joined: Mon Oct 04, 2004 2:22 pm
Contact:

Ableton Forum - user style

Post by Angstrom » Fri Oct 26, 2012 12:16 am

If you don't really like the new style for the Ableton Forum I have made one you can use instead. (If you use either Chrome or Firefox) [updated instructions below]

It looks like this
Image

you need an add-on for either Firefox or Chrome
https://addons.mozilla.org/en-US/firefox/addon/stylish/
https://chrome.google.com/webstore/deta ... leoegfcffe (fixed link)


Firefox Instructions
add this user-style to the Stylish plugin

Code: Select all

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

@-moz-document domain("forum.ableton.com") {
	body{
		background-color:#95A2AB!important;
		color:#43423D!important;
		font-weight:100!important;
		font-size:0.9em!important;
		}
	.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#menubar td{border:none!important;/*kills the hard black border at the top*/}
	div#menubar div table tbody tr.row1 td div.gensmall{display:none!important;/*hides useless "last visited time" message*/}
	td.row1 p.breadcrumbs a{color:#E9EAEF!important;font-weight:100!important;}
		
	.titles{font-weight:100!important;}
	.row1,html body.ltr div#wrapcentre div#pagecontent div table.tablebg tbody tr td.row1{background:#EBEFF2!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;}
	#wrapcentre > br{display:none;}
	#wrapcentre > div {clear:both}
	#pageheader{padding:20px 0px!important}
	td { word-break: break-all;}
	.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; 
	}

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

	.quotetitle, .codetitle{background:#95A2AB!important;border:none!important;}
	.quotecontent{border-color:#95A2AB!important;}
}

Chrome Instructions- it's quite similar ... but different. Add this user-style to the Stylish plugin


Code: Select all

body{background-color:#95A2AB!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:#EBEFF2!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;}

.quotetitle, .codetitle{background:#95A2AB!important;border:none!important;}
.quotecontent{border-color:#95A2AB!important;}


I suggest you pay close attention to this Chrome install box settings if you are using Chrome.

Notice the pulldown that says "Applies to [urls starting with] [https://forum.ableton.com]"
make sure that looks that way.
Image

(updated nov2012 to fix quoteboxes)
Last edited by Angstrom on Sun Nov 09, 2014 8:47 pm, edited 7 times in total.

Tarekith
Posts: 17417
Joined: Fri Jan 07, 2005 11:46 pm
Location: Ableton Forum Administrator
Contact:

Re: Ableton Forum - user style

Post by Tarekith » Fri Oct 26, 2012 12:25 am

The real question is, can you make one Gangnam style? Or is this the current one that already?

regretfullySaid
Posts: 8913
Joined: Thu Apr 22, 2010 5:50 pm

Re: Ableton Forum - user style

Post by regretfullySaid » Fri Oct 26, 2012 12:26 am

:lol:

Sucks that it's not workin here on chrome but thanks, looks perty.

Image
ImageImage

cotdagoo
Posts: 1041
Joined: Fri Oct 26, 2007 5:34 pm
Location: canuhduh

Re: Ableton Forum - user style

Post by cotdagoo » Fri Oct 26, 2012 12:47 am

THANK YOU!

I dunno who came up with their decided colour scheme but yikes.. talk about a rude awakening.

3dot...
Posts: 9996
Joined: Tue Feb 20, 2007 11:10 pm

Re: Ableton Forum - user style

Post by 3dot... » Fri Oct 26, 2012 1:16 am

yeah... really dig the bsod shaded texts...
thanks Ableton...
:roll:
Image

Forge.
Posts: 5792
Joined: Wed Jun 24, 2009 2:16 pm
Location: Earth
Contact:

Re: Ableton Forum - user style

Post by Forge. » Fri Oct 26, 2012 1:18 am

Angstrom. The Ableton web designer that never was.

I like. But I'm using Safari currently.

I have a few silly little things that shit me about each browser, but I always seem to end up back on Safari. I just wish you could choose right click> "search with google in new tab" like the others. Seems like a ludicrous omission these days.

Angstrom
Posts: 14678
Joined: Mon Oct 04, 2004 2:22 pm
Contact:

Re: Ableton Forum - user style

Post by Angstrom » Fri Oct 26, 2012 1:21 am

shadx312 wrote::lol:
Sucks that it's not workin here on chrome but thanks, looks perty.
Sorry I accidentally missed out the details on how to use with Chrome.

I edited it above. it will work now.

nathannn
Posts: 3315
Joined: Thu Dec 07, 2006 2:38 am
Location: U.S.

Re: Ableton Forum - user style

Post by nathannn » Fri Oct 26, 2012 1:24 am

ahh so much better.
thanks angstrom
The Push / Novation Launch Pad / Novation Launch Pad Pro / Novation Launch Key
/ Launch Control XL / Machine MkII / Machine Studio / BeatStep / Livid OhmRGB / Livid Code V2 / Apc 40 MKII

no computers or synths

20 Copies of Ableton Live Lite.

regretfullySaid
Posts: 8913
Joined: Thu Apr 22, 2010 5:50 pm

Re: Ableton Forum - user style

Post by regretfullySaid » Fri Oct 26, 2012 1:28 am

Sank you veddy much it works now.
ImageImage

3dot...
Posts: 9996
Joined: Tue Feb 20, 2007 11:10 pm

Re: Ableton Forum - user style

Post by 3dot... » Fri Oct 26, 2012 1:34 am

ahhhh....the relief.... :o
thx !
Image

3dot...
Posts: 9996
Joined: Tue Feb 20, 2007 11:10 pm

Re: Ableton Forum - user style

Post by 3dot... » Fri Oct 26, 2012 1:44 am

Hey Angstrom...
is there anyway that I can change the font?
also...how do I change it so it goes bold when zooming in
(the Ableton forum does this somehow)
Image

steko
Posts: 3354
Joined: Thu Jan 22, 2009 8:29 pm

Re: Ableton Forum - user style

Post by steko » Fri Oct 26, 2012 1:47 am

Thanks Angstrom! :D

Chrome.css version works with Safari - much better than the fugly new one.

copy chrome code

create new Text Edit file

make plain text: shift-cmd-T

paste into plain text Text Edit file

save as ableton.css

Safari - Preferences - Advanced - choose ableton.css as Style-Sheet
of course not perfect, as you have to deactivate for many other sites...
Rahad Jackson wrote:My Awesome Mix Tape #6

Angstrom
Posts: 14678
Joined: Mon Oct 04, 2004 2:22 pm
Contact:

Re: Ableton Forum - user style

Post by Angstrom » Fri Oct 26, 2012 2:03 am

3dot... wrote:Hey Angstrom...
is there anyway that I can change the font?
also...how do I change it so it goes bold when zooming in
(the Ableton forum does this somehow)
To set the font you could define the font somewhere such as in the section called body{}

as you are likely on a Mac you could choose a font stack that includes fonts you know you have. where it says " font-size:90%;} " paste this following code in before the curly bracket there.

Code: Select all

font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif!important;
It uses the first one, if it finds it .. if not it will move on to try and use the next.
helvetica might be nice


If you would like to increase the size of all the text on the forum, you should see in that same section "font-size:90% " , (or whatever I set it at). You could up that to 100% or more if you like a nice big text by default.

The Ableton font that used to zoom into boldness is really just a function of the font that was used. Some look non-bold at smaller sizes, while others scale more evenly.

3dot...
Posts: 9996
Joined: Tue Feb 20, 2007 11:10 pm

Re: Ableton Forum - user style

Post by 3dot... » Fri Oct 26, 2012 2:08 am

many thanks...
(I'm on PC... same deal ?)

also... "word-wrap" when zooming.. that also used to happen
Image

infernal.machine
Posts: 1051
Joined: Mon Oct 15, 2012 1:34 am

Re: Ableton Forum - user style

Post by infernal.machine » Fri Oct 26, 2012 2:41 am

Thanks for this! I tweaked it a bit and my eyes are so happy.

Post Reply