Outdated. The forum and blog software was changed in the meantime
One of the first things I did after creating my account here was to write a userCSS for Opera <15. Bigger fonts (120dpi monitor, the standard font sizes used here are too tiny), % width to adapt to the screen (I don’t like fixed with or max-width layouts) and some other small changes …

Work in progress
May contain nuts …
* { font-family: Candara, "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif !important; } * pre, * code { font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace !important; } body { color: #202020 !important; font-size: 1.2em !important; line-height: 1.6em !important; } div#es-wrap, body div#fd .es-stream-list .type-blog .blog-description, body div#fd.es .es-stream-meta .es-stream-title, body div#fd.es .es-stream-meta .es-stream-title a, div#fd.es .es-stream-content a, div#fd.es .es-stream-content, body div.blog-text, #Kunena div .kcontainer, .mce-content-body, body div#fd.es .es-widget .es-widget-head, body div#fd.es .es-widget .widget-title, body div#fd.es p, #ezblog-body .blog-text p, #ezblog-body .blog-text li{ color: #202020 !important; font-size: 1em !important; line-height: 1.6em !important; } body div#fd.es .es-dashboard .es-container .es-sidebar .fd-nav-stacked a, body div.es.mod-es-menu.module-menu.jmoddiv, div#fd.es .es-dashboard .es-container .es-sidebar .fd-nav-stacked a, div#fd.es .es-widget .fd-nav > li > a, div#fd.es .es-stream-meta .es-stream-title, body div#fd.es .small, body div#fd.es .small > a, body div#fd.es .popbox, #Kunena .ks, #Kunena .kms, #Kunena span.kcat-topics, #Kunena span.kcat-replies { font-size: 1em !important; } body.site { padding: 10px 5px 10px 5px !important; } .body .container { padding: 15px !important; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 90% !important; } .container { max-width: 90% !important; } .row-fluid .span9 { width: 80.47% !important; } .row-fluid .span3 { width: 17.4% !important; } #Kunena a:link, #Kunena a:visited, #Kunena a:active { color: #202020 !important; } #Kunena a:hover { color: navy !important; } #Kunena td.kcol-kcatlastpost { width: 30% !important; } #aside .module-menu, span4 a { font-size: 0.9em !important; } .kmessage-left .kmsgbody .kmsgbody { font-size: 1.1em !important; } .kprofile-left { background-color: #f8f8f8 !important; } a { color: #600000 !important; } .popbox-toolbar a, .media-object.pull-left a { color: #333333 !important; } body div.es-mod.mod-es-menu .media:first-child { margin-top: -7px !important; } body div.es-mod.mod-es-menu .media .pull-left { margin-right: 0 !important; float: right !important; } body div.es-mod.mod-es-menu .es-avatar > img { height: 30px !important; width: 30px !important; } body div.es-mod.mod-es-menu .es-menu-items { padding: 10px 0 0 !important; } i.ies-pencil { display: none !important; } div#es-wrap .row-fluid .span4 { width: 23.5% !important; } div#es-wrap .row-fluid .span8 { width: 74.5% !important; } div#es-wrap .es-widget .small { float: right !important; padding-right: 10px; } body div#es-wrap div.es-mod.mod-es-recent-albums li { max-width: 50px !important; } .kavatar { max-height: 72px !important; } .kprofilebox { display: none; } #Kunena .kmsgtext a:link, #Kunena td.kcol-kcatlastpost a, #Kunena td.kcol-ktopiclastpost a { text-decoration: underline !important; color: #5555FF !important; font-weight: bold !important; } #Kunena td.kcol-kcatlastpost { line-height: 1em !important; } div#es-wrap .photo-content .es-photo-image, div#es-wrap .photo-content .es-photo-tag-viewport { height: 600px !important; } body.view-albums .es-album-cover, body.view-albums .album-cover { display: none !important; } .media { margin-top: -20px !important; } #es-wrap div.media-body div.object-title { font-size: 0.8em !important; padding-top: 0.5em !important; } div#es-wrap li.message-item { font-size: 1em !important; } #menu-account, #menu-blog, #menu-settings { display: block !important; } #aside .module-menu, span4 a { font-size: 0.9em !important; } .kmessage-left .kmsgbody .kmsgbody { font-size: 1.1em !important; } .kprofile-left { background-color: #f8f8f8 !important; } a { color: #600000 !important; } .popbox-toolbar a, .media-object.pull-left a { color: #333333 !important; } body div.es-mod.mod-es-menu .media:first-child { margin-top: -7px !important; } body div.es-mod.mod-es-menu .media .pull-left { margin-right: 0 !important; float: right !important; } body div.es-mod.mod-es-menu .es-avatar > img { height: 30px !important; width: 30px !important; } body div.es-mod.mod-es-menu .es-menu-items { padding: 10px 0 0 !important; } i.ies-pencil { display: none !important; } div#es-wrap .row-fluid .span4 { width: 23.5% !important; } div#es-wrap .row-fluid .span8 { width: 74.5% !important; } div#es-wrap .es-widget .small { float: right !important; padding-right: 10px; } body div#es-wrap div.es-mod.mod-es-recent-albums li { max-width: 50px !important; } /* Some special rules for the different sections */ /* FORUM */ .kavatar { max-height: 72px !important; } .kprofilebox { display: none; } #Kunena a:link, #Kunena a:visited, #Kunena a:active { color: #202020 !important; } #Kunena a:hover { color: navy !important; } #Kunena td.kcol-kcatlastpost { width: 30% !important; line-height: 1em !important; } #Kunena .kicon-button, #Kunena .kicon-button span { line-height: inherit !important; } #Kunena .kmsgtext a:link, #Kunena td.kcol-kcatlastpost a, #Kunena td.kcol-ktopiclastpost a { text-decoration: underline !important; color: #5555FF !important; font-weight: bold !important; } #Kunena .kmsgtext a:hover, #Kunena td.kcol-kcatlastpost a :hover, #Kunena td.kcol-ktopiclastpost a :hover { background-color: #ffffee !important; } #Kunena .kmsgtext a:visited, #Kunena td.kcol-kcatlastpost a :visited, #Kunena td.kcol-ktopiclastpost a :visited { color: #000088 !important; } #Kunena .kmsgtext-quote { background: #f5f5f5; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 1em 0.5em 3em !important; quotes: "\201C""\201D""\2018""\2019"; } #Kunena .kmsgtext-quote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; margin-left: -0.75em; vertical-align: -0.4em; } #Kunena .kmsgtext-quote:first-child { display: inline; } #Kunena .kmsgtext-quote:last-child { margin-bottom: 0; } /* ALBUMS */ div#es-wrap .photo-content .es-photo-image, div#es-wrap .photo-content .es-photo-tag-viewport { height: 600px !important; } body.view-albums .es-album-cover, body.view-albums .album-cover { display: none !important; } .media { margin-top: -20px !important; } #es-wrap div.media-body div.object-title { font-size: 0.8em !important; padding-top: 0.5em !important; } div#es-wrap li.message-item { font-size: 1em !important; } #menu-account, #menu-blog, #menu-settings { display: block !important; } /* BLOGS */ div#ezblog-body div.blog-text a:hover:after { content: " " attr(href) !important; color: #ff0000 !important; background: #ffffff !important; } div#ezblog-body div.blog-text a { text-decoration: underline !important; color: #5555FF !important; font-weight: bold !important; } /* NOTIFICATIONS */ .es-notification .media-body { margin-top:20px !important; } /* FIX for NON JS use of the site. Makes the account dropdown accessible. Drawback, If you click on the account, you will see a double dropdown */ li.toolbarItem.toolbar-profile:hover div, li.toolbarItem.toolbar-profile:focus div { display:block !important; width: 250px; position:absolute; z-index:1000; background:white; border:1px solid #AAA; }
Not yet finished because it produces some small quirks with the fonts of the blog post editor but already quite good as a base …
Hat tip to netsrak who brought in some additional ideas 🙂
btw:
Vux777 has created one too, head over to his blog post to view it.