1.groupmail .from_col { 2 width: 20%; 3} 4.groupmail .action_col { 5 width: 80px; 6} 7 8html { 9 background-color: transparent; 10} 11 12body { 13 min-width: 100%; 14} 15 16.account_icon { 17 margin-right: 6px; 18 padding-right: 0; 19} 20 21.folder_icon { 22 margin-right: 10px; 23 padding-right: 0; 24} 25 26.inline-cypht { 27 position: relative; 28} 29.inline-cypht input, .inline-cypht option, .inline-cypht select { 30 padding: 5px 10px; 31} 32.inline-cypht .btn-outline-secondary:hover { 33 text-decoration: none; 34} 35.inline-cypht .src_name { 36 max-height: 100px; 37} 38.inline-cypht .sys_messages { 39 padding: 15px; 40} 41.inline-cypht .content_title { 42 overflow: visible; 43 min-height: 25px; 44 max-height: 100px; 45 padding: 20px 100px 10px 25px; 46} 47.inline-cypht .folders a, .inline-cypht .unread_link { 48 font-weight: normal; 49} 50.inline-cypht .selected_menu, .inline-cypht .selected_menu a { 51 text-decoration: underline; 52} 53.inline-cypht .nux_help, .inline-cypht .nux_dev_news, .inline-cypht .nux_welcome { 54 min-width: 50%; 55 max-width: 100%; 56 min-height: 10px; 57 margin: 20px; 58} 59.inline-cypht .nux_dev_news table td:last-child { 60 white-space: normal; 61} 62.inline-cypht .quick_add_section { 63 padding-left: 25px; 64} 65.inline-cypht .nux_step_one, .inline-cypht .nux_step_two { 66 padding-left: 0; 67} 68.inline-cypht .nux_next_button { 69 margin-top: 10px; 70} 71.inline-cypht .nux_account_name, .inline-cypht .nux_username, .inline-cypht #service_select { 72 width: 100%; 73} 74.inline-cypht .server_count { 75 margin-right: 30px; 76} 77.inline-cypht .configured_server, .inline-cypht .add_server { 78 background: transparent; 79} 80.inline-cypht .add_server { 81 width: auto; 82} 83.inline-cypht .add_server .txt_fld { 84 width: 100%; 85} 86.inline-cypht .add_server .port_fld { 87 width: 50%; 88} 89.inline-cypht .settings_subtitle, .inline-cypht .server_section { 90 max-height: 100px; 91 height: auto !important; 92 font-weight: bold; 93} 94.inline-cypht .settings_subtitle img, .inline-cypht .server_section img { 95 padding-right: 0; 96 margin-right: 10px; 97} 98.inline-cypht .user_settings table { 99 table-layout: auto; 100} 101.inline-cypht .profile_details th { 102 font-weight: bold; 103} 104.inline-cypht .user_settings table th, .inline-cypht .user_settings table td, .inline-cypht .edit_profile table th, .inline-cypht .edit_profile table td { 105 padding: 10px 15px; 106 height: auto; 107 width: 100%; 108} 109.inline-cypht .user_settings table tr, .inline-cypht .edit_profile table tr { 110 display: flex !important; 111 flex-wrap: wrap; 112} 113.inline-cypht .user_settings table td:not(.settings_subtitle):nth-child(1), 114.inline-cypht .edit_profile table th { 115 max-width: 40%; 116 flex: 0 0 40%; 117} 118.inline-cypht .user_settings table td:nth-child(2), 119.inline-cypht .edit_profile table td { 120 max-width: 60%; 121 flex: 0 0 60%; 122} 123.inline-cypht .compose_server { 124 margin-bottom: 15px; 125} 126.inline-cypht .compose_attach_button, .inline-cypht .compose_sign, 127.inline-cypht .smtp_save, .inline-cypht .smtp_reset, .inline-cypht .smtp_send { 128 margin-top: 0; 129} 130.inline-cypht .search_content .content_title { 131 max-height: 150px; 132} 133.inline-cypht .search_content .search_form form { 134 padding-right: 20px; 135} 136.inline-cypht .search_content #search_terms { 137 margin: 0 3px 7px; 138} 139.inline-cypht .save_search img, .inline-cypht .delete_search img { 140 padding: 5px 0 0 5px; 141} 142.inline-cypht .advanced_search_form input[type=radio], .inline-cypht .advanced_search_form input[type=checkbox] { 143 margin-right: 5px; 144} 145.inline-cypht .advanced_search_form label { 146 margin-right: 10px; 147} 148.inline-cypht .other_section table { 149 width: 100%; 150 white-space: normal; 151} 152.inline-cypht .other_section table tr { 153 display: flex; 154 flex-wrap: wrap; 155} 156.inline-cypht .other_section table th { 157 width: 40%; 158} 159.inline-cypht .other_section table td { 160 max-width: 55%; 161} 162.inline-cypht .other_section table td label { 163 width: 130px; 164} 165.inline-cypht .other_section .flags { 166 width: 170px; 167} 168.inline-cypht .refresh_list, .inline-cypht .list_settings_link { 169 padding: 0; 170 margin: 5px 2px 0; 171} 172.inline-cypht .toggle_recipients { 173 right: 25px; 174} 175.inline-cypht .msg_date { 176 font-weight: bold; 177} 178.inline-cypht .msg_parts tr:not(:last-child) { 179 border-bottom: 1px solid #444; 180} 181.inline-cypht .part_desc, .inline-cypht .part_size, .inline-cypht .download_link { 182 margin-left: 25px; 183} 184.inline-cypht .msg_part_icon { 185 padding: 0; 186 margin-left: 5px; 187} 188.inline-cypht .imap_keyword { 189 margin-top: 4px; 190} 191.inline-cypht .msg_headers td { 192 padding-right: 35px; 193} 194.inline-cypht .chosen-container { 195 width: auto !important; 196} 197.inline-cypht .chosen-container .chosen-results li { 198 padding-left: 0.75rem; 199 padding-right: 0.75rem; 200} 201.inline-cypht .message_list:not([class*=imap]) .chosen-container { 202 float: right; 203 margin: -8px 120px 0 0; 204} 205.inline-cypht .message_list[class*=imap] .combined_sort + .chosen-container { 206 display: none; 207} 208.inline-cypht .message_list[class*=imap] #imap_filter_form .chosen-container { 209 float: left; 210 margin-right: 10px; 211} 212.inline-cypht .chosen-container-single .chosen-single { 213 padding-right: 2rem; 214} 215.inline-cypht #service_select_chosen { 216 margin-bottom: 10px; 217} 218.inline-cypht .unchosen { 219 display: none !important; 220} 221 222.mobile .inline-cypht { 223 padding-top: 50px; 224} 225.mobile .inline-cypht .content_cell { 226 padding: 20px 0 20px; 227 border: none; 228 display: block !important; 229 min-height: 600px; 230} 231.mobile .inline-cypht .content_title { 232 display: flex; 233 align-items: center; 234 padding: 0 10px 0 50px; 235 min-height: 60px; 236 max-height: 500px; 237 line-height: normal; 238 font-size: 115%; 239 font-weight: 500; 240} 241.mobile .inline-cypht .content_title .list_controls { 242 border: none; 243 background: #fff; 244} 245.mobile .inline-cypht .sys_messages { 246 top: 0; 247 right: 0; 248 width: 100%; 249 min-height: 5px; 250 padding-bottom: 15px; 251 white-space: normal; 252} 253.mobile .inline-cypht .folder_toggle { 254 display: block !important; 255 letter-spacing: normal; 256} 257.mobile .inline-cypht .folder_toggle img { 258 width: 24px; 259 height: 30px; 260 margin: -5px 0 0 5px; 261} 262.mobile .inline-cypht .nux_welcome ul { 263 padding-left: 20px; 264} 265.mobile .inline-cypht .nux_dev_news table td { 266 display: block; 267} 268.mobile .inline-cypht .nux_dev_news table tr:not(:last-child) td:last-child { 269 margin-bottom: 10px; 270 padding-bottom: 10px; 271} 272.mobile .inline-cypht .nux_dev_news table tr:last-child td:last-child { 273 border-bottom: none; 274} 275.mobile .inline-cypht .nux_empty_combined_view { 276 margin-left: 10px; 277 margin-right: 10px; 278} 279.mobile .inline-cypht .settings_subtitle, .mobile .inline-cypht .server_section { 280 padding-left: 15px !important; 281} 282.mobile .inline-cypht .add_server { 283 margin-left: 20px; 284} 285.mobile .inline-cypht .server_count { 286 margin-right: 15px; 287} 288.mobile .inline-cypht .user_settings input[type=text], .mobile .inline-cypht .user_settings input[type=email], .mobile .inline-cypht .user_settings select, 289.mobile .inline-cypht .user_settings textarea, .mobile .inline-cypht .edit_profile input[type=text], .mobile .inline-cypht .edit_profile input[type=email], .mobile .inline-cypht .edit_profile select, 290.mobile .inline-cypht .edit_profile textarea { 291 width: 100%; 292 text-align: left; 293} 294.mobile .inline-cypht .edit_profile table { 295 width: 100%; 296} 297.mobile .inline-cypht .folder_dialog { 298 margin-left: 30px; 299 width: 85%; 300} 301.mobile .inline-cypht #imap_server_folder { 302 width: 100%; 303} 304.mobile .inline-cypht .search_content { 305 padding-top: 0; 306} 307.mobile .inline-cypht .search_content .content_title { 308 display: block; 309 padding-top: 20px; 310 padding-bottom: 10px; 311} 312.mobile .inline-cypht .search_content .search_form { 313 display: block; 314 padding: 0; 315 font-size: 100%; 316} 317.mobile .inline-cypht .search_content .search_form select { 318 width: auto; 319 margin: 5px; 320} 321.mobile .inline-cypht .search_content .search_form input[type=submit], .mobile .inline-cypht .search_content .search_form input[type=button] { 322 font-size: 80%; 323} 324.mobile .inline-cypht .search_content #search_terms { 325 margin: 10px 3px 3px; 326 width: 270px; 327 max-width: 100%; 328} 329.mobile .inline-cypht .search_content .message_table { 330 margin-top: 115px; 331} 332.mobile .inline-cypht .time_section input[type=date] { 333 display: block; 334 margin-bottom: 10px; 335} 336.mobile .inline-cypht .timeandor { 337 text-align: left; 338} 339.mobile .inline-cypht .targets_section, .mobile .inline-cypht .other_section, .mobile .inline-cypht .submit_section, 340.mobile .inline-cypht .time_section, .mobile .inline-cypht .source_section, .mobile .inline-cypht .terms_section { 341 padding-left: 30px; 342} 343.mobile .inline-cypht .compose_page { 344 padding: 10px; 345 overflow: hidden; 346} 347.mobile .inline-cypht .compose_form { 348 width: 100% !important; 349 padding: 0 !important; 350} 351.mobile .inline-cypht .toggle_recipients { 352 right: 10px !important; 353} 354.mobile .inline-cypht .compose_bcc, .mobile .inline-cypht .compose_cc, .mobile .inline-cypht .compose_subject, 355.mobile .inline-cypht .compose_to, .mobile .inline-cypht .compose_body, .mobile .inline-cypht .compose_server { 356 margin: 5px 0; 357} 358.mobile .inline-cypht .smtp_send { 359 display: block; 360 margin-bottom: 20px; 361} 362.mobile .inline-cypht .list_settings_link, .mobile .inline-cypht .refresh_list { 363 width: 20px; 364 height: 20px; 365} 366.mobile .inline-cypht .toggle_link { 367 width: auto !important; 368} 369.mobile .inline-cypht .message_table > tbody > tr > td { 370 padding-right: 10px; 371} 372.mobile .inline-cypht .msg_headers td { 373 padding-right: 10px; 374} 375.mobile .inline-cypht .long_header th { 376 white-space: normal; 377 word-break: normal; 378} 379.mobile .inline-cypht .msg_controls { 380 width: 100%; 381 height: 43px; 382 top: 0; 383 left: 0 !important; 384 right: 0; 385 padding: 20px 0; 386 margin-left: 90px; 387} 388.mobile .inline-cypht .news_cell { 389 padding-bottom: 15px !important; 390} 391.mobile .inline-cypht .news_cell.checkbox_cell { 392 width: 40px; 393 padding: 14px 10px 10px !important; 394} 395.mobile .inline-cypht .news_cell .msg_date { 396 padding-top: 0; 397} 398.mobile .inline-cypht .news_cell .subject, .mobile .inline-cypht .news_cell .subject div { 399 padding-bottom: 0px !important; 400} 401.mobile .inline-cypht .history_content .news_cell.checkbox_cell { 402 padding: 10px 15px !important; 403} 404.mobile .inline-cypht .header_links { 405 padding-bottom: 8px; 406} 407.mobile .inline-cypht .msg_text { 408 max-width: 100% !important; 409 word-break: break-word; 410} 411.mobile .inline-cypht .msg_text_inner { 412 width: 100%; 413 padding: 15px !important; 414} 415.mobile .inline-cypht .msg_parts { 416 table-layout: auto; 417} 418.mobile .inline-cypht .groupmail.message_table > tbody > tr > td { 419 padding: 0 75px 0 15px; 420 border: none; 421} 422.mobile .inline-cypht .groupmail.message_table thead { 423 display: none; 424} 425.mobile .inline-cypht .groupmail.message_table td { 426 width: 100%; 427} 428.mobile .inline-cypht .groupmail.message_table tr { 429 position: relative; 430 display: flex; 431 flex-wrap: wrap; 432 width: 100vw; 433 padding: 0 0 25px; 434} 435.mobile .inline-cypht .groupmail.message_table td.icon, .mobile .inline-cypht .groupmail.message_table td.action { 436 position: absolute; 437 width: auto; 438 text-align: right; 439} 440.mobile .inline-cypht .groupmail.message_table td.icon { 441 right: 5px; 442} 443.mobile .inline-cypht .groupmail.message_table td.action { 444 right: -60px; 445} 446.mobile .inner_list { 447 margin-bottom: 0; 448} 449.mobile .src_name { 450 max-height: 100px; 451 margin: 0; 452 padding-top: 10px; 453 padding-bottom: 10px; 454} 455.mobile .folder_cell { 456 position: fixed; 457 width: 300px; 458 top: 60px; 459 left: -310px; 460 overflow: auto; 461 z-index: 1; 462 transition: all 1s ease; 463 transform: translateX(-300px); 464} 465.mobile .folder_cell.slide-in { 466 transition: all 0.5s ease; 467 transform: translateX(300px); 468} 469.mobile .folder_cell .folder_list { 470 display: block !important; 471 width: auto; 472 margin-bottom: 50px; 473 font-size: 100%; 474} 475.mobile .folder_cell .folder_list li a { 476 padding-top: 0; 477} 478.mobile .folder_cell .folder_list .update_message_list, .mobile .folder_cell .folder_list .hide_folders { 479 display: none; 480} 481 482.tiki-webmail.mobile .box-logo, .tiki-webmail.mobile .pagetitle, .tiki-webmail.mobile .pagetitle + .t_navbar { 483 display: none; 484} 485.tiki-webmail.mobile .topbar { 486 margin-bottom: 0; 487} 488.tiki-webmail.mobile #page-header { 489 display: none; 490} 491.tiki-webmail.mobile #topbar_modules { 492 display: none !important; 493} 494.tiki-webmail.mobile #row-middle { 495 margin-left: -15px; 496 margin-right: -15px; 497 border: none; 498} 499.tiki-webmail.mobile #col1 { 500 padding: 0; 501 border: none; 502} 503.tiki-webmail.mobile #col2, .tiki-webmail.mobile #col3 { 504 margin-left: 15px; 505 margin-right: 15px; 506} 507 508/*# sourceMappingURL=site.css.map */ 509