| | |
| | | /** |
| | | * Roundcube webmail styles for the Settings section |
| | | * |
| | | * Copyright (c) 2011, The Roundcube Dev Team |
| | | * Copyright (c) 2012, The Roundcube Dev Team |
| | | * 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: 240px; |
| | | width: 200px; |
| | | bottom: 0; |
| | | } |
| | | |
| | | #pluginbody, |
| | | #settings-right { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 212px; |
| | | right: 0; |
| | | bottom: 0; |
| | | } |
| | | |
| | | #sectionslist { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 250px; |
| | | width: 240px; |
| | | left: 0; |
| | | width: 260px; |
| | | bottom: 0; |
| | | } |
| | | |
| | | #preferences-box { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 500px; |
| | | left: 272px; |
| | | right: 0; |
| | | bottom: 0; |
| | | } |
| | |
| | | } |
| | | |
| | | #sections-table tbody td.section, |
| | | #settings-sections span.listitem a { |
| | | #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; |
| | | } |
| | | |
| | | #settings-sections span.listitem a { |
| | | /* note: support span.tablink because this is used by plugins */ |
| | | #settings-sections span.listitem a, |
| | | #settings-sections span.tablink a { |
| | | background-position: 6px -862px; |
| | | } |
| | | |
| | | #settings-sections span.selected a { |
| | | #settings-sections span.selected a, |
| | | #settings-sections span.tablink.selected a { |
| | | background-position: 6px -887px; |
| | | } |
| | | |
| | |
| | | background-position: 6px -502px; |
| | | } |
| | | |
| | | #settings-sections span.about a { |
| | | background-position: -100px 0; |
| | | #settings-sections span.filter a { |
| | | background-position: 6px -1746px; |
| | | } |
| | | |
| | | #settings-sections span.filter.selected a { |
| | | background-position: 6px -1770px; |
| | | } |
| | | |
| | | #settings-sections span.password a { |
| | | background-position: 6px -1795px; |
| | | } |
| | | |
| | | #settings-sections span.password.selected a { |
| | | background-position: 6px -1819px; |
| | | } |
| | | |
| | | #sections-table #rcmrowgeneral td.section { |
| | |
| | | background-position: 6px -550px; |
| | | } |
| | | |
| | | #folderslist, |
| | | #identitieslist { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | width: 260px; |
| | | bottom: 0; |
| | | } |
| | | |
| | | #identities-table { |
| | | width: 100%; |
| | | table-layout: fixed; |
| | | } |
| | | |
| | | #identities-table tbody td.mail { |
| | | width: 100%; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | #folder-details, |
| | | #identity-details { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 272px; |
| | | right: 0; |
| | | bottom: 0; |
| | | } |
| | | |
| | | #subscription-table { |
| | | table-layout: fixed; |
| | | } |
| | | |
| | | #subscription-table tr.root td { |
| | | font-size: 5%; |
| | | height: 5px; |
| | | padding: 2px; |
| | | } |
| | | |
| | | #subscription-table td.name { |
| | | width: 85%; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | #subscription-table td.subscribed { |
| | | min-width: 30px; |
| | | padding: 3px 12px 3px 3px; |
| | | 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.version { |
| | | width: 6em; |
| | | } |
| | | |
| | | #pluginlist td.license, |
| | | #pluginlist td.source { |
| | | width: 8em; |
| | | } |
| | | |
| | | .webkit #pluginlist td.license, |
| | | .webkit #pluginlist td.source { |
| | | width: 9em; |
| | | } |