-
-
Notifications
You must be signed in to change notification settings - Fork 300
/
mail.css
executable file
·91 lines (69 loc) · 2.95 KB
/
mail.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/* CLIENT-SPECIFIC STYLES */
body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
img { -ms-interpolation-mode: bicubic; }
/* RESET STYLES */
img { border: 0; outline: none; text-decoration: none; }
table { border-collapse: collapse !important; }
body { margin: 0 !important; padding: 0 !important; width: 100% !important; }
/* iOS BLUE LINKS */
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* ANDROID CENTER FIX */
div[style*="margin: 16px 0;"] { margin: 0 !important; }
/* MEDIA QUERIES */
@media all and (max-width:639px){
.wrapper{ width:320px!important; padding: 0 !important; }
.container{ width:300px!important; padding: 0 !important; }
.mobile{ width:300px!important; display:block!important; padding: 0 !important; }
.img{ width:100% !important; height:auto !important; }
*[class="mobileOff"] { width: 0px !important; display: none !important; }
*[class*="mobileOn"] { display: block !important; max-height:none !important; }
}
/* DARK MODE STYLES */
:root {
color-scheme: light dark;
supported-color-schemes: light dark;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media ( prefers-color-scheme: dark ) {
body { background-color: #262626 !important; }
[data-ogsb] body { background-color: #262626 !important; }
table { background-color: #212121 !important; }
[data-ogsb] table { background-color: #212121 !important; }
.logo-light { display:none; display:none !important; }
[data-ogsc] .logo-light { display:none !important; }
.logo-dark { display:block !important; }
[data-ogsc] .logo-dark { display:block !important; }
h1 { color: #FFFFFF !important; }
[data-ogsc] h1 { color: #FFFFFF !important; }
h2 { color: #FFFFFF !important; }
[data-ogsc] h2 { color: #ffffff !important; }
h3 { color: #FFFFFF !important; }
[data-ogsc] h3 { color: #FFFFFF !important; }
h4 { color: #FFFFFF !important; }
[data-ogsc] h4 { color: #FFFFFF !important; }
h5 { color: #FFFFFF !important; }
[data-ogsc] h5 { color: #FFFFFF !important; }
h6 { color: #FFFFFF !important; }
[data-ogsc] h6 { color: #FFFFFF !important; }
.hr { background:#FFFFFF!important; }
[data-ogsc] .hr { background:#FFFFFF!important; }
p { color: #ffffff !important; }
[data-ogsc] p { color: #FFFFFF !important; }
li { color: #FFFFFF !important; }
[data-ogsc] li { color: #FFFFFF !important; }
li>span { color: #FFFFFF !important; }
[data-ogsc] li>span { color: #FFFFFF !important; }
.link { color: #FFFFFF !important; }
[data-ogsc] .link { color: #FFFFFF !important; }
.button { background-color: #FFFFFF !important; color:#000000!important; }
[data-ogsb] .button { background-color: #FFFFFF !important; color:#000000!important; }
}