For Safari I tweaked the Chrome code to get the old style bold black links back (Angstrom's look more elegant, but are harder to distinguish from non-links/text:
changed:
Code: Select all
a, a:link{color:#000000!important;font-weight:90!important;}
a:hover{color:#000000!important}
If there's a better way, tell me. I've never dealt with that stuff before. Just peeked inside, changed it & it works… (I'm awesome!
)
full code to paste:
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:#000000!important;font-weight:90!important;}
a:hover{color:#000000!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;}
I also found an old Safari Extension for site-specific CSS stylesheets (so only the Ableton forum style changes & not every site).
http://code.grid.in.th/ -> User CSS -> User CSS.safariextz
As the aged User CSS unluckily stores it's settings in /Users/you/Library/Safari/LocalStorage/ which gets deleted every time you reset Safari (IIRC since Safari 5.1.x = after the release of this old extension), you have to do this:
- quit Safari
- delete everything inside /Users/you/Library/Safari/LocalStorage/
- open Safari & enable Extensions (Safari - Preferences - Extensions if you haven't already)
- install downloaded User CSS.safariextz by doubleclicking it
- then only open the Ableton forum - no other links
- ctrl-click in background of Ableton forum & select" Manage User CSS" -> new tab opens with User CSS settings window
- paste the code from above into the Styles box
- paste "
https://forum.ableton.com/*" in the URLs box (not the "" - had just to post it that way so the text shows up correctly here)
- name new User Css template "Ableton Forum" & save it
- highlight the LocalStorage folder in Finder get Info (cmd-I) & lock it (had mine locked for over a year anyway - don't want/need …)
- for further changes unlock it again & procedure as above...
don't forget to set: Safari - Preferences - Advanced - Style-Sheet: "nothing" first
best to save a Text Edit plain text file with the original & tweaked code in case you have to redo cuz you forgot to lock the LocalStorage folder & reset Safari
If you have an older Safari & have to rely on LocalStorage this might not be practicable for you...
