| commit | author | age | ||
| e7c445 | 1 | /** |
| T | 2 | * Roundcube webmail styles for the Settings section |
| 3 | * | |
| 071c78 | 4 | * Copyright (c) 2012, The Roundcube Dev Team |
| e7c445 | 5 | * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com |
| T | 6 | * |
| 7 | * The contents are subject to the Creative Commons Attribution-ShareAlike | |
| 8 | * License. It is allowed to copy, distribute, transmit and to adapt the work | |
| 9 | * by keeping credits to the original autors in the README file. | |
| 10 | * See http://creativecommons.org/licenses/by-sa/3.0/ for details. | |
| b1fa1a | 11 | */ |
| T | 12 | |
| 13 | #settings-sections { | |
| 14 | position: absolute; | |
| 15 | top: 0; | |
| 16 | left: 0; | |
| 10db0a | 17 | width: 200px; |
| b1fa1a | 18 | bottom: 0; |
| T | 19 | } |
| 20 | ||
| 4f1b7a | 21 | #pluginbody, |
| 918bb9 | 22 | #settings-right { |
| T | 23 | position: absolute; |
| 24 | top: 0; | |
| 10db0a | 25 | left: 212px; |
| 918bb9 | 26 | right: 0; |
| T | 27 | bottom: 0; |
| 28 | } | |
| 29 | ||
| b1fa1a | 30 | #sectionslist { |
| T | 31 | position: absolute; |
| 32 | top: 0; | |
| 918bb9 | 33 | left: 0; |
| e19229 | 34 | width: 260px; |
| b1fa1a | 35 | bottom: 0; |
| T | 36 | } |
| 37 | ||
| 38 | #preferences-box { | |
| 39 | position: absolute; | |
| 40 | top: 0; | |
| f45a97 | 41 | left: 272px; |
| b1fa1a | 42 | right: 0; |
| T | 43 | bottom: 0; |
| 44 | } | |
| 45 | ||
| 46 | #preferences-frame { | |
| 879b05 | 47 | border: 0; |
| b1fa1a | 48 | border-radius: 4px 4px 0 0; |
| T | 49 | } |
| 50 | ||
| 13ed1e | 51 | #sections-table tbody td.section, |
| 28e18c | 52 | #settings-sections span.listitem a, |
| T | 53 | #settings-sections span.tablink a { |
| 13ed1e | 54 | padding-left: 36px; |
| 0f3ae4 | 55 | background-image: url(images/listicons.png); |
| TB | 56 | background-position: -100px 0; |
| 57 | background-repeat: no-repeat; | |
| 13ed1e | 58 | } |
| T | 59 | |
| e19229 | 60 | /* note: support span.tablink because this is used by plugins */ |
| T | 61 | #settings-sections span.listitem a, |
| 62 | #settings-sections span.tablink a { | |
| 13ed1e | 63 | background-position: 6px -862px; |
| T | 64 | } |
| 65 | ||
| e19229 | 66 | #settings-sections span.selected a, |
| T | 67 | #settings-sections span.tablink.selected a { |
| 13ed1e | 68 | background-position: 6px -887px; |
| T | 69 | } |
| 70 | ||
| 71 | #settings-sections span.preferences a { | |
| 72 | background-position: 6px -431px; | |
| 73 | } | |
| 74 | ||
| 75 | #settings-sections span.preferences.selected a { | |
| 76 | background-position: 6px -455px; | |
| 77 | } | |
| 78 | ||
| 79 | #settings-sections span.folders a, | |
| 80 | #sections-table #rcmrowfolders td.section { | |
| 81 | background-position: 6px 2px; | |
| 82 | } | |
| 83 | ||
| 84 | #settings-sections span.folders.selected a, | |
| 85 | #sections-table #rcmrowfolders.selected td.section { | |
| 86 | background-position: 6px -22px; | |
| 87 | } | |
| 88 | ||
| 89 | #settings-sections span.identities a { | |
| 90 | background-position: 6px -478px; | |
| 91 | } | |
| 92 | ||
| 93 | #settings-sections span.identities.selected a { | |
| 94 | background-position: 6px -502px; | |
| 95 | } | |
| 96 | ||
| 004a08 | 97 | #settings-sections span.filter a { |
| T | 98 | background-position: 6px -1746px; |
| 99 | } | |
| 100 | ||
| 101 | #settings-sections span.filter.selected a { | |
| 102 | background-position: 6px -1770px; | |
| 103 | } | |
| 104 | ||
| 105 | #settings-sections span.password a { | |
| 106 | background-position: 6px -1795px; | |
| 107 | } | |
| 108 | ||
| 109 | #settings-sections span.password.selected a { | |
| 110 | background-position: 6px -1819px; | |
| 13ed1e | 111 | } |
| T | 112 | |
| 113 | #sections-table #rcmrowgeneral td.section { | |
| 114 | background-position: 6px -573px; | |
| 115 | } | |
| 116 | ||
| 117 | #sections-table #rcmrowgeneral.selected td.section { | |
| 118 | background-position: 6px -598px; | |
| 119 | } | |
| 120 | ||
| 121 | #sections-table #rcmrowmailbox td.section { | |
| 122 | background-position: 6px -621px; | |
| 123 | } | |
| 124 | ||
| 125 | #sections-table #rcmrowmailbox.selected td.section { | |
| 126 | background-position: 6px -646px; | |
| 127 | } | |
| 128 | ||
| 129 | #sections-table #rcmrowcompose td.section { | |
| 130 | background-position: 6px -670px; | |
| 131 | } | |
| 132 | ||
| 133 | #sections-table #rcmrowcompose.selected td.section { | |
| 134 | background-position: 6px -695px; | |
| 135 | } | |
| 136 | ||
| 137 | #sections-table #rcmrowmailview td.section { | |
| 138 | background-position: 6px -718px; | |
| 139 | } | |
| 140 | ||
| 141 | #sections-table #rcmrowmailview.selected td.section { | |
| 142 | background-position: 6px -742px; | |
| 143 | } | |
| 144 | ||
| 145 | #sections-table #rcmrowaddressbook td.section { | |
| 146 | background-position: 6px -766px; | |
| 147 | } | |
| 148 | ||
| 149 | #sections-table #rcmrowaddressbook.selected td.section { | |
| 150 | background-position: 6px -791px; | |
| 151 | } | |
| 152 | ||
| 153 | #sections-table #rcmrowserver td.section { | |
| 154 | background-position: 6px -814px; | |
| 155 | } | |
| 156 | ||
| 157 | #sections-table #rcmrowserver.selected td.section { | |
| 158 | background-position: 6px -838px; | |
| 159 | } | |
| 160 | ||
| 161 | #sections-table #rcmrowcalendar td.section { | |
| 162 | background-position: 6px -526px; | |
| 163 | } | |
| 164 | ||
| 165 | #sections-table #rcmrowcalendar.selected td.section { | |
| 166 | background-position: 6px -550px; | |
| 167 | } | |
| 168 | ||
| b540ed | 169 | #folderslist, |
| e19229 | 170 | #identitieslist { |
| T | 171 | position: absolute; |
| 172 | top: 0; | |
| 918bb9 | 173 | left: 0; |
| f45a97 | 174 | width: 260px; |
| e19229 | 175 | bottom: 0; |
| T | 176 | } |
| 177 | ||
| 0cd919 | 178 | #identities-table { |
| T | 179 | width: 100%; |
| 180 | table-layout: fixed; | |
| 181 | } | |
| 182 | ||
| 183 | #identities-table tbody td.mail { | |
| 184 | width: 100%; | |
| 185 | overflow: hidden; | |
| 186 | text-overflow: ellipsis; | |
| 187 | } | |
| 188 | ||
| b540ed | 189 | #folder-details, |
| e19229 | 190 | #identity-details { |
| T | 191 | position: absolute; |
| 192 | top: 0; | |
| f45a97 | 193 | left: 272px; |
| e19229 | 194 | right: 0; |
| T | 195 | bottom: 0; |
| 196 | } | |
| 197 | ||
| 071c78 | 198 | #subscription-table { |
| T | 199 | table-layout: fixed; |
| 200 | } | |
| 201 | ||
| b540ed | 202 | #subscription-table tr.root td { |
| T | 203 | font-size: 5%; |
| 204 | height: 5px; | |
| 205 | padding: 2px; | |
| 206 | } | |
| 207 | ||
| 071c78 | 208 | #subscription-table td.name { |
| T | 209 | width: 85%; |
| 210 | overflow: hidden; | |
| 211 | text-overflow: ellipsis; | |
| 212 | } | |
| 213 | ||
| b540ed | 214 | #subscription-table td.subscribed { |
| 071c78 | 215 | min-width: 30px; |
| b540ed | 216 | padding: 3px 12px 3px 3px; |
| T | 217 | text-align: right; |
| 218 | } | |
| 219 | ||
| 18b738 | 220 | .skinselection { |
| TB | 221 | display: block; |
| 222 | } | |
| 223 | ||
| 224 | .skinselection span { | |
| 225 | display: inline-block; | |
| 226 | vertical-align: middle; | |
| 227 | padding-right: 1em; | |
| 228 | } | |
| 229 | ||
| 230 | .skinselection .skinname { | |
| 231 | font-weight: bold; | |
| 232 | } | |
| 233 | ||
| 234 | .skinselection .skinlicense, | |
| 235 | .skinselection .skinlicense a { | |
| 236 | font-style: italic; | |
| 237 | color: #666; | |
| 238 | text-decoration: none; | |
| 239 | } | |
| 240 | ||
| 241 | .skinselection .skinlicense a:hover { | |
| 242 | text-decoration: underline; | |
| 243 | } | |
| 244 | ||
| 245 | img.skinthumbnail { | |
| 246 | width: 64px; | |
| 247 | height: 64px; | |
| 248 | border: 1px solid #ccc; | |
| 249 | background: #fff; | |
| 250 | border-radius: 4px; | |
| 251 | } | |
| 252 | ||
| 68e13c | 253 | #pluginlist td.version { |
| T | 254 | width: 5em; |
| 255 | } | |
| 256 | ||
| 071c78 | 257 | .webkit #pluginlist td.version { |
| T | 258 | width: 6em; |
| 259 | } | |
| 260 | ||
| 68e13c | 261 | #pluginlist td.license, |
| T | 262 | #pluginlist td.source { |
| 263 | width: 8em; | |
| 264 | } | |
| 265 | ||
| 071c78 | 266 | .webkit #pluginlist td.license, |
| T | 267 | .webkit #pluginlist td.source { |
| 268 | width: 9em; | |
| 269 | } | |
