Skip to content

Global look & feel : improvements & suggestions

GLLM edited this page Apr 26, 2013 · 11 revisions

Please, find below some ideas to improve the look & feel of Selfoss :

Computer Version

Logo

Selfoss mobile has a good looking logo that is not used in the computer version. Here's what could be done :

Logo

#nav-logo{ position:absolute; left:40px; top:8px; background:url(images/nav-mobile-logo.png) no-repeat; width:96px; height:40px; background-size:96px 40px;}

Waste of space

Article in list are way to big in font & div height : reducing font & padding+margin

Downsizing article list

(Coloring removed from the code snippet) .entry,.source { margin:1px 50px 1px 5px; padding:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:2px; position:relative; font-weight:normal; font-size:0.8em; border:1px solid rgba(255, 255, 255, 0); }

Tablet Version

Smartphone version

Clone this wiki locally