Skip to content

Instantly share code, notes, and snippets.

@benzBrake
Last active August 29, 2015 14:17
Show Gist options
  • Save benzBrake/15aaff20873acdb66b61 to your computer and use it in GitHub Desktop.
Save benzBrake/15aaff20873acdb66b61 to your computer and use it in GitHub Desktop.
Windows 8 / Outlook.com style for QQMail
@-moz-document url-prefix("http://mail.qq.com/cgi-bin/frame_html"), url-prefix("https://mail.qq.com/cgi-bin/frame_html") {
/* Frame */
input, select, textarea, button {
font-size: 100%;
font-family: "Microsoft Yahei UI","Microsoft Yahei",Verdana,Simsun,"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;
}
.getuserdata * {
color: #fff !important;
}
#topDataTd {
height: 50px;
overflow: visible;
background: #0072C6;
}
.topdata {
height: 50px;
}
.lgoo {
left: 0px;
width: 100%;
height: 50px;
}
.imglogo::before {
content: url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEJFODBCNEZDQkQ0MTFFNEE1RTZCQ0U1NDAxRUI5RUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEJFODBCNTBDQkQ0MTFFNEE1RTZCQ0U1NDAxRUI5RUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQkU4MEI0RENCRDQxMUU0QTVFNkJDRTU0MDFFQjlFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQkU4MEI0RUNCRDQxMUU0QTVFNkJDRTU0MDFFQjlFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgR8ts0AAACOSURBVHja7NjBCQIxEAXQjHiNdmIDNmUDnmxgm9oGtpPdFDDi0ZtgDm58cwkEEngMfyCJzCwj1KEMUiAgICAgICAgICAgu6tjj0u21t5eZ+f7Eq91fVw+2j/VGjoC8qMVPT4f4jZ/dT6nq4507YipJewyYmqZWsIOMlJGdAQEBAQEBAQEBAQE5J8hTwEGAJxNPE8HR8BNAAAAAElFTkSuQmCC);
}
.imglogo {
background: url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAAAyCAYAAAB4ZXTmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExNjk0QUNDQ0I1MTFFNEFBMEM4N0RFNzUxM0E3MkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExNjk0QURDQ0I1MTFFNEFBMEM4N0RFNzUxM0E3MkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTE2OTRBQUNDQjUxMUU0QUEwQzg3REU3NTEzQTcyRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTE2OTRBQkNDQjUxMUU0QUEwQzg3REU3NTEzQTcyRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpjGeucAAAOeSURBVHja7FuLjeIwEIXrwFdCtoRsCaGEUEIoIVsClEBKSEoIJUAJpARSApdI49PIsp1xCNkA70kjIdYef96M/Wwv6/v9vgLeG38wBSAZAMkASAZAMgCSAZAMgGQAJINkACQDIBkAyQDh3Fn/OpQY39/JslcgOe+sZJ3WdhwxgIT83QxfV/o+Gqhfszp1YNuR0eYU6McT0+f06eHUPzVObGlnt/swzp3FA75UZ+VdhtzjpzbKRgHj2Rt1p5gjRePvkRh/08im4mRqgnPWyZtl4iNLGRfRfdkrK1taJiQzCDwOkKyDbx9Axs0I2tWTbdEkp6yDNU3QSkDg1VH2zPylAcGVe0g+MrKVYEwZCwqQLCDNtNhDTCZchrmVHgJr5qsOmMQrC7KXJXkq4ZUy8XPorBXUuXRWMZHGoYVZQ/4k0OXUgLArjDZ84iii8q1wDkqLyHSJwslV9LPVtVaKLZtECSpGTGz5HOLrQsb7Y1PKFQVPbDm+2AKtErR9JIJTi4+zQP2/FMmXwHqNxUdsEDfGXzxQbiibIyKsb/8kOGJlFAybztZkWwp6ZVmpXpJkZSFNgtbjayp/LpJbY5uxZbF0JdkRqSdjlTrMdhaekeSl+fIFQ+UgQO/prXCpbjzBcJlxTE8nuWFL11hCW0v2jvUnyeiDQ/Sl5KcIWBm0n/zB27VFkzwkeHz7mRkoF8s+HeqvEQbmyaLG88ClOqHr1j1ZwuoX70iyCtx/UosybtnnEF8xC4pKWMcUYPrYdBIGiiJVrajNLya8dgH9eAmSKzYp+wBSUgcpBSsjPUfmlv1W2u/YaOsQkMWK2txZAiN+J5J7/LAlsxYQXHouPAqWzceB86wOrNTox2pENidsGR+rKWwr1duQXLEJ7ifrahE1MRGiLwhaOlvasGWZURPZsSV7z6ydw4h9UAusjAmuUMGpWNDqcda/rar/4wl3r5nwabAWPPlFlmdCFzLBU6PrlWro4SLx3F2fHf25GnMhvaNe7N21mRl/Kasbx9FlQ9YIMmVDWV04BN8PCZ1HlOyBrUZtYN1vyxZRCMc3C9Yz/T45omVVETHfD/rbsyV6uxQVu1SsZ/wResIE2cmzF0tRM0G2CRBLH4c5/5GPE5tQZj+iPjmxNWW3AqW/m8k8o0sLIQ1dJoSidATLbik3Tp+UyTyjv0istBP422JfXl4mAx+QyQBIBkAyAJIBkAySAZAMgGQAJAMgGQDJAEgGfPgnwACv72lFsaMgpQAAAABJRU5ErkJggg==) no-repeat;
background-position: 30px 0;
height: 50px;
}
.maillogo {
display: none;
}
a#composebtn {
width: 80px;
display: block;
height: 50px !important;
padding: 10px 0 0 40px;
color: #fff;
background-position: 10px 9px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENGNzM0NkFDRDY5MTFFNEE2NDc5RUUyNDUzNzJCQkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENGNzM0NkJDRDY5MTFFNEE2NDc5RUUyNDUzNzJCQkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0Y3MzQ2OENENjkxMUU0QTY0NzlFRTI0NTM3MkJCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0Y3MzQ2OUNENjkxMUU0QTY0NzlFRTI0NTM3MkJCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpzCnXIAAAFcSURBVHjavFaBjcMgDEw6QUZgBDYoI2QERugIP0JHYQR3g4zACNkgTyRcXXhDyCcB6VSpDj7bwNn9sixdy9VXEo4BJkAHPBPbJ2AKoAC362klLMAG+OXv8oX/bclnzjAEUOLoFaCFb3W0YQAUfVQRatg870UsVGSOeycpQCkzDxuGA2ToY4LKDCVCOkkmkVKO0EIZz5AhKZfXSoQ+NRbAq+ZMubQbwjE1XESIiawc3QMe9rreN4jLe8MRo+ADVjdkqOAifqWN9a2vjPr/30PEtJNN7ZJ88HP7nmHzbtG8pL7BpfFYUoq/5oYqmg1Hogh0Q4aECiYpgrmQ0OSkrYtNVGwpJ8Sbk3jl2hMrjruA0KHC5AgVtBR3ogE7aHWqZsSYobzmAJlJxhNdO0QpKC/fXpvJeIg2HLqm3Jvei/gHssUJjiLSUXGOew6PiVLndgI5k7ja6a5vPer/CjAAXf84djgz7tgAAAAASUVORK5CYII=');
background-repeat: no-repeat;
}
input.composebtn {
display: none !important;
}
.navbar li.fs:hover,.navbar li.fs:hover a {
background-color: #005798 !important;
}
.topbg {
background: #0072C6;
height: 50px !important;
}
.switch {
margin: 8px 50px 0 0;
float: right;
}
.switch:after {
content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAABmklEQVRoQ+2Y4Y2DMAyF0xuESZiESdgAJmESJmGRO/kkS1EEieP3eilcIlX9UeK8z88hcV/LsnyHG4+vG2v/ld4BWjvYHWjtwIv5FhqGIYzjGOQ7HcdxhH3fg3wzBw1AhMunNARg27bSY+bfKXtgmiaTeFEl7szzfOqSWXX0IAwggs5KpiTG4lYpBuUckOx7hu4Xz9x4DuQAmkV0PuyAp3TSjKMQkAMMADQGBIDWr76VkDjNARDx0B5ArUeF63y3A+wrgRfIDeBdkD3vfwPI7RIdaClCDtweQLKPQqDzIQcUwFsGjL4ABvC6INBecNptVAOJkHVdzYKkbBjZl/VpLaXC/HVfXAWg3Vd8BfY262eg2vTXlJYJIJdVzbyUhHVhiZfr5GqSUgQoLRZvqNLClkTE8SxJyQLUiE9BUje8zX8JIgsgNre+Npf+R8qeA63FWzq2SwC02UYvefH8nBbKScwUWxurO1CbMfbzzyyhT9rA6tiVpmc6wK7Td8Y7deATDrAU+krTMwHeaTk7dt/E7IzWxusO1GaM/fwPk6it4ChwtJYAAAAASUVORK5CYII=');
position: absolute;
right: 0;
top: 1px;
;
}
.bindacc.qmpanel_shadow {
postition: absolute !important;
top: 50px !important;
right: 0px !important;
}
#SetInfo {
display: none;
}
#useralias {
}
.search_subject {
position: absolute;
height: 2.85em;
width: 205px !important;
z-index: 2;
left: 0;
top: 50px;
background: #f3f3f3;
}
.search_subject .smartsearch {
height: 25px;
}
.search_subject .smartsearch input.searchinput {
height: 25px;
}
.ss_icon {
margin: 4px 0;
}
.topline,.topline_height {
display: none;
}
.toplineimg {
background: #f3f3f3;
}
#leftPanel {
width: 205px;
left: 0px;
}
.fdbody {
width: 205px;
border: none;
}
.fdbody, .tipstitle {
background: #f3f3f3;
}
.navbar {
background: #0072C6;
height: 50px;
width: 255px;
}
#navBarDiv {
width: 85px;
position: absolute !important;
top: -77px;
left: 200px;
z-index: 6;
overflow: hidden;
}
.folderDiv {
margin: 0;
}
.newskinbody ul.navbar li.composepart {
height: 48px !important;
margin: auto;
}
.navbar .addrpart,.navbar .checkpart {
display: none;
}
.newskinbody {
width: 205px !important;
}
.listbg, .navbottom {
width: 205px !important;
}
.listflow {
top: 10px;
}
.listbg,.navbottom {
background: #f3f3f3;
}
li.fn {
background: #cccccc;
color: #000;
padding: 3px;
margin: 0;
}
li.fn a {
color: #000;
font-size: 14px;
}
li.fn a:link, li.fn a:visited {
color: #000;
}
li.fs {
padding: 3px;
margin: 0;
}
li.fs:hover,li.fs:hover a {
background-color: #e0e0e0 !important;
color: #000;
}
li.fs a {
color: #000;
font-size: 14px;
}
.qmpanel_shadow {
border: 2px solid #000 !important;
border-radius: 0;
border-shadow: none;
}
#mainFrameContainer {
margin-left: 10px !important;
top: 50px;
z-index: 99;
overflow: visible !important;
}
}
@-moz-document url-prefix("http://set1.mail.qq.com/cgi-bin/mail_list"), url-prefix("https://set1.mail.qq.com/cgi-bin/mail_list") {
/* Inbox */
input, select, textarea, button {
font-size: 100%;
font-family: "Microsoft Yahei UI","Microsoft Yahei",Verdana,Simsun,"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;
}
.txt_title {
display: none;
}
.toolbg.toolbgline.toolheight.nowrap {
width: 98%;
z-index: 99;
}
.toolbgline, .tabtitle td, .readmailinfo, .settingtd, .addr_line, .filtertd1, .bartools {
background: #fff;
}
.qmpanel_shadow {
border: 2px solid #000 !important;
border-radius: 0;
border-shadow: none;
}
.toarea .F, .toarea .M {
line-height: 2em;
}
table.B {
background-color: #0072C6 !important;
color: #fff !important;
}
.s1, .s9 {
color: #000;
}
table.B .s1,table.B .s9 {
color: #fff;
}
table.B td.gt {
color: #fff;
}
table.B .black {
color: #fff;
}
.toolbgline, .tabtitle td, .readmailinfo, .settingtd, .addr_line, .filtertd1, .bartools {
border-bottom: none;
}
table.i td.ci {
display: none;
}
table.M, table.F {
border: none;
}
BODY:not(.IE_M9) input[type=checkbox], BODY:not(.IE_M9) input[type=radio] {
opacity: 1;
}
.tabtitle td.selected, .colorpanel, .bd, .tpinfo {
border-bottom: 1px solid #0072c6;
}
.toarea {
margin-top: 0;
}
.toarea tr:hover {
background: #e7e7e7;
}
.toarea .B tr:hover {
background: #0072c6;
}
.qm_con_fold, .qm_con_expand {
margin: 0px 0px 0px 0px !important;
}
table.i td.cx, table.i td.cx_s {
padding: 7px 0 1px 5px;
}
.attbg {
background: #e7e7e7;
}
li.fn {
color: #000000;
background: #cccccc;
}
li.fn a:link, li.fn a:visited {
color: #000000;
}
li.fs a:link, li.fs a:visited {
color: #000000;
}
a, a:link, a:visited, li.fs a.fdleft:hover, li.fd_mg a.fdleft:hover {
color: #000000;
}
.B, .nomail, .colortitle {
background: #ffffff;
}
.composetab_sel {
background: #cccccc;
}
.composetab_unsel {
background: #f3f3f3;
}
.composetab_img {
background: none;
}
}
@-moz-document url-prefix("http://set1.mail.qq.com/cgi-bin/today"), url-prefix("https://set1.mail.qq.com/cgi-bin/today") {
/* Homepage and ADMail*/
.msg_info .content {
background: #f3f3f3;
}
a,a:hover,a:focus {
color: #000 !important;
}
.tabtitle td.selected, .colorpanel, .bd, .tpinfo {
border-color: #ddd;
}
.tipstitle_title.bd.settingtable.bold {
background: #f3f3f3;
}
#rightPanelTitle_normal .actived {
border-radius: 0;
}
#rightPanelTitle_normal .first .tab_list {
border-radius: 0;
}
.toarea .M, .toarea .F {
border: none;
}
.toarea {
margin-top: 0;
}
}
@-moz-document url-prefix("http://set1.mail.qq.com/cgi-bin/laddr_friend"), url-prefix("https://set1.mail.qq.com/cgi-bin/laddr_friend") {
.green, .grn, a.green:link, a.green:visited {
color: #000;
}
a,a:hover,a:focus {
color: #000 !important;
}
}
@-moz-document url-prefix("http://set1.mail.qq.com/cgi-bin/quotaupdatelog"), url-prefix("https://set1.mail.qq.com/cgi-bin/quotaupdatelog") {
/* QQMail Helper */
* {
color: #000 !important;
background: #fff !important;
border-color: #fff !important;
}
}
@-moz-document url-prefix("http://set1.mail.qq.com/cgi-bin/setting"), url-prefix("https://set1.mail.qq.com/cgi-bin/setting") {
/* Settings */
* {
color: #000 !important;
background-color: #fff !important;
border-color: #fff !important;
}
}
@-moz-document url-prefix("http://set1.mail.qq.com/cgi-bin/"), url-prefix("https://set1.mail.qq.com/cgi-bin/") {
/* ComposeMail */
.composetab {
display: none;
}
.toolbg, .toolbg1 {
background-color: #fff !important;
}
.toolbgline {
border-bottom: 1px solid #f3f3f3 !important;
}
.readmailinfo {
background: #fff !important;
}
.cptab {
background: #f3f3f3 !important;
border-color: #ccc !important;
color: #000 !important;
}
.cpslt {
background: #cccccc !important;
}
.cptab.toolbg {
background: #e0e0e0 !important;
}
.cpright,.settingtable.qqshowbd {
border-color: #ccc !important;
background-color: #f3f3f3 !important;
}
.cpright,a.lm_addr,.groupclose div {
background-color: #f3f3f3;
}
a.lm_addr:hover,.groupclose div:hover {
background-color: #e0e0e0 !important;
}
a, a:link, a:visited, li.fs a.fdleft:hover, li.fd_mg a.fdleft:hover {
color: #000 !important;
}
}
@-moz-document url-prefix("http://set1.mail.qq.com/cgi-bin/readtemplate?t=setting_paper"), url-prefix("https://set1.mail.qq.com/cgi-bin/readtemplate?t=setting_paper") {
/* Setting Template */
}
@-moz-document url-prefix("http://set1.mail.qq.com"), url-prefix("https://set1.mail.qq.com") {
/* Common */
.addrtitle {
color: #000;
}
.toolbg, .toolbg1, .tabtitle, .addrsort {
background: #fff !important;
}
.tabtitle {
border-top: 0px;
}
.tabtitle td {
border-color: #0072c6 !important;
border-width: 0 0 1px 0;
}
.tabtitle td.selected {
background-color: #fff;
border-color: #0072c6 !important;
border-width: 1px 1px 0 1px;
}
.settingtable {
background-color: #fff;
}
.week_title th {
color: #000;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment