☰

QQ 邮箱简洁风

QQ 邮箱个性化样式

目前为 2020-08-02 提交的版本。查看 最新版本。

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

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址