| | |
| | | * 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 { |
| | |
| | | |
| | | /*** basic page layout ***/ |
| | | |
| | | #header { |
| | | overflow-x: hidden; /* Chrome bug #1488851 */ |
| | | } |
| | | |
| | | #topline { |
| | | height: 18px; |
| | | background: url(images/linen_header.jpg) repeat #666; |
| | |
| | | } |
| | | |
| | | #topnav { |
| | | position: relative; |
| | | height: 46px; |
| | | margin-bottom: 10px; |
| | | padding: 0 0 0 10px; |
| | |
| | | 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; |
| | | } |
| | |
| | | position: relative; |
| | | top: 4px; |
| | | height: 42px; |
| | | } |
| | | |
| | | .minimal #taskbar { |
| | | height: ; |
| | | } |
| | | |
| | | .minimal #taskbar a { |
| | |
| | | bottom: 20px; |
| | | } |
| | | |
| | | .minimal #mainscreen { |
| | | top: 62px; |
| | | } |
| | | |
| | | .minimal #mainscreen.offset { |
| | | top: 102px; |
| | | } |
| | | |
| | | .partwin #mainscreen { |
| | | top: 60px |
| | | } |
| | | |
| | | .extwin #mainscreen { |
| | | top: 40px; |
| | | } |
| | |
| | | |
| | | #mainscreen .offset { |
| | | margin-top: 42px; |
| | | } |
| | | |
| | | .minimal #mainscreen { |
| | | top: 62px; |
| | | } |
| | | |
| | | .minimal #mainscreen.offset { |
| | | top: 102px; |
| | | } |
| | | |
| | | .uibox { |
| | |
| | | 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 ***/ |
| | | |
| | |
| | | margin: 38px 0 10px 0; |
| | | } |
| | | |
| | | body.iframe.error { |
| | | background: #ededed; |
| | | } |
| | | |
| | | body.iframe.floatingbuttons { |
| | | margin-bottom: 40px; |
| | | } |
| | |
| | | .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 { |
| | |
| | | |
| | | /*** 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; |
| | |
| | | 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; |
| | | } |
| | | |
| | |
| | | -o-box-shadow: none; |
| | | background: url(images/buttons.png) -100px 0 no-repeat transparent; |
| | | border: 0; |
| | | border-radius: 0; |
| | | } |
| | | |
| | | .toolbar a.button.disabled { |
| | |
| | | background-position: 0 -1745px; |
| | | } |
| | | |
| | | .toolbar a.button.responses { |
| | | background-position: center -1932px; |
| | | } |
| | | |
| | | a.menuselector { |
| | | display: inline-block; |
| | |
| | | } |
| | | |
| | | ul.toolbarmenu, |
| | | ul.toolbarmenu ul, |
| | | #rcmKSearchpane ul { |
| | | margin: 0; |
| | | padding: 0; |
| | |
| | | } |
| | | |
| | | .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; |
| | | } |
| | |
| | | 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 { |
| | |
| | | |
| | | ul.toolbarmenu li span.conversation { |
| | | background-position: 0 -1532px; |
| | | } |
| | | |
| | | #snippetslist { |
| | | max-width: 200px; |
| | | } |
| | | |
| | | #snippetslist li a { |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | #rcmKSearchpane { |
| | |
| | | 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, |
| | |
| | | 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 { |
| | |
| | | .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; |