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/classic/common.css | 207 ++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 200 insertions(+), 7 deletions(-) diff --git a/skins/classic/common.css b/skins/classic/common.css index d28f287..6d5a333 100644 --- a/skins/classic/common.css +++ b/skins/classic/common.css @@ -156,6 +156,11 @@ color: #999999; } +.voice +{ + display: none; +} + /* fixes vertical alignment of checkboxes and labels */ label input, label span @@ -255,6 +260,7 @@ body > #message div.notice, body > #messagebody .part-notice, +body > #mainscreen #messagebody .part-notice, #message-objects div.notice { background: url(images/display/icons.png) 6px 3px no-repeat; @@ -281,6 +287,7 @@ } body > #message div.loading, +body > #message div.uploading, #message-objects div.loading { background: url(images/display/loading.gif) 6px 3px no-repeat; @@ -290,9 +297,9 @@ body > #message div.voice { - position: absolute; - top: -1000px; - clip: rect(0 0 0 0); + position: absolute; + top: -1000px; + clip: rect(0 0 0 0); } body > #message a @@ -617,6 +624,9 @@ height: 16px; } +.popup label > input { + margin-left: 10px; +} /***** common table settings ******/ @@ -643,7 +653,7 @@ border-bottom: 1px solid #EBEBEB; overflow: hidden; text-align: left; - outline: none; + outline: none; } table.records-table tr @@ -676,7 +686,7 @@ { position: absolute; left: 8px; - top: 1px; + top: 2px; width: 14px; height: 16px; cursor: pointer; @@ -702,7 +712,6 @@ background: url(images/icons/expanded.png) bottom right no-repeat; } - ul.treelist, ul.treelist li ul { @@ -723,6 +732,7 @@ font-size: 11px; border-bottom: 1px solid #EBEBEB; white-space: nowrap; + overflow: hidden; } ul.treelist li a @@ -733,6 +743,7 @@ padding-top: 2px; padding-bottom: 2px; height: 16px; + line-height: 16px; text-decoration: none; white-space: nowrap; } @@ -763,6 +774,154 @@ ul.treelist li.droptarget { background-color: #FFFFA6; +} + +/***** folders list *****/ + +.folderlist li ul li:last-child +{ + border-bottom: 0 none; +} + +.folderlist li.inbox a +{ + background-position: 5px -18px; +} + +.folderlist li.drafts a +{ + background-position: 5px -36px; +} + +.folderlist li.sent a +{ + background-position: 5px -53px; +} + +.folderlist li.junk a +{ + background-position: 5px -72px; +} + +.folderlist li.trash a +{ + background-position: 5px -180px; +} + +.folderlist li.trash.empty a +{ + background-position: 5px -90px; +} + +.folderlist li a +{ + cursor: default; + display: block; + position: relative; + padding-left: 25px; + padding-top: 2px; + padding-bottom: 2px; + text-decoration: none; + height: 15px; + background: url(images/icons/folders.png) 5px 1px no-repeat; +} + +.folderlist li.virtual > a +{ + color: #666; +} + +.folderlist li.selected, +.folderlist li.droptarget li.selected +{ + background-color: #929292; +} + +.folderlist li.selected > a, +.folderlist li.droptarget li.selected a +{ + color: #FFF; + font-weight: bold; +} + +.folderlist li.droptarget +{ + background-color: #FFFFA6; +} + +/* styles for nested folders */ +.folderlist ul { + list-style: none; + padding: 0; + margin: 0; + border-top: 1px solid #EBEBEB; + background-color: #FFF; + font-weight: normal; +} + +.folderlist li.mailbox ul li a { + padding-left: 40px; /* 24 + 1 x 16 */ + background-position: 20px 1px; /* 4 + 1 x 16 */ +} +.folderlist li.mailbox ul li div.treetoggle { + left: 23px !important; +} + +.folderlist li.mailbox ul ul li.mailbox a { + padding-left: 56px; /* 2x */ + background-position: 36px 1px; +} +.folderlist li.mailbox ul ul li div.treetoggle { + left: 39px !important; +} + +.folderlist li.mailbox ul ul ul li.mailbox a { + padding-left: 72px; /* 3x */ + background-position: 52px 1px; +} +.folderlist li.mailbox ul ul ul li div.treetoggle { + left: 55px !important; +} + +.folderlist li.mailbox ul ul ul ul li.mailbox a { + padding-left: 88px; /* 4x */ + background-position: 68px 1px; +} +.folderlist li.mailbox ul ul ul ul li div.treetoggle { + left: 71px !important; +} + +/* indent folders on levels > 4 */ +.folderlist li.mailbox ul ul ul ul ul li { + padding-left: 16px; +} +.folderlist li.mailbox ul ul ul ul ul li div.treetoggle { + left: 87px !important; +} + +.folderlist li.mailbox ul li.drafts a +{ + background-position: 21px -36px; +} + +.folderlist li.mailbox ul li.sent a +{ + background-position: 21px -53px; +} + +.folderlist li.mailbox ul li.junk a +{ + background-position: 21px -72px; +} + +.folderlist li.mailbox ul li.trash a +{ + background-position: 21px -180px; +} + +.folderlist li.mailbox ul li.trash.empty a +{ + background-position: 21px -90px; } @@ -859,6 +1018,25 @@ width: 97%; } +.listsearchbox +{ + border-bottom: solid 1px #ddd; + padding: 2px 4px 1px; + display: none; + background-color: #f2f2f2; +} + +.listsearchbox a.iconbutton.reset +{ + background: url(images/icons/reset.gif) no-repeat 0 0; + width: 13px; + height: 13px; + text-indent: 50000px; + position: absolute; + top: 3px; + left: 165px; + overflow: hidden; +} /***** roundcube webmail pre-defined classes *****/ @@ -1090,6 +1268,17 @@ margin: 1px 4px 1px; } +#searchmenu ul.toolbarmenu li label +{ + padding: 2px 0; + color: black; +} + +#searchmenu ul.toolbarmenu li label.comment +{ + color: #999; +} + /*** folder selector ***/ @@ -1287,7 +1476,11 @@ padding: 6px 8px !important; } -.mce-tinymce, +.mce-tinymce +{ + border-radius: 0 !important; +{ + .mce-panel.mce-toolbar-grp { border: 0 !important; -- Gitblit v1.9.1