Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/templates/zerver/emails/email.css

251 lines
4.2 KiB
CSS
Raw Normal View History

emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
img {
border: none;
-ms-interpolation-mode: bicubic;
max-width: 100%;
vertical-align: bottom;
}
body {
emails: Override default button styling. Some email services will provide default styling for things like buttons, and in this case the site created a style that had a `background` attribute that overrode our `background-color` attribute because of CSS importance heirarchy. This swiches us to use `background` as well. This also forces no `text-shadow` on buttons. Fixes: #6775.
2017-10-03 01:20:20 +02:00
background: #f5f9f8;
emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
font-family: sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 14px;
line-height: 1.4;
margin: 0;
padding: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
table {
border-collapse: separate;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
width: 100%;
}
table td {
font-family: sans-serif;
font-size: 14px;
vertical-align: top;
}
.body {
emails: Override default button styling. Some email services will provide default styling for things like buttons, and in this case the site created a style that had a `background` attribute that overrode our `background-color` attribute because of CSS importance heirarchy. This swiches us to use `background` as well. This also forces no `text-shadow` on buttons. Fixes: #6775.
2017-10-03 01:20:20 +02:00
background: #f5f9f8;
emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
width: 100%;
}
.container {
display: block;
margin: 0 auto !important;
max-width: 500px;
padding: 10px;
}
.content {
box-sizing: border-box;
display: block;
margin: 20px auto 0 auto;
max-width: 580px;
padding: 10px;
}
.main {
background: #fff;
border-radius: 3px;
width: 100%;
}
.wrapper {
box-sizing: border-box;
padding: 0px 20px 20px 20px;
}
.footer {
clear: both;
padding-top: 10px;
text-align: center;
width: 100%;
margin-top: 20px;
}
.footer td,
.footer p,
.footer span,
.footer a {
color: #999999;
font-size: 12px;
text-align: center;
}
.footer .content-block p {
margin-top: 0px;
}
h1,
h2,
h3,
h4 {
color: #000000;
font-family: sans-serif;
font-weight: 400;
line-height: 1.4;
margin: 0;
margin-bottom: 30px;
}
h1 {
font-size: 35px;
font-weight: 300;
text-align: center;
text-transform: capitalize;
}
p,
ul,
ol {
font-family: sans-serif;
font-size: 14px;
font-weight: normal;
margin: 10px 0px;
}
p li,
ul li,
ol li {
list-style-position: inside;
margin-left: 5px;
}
a {
color: #45a98e;
text-decoration: underline;
}
a:hover {
color: #51c6a6;
}
.important {
border-bottom: 3px solid #d5e4e9;
}
.button {
display: block;
padding: 10px 0px;
margin: 20px auto;
width: 200px;
border: 1px solid #7fd1ba;
emails: Override default button styling. Some email services will provide default styling for things like buttons, and in this case the site created a style that had a `background` attribute that overrode our `background-color` attribute because of CSS importance heirarchy. This swiches us to use `background` as well. This also forces no `text-shadow` on buttons. Fixes: #6775.
2017-10-03 01:20:20 +02:00
background: #7fd1ba;
emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
border-radius: 4px;
font-size: 16px;
outline: none;
color: #ffffff;
font-family: sans-serif;
text-decoration: none;
text-align: center;
emails: Override default button styling. Some email services will provide default styling for things like buttons, and in this case the site created a style that had a `background` attribute that overrode our `background-color` attribute because of CSS importance heirarchy. This swiches us to use `background` as well. This also forces no `text-shadow` on buttons. Fixes: #6775.
2017-10-03 01:20:20 +02:00
text-shadow: none;
emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
}
a.button:hover {
color: #ccf7eb;
text-decoration: none;
}
.preheader {
color: transparent;
display: none;
height: 0;
max-height: 0;
max-width: 0;
opacity: 0;
overflow: hidden;
mso-hide: all;
visibility: hidden;
width: 0;
}
.illustration {
pointer-events: none;
cursor: default!important;
z-index: 100;
}
@media only screen and (max-width: 620px) {
table[class=body] h1 {
font-size: 28px !important;
margin-bottom: 10px !important;
}
Simplify CSS linter and clean up CSS. The CSS linter was pretty hard to reason about. It was pretty flexible about certain things, but then it would prevent seemingly innocuous code from getting checked in. This commit overhauls the pretty-printer to be more composable, where every object in the AST knows how to render itself. It also cleans up a little bit of the pre_fluff/post_fluff logic in the parser itself, so comments are more likely to be "attached" to the AST node that make sense. The linter is actually a bit more finicky about newlines, but this is mostly a good thing, as most of the variations before this commit were pretty arbitrary.
2017-11-13 17:26:11 +01:00
emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
table[class=body] p,
table[class=body] ul,
table[class=body] ol,
table[class=body] td,
table[class=body] span,
table[class=body] a {
font-size: 16px !important;
}
table[class=body] .wrapper {
padding: 0px 10px 10px 10px;
}
table[class=body] .article {
padding: 10px !important;
}
Simplify CSS linter and clean up CSS. The CSS linter was pretty hard to reason about. It was pretty flexible about certain things, but then it would prevent seemingly innocuous code from getting checked in. This commit overhauls the pretty-printer to be more composable, where every object in the AST knows how to render itself. It also cleans up a little bit of the pre_fluff/post_fluff logic in the parser itself, so comments are more likely to be "attached" to the AST node that make sense. The linter is actually a bit more finicky about newlines, but this is mostly a good thing, as most of the variations before this commit were pretty arbitrary.
2017-11-13 17:26:11 +01:00
emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
table[class=body] .content {
padding: 0 !important;
}
Simplify CSS linter and clean up CSS. The CSS linter was pretty hard to reason about. It was pretty flexible about certain things, but then it would prevent seemingly innocuous code from getting checked in. This commit overhauls the pretty-printer to be more composable, where every object in the AST knows how to render itself. It also cleans up a little bit of the pre_fluff/post_fluff logic in the parser itself, so comments are more likely to be "attached" to the AST node that make sense. The linter is actually a bit more finicky about newlines, but this is mostly a good thing, as most of the variations before this commit were pretty arbitrary.
2017-11-13 17:26:11 +01:00
emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
table[class=body] .container {
padding: 0 !important;
width: 100% !important;
}
Simplify CSS linter and clean up CSS. The CSS linter was pretty hard to reason about. It was pretty flexible about certain things, but then it would prevent seemingly innocuous code from getting checked in. This commit overhauls the pretty-printer to be more composable, where every object in the AST knows how to render itself. It also cleans up a little bit of the pre_fluff/post_fluff logic in the parser itself, so comments are more likely to be "attached" to the AST node that make sense. The linter is actually a bit more finicky about newlines, but this is mostly a good thing, as most of the variations before this commit were pretty arbitrary.
2017-11-13 17:26:11 +01:00
emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
table[class=body] .main {
border-left-width: 0 !important;
border-radius: 0 !important;
border-right-width: 0 !important;
}
Simplify CSS linter and clean up CSS. The CSS linter was pretty hard to reason about. It was pretty flexible about certain things, but then it would prevent seemingly innocuous code from getting checked in. This commit overhauls the pretty-printer to be more composable, where every object in the AST knows how to render itself. It also cleans up a little bit of the pre_fluff/post_fluff logic in the parser itself, so comments are more likely to be "attached" to the AST node that make sense. The linter is actually a bit more finicky about newlines, but this is mostly a good thing, as most of the variations before this commit were pretty arbitrary.
2017-11-13 17:26:11 +01:00
emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
table[class=body] .btn table {
width: 100% !important;
}
Simplify CSS linter and clean up CSS. The CSS linter was pretty hard to reason about. It was pretty flexible about certain things, but then it would prevent seemingly innocuous code from getting checked in. This commit overhauls the pretty-printer to be more composable, where every object in the AST knows how to render itself. It also cleans up a little bit of the pre_fluff/post_fluff logic in the parser itself, so comments are more likely to be "attached" to the AST node that make sense. The linter is actually a bit more finicky about newlines, but this is mostly a good thing, as most of the variations before this commit were pretty arbitrary.
2017-11-13 17:26:11 +01:00
emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
table[class=body] .btn a {
width: 100% !important;
}
Simplify CSS linter and clean up CSS. The CSS linter was pretty hard to reason about. It was pretty flexible about certain things, but then it would prevent seemingly innocuous code from getting checked in. This commit overhauls the pretty-printer to be more composable, where every object in the AST knows how to render itself. It also cleans up a little bit of the pre_fluff/post_fluff logic in the parser itself, so comments are more likely to be "attached" to the AST node that make sense. The linter is actually a bit more finicky about newlines, but this is mostly a good thing, as most of the variations before this commit were pretty arbitrary.
2017-11-13 17:26:11 +01:00
emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
table[class=body] .img-responsive {
height: auto !important;
max-width: 100% !important;
width: auto !important;
}
}
@media all {
.ExternalClass {
width: 100%;
}
Simplify CSS linter and clean up CSS. The CSS linter was pretty hard to reason about. It was pretty flexible about certain things, but then it would prevent seemingly innocuous code from getting checked in. This commit overhauls the pretty-printer to be more composable, where every object in the AST knows how to render itself. It also cleans up a little bit of the pre_fluff/post_fluff logic in the parser itself, so comments are more likely to be "attached" to the AST node that make sense. The linter is actually a bit more finicky about newlines, but this is mostly a good thing, as most of the variations before this commit were pretty arbitrary.
2017-11-13 17:26:11 +01:00
emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
Simplify CSS linter and clean up CSS. The CSS linter was pretty hard to reason about. It was pretty flexible about certain things, but then it would prevent seemingly innocuous code from getting checked in. This commit overhauls the pretty-printer to be more composable, where every object in the AST knows how to render itself. It also cleans up a little bit of the pre_fluff/post_fluff logic in the parser itself, so comments are more likely to be "attached" to the AST node that make sense. The linter is actually a bit more finicky about newlines, but this is mostly a good thing, as most of the variations before this commit were pretty arbitrary.
2017-11-13 17:26:11 +01:00
emails: Extract CSS from email_base_default.
2017-09-16 13:58:17 +02:00
/* iOS converts adreses in emails to links automatically*/
.apple-link a {
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
}
}