123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249 |
- /*
- * NOTE:
- * - The use of browser-specific styles (-moz-, -webkit-) should be avoided.
- * If used, they may not render correctly for people reading the email in
- * a different browser than the one from which the email was sent.
- * - The use of state-dependent styles (like a:hover) don't work because they
- * don't match at the time the styles are made explicit. (In email, styles
- * must be explicitly applied to all elements -- stylesheets get stripped.)
- */
- /* This is the overall wrapper, it should be treated as the `body` section. */
- .markdown-here-wrapper {
- }
- /* To add site specific rules, you can use the `data-md-url` attribute that we
- add to the wrapper element. Note that rules like this are used depending
- on the URL you're *sending* from, not the URL where the recipient views it.
- */
- /* .markdown-here-wrapper[data-md-url*="mail.yahoo."] ul { color: red; } */
- html
- {
- margin: 0px;
- padding: 0px;
- /*background-color: #bbb;*/
- background-image: url(images/background.gif);
- font-weight: 300;
- height: 100%;
- }
- body
- {
- font-size: 11pt;
- background-color: #fff;
- padding: 10px;
- margin:0px auto;
- border-left: 1px solid #888;
- border-right: 1px solid #888;
- width: 765px;
- text-align: left;
- font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
- }
- img
- {
- max-width: 600px;
- }
- figure
- {
- margin: 0px auto;
- width: 600px;
- }
- figcaption
- {
- font-style: italic;
- }
- pre, code {
- font-size: 0.85em;
- font-family: Consolas, Inconsolata, Courier, monospace;
- }
- code {
- margin: 0 0.15em;
- padding: 0 0.3em;
- white-space: pre-wrap;
- border: 1px solid #EAEAEA;
- background-color: #F8F8F8;
- border-radius: 3px;
- display: inline; /* added to fix Yahoo block display of inline code */
- }
- pre {
- font-size: 1em;
- line-height: 1.2em;
- }
- pre code {
- white-space: pre;
- overflow: auto; /* fixes issue #70: Firefox/Thunderbird: Code blocks with horizontal scroll would have bad background colour */
- border-radius: 3px;
- border: 1px solid #CCC;
- padding: 0.5em 0.7em;
- display: block !important; /* added to counteract the Yahoo-specific `code` rule; without this, code blocks in Blogger are broken */
- }
- /* In edit mode, Wordpress uses a `* { font: ...;} rule+style that makes highlighted
- code look non-monospace. This rule will override it. */
- .markdown-here-wrapper[data-md-url*="wordpress."] code span {
- font: inherit;
- }
- /* Wordpress adds a grey background to `pre` elements that doesn't go well with
- our syntax highlighting. */
- .markdown-here-wrapper[data-md-url*="wordpress."] pre {
- background-color: transparent;
- }
- /* This spacing has been tweaked to closely match Gmail+Chrome "paragraph" (two line breaks) spacing. */
- p {
- /* !important is needed here because Hotmail/Outlook.com uses !important to
- kill the margin in <p>. We need this to win. */
- margin: 1.2em 0 !important;
- }
- table, pre, dl, blockquote, q, ul, ol {
- margin: 1.2em 0;
- }
- ul, ol {
- padding-left: 2em;
- }
- li {
- margin: 0.5em 0;
- }
- /* Space paragraphs in a list the same as the list itself. */
- li p {
- /* Needs !important to override rule above. */
- margin: 0.5em 0 !important;
- }
- /* Smaller spacing for sub-lists */
- ul ul, ul ol, ol ul, ol ol {
- margin: 0;
- padding-left: 1em;
- }
- dl {
- padding: 0;
- }
- dl dt {
- font-size: 1em;
- font-weight: bold;
- font-style: italic;
- }
- dl dd {
- margin: 0 0 1em;
- padding: 0 1em;
- }
- blockquote, q {
- border-left: 4px solid #DDD;
- padding: 0 1em;
- color: #777;
- quotes: none;
- }
- blockquote::before, blockquote::after, q::before, q::after {
- content: none;
- }
- h1, h2, h3, h4, h5, h6 {
- margin: 1.3em 0 1em;
- padding: 0;
- font-weight: bold;
- font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
- }
- h1 {
- font-size: 1.6em;
- border-bottom: 1px solid #ddd;
- }
- h2 {
- font-size: 1.3em;
- border-bottom: 1px solid #eee;
- }
- h3 {
- font-size: 1.2em;
- }
- h4 {
- font-size: 1.1em;
- }
- h5 {
- font-size: 1em;
- }
- h6 {
- font-size: 1em;
- color: #777;
- }
- table {
- padding: 0;
- border-collapse: collapse;
- border-spacing: 0;
- font-size: 1em;
- font: inherit;
- border: 0;
- }
- tbody {
- margin: 0;
- padding: 0;
- border: 0;
- }
- table tr {
- border: 0;
- border-top: 1px solid #CCC;
- background-color: white;
- margin: 0;
- padding: 0;
- }
- table tr:nth-child(2n) {
- background-color: #F8F8F8;
- }
- table tr th, table tr td {
- font-size: 1em;
- border: 1px solid #CCC;
- margin: 0;
- padding: 0.5em 1em;
- }
- table tr th {
- font-weight: bold;
- background-color: #F0F0F0;
- }
- h2 a
- {
- text-decoration: none;
- color: inherit;
- }
- h2 a:hover
- {
- color: blue;
- text-decoration: underline;
- }
- h3 a
- {
- text-decoration: none;
- color: inherit;
- }
- h3 a:hover
- {
- color: blue;
- text-decoration: underline;
- }
|