| commit | author | age | ||
| e7c445 | 1 | /** |
| T | 2 | * Roundcube webmail styles for the Settings section |
| 3 | * | |
| 071c78 | 4 | * Copyright (c) 2012, The Roundcube Dev Team |
| ef14bd | 5 | * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com |
| e7c445 | 6 | * |
| T | 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 | ||
| 7be8a9 | 51 | #preferences-details fieldset.advanced legend { |
| TB | 52 | position: relative; |
| 53 | display: block; | |
| 54 | width: 100%; | |
| 55 | cursor: pointer; | |
| 56 | } | |
| 57 | ||
| 58 | #preferences-details fieldset.advanced .propform { | |
| 59 | display: none; | |
| 60 | } | |
| 61 | ||
| 62 | #preferences-details fieldset.advanced .advanced-toggle { | |
| 63 | position: absolute; | |
| ef14bd | 64 | display: block; |
| TB | 65 | top: 0px; |
| 7be8a9 | 66 | right: 6px; |
| TB | 67 | text-decoration: none; |
| 68 | color: #666; | |
| 69 | font-size: 11px; | |
| ef14bd | 70 | width: 20px; |
| TB | 71 | height: 18px; |
| 72 | background: url('images/listicons.png') 0 -1157px no-repeat; | |
| 73 | text-indent: 1000px; | |
| 74 | overflow: hidden; | |
| 75 | } | |
| 76 | ||
| 77 | #preferences-details fieldset.advanced .collapsed .advanced-toggle { | |
| 78 | background-position: -24px -1137px; | |
| 7be8a9 | 79 | } |
| TB | 80 | |
| 13ed1e | 81 | #sections-table tbody td.section, |
| 28e18c | 82 | #settings-sections span.listitem a, |
| T | 83 | #settings-sections span.tablink a { |
| 13ed1e | 84 | padding-left: 36px; |
| 0f3ae4 | 85 | background-image: url(images/listicons.png); |
| TB | 86 | background-position: -100px 0; |
| 87 | background-repeat: no-repeat; | |
| 13ed1e | 88 | } |
| T | 89 | |
| e19229 | 90 | /* note: support span.tablink because this is used by plugins */ |
| T | 91 | #settings-sections span.listitem a, |
| 92 | #settings-sections span.tablink a { | |
| 13ed1e | 93 | background-position: 6px -862px; |
| T | 94 | } |
| 95 | ||
| e19229 | 96 | #settings-sections span.selected a, |
| T | 97 | #settings-sections span.tablink.selected a { |
| 13ed1e | 98 | background-position: 6px -887px; |
| T | 99 | } |
| 100 | ||
| 101 | #settings-sections span.preferences a { | |
| 102 | background-position: 6px -431px; | |
| 103 | } | |
| 104 | ||
| 105 | #settings-sections span.preferences.selected a { | |
| 106 | background-position: 6px -455px; | |
| 107 | } | |
| 108 | ||
| 109 | #settings-sections span.folders a, | |
| 110 | #sections-table #rcmrowfolders td.section { | |
| 111 | background-position: 6px 2px; | |
| 112 | } | |
| 113 | ||
| 114 | #settings-sections span.folders.selected a, | |
| 115 | #sections-table #rcmrowfolders.selected td.section { | |
| 116 | background-position: 6px -22px; | |
| 117 | } | |
| 118 | ||
| 119 | #settings-sections span.identities a { | |
| 120 | background-position: 6px -478px; | |
| 121 | } | |
| 122 | ||
| 123 | #settings-sections span.identities.selected a { | |
| 124 | background-position: 6px -502px; | |
| 125 | } | |
| 126 | ||
| 004a08 | 127 | #settings-sections span.filter a { |
| T | 128 | background-position: 6px -1746px; |
| 129 | } | |
| 130 | ||
| 131 | #settings-sections span.filter.selected a { | |
| 132 | background-position: 6px -1770px; | |
| 133 | } | |
| 134 | ||
| 135 | #settings-sections span.password a { | |
| 136 | background-position: 6px -1795px; | |
| 137 | } | |
| 138 | ||
| 139 | #settings-sections span.password.selected a { | |
| 140 | background-position: 6px -1819px; | |
| 13ed1e | 141 | } |
| T | 142 | |
| 80b3c6 | 143 | #settings-sections span.responses a { |
| TB | 144 | background-position: 6px -1972px; |
| 145 | } | |
| 146 | ||
| 147 | #settings-sections span.responses.selected a { | |
| 148 | background-position: 6px -1996px; | |
| 149 | } | |
| 150 | ||
| 13ed1e | 151 | #sections-table #rcmrowgeneral td.section { |
| T | 152 | background-position: 6px -573px; |
| 153 | } | |
| 154 | ||
| 155 | #sections-table #rcmrowgeneral.selected td.section { | |
| 156 | background-position: 6px -598px; | |
| 157 | } | |
| 158 | ||
| 159 | #sections-table #rcmrowmailbox td.section { | |
| 160 | background-position: 6px -621px; | |
| 161 | } | |
| 162 | ||
| 163 | #sections-table #rcmrowmailbox.selected td.section { | |
| 164 | background-position: 6px -646px; | |
| 165 | } | |
| 166 | ||
| 167 | #sections-table #rcmrowcompose td.section { | |
| 168 | background-position: 6px -670px; | |
| 169 | } | |
| 170 | ||
| 171 | #sections-table #rcmrowcompose.selected td.section { | |
| 172 | background-position: 6px -695px; | |
| 173 | } | |
| 174 | ||
| 175 | #sections-table #rcmrowmailview td.section { | |
| 176 | background-position: 6px -718px; | |
| 177 | } | |
| 178 | ||
| 179 | #sections-table #rcmrowmailview.selected td.section { | |
| 180 | background-position: 6px -742px; | |
| 181 | } | |
| 182 | ||
| 183 | #sections-table #rcmrowaddressbook td.section { | |
| 184 | background-position: 6px -766px; | |
| 185 | } | |
| 186 | ||
| 187 | #sections-table #rcmrowaddressbook.selected td.section { | |
| 188 | background-position: 6px -791px; | |
| 189 | } | |
| 190 | ||
| 191 | #sections-table #rcmrowserver td.section { | |
| 192 | background-position: 6px -814px; | |
| 193 | } | |
| 194 | ||
| 195 | #sections-table #rcmrowserver.selected td.section { | |
| 196 | background-position: 6px -838px; | |
| 197 | } | |
| 198 | ||
| 199 | #sections-table #rcmrowcalendar td.section { | |
| 200 | background-position: 6px -526px; | |
| 201 | } | |
| 202 | ||
| 203 | #sections-table #rcmrowcalendar.selected td.section { | |
| 204 | background-position: 6px -550px; | |
| 205 | } | |
| 206 | ||
| b540ed | 207 | #folderslist, |
| e19229 | 208 | #identitieslist { |
| T | 209 | position: absolute; |
| 210 | top: 0; | |
| 918bb9 | 211 | left: 0; |
| f45a97 | 212 | width: 260px; |
| e19229 | 213 | bottom: 0; |
| T | 214 | } |
| 215 | ||
| 0cd919 | 216 | #identities-table { |
| T | 217 | width: 100%; |
| 218 | table-layout: fixed; | |
| 219 | } | |
| 220 | ||
| 221 | #identities-table tbody td.mail { | |
| 222 | width: 100%; | |
| 223 | overflow: hidden; | |
| 224 | text-overflow: ellipsis; | |
| 225 | } | |
| 226 | ||
| 9c41ba | 227 | #identities-table tbody tr.readonly td { |
| TB | 228 | font-style: italic; |
| 229 | } | |
| 230 | ||
| b540ed | 231 | #folder-details, |
| e19229 | 232 | #identity-details { |
| T | 233 | position: absolute; |
| 234 | top: 0; | |
| f45a97 | 235 | left: 272px; |
| e19229 | 236 | right: 0; |
| T | 237 | bottom: 0; |
| 238 | } | |
| 239 | ||
| 071c78 | 240 | #subscription-table { |
| T | 241 | table-layout: fixed; |
| 242 | } | |
| 243 | ||
| b540ed | 244 | #subscription-table tr.root td { |
| T | 245 | font-size: 5%; |
| 246 | height: 5px; | |
| 247 | padding: 2px; | |
| 248 | } | |
| 249 | ||
| 071c78 | 250 | #subscription-table td.name { |
| T | 251 | width: 85%; |
| 252 | overflow: hidden; | |
| 253 | text-overflow: ellipsis; | |
| 254 | } | |
| 255 | ||
| b540ed | 256 | #subscription-table td.subscribed { |
| 071c78 | 257 | min-width: 30px; |
| b540ed | 258 | padding: 3px 12px 3px 3px; |
| T | 259 | text-align: right; |
| 260 | } | |
| 261 | ||
| 18b738 | 262 | .skinselection { |
| TB | 263 | display: block; |
| 264 | } | |
| 265 | ||
| 266 | .skinselection span { | |
| 267 | display: inline-block; | |
| 268 | vertical-align: middle; | |
| 269 | padding-right: 1em; | |
| 270 | } | |
| 271 | ||
| 272 | .skinselection .skinname { | |
| 273 | font-weight: bold; | |
| 274 | } | |
| 275 | ||
| 276 | .skinselection .skinlicense, | |
| 277 | .skinselection .skinlicense a { | |
| 278 | font-style: italic; | |
| 279 | color: #666; | |
| 280 | text-decoration: none; | |
| 281 | } | |
| 282 | ||
| 283 | .skinselection .skinlicense a:hover { | |
| 284 | text-decoration: underline; | |
| 285 | } | |
| 286 | ||
| 287 | img.skinthumbnail { | |
| 288 | width: 64px; | |
| 289 | height: 64px; | |
| 290 | border: 1px solid #ccc; | |
| 291 | background: #fff; | |
| 292 | border-radius: 4px; | |
| 293 | } | |
| 294 | ||
| 68e13c | 295 | #pluginlist td.version { |
| T | 296 | width: 5em; |
| 297 | } | |
| 298 | ||
| 071c78 | 299 | .webkit #pluginlist td.version { |
| T | 300 | width: 6em; |
| 301 | } | |
| 302 | ||
| 68e13c | 303 | #pluginlist td.license, |
| T | 304 | #pluginlist td.source { |
| 305 | width: 8em; | |
| 306 | } | |
| 307 | ||
| 071c78 | 308 | .webkit #pluginlist td.license, |
| T | 309 | .webkit #pluginlist td.source { |
| 310 | width: 9em; | |
| 311 | } | |
| d675ab | 312 | |
| AM | 313 | #rcmfd_signature { |
| 314 | width: 99%; | |
| 315 | min-width: 390px; | |
| e94f5c | 316 | font-family: monospace; |
| d675ab | 317 | } |
| AM | 318 | |
| 319 | #rcmfd_signature_toolbar1 td, | |
| 320 | #rcmfd_signature_toolbar2 td { | |
| 321 | width: auto; | |
| 322 | } | |
| 5934e2 | 323 | |
| TB | 324 | .mailtoprotohandler-status { |
| 325 | padding-left: 1em; | |
| 326 | font-style: italic; | |
| 327 | } | |
