Allow preference sections to define CSS class names

Thomas Bruederli

2015-04-17 a3644638aaf0418598196a870204e0b632a4c8ad

 skins/larry/settings.css

@@ -155,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 {
@@ -211,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;
@@ -251,21 +285,15 @@
   padding: 2px;
}

#subscription-table li a.name {
   overflow: hidden;
   text-overflow: ellipsis;
   width: 100%;
   float: left;
}

#subscription-table li input {
   position: absolute;
   right: 0;
   right: 8px;
   top: 4px;
   margin-right: 0;
}

html.chrome #subscription-table li input,
html.opera #subscription-table li input {
   margin-top: 6px;
#subscription-table li a {
   padding-right: 28px;
}

.skinselection {
@@ -333,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;
}