☰

QQ 邮箱简洁风

QQ 邮箱个性化样式

当前为 2020-08-05 提交的版本，查看 最新版本。

  1. @charset "UTF-8";
  2. /* ==UserStyle==
  3. @name:zh-CN     QQ 邮箱简洁风
  4. @name           FlatQQMail   
  5. @namespace      github.com/benzbrake/FlatQQMail
  6. @version        2.0.4
  7. @description:zh-CN QQ 邮箱个性化样式
  8. @description    Persnal Style For QQMail
  9. @author         Ryan
  10. @homepageURL    https://greasyfork.org/scripts/408049
  11. @supportURL     https://greasyfork.org/zh-CN/scripts/408049-flatqqmail/feedback
  12. @var text login-background "Login Page Background" url(https://area.sinaapp.com/bingImg?daysAgo=2)
  13. @var text left-panel-width "Left Sidebar Width" 190px
  14. ==/UserStyle== */
  15. @namespace url(http://www.w3.org/1999/xhtml);
  16. @-moz-document domain("mail.qq.com") {
  17.   html {
  18.     --main-color: #0078d4;
  19.     --main-text-color: #fff;
  20.     --navbar-height: 60px;
  21.     --search-background: rgba(255, 255, 255, .7);
  22.     --search-hover-background: #fff;
  23.     --search-border-color: #c7e0f4;
  24.     --left-panel-background: #f3f2f1;
  25.     --left-panel-hover: #edebe9;
  26.     --left-panel-active: #c7e0f4;
  27.     --left-panel-active-text-color: #005a9e;
  28.     --left-panel-text-color: #323130;
  29.     --left-panel-border-color: #edebe9;
  30.     --toolbar-background: #f3f2f1;
  31.     --toolbar-height: 44px;
  32.     --toolbar-border-color: #edebe9;
  33.     --panel-background-color: #C7E0F4;
  34.     --panel-border-color: #edebe9;
  35.     --panel-text-color: #323130;
  36.     --panel-white-background-color: #fff;
  37.     --panel-white-border-color: #d0d0d0;
  38.     --panel-gray-background-color: #faf9f8;
  39.     --btn-background: #f3f2f1;
  40.     --btn-hover-background: #edebe9;
  41.     --btn-text-color: #004578;
  42.     --btn-border-color: #edebe9;
  43.     --btn-primary-background: #0078d4;
  44.     --btn-primary-text-color: #fff;
  45.     --btn-primary-hover-background: #005a9e;
  46.     --btn-secondary-background: #eff6fc;
  47.     --btn-secondary-hover-background: #deecf9;
  48.     --btn-secondary-text-color: #005a9e;
  49.     --link-color: #2672ec;
  50.     --icon-search: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAv0lEQVQ4jc2SwQ2DMAxFGYEROEb6z1JG6AgdgREYgQ0YoSMwQkbICIzACPTi9IAIoKqH+hTF/vb3/26av4sYYwuMQAZWYJY03AJL6h2UzWyS1JvZBGxADiF0VXAIoQNWM5tijO0BqwykagOfuOzBuwGbpP6wQaF9seICjNXklVgu6KuWTHcYVGvcurWmtKTB3XicUcxAlhR34I+9ZwyL0qn47u9yUNlduD4qM3v6SjMwFkb+V7fyThStvm7w83gDIMhQYknIEDsAAAAASUVORK5CYII=);
  51.     --icon-wireless: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAtUlEQVQ4jd2SYQ3FIAyEkYCESZgEJCBhEiYBB0hAwiRMwiRMAhK+/XjH0nRvAt5rQtJej2tzEML/BLC84LOrI5AfJKB7EZGbwxKfmC24A7vyavAGbEasKN+A0wp0IOugKSMfApNqy4tjfUQowKFph/BTmyRt2tQHSF6g6mLSml29rkubE8jBFIs3SOTRG0Znw5u+mViA+GJiNSYe1sTbIPdklec/uI32f2Edk61wcKFNVo//cFxsZm+SzPAjvgAAAABJRU5ErkJggg==);
  52.     --icon-star: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA80lEQVQ4jbWSwW2FMBBEpwRKoARKSAkpgRJ8wbtHOnAJlEAJlLASHp8pwSWQAyR8fj5OgpS92NJq386MDfxr6dzC090b7lIDYYZyRZeaG9s5QGMPYYCk8Y/DVm/brYazCsoVanVZrqeDMEA5QblAY38AYw9hhqQRGnvo3J6BygXKCcIAT/fSs5/f4el2mEGYj+a2eflVWF1qoFwgDOeGMECYi5DL4cPKAKFdAj5tFjecvD3VTwqhc3tS4Kx6Alj5Z3o6KAc4q76CVa7b3ertfHje7xLTuIeUoZzQpWYPbthBVv6VGt+gHF763PIJ0Lm9BtyoD2Y3oxhUL8HuAAAAAElFTkSuQmCC);
  53.     --icon-unstar: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAvElEQVQ4jbWSwQ2DMBAEtwRKSAmUkBIoISX4g++edEAJlEAJLsESrN+UQAnJA4JCgsEgZaX92No5++6Av8n4DEoHpYPx2XmA9hWUz9nN+erCcQEIR6i/pYfX1d+Qeu+5dygdhH5VedsDJLSwXfEB4HAQ2vYiCe0FwFdjp5GlhYV+e7QpkGgYAGxXHAIsTXwalub4C30VB6Q0U0K7A6BfbZ+whrD+6UFU2j3mRXIoQ76clyGHspnuukcccEEvoT4gV5LOlygAAAAASUVORK5CYII=);
  54.     --icon-edit: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAv0lEQVRIie2UYQ3DIBBGK6ESKgEJSJgUJOBgEpAwCZNQCUhAwtsfyAgpHLsmy5LuS/jV63t3XNNl+ecbAQywA14qtIADvHBM9c4GRN7pS5rCXu5N5x4I1fM0EgCEyWupOy+SBNwkQX/EY3iJq69OLQDWvNA6EdikxkTBKbgkmIEDq0qQ4Y8GvjdwJ+7vSDADl6aXBCJcLcjdi/AzAlvBn6MlagUmS8Zfh1bwSX5KEJF/1+0Js4JSqEkCrGb6i+cFOBKaSL4ZmCkAAAAASUVORK5CYII=);
  55.     --icon-receive: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAi0lEQVRIie3UXQ2AIBSGYSMQgQhGMAJRjGAjIxjBCEYgwuuFsjkm7Bx+7nhvle/Z1DlNI2nATr4TMDWApHIkLCSumXdc2qECShA1IG0AA6gDAKuX5eMzcHUBgAXw2fOlAODCeHMAWL/jcS2ALTWeBCRF51xyNLqx+E/J85LVT0AVz2fquwEvYrsCf92tlzD9U+HLQgAAAABJRU5ErkJggg==);
  56.     --icon-contacts: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABOElEQVRIid2UsW2GMBCF/xE8AiN4BEZgBIoM4AkiNmAERmAEyr9kgBQoSpGSOtWXIs/KCWyC/9AklpB83Pm9e3dn327/fgEOaICgr7oSvAZW9itcBQ4wA15KamDU//a3BJOydwe+SvYu5ifwSll2GX8jfyM7xP1ZgtoCJPzOJgB0uWRyBP6ozkZhK3ssVRAzHDL+sCnRUjy+wCCQevPfq8GTIZuKwI2KOSoRUCfwVX16Bt4fmaI48wF4MRfsQ4C9/E/AXb7xLLg3maP6LsAb8Kp9XKvpQ69zeTV8zXcsQTgKVmxMpDUkaSWm5kUTwffT4WUvyZFVA3dTc4LASfEgu02qUCZzCbg52wOr9j7ut0ELmYt1gqCV+ioqSgUB9A8SxMfP9sFtgy4jyAX1pQ02Z53Ol93oP7E+AVmOV2PqRK2HAAAAAElFTkSuQmCC);
  57.     --icon-profile: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA8ElEQVQ4ja1SwQ3DIAy8ETJCR+gIGSEjdAQ+BT+7QUfICBkhIyDB8c4IHYE+aNJQHKmVaskSNvh82Af81YzvILGHDYPqEnsY3+nF13SGcIFwhkuT6sIZwgxL0wIIZ/1CY8kM8ad30vEOYYbj/Q3oT4UNH1UeQGETLp8MalSXJki8QWJfqO8KhKMOUMcLrulczvEG4XgMULpk2DBUjxx9mT6X5u5LgMc2+Z++YMMAR7/tvKw4b3EDsK6m6p6mWkScN4YNgKWp1iixV4V0yKAklzapmPFdmc1eSGtXYX5JdlTdpUkVVmU2DJBwOfRVG/+yJ+El7HPQij/5AAAAAElFTkSuQmCC);
  58.     --icon-read: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyElEQVQ4jcWSQbHDMAxEDaEQCiEQCiEQCqEQetPs08EQPoRAKARDKIRAcC/K1PObuL5VMzpJet6VnFIncs6nXr0bwBVYgQpchwfN7AIUYHX3LOkekAJMXbnunuPVR9sMTMACVHfPH9Yauauk2xdbT6BKmtvCH1BGlxYKl/+AZbOxB9pqbf8HwMzOIfG5s4MSNqdDwPZSSKyS5rjKChQzO3cVtJLjIjWGl9bWECCllCTd9nYyDDiKI0CRNI9kfKo3oPE7nNtJfx8v4dADOEfYAroAAAAASUVORK5CYII=);
  59.     --icon-unread: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAuUlEQVQ4jd2SvRGDMAyFNYJHyAiMwAgp8aPxCGzCCBmBHiJ7BEbwCC4goiRNSCD8hbukybtToyd9eoWI/kPCKITRH6mOcRkDemH4tkS0d6wtEQnDC6OfAG5XfRZGaKok3ltuGWYGICJqqiQeYO/LjwN+8BYB04g6e/k6E4Yfp1sFEBEFZ5RY1MJpLpzmYlF3LjmNZzYBz77VTqx2wRk18z4BbOn7gKWYawrOqCnAanf0E4VRHE39G90BhIreKURRbZ0AAAAASUVORK5CYII=);
  60.     --icon-open: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjUlEQVQ4jc2Syw2AIBBEpyRLoARLsAQvwh7phBIsgR5gqcMS9IAaMYJwY5I5AHmPTwD6CXkNxRuI96QAQGw+55NE2IDclDTKRRyzzQuI9xv4iuT5hG274Ia9hnRjm+AJA8ASBqiw1gnecDFvQQ6uukJp5yoBeZE9dvMjtgnYQLqxWPI6IzgX/nr92G5yAGUcu9jyutmAAAAAAElFTkSuQmCC);
  61.     --icon-remark: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA20lEQVQ4jc2RwW2EMBBFXwmU4BK2hC2BEijBl2XmSAdbgkugBEoYyYzPlEAJycEskSICUSJFmaOl/8bzPvy/idag84D6hLihviBlRPx5HX6UG+oL6hM631ELqAX63KKeEF/R+X4cVguoL/S5PV0gvvIotwOAJ3QeLn+puUPKeARYUAsA9B7rCblDc7dtrg6iNYiv54DqYNhkJvrc7lvVwleAhObuFyds5DPIq6VDiUC9299QT/tbtGZ3cNXSB8inKvDV/eYkWnMdBhB/Ir4iZfx+6DNAPf0s/NfzDiRljNr0+6LkAAAAAElFTkSuQmCC);
  62.     --icon-archive: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAnUlEQVQ4jWNgoBooOC/AUHG5gaHiynyCuOC8AKYBEM33GcqvrsePr7xnKL/Sj2lA+ZXz2CUw1PUzlF95jypYetWAoeLKf4aKyw7EefXKf4aK8wrozv9PlP8h+D+qayGCRPgfORyurkc1AEWAAMBQjywA8QpuTNiASwl4MUEDKPYCWQaUX+kn6HdMPB9hQOlVA4J+R8elVw2IdjFNAQA/HvRDaCX5CQAAAABJRU5ErkJggg==);
  63.     --icon-print: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAqklEQVQ4ja2Syw2EMAxEpwRKoARK2BIohUtid0EJlJASKCFS1j5TAiVkL/shLCRBwtI7+mWiMXD7DL7549IyyQqWeMBUFrBvwRLfkgUsy044VwrUwWgHox1s6NMkvq1LQOITPgKjXY3Ag5+PBFJXL8iRFQAAyQhSd8pprTb02cUtNvRHL69gmcEyFb/BEtMkg2++PZOMmWM6qfMnuMD+HrZdlyB1mRoruHNe5u4hWjZlUXgAAAAASUVORK5CYII=);
  64.     --icon-more: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAR0lEQVQ4jWNgGAWDEZRfOc9QcdkBQ7zisgND+ZXzDAXnBQgZ0M9QceU/iiEQze8Zyq/0E+sKhCEka0Y3hCzNyIaQrXkUEA0ARk4rJRXvtL4AAAAASUVORK5CYII=);
  65.     --icon-less: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAS0lEQVQ4jWNgGAU0BqVXDRhKrxqQr7n8ynuG8ivvSTcEprniyn6Giiv7STMEWXPBeQEGBgYG0gyB2QrTjC5OEBScF8DQjCw3CqgPABPcMBAhyIGPAAAAAElFTkSuQmCC);
  66.     --icon-ok: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAxklEQVQ4jbWTQQ3DMAxFP4RCKIRCKIRCGARf6uRYBoMwCIVQCJES51wIgbDdtqZxs2jSLPkUvW9/2wH+EuQ6zHEAC8GGBTaMINe1wTaMMOJg5VmkkXsdZiEYSSr8EXEXlV3/Fa52YuXRBL/T9WeBvVIxgf2UFWE/nQWO0A4rWw77W24xLLnA8dFIArkOJq5gIcxxKOfjb+cONnXaKqxZYCF1Zfpsdv2wrg6oyDDWbuFaxEgCC+lwaWfLrJi4lrtvieZP9GO8ALgCKoREiWXrAAAAAElFTkSuQmCC);
  67.   }
  68.  
  69.   body {
  70.     padding: 0;
  71.   }
  72.  
  73.   /** Set Font Size */
  74.   body,
  75. td,
  76. input,
  77. button,
  78. select,
  79. .f_size {
  80.     font-size: 14px;
  81.   }
  82.  
  83.   /** Remove border radius */
  84.   * {
  85.     border-radius: 0 !important;
  86.   }
  87.  
  88.   a,
  89. a:link {
  90.     outline: 0;
  91.     color: var(--link-color);
  92.     text-decoration: none;
  93.     transition: all 0.156s linear;
  94.   }
  95.  
  96.   img[src^="/cgi-bin/readtemplate"] {
  97.     display: none;
  98.   }
  99.  
  100.   /** Error Message */
  101.   .errmsg {
  102.     background: var(--panel-background-color);
  103.     color: var(--panel-text-color);
  104.   }
  105.  
  106.   /** Button */
  107.   /** Reset Gray Button Style */
  108.   .btn_gray,
  109. .qui_btn {
  110.     color: var(--btn-text-color) !important;
  111.     background: var(--btn-background);
  112.     border-color: transparent;
  113.     border-radius: 2px;
  114.     transition: all 0.156s linear;
  115.     cursor: pointer;
  116.   }
  117.  
  118.   /** Reset Gray Button hover/active/focus Style */
  119.   .btn_gray:hover,
  120. .btn_gray:active,
  121. .btn_gray:focus,
  122. .qui_btn:hover,
  123. .qui_btn:active,
  124. .qui_btn:focus {
  125.     background: var(--btn-hover-background);
  126.     border-color: var(--btn-border-color);
  127.     box-shadow: unset;
  128.   }
  129.  
  130.   /** Reset Primary Button Style */
  131.   .btn_primary,
  132. .qui_btn_Blue {
  133.     background: var(--btn-primary-background) !important;
  134.     color: var(--btn-primary-text-color) !important;
  135.     cursor: pointer;
  136.     border-color: transparent;
  137.     border-radius: 2px;
  138.     transition: all 0.156s linear;
  139.     cursor: pointer;
  140.   }
  141.  
  142.   .btn_primary:hover,
  143. .btn_primary:active,
  144. .btn_primary:focus,
  145. .qui_btn_Blue:hover,
  146. .qui_btn_Blue:active,
  147. .qui_btn_Blue:focus {
  148.     background: var(--btn-primary-hover-background) !important;
  149.   }
  150.  
  151.   #composeExitAlert_QMDialog_btn_not_exit:hover {
  152.     border-color: red;
  153.     background-color: red;
  154.     color: white !important;
  155.   }
  156.  
  157.   #composeExitAlert_QMDialog_btn_exit_save:hover {
  158.     border-color: var(--btn-primary-background);
  159.     background: var(--btn-primary-background);
  160.     color: var(--btn-primary-text-color) !important;
  161.   }
  162.  
  163.   input.txt,
  164. input.txt2,
  165. textarea.txt,
  166. .txt,
  167. .qm_txt {
  168.     border: 1px solid var(--panel-white-border-color);
  169.   }
  170.  
  171.   .dialog_operate {
  172.     background: var(--panel-white-background-color);
  173.   }
  174.  
  175.   /* Popup */
  176.   .qmpanel_shadow {
  177.     box-shadow: 0 0.5rem 4rem rgba(0, 0, 0, 0.11), 0 10px 20px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.06);
  178.   }
  179.  
  180.   .menu_item_high {
  181.     background: var(--main-color);
  182.     color: var(--main-text-color);
  183.   }
  184.  
  185.   /** Navbar */
  186.   #topDataTd {
  187.     background: var(--main-color);
  188.     color: var(--main-text-color);
  189.     height: var(--navbar-height);
  190.   }
  191.   #topDataTd a,
  192. #topDataTd a:link,
  193. #topDataTd .addrtitle {
  194.     color: var(--main-text-color);
  195.   }
  196.   #topDataTd a.imglogo {
  197.     /** Mail Logo */
  198.     display: flex;
  199.     align-items: center;
  200.     width: 135px !important;
  201.   }
  202.   #topDataTd a.imglogo img {
  203.     /** Mail Logo Image */
  204.     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEJFODBCNEZDQkQ0MTFFNEE1RTZCQ0U1NDAxRUI5RUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEJFODBCNTBDQkQ0MTFFNEE1RTZCQ0U1NDAxRUI5RUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQkU4MEI0RENCRDQxMUU0QTVFNkJDRTU0MDFFQjlFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQkU4MEI0RUNCRDQxMUU0QTVFNkJDRTU0MDFFQjlFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgR8ts0AAACOSURBVHja7NjBCQIxEAXQjHiNdmIDNmUDnmxgm9oGtpPdFDDi0ZtgDm58cwkEEngMfyCJzCwj1KEMUiAgICAgICAgICAgu6tjj0u21t5eZ+f7Eq91fVw+2j/VGjoC8qMVPT4f4jZ/dT6nq4507YipJewyYmqZWsIOMlJGdAQEBAQEBAQEBAQE5J8hTwEGAJxNPE8HR8BNAAAAAElFTkSuQmCC);
  205.     background-repeat: no-repeat;
  206.     background-position: center;
  207.     width: 30px;
  208.     height: 30px;
  209.     margin-left: 10px;
  210.   }
  211.   #topDataTd a.imglogo:after {
  212.     /** Mail Logo Text */
  213.     content: "QQMail";
  214.     color: var(--main-text-color);
  215.     font-size: 20px;
  216.     margin-left: 10px;
  217.   }
  218.   #topDataTd #logotips {
  219.     /** Logo Wrapper */
  220.     flex: 1;
  221.     display: flex;
  222.     width: calc(100% - 380px);
  223.     /** Clear Z-index */
  224.     z-index: unset;
  225.   }
  226.   #topDataTd #logotips .switch {
  227.     color: #fff;
  228.     margin: 5px 0 5px auto;
  229.     /** Tips Icon */
  230.   }
  231.   #topDataTd #logotips .switch .left {
  232.     color: #fff;
  233.     margin-top: 5px !important;
  234.   }
  235.   #topDataTd #logotips .switch span.addrtitle {
  236.     color: var(--main-text-color);
  237.     margin-top: 4px;
  238.     display: block;
  239.   }
  240.   #topDataTd #logotips .switch .icon_securityCenterTip {
  241.     position: relative;
  242.     background: orange;
  243.     border-radius: 50% !important;
  244.   }
  245.   #topDataTd #logotips .switch .icon_securityCenterTip::before {
  246.     content: "";
  247.     width: 4px;
  248.     height: 4px;
  249.     background: #fff;
  250.     display: block;
  251.     border-radius: 50%;
  252.     left: 4px;
  253.     position: absolute;
  254.     top: 2px;
  255.   }
  256.   #topDataTd #logotips .switch .icon_securityCenterTip::after {
  257.     content: "";
  258.     display: block;
  259.     height: 5px;
  260.     background: #fff;
  261.     width: 2px;
  262.     position: absolute;
  263.     left: 5px;
  264.     bottom: 2px;
  265.   }
  266.   #topDataTd .topdata {
  267.     /** Navbar Wrapper */
  268.     width: 100%;
  269.     height: var(--navbar-height);
  270.     display: flex;
  271.     flex-direction: row-reverse;
  272.     background: unset !important;
  273.   }
  274.   #topDataTd .topdata .topbg {
  275.     /** Search Wrapper */
  276.     background: transparent;
  277.     width: 425px;
  278.     height: var(--navbar-height) !important;
  279.     float: none;
  280.     position: relative;
  281.   }
  282.   #topDataTd .topdata .topbg .search_subject {
  283.     position: absolute;
  284.     margin: 10px;
  285.     height: 40px;
  286.     right: 0;
  287.     top: 0;
  288.     width: 170px;
  289.     display: flex;
  290.     align-items: center;
  291.   }
  292.   #topDataTd .topdata .topbg .search_subject .smartsearch {
  293.     margin: 0;
  294.     height: 30px;
  295.     line-height: 30px;
  296.     background: var(--search-background);
  297.     border-color: var(--search-border-color);
  298.     border-radius: 3px !important;
  299.     box-shadow: unset;
  300.     padding: 0;
  301.     /** Search Icon */
  302.   }
  303.   #topDataTd .topdata .topbg .search_subject .smartsearch #subject {
  304.     background: transparent;
  305.     padding: 0 21px;
  306.     height: 30px;
  307.     width: 120px !important;
  308.     transition: background 0.156s;
  309.     line-height: 30px;
  310.     border: 0;
  311.   }
  312.   #topDataTd .topdata .topbg .search_subject .smartsearch #subject:focus {
  313.     background: var(--search-hover-background);
  314.   }
  315.   #topDataTd .topdata .topbg .search_subject .smartsearch #searchIcon,
  316. #topDataTd .topdata .topbg .search_subject .smartsearch #subjectsearchLogo {
  317.     top: 8px;
  318.   }
  319.   #topDataTd .topdata .topbg .search_subject .smartsearch #searchIcon {
  320.     background: var(--icon-search);
  321.   }
  322.   #topDataTd .topdata .topbg .setinfo {
  323.     position: absolute;
  324.     bottom: 10px;
  325.     margin: unset;
  326.     left: 0;
  327.     z-index: 9;
  328.   }
  329.   #topDataTd .topdata .topbg .setinfo #sendToMobileIcon {
  330.     width: 16px;
  331.     height: 16px;
  332.     background-position: unset;
  333.     background: var(--icon-wireless) !important;
  334.   }
  335.   #topDataTd #setAliasTiprlt .newtips .arrowup {
  336.     background: transparent;
  337.     width: 0;
  338.     border-left: 5px solid transparent;
  339.     border-right: 5px solid transparent;
  340.     border-bottom: 9px solid var(--panel-border-color);
  341.     height: 0;
  342.     margin-bottom: 0;
  343.     top: -2px;
  344.   }
  345.   #topDataTd #setAliasTiprlt .newtips .contentcontainer,
  346. #topDataTd #setAliasTiprlt .newtips .content {
  347.     background: var(--panel-background-color);
  348.   }
  349.  
  350.   .bodybgbt {
  351.     position: static;
  352.     left: 0;
  353.     top: 0;
  354.     width: var(--left-panel-width);
  355.   }
  356.  
  357.   #leftPanel {
  358.     position: static;
  359.     left: 0;
  360.     top: 0;
  361.     width: var(--left-panel-width);
  362.     /** Move Leftpanel Compose Div to Navbar and Compact */
  363.     /** Compact #navMidBar */
  364.   }
  365.   #leftPanel #navBarDiv {
  366.     max-width: 500px;
  367.     position: absolute;
  368.     top: 0;
  369.     left: 150px;
  370.     height: 60px;
  371.     background: unset;
  372.   }
  373.   #leftPanel #navBarDiv .navbar {
  374.     display: flex;
  375.     background: transparent;
  376.     height: 60px;
  377.     width: auto;
  378.   }
  379.   #leftPanel #navBarDiv .navbar li {
  380.     color: var(--main-text-color);
  381.     height: 100% !important;
  382.     margin: 0;
  383.     padding: 0;
  384.     display: block;
  385.     position: relative;
  386.   }
  387.   #leftPanel #navBarDiv .navbar li input {
  388.     margin: 0;
  389.     padding: 0;
  390.     height: 24px;
  391.     width: 24px;
  392.     position: absolute;
  393.     float: none;
  394.     left: 15px;
  395.     top: 17px;
  396.     z-index: -1;
  397.   }
  398.   #leftPanel #navBarDiv .navbar li input.composebtn {
  399.     background: var(--icon-edit);
  400.   }
  401.   #leftPanel #navBarDiv .navbar li input.checkbtn {
  402.     background: var(--icon-receive);
  403.   }
  404.   #leftPanel #navBarDiv .navbar li input.addrbtn {
  405.     background: var(--icon-contacts);
  406.   }
  407.   #leftPanel #navBarDiv .navbar li a {
  408.     margin: 0;
  409.     padding: 0 10px 0 40px;
  410.     color: var(--header-text-color);
  411.     height: 60px !important;
  412.     line-height: 60px;
  413.     transition: background 0.156s;
  414.   }
  415.   #leftPanel #navBarDiv .navbar li a:hover,
  416. #leftPanel #navBarDiv .navbar li a:focus {
  417.     background: rgba(0, 0, 0, 0.3);
  418.   }
  419.   #leftPanel #navMidBar {
  420.     width: var(--left-panel-width);
  421.     top: 60px;
  422.     bottom: 0;
  423.     margin: 0 !important;
  424.     background: var(--left-panel-background);
  425.     box-sizing: border-box;
  426.     border-right: 2px solid var(--left-panel-border-color);
  427.   }
  428.   #leftPanel #navMidBar .folderDiv {
  429.     margin: 10px 0;
  430.   }
  431.   #leftPanel #navMidBar .folderDiv #OutFolder li {
  432.     padding: 0;
  433.     margin: 0;
  434.     height: auto;
  435.     position: relative;
  436.     transition: all 0.156s linear;
  437.   }
  438.   #leftPanel #navMidBar .folderDiv #OutFolder li a {
  439.     padding: 5px;
  440.     padding-left: 28px;
  441.     line-height: 22px;
  442.     display: block;
  443.   }
  444.   #leftPanel #navMidBar .folderDiv #OutFolder li a:link,
  445. #leftPanel #navMidBar .folderDiv #OutFolder li a:visited {
  446.     color: var(--left-panel-text-color);
  447.   }
  448.   #leftPanel #navMidBar .folderDiv #OutFolder li a:hover {
  449.     background-color: transparent;
  450.   }
  451.   #leftPanel #navMidBar .folderDiv #OutFolder li .empty_link {
  452.     color: var(--btn-primary-text-color) !important;
  453.     background: var(--btn-primary-background);
  454.     border-radius: 2px;
  455.     transition: background-color 0.156s ease;
  456.     margin: 0;
  457.     padding: 4px 8px;
  458.     position: absolute;
  459.     right: 10px;
  460.     top: 0;
  461.   }
  462.   #leftPanel #navMidBar .folderDiv #OutFolder li .empty_link:hover {
  463.     background: var(--btn-primary-hover-background);
  464.   }
  465.   #leftPanel #navMidBar .folderDiv #OutFolder li:hover {
  466.     background: var(--left-panel-hover);
  467.   }
  468.   #leftPanel #navMidBar .folderDiv #OutFolder li.fn,
  469. #leftPanel #navMidBar .folderDiv #OutFolder .fn_list {
  470.     background: var(--left-panel-active) !important;
  471.   }
  472.   #leftPanel #navMidBar .folderDiv #OutFolder #my_note li.fs_sep {
  473.     display: flex;
  474.     flex-direction: column;
  475.   }
  476.   #leftPanel #navMidBar .folderDiv #OutFolder #my_note li.fs_sep span {
  477.     margin: 0;
  478.     padding: 0;
  479.   }
  480.   #leftPanel #navMidBar .folderDiv #OutFolder #my_note li.fs_sep a {
  481.     transition: all 0.156s linear;
  482.   }
  483.   #leftPanel #navMidBar .folderDiv #OutFolder #my_note li.fs_sep a:hover,
  484. #leftPanel #navMidBar .folderDiv #OutFolder #my_note li.fs_sep a:active,
  485. #leftPanel #navMidBar .folderDiv #OutFolder #my_note li.fs_sep a:focus {
  486.     background: var(--left-panel-hover);
  487.   }
  488.   #leftPanel #navMidBar .folderDiv #OutFolder #my_note li.fs_sep:hover,
  489. #leftPanel #navMidBar .folderDiv #OutFolder #my_note li.fs_sep:active,
  490. #leftPanel #navMidBar .folderDiv #OutFolder #my_note li.fs_sep:focus {
  491.     background: transparent;
  492.   }
  493.   #leftPanel #navMidBar .folderDiv #OutFolder .nolinkbg {
  494.     /** Hide | */
  495.     display: none !important;
  496.   }
  497.   #leftPanel #navMidBar .folderDiv #OutFolder .icon_folderlist_star {
  498.     background: var(--icon-unstar);
  499.     width: 16px;
  500.     height: 16px;
  501.     margin: 2px;
  502.   }
  503.   #leftPanel #navBottomTd {
  504.     display: none;
  505.   }
  506.  
  507.   #sepLineTd {
  508.     display: none;
  509.   }
  510.  
  511.   .pInfoItem .itemHead {
  512.     white-space: nowrap;
  513.   }
  514.  
  515.   /** Main Frame*/
  516.   #mainFrameContainer {
  517.     top: 60px;
  518.     left: 190px;
  519.   }
  520.  
  521.   .tbody {
  522.     padding: 0;
  523.     margin: 0;
  524.   }
  525.  
  526.   /* Title */
  527.   .txt_title {
  528.     margin: 0 !important;
  529.     padding: 10px;
  530.   }
  531.  
  532.   /* Toolbar */
  533.   .toolheight {
  534.     position: fixed !important;
  535.     height: var(--toolbar-height) !important;
  536.   }
  537.  
  538.   .toolbgline {
  539.     background: var(--toolbar-background);
  540.     top: 0;
  541.     left: 0;
  542.     right: 0;
  543.     height: 35px;
  544.     padding: 0;
  545.     z-index: 9 !important;
  546.     border: 2px solid var(--toolbar-border-color);
  547.     border-width: 0 2px 2px 0;
  548.   }
  549.   .toolbgline .btn_sepline {
  550.     display: none;
  551.   }
  552.   .toolbgline .left {
  553.     /** filter .btn_back */
  554.     margin: 10px;
  555.   }
  556.  
  557.   .toolheight .right,
  558. .toolheight .qm_right {
  559.     padding: 13px !important;
  560.     margin: 0 !important;
  561.   }
  562.  
  563.   /* Make Bottom toolbar not fixed */
  564.   .list_btline ~ .toolbgline {
  565.     position: static !important;
  566.     padding: 0;
  567.   }
  568.  
  569.   #tips {
  570.     padding: 10px;
  571.   }
  572.  
  573.   /* Mail List */
  574.   table.O2 {
  575.     border: 0px;
  576.     padding: 10px;
  577.   }
  578.   table.O2 td {
  579.     background: transparent;
  580.     border: 0px;
  581.     background-color: unset;
  582.   }
  583.  
  584.   .talk {
  585.     margin: 0;
  586.     padding: 10px;
  587.   }
  588.  
  589.   table.M,
  590. table.F {
  591.     padding: 10px;
  592.     border: 0;
  593.     box-shadow: unset;
  594.   }
  595.  
  596.   /** Replace Icons */
  597.   .Rr {
  598.     background: var(--icon-read) 0 0 no-repeat;
  599.   }
  600.  
  601.   .Ru {
  602.     background: var(--icon-unread) 0 0 no-repeat;
  603.   }
  604.  
  605.   table.i td.fg.fs1 div {
  606.     width: 16px;
  607.     height: 16px;
  608.     background: var(--icon-unstar) 0 0 no-repeat;
  609.   }
  610.  
  611.   table.i td.fg div {
  612.     width: 16px;
  613.     height: 16px;
  614.     background: var(--icon-star) 0 0 no-repeat;
  615.   }
  616.  
  617.   input.s1bg,
  618. .ico_profileTips,
  619. .ico_profile_verified {
  620.     width: 16px;
  621.     height: 16px;
  622.     background: var(--icon-profile) 0 0 no-repeat;
  623.   }
  624.  
  625.   .qm_ico_reopen {
  626.     width: 16px;
  627.     height: 16px;
  628.     background: var(--icon-open) 0 0 no-repeat;
  629.   }
  630.  
  631.   .qm_ico_remarkoff {
  632.     width: 16px;
  633.     height: 16px;
  634.     background: var(--icon-remark) 0 0 no-repeat;
  635.   }
  636.  
  637.   .qm_ico_addFilter {
  638.     width: 16px;
  639.     height: 16px;
  640.     background: var(--icon-archive) 0 0 no-repeat;
  641.   }
  642.  
  643.   .qm_ico_print {
  644.     width: 16px;
  645.     height: 16px;
  646.     background: var(--icon-print) 0 0 no-repeat;
  647.   }
  648.  
  649.   .qm_ico_quickdown {
  650.     background: var(--icon-more) 0 0 no-repeat;
  651.   }
  652.  
  653.   .qm_ico_quickup {
  654.     background: var(--icon-less) 0 0 no-repeat;
  655.   }
  656.  
  657.   .mailList_sendIcon_Succeed {
  658.     width: 16px;
  659.     height: 16px;
  660.     background: var(--icon-ok) 0 0 no-repeat;
  661.   }
  662.  
  663.   .selbar_bt {
  664.     padding: 10px !important;
  665.     background: var(--panel-white-background-color);
  666.   }
  667.   .selbar_bt a {
  668.     padding: 5px;
  669.     transition: all 0.156s linear;
  670.     color: var(--btn-text-color);
  671.     background-color: var(--btn-background);
  672.   }
  673.   .selbar_bt a:hover,
  674. .selbar_bt a:focus,
  675. .selbar_bt a:active {
  676.     background-color: var(--btn-hover-background);
  677.   }
  678.  
  679.   #qqmail_mailcontainer {
  680.     margin-top: var(--toolbar-height);
  681.     position: relative;
  682.   }
  683.   #qqmail_mailcontainer .txt_title {
  684.     display: none;
  685.   }
  686.   #qqmail_mailcontainer .settingtable {
  687.     border-color: var(--toolbar-border-color);
  688.     background: var(--toolbar-background);
  689.   }
  690.   #qqmail_mailcontainer .mail_list_thumb_form {
  691.     background: var(--panel-white-background-color);
  692.   }
  693.   #qqmail_mailcontainer .qm_con_fold,
  694. #qqmail_mailcontainer .qm_con_expand {
  695.     margin: 0;
  696.   }
  697.   #qqmail_mailcontainer .toarea {
  698.     margin: 0;
  699.     padding: 0;
  700.   }
  701.   #qqmail_mailcontainer #tips_bar ~ div:first-child {
  702.     display: none;
  703.   }
  704.  
  705.   body[module=qmReadMail] {
  706.     margin: 0 !important;
  707.     padding: 0 !important;
  708.   }
  709.   body[module=qmReadMail] #qqmail_mailcontainer {
  710.     margin-top: 0;
  711.     background: var(--panel-gray-background-color);
  712.   }
  713.   body[module=qmReadMail] #qqmail_mailcontainer > div {
  714.     /* Clear z-index */
  715.     z-index: unset !important;
  716.   }
  717.   body[module=qmReadMail] #qqmail_mailcontainer #mainmail {
  718.     margin-bottom: 0 !important;
  719.     padding-bottom: 10px;
  720.   }
  721.   body[module=qmReadMail] #qqmail_mailcontainer #mainmail #nextmail_top {
  722.     margin: 15px;
  723.   }
  724.   body[module=qmReadMail] #qqmail_mailcontainer .toolbgline .left {
  725.     margin: 10px 5px;
  726.     padding: 0 12px;
  727.   }
  728.   body[module=qmReadMail] #qqmail_mailcontainer .settingtable {
  729.     background: var(--panel-white-background-color);
  730.     border: 0px;
  731.     padding-left: 4px !important;
  732.     padding: 4px !important;
  733.   }
  734.   body[module=qmReadMail] #qqmail_mailcontainer .settingtable.txt_left span {
  735.     height: 20px !important;
  736.     line-height: 20px !important;
  737.   }
  738.   body[module=qmReadMail] #qqmail_mailcontainer .settingtable.txt_right > span {
  739.     vertical-align: 3px !important;
  740.   }
  741.   body[module=qmReadMail] #qqmail_mailcontainer .readmailinfo {
  742.     background: var(--panel-white-background-color);
  743.     border: 1px solid var(--panel-white-border-color);
  744.     border-bottom: 0;
  745.     margin: 104px 10px 0;
  746.     padding: 10px;
  747.   }
  748.   body[module=qmReadMail] #qqmail_mailcontainer .readmailinfo > table {
  749.     margin-left: 50px;
  750.   }
  751.   body[module=qmReadMail] #qqmail_mailcontainer .readmailinfo .readmail_subject {
  752.     /** Mail Subject */
  753.     position: absolute;
  754.     top: -59px;
  755.     left: 0px;
  756.     width: 100%;
  757.     height: 24px;
  758.     line-height: 24px;
  759.     background: var(--panel-gray-background-color);
  760.     padding: 17px 12px !important;
  761.     margin-left: -11px;
  762.   }
  763.   body[module=qmReadMail] #qqmail_mailcontainer .readmailinfo .readmail_subject #subject {
  764.     font-size: 17px;
  765.   }
  766.   body[module=qmReadMail] #qqmail_mailcontainer .readmailinfo > #subjectTip ~ table {
  767.     height: auto !important;
  768.   }
  769.   body[module=qmReadMail] #qqmail_mailcontainer .readmailinfo #senderInfo2 {
  770.     /** User Avatar */
  771.     position: absolute;
  772.     left: 11px;
  773.     top: 13px;
  774.     padding: 0 !important;
  775.     width: 45px;
  776.     height: 45px;
  777.     overflow: hidden;
  778.   }
  779.   body[module=qmReadMail] #qqmail_mailcontainer .readmailinfo #senderInfo2 > div {
  780.     width: 42px !important;
  781.     height: 42px !important;
  782.   }
  783.   body[module=qmReadMail] #qqmail_mailcontainer .readmailinfo #senderInfo2 > div #qqiconimg {
  784.     margin: 0 !important;
  785.   }
  786.   body[module=qmReadMail] #qqmail_mailcontainer #contentDiv {
  787.     /** Mail Content */
  788.     background: var(--panel-white-background-color);
  789.     border: 1px solid var(--panel-white-border-color);
  790.     border-top: 0;
  791.     padding: 10px !important;
  792.     margin: 0 10px;
  793.     overflow: hidden;
  794.     /** Fix attachmet style */
  795.   }
  796.   body[module=qmReadMail] #qqmail_mailcontainer #attachment {
  797.     /** Mail Attachment */
  798.     margin: 10px 10px 0;
  799.   }
  800.   body[module=qmReadMail] #qqmail_mailcontainer #pageEnd {
  801.     margin: 10px;
  802.     background: var(--panel-white-background-color);
  803.     border: 1px solid var(--panel-white-border-color);
  804.   }
  805.  
  806.   body.netdisk_multi {
  807.     padding: 0 !important;
  808.   }
  809.   body.netdisk_multi .readmailinfo {
  810.     background: var(--panel-gray-background-color);
  811.     width: 100%;
  812.     overflow: hidden;
  813.     padding-right: 10px;
  814.   }
  815.   body.netdisk_multi .readmailinfo .rmg_mailinfo > tbody > tr:first-child {
  816.     margin: 0 10px;
  817.     display: block;
  818.     border: 1px solid transparent;
  819.     box-sizing: border-box;
  820.     border-bottom-color: var(--panel-white-border-color);
  821.   }
  822.   body.netdisk_multi .readmailinfo .rmg_mailinfo > tbody > tr:first-child > td.settingtable {
  823.     width: 100%;
  824.     height: 24px;
  825.     line-height: 24px;
  826.     background: var(--panel-gray-background-color) !important;
  827.     padding: 17px 0px !important;
  828.   }
  829.   body.netdisk_multi .readmailinfo .rmg_mailinfo > tbody > tr:first-child > td.settingtable > .qm_left {
  830.     padding-bottom: 0 !important;
  831.     line-height: 17px;
  832.   }
  833.   body.netdisk_multi .readmailinfo .rmg_mailinfo > tbody > tr:first-child > td.settingtable > .qm_left .sub_title {
  834.     font-size: 17px !important;
  835.   }
  836.   body.netdisk_multi .readmailinfo .rmg_mailinfo > tbody > tr:not(:first-child) {
  837.     display: block;
  838.     background: var(--panel-white-background-color);
  839.     margin: 0 10px;
  840.     padding: 10px 0 0 10px;
  841.     border: 1px solid var(--panel-white-border-color) !important;
  842.     width: calc(100% - 20px);
  843.     border-width: 0 1px !important;
  844.     box-sizing: border-box;
  845.   }
  846.   body.netdisk_multi .readmailinfo .rmg_mailinfo > tbody > tr:not(:first-child) td {
  847.     margin: 0 !important;
  848.     padding: 0px !important;
  849.   }
  850.   body.netdisk_multi .readmailinfo .rmg_mailinfo > tbody > tr:not(:first-child) #attchshow {
  851.     margin: 0px;
  852.     padding-left: 0;
  853.     padding-bottom: 0;
  854.   }
  855.   body.netdisk_multi .readmailinfo .rmg_mailinfo > tbody > tr:not(:first-child) #attchshow ~ tr {
  856.     padding: 0;
  857.     margin: 0;
  858.   }
  859.   body.netdisk_multi .readmailinfo .rmg_mailinfo > tbody > tr:not(:first-child) #attchshow ~ tr > td {
  860.     padding-top: 10px !important;
  861.   }
  862.   body.netdisk_multi .readmailinfo:not(:first-child) {
  863.     border: 0px;
  864.     padding: 0 !important;
  865.   }
  866.   body.netdisk_multi .readmailinfo:not(:first-child) #quickreply {
  867.     margin: 0 10px;
  868.     background: var(--panel-white-background-color);
  869.     border: 1px solid var(--panel-white-border-color);
  870.     border-width: 0 1px;
  871.     padding: 0 10px;
  872.   }
  873.  
  874.   #frm[action="/cgi-bin/compose_send"] {
  875.     background: var(--panel-gray-background-color);
  876.   }
  877.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding {
  878.     background: var(--panel-white-background-color);
  879.     border: 2px solid var(--panel-white-border-color) !important;
  880.     margin: 10px;
  881.   }
  882.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding .div_txt {
  883.     border: 0px;
  884.     background: transparent;
  885.     padding: 0;
  886.     height: 39px;
  887.     line-height: 39px;
  888.     margin: -3px 0 0 0;
  889.   }
  890.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding .content_title {
  891.     padding-top: 0px !important;
  892.   }
  893.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding #rightArea {
  894.     margin: 0 !important;
  895.     border: 1px solid var(--panel-white-border-color);
  896.     border-bottom: 0;
  897.   }
  898.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding #rightAreaBtnWarp {
  899.     border-left: 1px solid var(--panel-white-border-color);
  900.     margin-left: -1px !important;
  901.     width: 15px !important;
  902.     padding-left: 5px;
  903.   }
  904.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding #rightAreaBtnWarp ~ div {
  905.     margin-top: 0 !important;
  906.   }
  907.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding #rightAreaBtnWarp ~ div > div:first-child {
  908.     display: none !important;
  909.   }
  910.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding #rightAreaBtnWarp ~ div #addrsDiv {
  911.     margin-top: -1px;
  912.   }
  913.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding #rightAreaBtnWarp ~ div table.i {
  914.     border: 1px solid #ccc;
  915.     margin-top: -1px !important;
  916.     margin-bottom: -1px !important;
  917.     margin-left: 0px !important;
  918.   }
  919.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding #rightAreaBtnWarp ~ div table.i td:first-child > div {
  920.     padding: 0 !important;
  921.     min-width: 62px !important;
  922.     margin: 5px;
  923.   }
  924.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding #rightAreaBtnWarp ~ div table.i td:first-child > div a,
  925. #frm[action="/cgi-bin/compose_send"] #sendtimepadding #rightAreaBtnWarp ~ div table.i td:first-child > div span {
  926.     display: inline-block;
  927.     padding: 5px 10px !important;
  928.     background: var(--btn-secondary-background);
  929.     color: var(--btn-secondary-text-color);
  930.     margin: 0;
  931.   }
  932.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding #rightAreaBtnWarp ~ div table.i td [clss=f_family] {
  933.     display: none !important;
  934.   }
  935.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding #addrQzone ~ table.i tr:first-child {
  936.     display: none;
  937.   }
  938.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding .addr_base {
  939.     height: 17px;
  940.     margin: 1px;
  941.     line-height: 16px;
  942.     padding: 10px;
  943.   }
  944.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding .addr_text {
  945.     float: none !important;
  946.     height: 40px;
  947.     margin: 0;
  948.     line-height: 40px;
  949.   }
  950.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding .addr_text input {
  951.     height: 39px;
  952.     padding: 0;
  953.     line-height: 39px;
  954.   }
  955.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding #addrOper {
  956.     padding: 10px;
  957.     border: 1px solid var(--panel-white-border-color);
  958.   }
  959.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding #addrOper .input_title {
  960.     margin: 0 0 0 65px;
  961.   }
  962.   #frm[action="/cgi-bin/compose_send"] #sendtimepadding > .input_title {
  963.     padding: 10px 10px 10px 75px !important;
  964.     margin: 0;
  965.     border-left: 1px solid var(--panel-white-border-color);
  966.   }
  967.   #frm[action="/cgi-bin/compose_send"] #QMEditorArea {
  968.     margin-left: -73px;
  969.     margin-top: -2px;
  970.     margin-bottom: -2px;
  971.     border: 1px solid var(--panel-white-border-color);
  972.     border-right: 0;
  973.   }
  974.  
  975.   .qmEditorBase {
  976.     border: 0px;
  977.   }
  978.  
  979.   .qmEditorIfrmEditArea {
  980.     border: 0px;
  981.   }
  982.  
  983.   .qmEditorContent {
  984.     height: unset !important;
  985.   }
  986.  
  987.   .qmEditorToolBarDiv {
  988.     border-bottom: 0px;
  989.   }
  990.  
  991.   .composetab {
  992.     background: var(--panel-white-background-color);
  993.     height: 39px;
  994.     width: 100%;
  995.     display: block;
  996.   }
  997.   .composetab tr td {
  998.     padding: 0 !important;
  999.   }
  1000.   .composetab .composetab_img {
  1001.     display: none;
  1002.   }
  1003.   .composetab .composetab_unsel {
  1004.     background: var(--panel-white-background-color);
  1005.     overflow: hidden;
  1006.     height: 39px;
  1007.   }
  1008.   .composetab .composetab_unsel a {
  1009.     color: var(--panel-text-color);
  1010.     font-weight: 400;
  1011.     display: block;
  1012.     padding: 10px !important;
  1013.     margin: 0px;
  1014.     transition: all 0.2s linear 0s;
  1015.     width: auto;
  1016.   }
  1017.   .composetab .composetab_unsel a:hover {
  1018.     text-decoration: none;
  1019.     background: var(--btn-hover-background);
  1020.   }
  1021.   .composetab .composetab_sel {
  1022.     background: var(--panel-white-background-color);
  1023.     height: 39px;
  1024.     position: relative;
  1025.   }
  1026.   .composetab .composetab_sel div {
  1027.     padding: 10px !important;
  1028.     margin: 0px;
  1029.     cursor: pointer;
  1030.   }
  1031.   .composetab .composetab_sel div:hover {
  1032.     background: var(--btn-hover-background);
  1033.   }
  1034.   .composetab .composetab_sel:after {
  1035.     content: "";
  1036.     display: block;
  1037.     border-bottom: 5px solid var(--main-color);
  1038.     position: absolute;
  1039.     width: 60px;
  1040.     bottom: 2px;
  1041.     left: 25px;
  1042.     transition: all 0.156s linear 0s;
  1043.   }
  1044.   .composetab .composetab_sel:hover:after {
  1045.     width: 70px;
  1046.     left: 20px;
  1047.   }
  1048.  
  1049.   #toolbar .toolbg,
  1050. #toolbar .toolbg1 {
  1051.     background-color: var(--panel-background-color);
  1052.     padding: 10px;
  1053.     border: 2px solid var(--panel-border-color);
  1054.     border-width: 2px 0 0 0;
  1055.   }
  1056.   #toolbar .toolbg .right,
  1057. #toolbar .toolbg1 .right {
  1058.     margin: 0 !important;
  1059.   }
  1060.   #toolbar .toolbg .btn_space,
  1061. #toolbar .toolbg1 .btn_space {
  1062.     height: 22px;
  1063.     padding: 5px 10px;
  1064.     margin-right: 10px;
  1065.     cursor: pointer;
  1066.     display: inline-block;
  1067.     background-color: var(--btn-background);
  1068.   }
  1069.   #toolbar .toolbg .btn_space:hover,
  1070. #toolbar .toolbg1 .btn_space:hover {
  1071.     background-color: var(--btn-hover-background);
  1072.   }
  1073.  
  1074.   /* Group Mail */
  1075.   body#list #body_list {
  1076.     margin-top: 50px;
  1077.   }
  1078.   body#list .mysidebar {
  1079.     top: 39px !important;
  1080.   }
  1081.   body#list li {
  1082.     transition: all 0.156s linear;
  1083.   }
  1084.   body#list li.fn {
  1085.     background: var(--btn-primary-background);
  1086.   }
  1087.   body#list li.fn a {
  1088.     color: var(--btn-primary-text-color);
  1089.   }
  1090.   body#list li.fs:hover {
  1091.     background-color: var(--btn-primary-background);
  1092.   }
  1093.   body#list li.fs:hover a {
  1094.     color: var(--btn-primary-text-color);
  1095.     text-decoration: none;
  1096.   }
  1097.  
  1098.   #postop0,
  1099. .toolbgline.barspace4 {
  1100.     display: none;
  1101.   }
  1102.  
  1103.   .settingTitle {
  1104.     padding-top: 0;
  1105.   }
  1106.  
  1107.   .settingtable,
  1108. .settingTitle .selected {
  1109.     background: var(--panel-white-background-color);
  1110.   }
  1111.  
  1112.   .settingSub {
  1113.     padding: 0 !important;
  1114.   }
  1115.   .settingSub a {
  1116.     color: var(--panel-text-color);
  1117.     display: block;
  1118.     padding: 10px;
  1119.   }
  1120.  
  1121.   .settingSub.selected {
  1122.     padding: 10px !important;
  1123.   }
  1124.  
  1125.   .toolbgline.h22 {
  1126.     /* Save Toolbar */
  1127.     bottom: 0;
  1128.     top: unset;
  1129.     display: flex;
  1130.     align-items: center;
  1131.     padding-left: 10px;
  1132.     border-top: 2px solid var(--toolbar-border-color);
  1133.   }
  1134.  
  1135.   body[onunload="changeStyle();"] .txt_title,
  1136. body.tbody .txt_title {
  1137.     display: none;
  1138.   }
  1139.  
  1140.   body.ft_l_body .ft_l_wrapper .attach_type {
  1141.     height: 16px;
  1142.   }
  1143.   body.ft_l_body .ft_l_wrapper .composetab .innerTxt {
  1144.     cursor: pointer;
  1145.     padding: 10px 0;
  1146.   }
  1147.   body.ft_l_body .ft_l_wrapper .ft_l_listTopbar {
  1148.     padding: 10px;
  1149.     border-bottom: unset;
  1150.   }
  1151.   body.ft_l_body .ft_l_wrapper .ft_l_listItem {
  1152.     border-bottom: 0px;
  1153.   }
  1154.   body.ft_l_body .ft_l_wrapper .ft_l_listItemContent {
  1155.     padding: 10px;
  1156.   }
  1157.   body.ft_l_body .ft_l_wrapper .ft_l_listTitle {
  1158.     border-left-color: transparent;
  1159.   }
  1160.   body.ft_l_body .ft_l_wrapper a.button_gray_s,
  1161. body.ft_l_body .ft_l_wrapper a.button_gray_m,
  1162. body.ft_l_body .ft_l_wrapper a.button_gray_md,
  1163. body.ft_l_body .ft_l_wrapper a.button_gray_l,
  1164. body.ft_l_body .ft_l_wrapper a.button_gray_f {
  1165.     background-color: var(--btn-secondary-background);
  1166.     background-image: unset;
  1167.   }
  1168. }
  1169. @-moz-document regexp("https?:\\/\\/mail\\.qq\\.com\\/cgi-bin\\/frame_html\\?t=newwin_frame.*") {
  1170.   #mainFrameContainer {
  1171.     margin: 0;
  1172.     top: 0;
  1173.     left: 0;
  1174.   }
  1175. }
  1176. @-moz-document regexp("https?:\\/\\/mail\\.qq\\.com\\/") {
  1177.   body {
  1178.     background: var(--login-background);
  1179.     background-size: cover;
  1180.     margin: 0;
  1181.     position: absolute;
  1182.     left: 0;
  1183.     right: 0;
  1184.     top: 0;
  1185.     bottom: 0;
  1186.     overflow: hidden;
  1187.   }
  1188.  
  1189.   .header,
  1190. .footer {
  1191.     display: none;
  1192.   }
  1193.  
  1194.   .container {
  1195.     position: absolute;
  1196.     top: 0;
  1197.     right: 0;
  1198.     bottom: 0;
  1199.     left: 0;
  1200.     display: flex;
  1201.     justify-content: center;
  1202.     align-items: center;
  1203.     background-color: rgba(0, 0, 0, 0.3);
  1204.   }
  1205.  
  1206.   .content_wrapper {
  1207.     display: flex;
  1208.     justify-content: center;
  1209.     align-items: center;
  1210.   }
  1211.  
  1212.   .login_pictures {
  1213.     display: none;
  1214.   }
  1215. }
  1216. @-moz-document regexp("https?:\\/\\/mail\\.qq\\.com\\/cgi-bin\\/loginpage.*") {
  1217.   body {
  1218.     background: var(--login-background);
  1219.     background-size: cover;
  1220.     margin: 0;
  1221.     position: absolute;
  1222.     left: 0;
  1223.     right: 0;
  1224.     top: 0;
  1225.     bottom: 0;
  1226.     overflow: hidden;
  1227.   }
  1228.  
  1229.   .header,
  1230. .footer {
  1231.     display: none;
  1232.   }
  1233.  
  1234.   .container {
  1235.     height: 100%;
  1236.   }
  1237.  
  1238.   .content {
  1239.     height: 100%;
  1240.     display: flex;
  1241.     justify-content: center;
  1242.     align-items: center;
  1243.   }
  1244.   .content .logout_info {
  1245.     padding: 20px;
  1246.     background: rgba(255, 255, 255, 0.75);
  1247.     border-radius: 5px !important;
  1248.   }
  1249.   .content .logout_ad {
  1250.     display: none !important;
  1251.   }
  1252. }
  1253. @-moz-document domain("aq.qq.com") {
  1254.   #mobile_tips #mobile_tips_link_default {
  1255.     top: 140px !important;
  1256.   }
  1257. }
  1258.  
  1259. /*# sourceMappingURL=flatqqmail.css.map */