From a3644638aaf0418598196a870204e0b632a4c8ad Mon Sep 17 00:00:00 2001 From: Thomas Bruederli <thomas@roundcube.net> Date: Fri, 17 Apr 2015 06:28:40 -0400 Subject: [PATCH] Allow preference sections to define CSS class names --- skins/larry/settings.css | 98 ++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 77 insertions(+), 21 deletions(-) diff --git a/skins/larry/settings.css b/skins/larry/settings.css index 1ac62cd..f889ef1 100644 --- a/skins/larry/settings.css +++ b/skins/larry/settings.css @@ -107,14 +107,20 @@ background-position: 6px -455px; } -#settings-sections .folders a, -#sections-table #rcmrowfolders .section { +#settings-sections .folders a { background-position: 6px 2px; } -#settings-sections .folders.selected a, -#sections-table #rcmrowfolders.selected .section { +#settings-sections .folders.selected a { background-position: 6px -22px; +} + +#sections-table #rcmrowfolders .section { + background-position: 4px 2px; +} + +#sections-table #rcmrowfolders.selected .section { + background-position: 4px -22px; } #settings-sections .identities a { @@ -149,12 +155,28 @@ background-position: 6px -1996px; } -#sections-table #rcmrowgeneral .section { - background-position: 4px -573px; +#sections-table.iconized .section:before { + display: inline-block; + font-family: 'FontAwesome'; + font-style: normal; + font-weight: normal; + font-size: 16px; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transform: translate(0, 0); + position: relative; + top: 2px; + left: -2px; + width: 24px; + margin-left: -30px; + margin-right: 6px; + text-align: center; + text-shadow: 0px 1px 1px #fff; } -#sections-table #rcmrowgeneral.selected .section { - background-position: 4px -598px; +#sections-table.iconized .section.general:before { + content: "\f108"; } #sections-table #rcmrowmailbox .section { @@ -205,6 +227,24 @@ background-position: 4px -550px; } +#folderslist .boxtitle a.iconbutton.search { + background-position: -2px -317px; + cursor: pointer; + position: absolute; + right: 8px; + top: 8px; + width: 16px; +} + +#folderslist .listsearchbox + .scroller { + top: 34px; +} + +.listsearchbox select { + width: 100%; + margin: 0 0 4px 0; +} + #folderslist, #identitieslist { position: absolute; @@ -238,26 +278,22 @@ bottom: 0; } -#subscription-table { - table-layout: fixed; -} - -#subscription-table tr.root td { +#subscription-table li.root { font-size: 5%; line-height: 5px; + height: 5px; padding: 2px; } -#subscription-table td.name { - width: 85%; - overflow: hidden; - text-overflow: ellipsis; +#subscription-table li input { + position: absolute; + right: 8px; + top: 4px; + margin-right: 0; } -#subscription-table td.subscribed { - min-width: 30px; - padding: 0 14px 0 2px; - text-align: right; +#subscription-table li a { + padding-right: 28px; } .skinselection { @@ -325,3 +361,23 @@ padding-left: 1em; font-style: italic; } + +#pluginlist { + table-layout: auto; +} + +#pluginlist th.version { + width: 1%; +} + +.readtext { + width: 45em; + padding: 12px; + font-size: 12px; +} + +.readtext > h1, +.readtext > h2, +.readtext > h3 { + margin-top: 0; +} -- Gitblit v1.9.1