From bd0551b22076b82a6d49e9f7a2b2e0c90a1b2326 Mon Sep 17 00:00:00 2001 From: Aleksander Machniak <alec@alec.pl> Date: Fri, 05 Feb 2016 07:25:27 -0500 Subject: [PATCH] Secure also downloads of addressbook exports, managesieve script exports and Enigma keys exports --- skins/larry/styles.css | 163 +++++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 125 insertions(+), 38 deletions(-) diff --git a/skins/larry/styles.css b/skins/larry/styles.css index b2b4f9a..1321564 100644 --- a/skins/larry/styles.css +++ b/skins/larry/styles.css @@ -1,7 +1,7 @@ /** * Roundcube webmail styles for skin "Larry" * - * Copyright (c) 2012, The Roundcube Dev Team + * Copyright (c) 2012-2015, The Roundcube Dev Team * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com * * The contents are subject to the Creative Commons Attribution-ShareAlike @@ -21,6 +21,11 @@ body.noscroll { /* also avoids bounce effect in Chrome and Safari */ overflow: hidden; +} + +.iphone body.noscroll { + /* revert on iPhone (#1490551) */ + overflow: auto; } a { @@ -114,7 +119,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); - background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); + background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%); box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); text-decoration: none; @@ -133,7 +138,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#606060)); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* IE10+ */ - background: linear-gradient(top, #7b7b7b 0%, #606060 100%); /* W3C */ + background: linear-gradient(to bottom, #7b7b7b 0%, #606060 100%); /* W3C */ box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888; -webkit-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888; } @@ -154,7 +159,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(100%,#7b7b7b)); background: -o-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); background: -ms-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); - background: linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); + background: linear-gradient(to bottom, #5c5c5c 0%, #7b7b7b 100%); } input.button.mainaction { @@ -166,7 +171,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31)); background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%); background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%); - background: linear-gradient(top, #505050 0%, #2a2e31 100%); + background: linear-gradient(to bottom, #505050 0%, #2a2e31 100%); box-shadow: inset 0 1px 0 0 #777; -webkit-box-shadow: inset 0 1px 0 0 #777; } @@ -178,7 +183,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050)); background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%); background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%); - background: linear-gradient(top, #2a2e31 0%, #505050 100%); + background: linear-gradient(to bottom, #2a2e31 0%, #505050 100%); } input.button[disabled], @@ -207,7 +212,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); - background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); + background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%); box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); text-decoration: none; @@ -275,7 +280,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9)); background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); - background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); + background: linear-gradient(to bottom, #e6e6e6 0%, #f9f9f9 100%); } .pagenav.dark a.button { @@ -286,7 +291,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa)); background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%); background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%); - background: linear-gradient(top, #d8d8d8 0%, #bababa 100%); + background: linear-gradient(to bottom, #d8d8d8 0%, #bababa 100%); box-shadow: 0 1px 1px 0 #999; -webkit-box-shadow: 0 1px 1px 0 #999; } @@ -297,7 +302,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8)); background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%); background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%); - background: linear-gradient(top, #bababa 0%, #d8d8d8 100%); + background: linear-gradient(to bottom, #bababa 0%, #d8d8d8 100%); } .buttongroup a.button.selected, @@ -307,7 +312,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(100%,#858585)); background: -o-linear-gradient(top, #909090 0%, #858585 100%); background: -ms-linear-gradient(top, #909090 0%, #858585 100%); - background: linear-gradient(top, #909090 0%, #858585 100%); + background: linear-gradient(to bottom, #909090 0%, #858585 100%); box-shadow: inset 0 1px 2px 0 #555; -webkit-box-shadow: inset 0 1px 2px 0 #555; border-right-color: #555; @@ -321,7 +326,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#49b3d2), color-stop(100%,#66bcd9)); background: -o-linear-gradient(top, #49b3d2 0, #66bcd9 100%); background: -ms-linear-gradient(top, #49b3d2 0, #66bcd9 100%); - background: linear-gradient(top, #49b3d2 0, #66bcd9 100%); + background: linear-gradient(to bottom, #49b3d2 0, #66bcd9 100%); } .pagenav a.button { @@ -430,6 +435,14 @@ top: -2px; } +.pagenav .pagejumper { + text-align: center; + background: #f8f8f8; + padding: 3px 0; + background: linear-gradient(to bottom, #dddddd 0%, #f8f8f8 100%); + cursor: default; +} + a.iconbutton { display: inline-block; width: 20px; @@ -530,6 +543,7 @@ /*** message bar ***/ #message div.loading, +#message div.uploading, #message div.warning, #message div.error, #message div.notice, @@ -589,7 +603,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c8c8c8)); background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); - background: linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); + background: linear-gradient(to bottom, #eaeaea 0%, #c8c8c8 100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; @@ -670,10 +684,12 @@ background-position: 0 -25px; } +#messagestack div.uploading, #messagestack div.loading { color: #ddd; } +#messagestack div.uploading:after, #messagestack div.loading:after { top: 4px; left: 6px; @@ -724,7 +740,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#cfcfcf)); background: -o-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%); background: -ms-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%); - background: linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%); + background: linear-gradient(to bottom, #e3e3e3 0%, #cfcfcf 100%); } .ui-dialog.popupmessage .ui-widget-content { @@ -734,7 +750,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dcdcdc)); background: -o-linear-gradient(top, #eee 0%, #dcdcdc 100%); background: -ms-linear-gradient(top, #eee 0%, #dcdcdc 100%); - background: linear-gradient(top, #eee 0%, #dcdcdc 100%); + background: linear-gradient(to bottom, #eee 0%, #dcdcdc 100%); } @@ -763,7 +779,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#060606)); background: -o-linear-gradient(top, #404040 0%, #060606 100%); background: -ms-linear-gradient(top, #404040 0%, #060606 100%); - background: linear-gradient(top, #404040 0%, #060606 100%); + background: linear-gradient(to bottom, #404040 0%, #060606 100%); } #topline a, @@ -906,7 +922,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#333)); background: -o-linear-gradient(top, #444 0%, #333 100%); background: -ms-linear-gradient(top, #444 0%, #333 100%); - background: linear-gradient(top, #444 0%, #333 100%); + background: linear-gradient(to bottom, #444 0%, #333 100%); color: #eee; font-weight: bold; white-space: nowrap; @@ -1080,18 +1096,6 @@ .scroller { overflow: auto; -} - -.readtext { - width: 42em; - padding: 12px; - font-size: 12px; -} - -.readtext > h1, -.readtext > h2, -.readtext > h3 { - margin-top: 0; } .watermark { @@ -1601,7 +1605,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4)); background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%); background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%); - background: linear-gradient(top, #019bc6 0%, #017cb4 100%); + background: linear-gradient(to bottom, #019bc6 0%, #017cb4 100%); } .records-table tr.selected td a, @@ -1648,7 +1652,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dfdfdf)); background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%); background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%); - background: linear-gradient(top, #eee 0%, #dfdfdf 100%); + background: linear-gradient(to bottom, #eee 0%, #dfdfdf 100%); border-bottom: 1px solid #ccc; } @@ -1685,6 +1689,15 @@ .boxcontent { padding: 10px; +} + +.boxcontent .boxwarning { + margin: 0 0 10px; + display: block; + color: #960; + border: 1px solid #ffdf0e; + background: url(images/messages.png) #fef893 5px -85px no-repeat; + padding: 6px 12px 6px 30px; } .contentbox .scroller { @@ -1851,7 +1864,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e2e2e2)); background: -o-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%); background: -ms-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%); - background: linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%); + background: linear-gradient(to bottom, #f9f9f9 0%, #e2e2e2 100%); box-shadow: inset 0 1px 0 0 #fff; -webkit-box-shadow: inset 0 1px 0 0 #fff; } @@ -1868,7 +1881,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#f9f9f9)); background: -o-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%); background: -ms-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%); - background: linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%); + background: linear-gradient(to bottom, #dcdcdc 0%, #f9f9f9 100%); } #login-form form table { @@ -2007,6 +2020,18 @@ .toolbar a.button.disabled { opacity: 0.4; +} + +.toolbar a.button.selected { + color: #1978a1; +} + +.toolbar a.button.selected:focus { + color: #fff; +} + +.toolbar a.button.hidden { + display: none; } .dropbutton { @@ -2153,6 +2178,14 @@ background-position: center -1932px; } +.toolbar a.button.encrypt { + background-position: center -2025px; +} + +.toolbar a.button.encrypt.selected { + background-position: center -2068px; +} + a.menuselector { display: inline-block; border: 1px solid #ababab; @@ -2162,7 +2195,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd)); background: -o-linear-gradient(top, #f8f8f8 0%, #dddddd 100%); background: -ms-linear-gradient(top, #f9f9f9 0%, #dddddd 100%); - background: linear-gradient(top, #f8f8f8 0%, #dddddd 100%); + background: linear-gradient(to bottom, #f8f8f8 0%, #dddddd 100%); text-decoration: none; color: #333; cursor: pointer; @@ -2185,7 +2218,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#f8f8f8)); background: -o-linear-gradient(top, #dddddd 0%, #f8f8f8 100%); background: -ms-linear-gradient(top, #dddddd 0%, #f8f8f8 100%); - background: linear-gradient(top, #dddddd 0%, #f8f8f8 100%); + background: linear-gradient(to bottom, #dddddd 0%, #f8f8f8 100%); text-decoration: none; } @@ -2238,6 +2271,11 @@ text-shadow: 0px 1px 1px #fff; padding-left: 30px; background: url(images/quota.png) -100px 0 no-repeat; +} + +#quotadisplay.p90, +#quotadisplay.p100 { + color: #e03221; } table.quota-info { @@ -2344,6 +2382,7 @@ ul.toolbarmenu li a.active:hover, ul.toolbarmenu li a.active:focus, #rcmKSearchpane ul li.selected, +#pagejump-selector ul li.selected, select.decorated option:hover, select.decorated option[selected='selected'] { background-color: #00aad6; @@ -2351,7 +2390,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9)); background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%); background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%); - background: linear-gradient(top, #00aad6 0%, #008fc9 100%); + background: linear-gradient(to bottom, #00aad6 0%, #008fc9 100%); outline: none; } @@ -2374,6 +2413,12 @@ ul.toolbarmenu li.separator label { color: #bbb; font-style: italic; + padding: 0 8px; + line-height: 17px; +} + +ul.toolbarmenu li input { + margin: 0; } ul.toolbarmenu li a.icon { @@ -2381,7 +2426,8 @@ padding: 2px 6px; } -ul.toolbarmenu li span.icon { +ul.toolbarmenu li span.icon, +#rcmKSearchpane ul li i.icon { display: block; min-height: 14px; padding: 4px 4px 1px 24px; @@ -2460,6 +2506,17 @@ background-position: 0 -2150px; } +#pagejump-selector { + max-height: 250px; + overflow-x: hidden; +} + +#pagejump-selector ul li { + min-width: 45px; + padding: 2px 5px; + cursor: default; +} + #snippetslist { max-width: 200px; } @@ -2478,9 +2535,25 @@ text-shadow: 0px 1px 1px #333; text-decoration: none; min-height: 14px; - padding: 6px 10px 6px 10px; + padding: 6px 10px 6px 28px; border: 0; cursor: default; + position: relative; +} + +#rcmKSearchpane ul li i.icon { + opacity: 0.99; + position: absolute; + top: 4px; + left: 5px; + width: 18px; + height: 18px; + padding: 0; + background-position: -1px -2223px; +} + +#rcmKSearchpane ul li.group i.icon { + background-position: -1px -2247px; } .popupdialog { @@ -3073,3 +3146,17 @@ line-height: 16px !important; vertical-align: text-top !important; } + +_:not(), _:-moz-handler-blocked, .mozilla .mce-btn-small i { + line-height: 20px !important; +} + +.mce-textbox { + border-radius: 0; + box-shadow: none; +} + +.mce-textbox:focus { + box-shadow: none; + outline: none; +} -- Gitblit v1.9.1