| | |
| | | * Roundcube webmail styles for the Settings section |
| | | * |
| | | * Copyright (c) 2012, The Roundcube Dev Team |
| | | * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com |
| | | * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com |
| | | * |
| | | * The contents are subject to the Creative Commons Attribution-ShareAlike |
| | | * 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$ |
| | | */ |
| | | |
| | | #settings-sections { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | width: 220px; |
| | | width: 200px; |
| | | bottom: 0; |
| | | } |
| | | |
| | |
| | | #settings-right { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 232px; |
| | | left: 212px; |
| | | right: 0; |
| | | bottom: 0; |
| | | } |
| | |
| | | border-radius: 4px 4px 0 0; |
| | | } |
| | | |
| | | #preferences-details fieldset.advanced legend { |
| | | position: relative; |
| | | display: block; |
| | | width: 100%; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | #preferences-details fieldset.advanced .propform { |
| | | display: none; |
| | | } |
| | | |
| | | #preferences-details fieldset.advanced .advanced-toggle { |
| | | position: absolute; |
| | | display: block; |
| | | top: 0px; |
| | | right: 6px; |
| | | text-decoration: none; |
| | | color: #666; |
| | | font-size: 11px; |
| | | width: 20px; |
| | | height: 18px; |
| | | background: url('images/listicons.png') 0 -1157px no-repeat; |
| | | text-indent: 1000px; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | #preferences-details fieldset.advanced .collapsed .advanced-toggle { |
| | | background-position: -24px -1137px; |
| | | } |
| | | |
| | | #sections-table tbody td.section, |
| | | #settings-sections span.listitem a, |
| | | #settings-sections span.tablink a { |
| | | padding-left: 36px; |
| | | background: url(images/listicons.png) -100px 0 no-repeat; |
| | | background-image: url(images/listicons.png); |
| | | background-position: -100px 0; |
| | | background-repeat: no-repeat; |
| | | } |
| | | |
| | | /* note: support span.tablink because this is used by plugins */ |
| | |
| | | |
| | | #settings-sections span.password.selected a { |
| | | background-position: 6px -1819px; |
| | | } |
| | | |
| | | #settings-sections span.responses a { |
| | | background-position: 6px -1972px; |
| | | } |
| | | |
| | | #settings-sections span.responses.selected a { |
| | | background-position: 6px -1996px; |
| | | } |
| | | |
| | | #sections-table #rcmrowgeneral td.section { |
| | |
| | | bottom: 0; |
| | | } |
| | | |
| | | #identities-table { |
| | | width: 100%; |
| | | table-layout: fixed; |
| | | } |
| | | |
| | | #identities-table tbody td.mail { |
| | | width: 100%; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | #identities-table tbody tr.readonly td { |
| | | font-style: italic; |
| | | } |
| | | |
| | | #folder-details, |
| | | #identity-details { |
| | | position: absolute; |
| | |
| | | text-align: right; |
| | | } |
| | | |
| | | .skinselection { |
| | | display: block; |
| | | } |
| | | |
| | | .skinselection span { |
| | | display: inline-block; |
| | | vertical-align: middle; |
| | | padding-right: 1em; |
| | | } |
| | | |
| | | .skinselection .skinname { |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .skinselection .skinlicense, |
| | | .skinselection .skinlicense a { |
| | | font-style: italic; |
| | | color: #666; |
| | | text-decoration: none; |
| | | } |
| | | |
| | | .skinselection .skinlicense a:hover { |
| | | text-decoration: underline; |
| | | } |
| | | |
| | | img.skinthumbnail { |
| | | width: 64px; |
| | | height: 64px; |
| | | border: 1px solid #ccc; |
| | | background: #fff; |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | #pluginlist td.version { |
| | | width: 5em; |
| | | } |
| | |
| | | .webkit #pluginlist td.source { |
| | | width: 9em; |
| | | } |
| | | |
| | | #rcmfd_signature { |
| | | width: 99%; |
| | | min-width: 390px; |
| | | font-family: monospace; |
| | | } |
| | | |
| | | #rcmfd_signature_toolbar1 td, |
| | | #rcmfd_signature_toolbar2 td { |
| | | width: auto; |
| | | } |
| | | |
| | | .mailtoprotohandler-status { |
| | | padding-left: 1em; |
| | | font-style: italic; |
| | | } |