From a3b85d7b8560cdc1057fcaffa3acbd247b4b5b7a Mon Sep 17 00:00:00 2001 From: Thomas B. <thomas@roundcube.net> Date: Mon, 07 Oct 2013 13:19:03 -0400 Subject: [PATCH] Merge pull request #133 from cwickert/release-0.9-canned-responses --- skins/larry/styles.css | 137 +++++++++++++++++++++++++++++++++++++-------- 1 files changed, 113 insertions(+), 24 deletions(-) diff --git a/skins/larry/styles.css b/skins/larry/styles.css index 4f6073f..40ff5f3 100644 --- a/skins/larry/styles.css +++ b/skins/larry/styles.css @@ -8,8 +8,6 @@ * License. It is allowed to copy, distribute, transmit and to adapt the work * by keeping credits to the original autors in the README file. * See http://creativecommons.org/licenses/by-sa/3.0/ for details. - * - * $Id$ */ body { @@ -510,6 +508,10 @@ /*** basic page layout ***/ +#header { + overflow-x: hidden; /* Chrome bug #1488851 */ +} + #topline { height: 18px; background: url(images/linen_header.jpg) repeat #666; @@ -520,6 +522,7 @@ } #topnav { + position: relative; height: 46px; margin-bottom: 10px; padding: 0 0 0 10px; @@ -612,6 +615,28 @@ transition: top 0.3s ease-in-out; } +.extwin #topline, +.extwin #topline:hover { + position: static; + top: 0px; + height: 18px; + width: auto; + -moz-box-sizing: content-box; + box-sizing: content-box; + opacity: 0.999; +} + +.partwin #topline { + position: absolute; + right: 6px; + top: 18px; + width: auto; + z-index: 100; + background: transparent; + background: none; + border: 0; +} + .minimal #topline a.button-logout { display: none; } @@ -625,10 +650,6 @@ position: relative; top: 4px; height: 42px; -} - -.minimal #taskbar { - height: ; } .minimal #taskbar a { @@ -790,6 +811,18 @@ bottom: 20px; } +.minimal #mainscreen { + top: 62px; +} + +.minimal #mainscreen.offset { + top: 102px; +} + +.partwin #mainscreen { + top: 60px +} + .extwin #mainscreen { top: 40px; } @@ -800,14 +833,6 @@ #mainscreen .offset { margin-top: 42px; -} - -.minimal #mainscreen { - top: 62px; -} - -.minimal #mainscreen.offset { - top: 102px; } .uibox { @@ -851,6 +876,15 @@ background-position: center; background-repeat: no-repeat; } + +/* fix scrolling within iframes in webkit browsers on touch devices */ +@media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px) { + .iframebox { + overflow: auto; + -webkit-overflow-scrolling: touch; + } +} + /*** lists ***/ @@ -1221,6 +1255,10 @@ margin: 38px 0 10px 0; } +body.iframe.error { + background: #ededed; +} + body.iframe.floatingbuttons { margin-bottom: 40px; } @@ -1314,6 +1352,20 @@ .propform fieldset fieldset legend { color: #666; font-size: 12px; +} + +.propform div.prop { + margin-bottom: 0.5em; +} + +.propform div.prop.block label { + display: block; + margin-bottom: 0.3em; +} + +.propform div.prop.block input, +.propform div.prop.block textarea { + width: 95%; } fieldset.floating { @@ -1489,17 +1541,21 @@ /*** quicksearch **/ +.searchbox { + position: relative; +} + #quicksearchbar { position: absolute; right: 1px; - top: 0; + top: 2px; width: 240px; } +.searchbox input, #quicksearchbar input { width: 176px; margin: 0; - margin-top: 7px; padding: 3px 30px 3px 34px; height: 18px; background: #f1f1f1; @@ -1508,15 +1564,17 @@ font-size: 11px; } +.searchbox #searchmenulink, #quicksearchbar #searchmenulink { position: absolute; - top: 12px; + top: 5px; left: 6px; } +.searchbox #searchreset, #quicksearchbar #searchreset { position: absolute; - top: 11px; + top: 4px; right: 1px; } @@ -1548,6 +1606,7 @@ -o-box-shadow: none; background: url(images/buttons.png) -100px 0 no-repeat transparent; border: 0; + border-radius: 0; } .toolbar a.button.disabled { @@ -1683,6 +1742,9 @@ background-position: 0 -1745px; } +.toolbar a.button.responses { + background-position: center -1932px; +} a.menuselector { display: inline-block; @@ -1784,6 +1846,7 @@ } ul.toolbarmenu, +ul.toolbarmenu ul, #rcmKSearchpane ul { margin: 0; padding: 0; @@ -1802,13 +1865,13 @@ } .googie_list tr:first-child td, -ul.toolbarmenu li:first-child, +ul.toolbarmenu > li:first-child, select.decorated option:first-child { border-top: 0; } .googie_list tr:last-child td, -ul.toolbarmenu li:last-child, +ul.toolbarmenu > li:last-child, select.decorated option:last-child { border-bottom: 0; } @@ -1860,6 +1923,11 @@ color: #fff; padding: 4px 8px; text-shadow: 0px 1px 1px #333; +} + +ul.toolbarmenu li.separator label { + color: #bbb; + font-style: italic; } ul.toolbarmenu li a.icon { @@ -1938,6 +2006,15 @@ ul.toolbarmenu li span.conversation { background-position: 0 -1532px; +} + +#snippetslist { + max-width: 200px; +} + +#snippetslist li a { + overflow: hidden; + text-overflow: ellipsis; } #rcmKSearchpane { @@ -2134,8 +2211,19 @@ background-position: 0 -390px; } -.attachmentslist li.html { +.attachmentslist li.sig, +.attachmentslist li.pgp-signature, +.attachmentslist li.pkcs7-signature { background-position: 0 -442px; +} + +.attachmentslist li.html { + background-position: 0 -468px; +} + +.attachmentslist li.eml, +.attachmentslist li.rfc822 { + background-position: 0 -494px; } .attachmentslist li a, @@ -2143,12 +2231,13 @@ display: block; color: #333; font-weight: bold; - padding: 8px 4px 3px 30px; + padding: 3px 4px 3px 30px; text-shadow: 0px 1px 1px #fff; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + line-height: 20px; } #compose-attachments ul li { @@ -2166,9 +2255,9 @@ .attachmentslist li a.delete, .attachmentslist li a.cancelupload { position: absolute; - top: 6px; + top: 4px; right: 0; - width: 24px; + width: 20px; height: 18px; padding: 0; text-decoration: none; -- Gitblit v1.9.1