diff options
author | Thomas Tanghus <thomas@tanghus.net> | 2012-08-05 03:41:55 +0400 |
---|---|---|
committer | Thomas Tanghus <thomas@tanghus.net> | 2012-08-05 03:42:17 +0400 |
commit | ce866a5bdbc7aaee31a3758df2faf6c9c7434189 (patch) | |
tree | 096dfd5e7e72065bb8b80c001d8c7a981e595a2a /settings/css | |
parent | c6b337c3ddd5c649ba873240242c8678c756c058 (diff) |
CSS tweaks for app settings.
Diffstat (limited to 'settings/css')
-rw-r--r-- | settings/css/settings.css | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/settings/css/settings.css b/settings/css/settings.css index 7bd7d5f7f06..2ce79b68ec0 100644 --- a/settings/css/settings.css +++ b/settings/css/settings.css @@ -43,14 +43,17 @@ div.quota>span { position:absolute; right:0em; white-space:nowrap; top: 0.7em } select.quota.active { background: #fff; } /* APPS */ -li { color:#888; white-space: nowrap; } +.appinfo { margin: 1em; } +h3 { font-size: 1.4em; font-weight: bold; } +ul.applist li { height: 2.2em; padding: 0.2em 0.2em 0.2em 0.8em !important; } +li { color:#888; } li.active { color:#000; } -small.externalapp { color:#FFF; background-color:#BBB; font-weight:bold; font-size:6pt; padding:4px; border-radius: 4px;} +small.externalapp { color:#FFF; background-color:#BBB; font-weight:bold; font-size: 0.6em; margin: 0; padding: 2px; border-radius: 4px;} small.externalapp.list { float: right; } -span.version { margin-left:3em; color:#ddd; } +span.version { margin-left:3em; margin-right:3em; color:#555; } -.app { position: relative; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; z-index: 100; transition: .2s max-width linear; -o-transition: .2s max-width linear; -moz-transition: .2s max-width linear; -webkit-transition: .2s max-width linear; -ms-transition: .2s max-width linear; } -.app.externalapp { max-width: 10em; } +.app { position: relative; display: inline-block; padding: 0 !important; text-overflow: hidden; overflow: hidden; white-space: nowrap; z-index: 100; transition: .2s max-width linear; -o-transition: .2s max-width linear; -moz-transition: .2s max-width linear; -webkit-transition: .2s max-width linear; -ms-transition: .2s max-width linear; } +.app.externalapp { max-width: 12em; } /* Transition to complete width! */ .app:hover, .app:active { max-width: inherit; } |