Advertisement
Guest User

MDH_CSS_settings_for_manima_20141015

a guest
Oct 14th, 2014
615
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.54 KB | None | 0 0
  1. /*
  2.  * NOTE:
  3.  * - The use of browser-specific styles (-moz-, -webkit-) should be avoided.
  4.  *   If used, they may not render correctly for people reading the email in
  5.  *   a different browser than the one from which the email was sent.
  6.  * - The use of state-dependent styles (like a:hover) don't work because they
  7.  *   don't match at the time the styles are made explicit. (In email, styles
  8.  *   must be explicitly applied to all elements -- stylesheets get stripped.)
  9.  */
  10.  
  11. /* This is the overall wrapper, it should be treated as the `body` section. */
  12. .markdown-here-wrapper {
  13. }
  14.  
  15. /* To add site specific rules, you can use the `data-md-url` attribute that we
  16.    add to the wrapper element. Note that rules like this are used depending
  17.    on the URL you're *sending* from, not the URL where the recipient views it.
  18. */
  19. /* .markdown-here-wrapper[data-md-url*="mail.yahoo."] ul { color: red; } */
  20.  
  21. pre, code {
  22.   font-size: 0.85em;
  23.   font-family: Consolas, Inconsolata, Courier, monospace;
  24. }
  25.  
  26. code {
  27.   white-space: pre-wrap;
  28.   border: 1px solid #EAEAEA;
  29.   background-color: #F8F8F8;
  30.   border-radius: 3px;
  31.   display: inline; /* added to fix Yahoo block display of inline code */
  32. }
  33.  
  34. pre {
  35.   font-size: 1em;
  36.   line-height: 1.2em;
  37. }
  38.  
  39. pre code {
  40.   white-space: pre;
  41.   overflow: auto; /* fixes issue #70: Firefox/Thunderbird: Code blocks with horizontal scroll would have bad background colour */
  42.   border-radius: 3px;
  43.   border: 1px solid #CCC;
  44.   display: block !important; /* added to counteract the Yahoo-specific `code` rule; without this, code blocks in Blogger are broken */
  45. }
  46.  
  47. /* In edit mode, Wordpress uses a `* { font: ...;} rule+style that makes highlighted
  48. code look non-monospace. This rule will override it. */
  49. .markdown-here-wrapper[data-md-url*="wordpress."] code span {
  50.   font: inherit;
  51. }
  52.  
  53. /* Wordpress adds a grey background to `pre` elements that doesn't go well with
  54. our syntax highlighting. */
  55. .markdown-here-wrapper[data-md-url*="wordpress."] pre {
  56.   background-color: transparent;
  57. }
  58.  
  59. /* This spacing has been tweaked to closely match Gmail+Chrome "paragraph" (two line breaks) spacing. */
  60. p {
  61.   /* !important is needed here because Hotmail/Outlook.com uses !important to
  62.      kill the margin in <p>. We need this to win.
  63.   margin: 1.2em 0 !important;
  64.   */
  65.   margin: 1.2em 0;
  66. }
  67.  
  68. table, pre, dl, q, {
  69.   margin: 1em 0;
  70. }
  71.  
  72. ul, ol {
  73.   padding-left: 3em;
  74. }
  75.  
  76. li {
  77.   margin: 0.15em 0;
  78. }
  79.  
  80. /* Space paragraphs in a list the same as the list itself. */
  81. li p {
  82.   /* Needs !important to override rule above. */
  83.   margin: 0.3em 0 !important;
  84. }
  85.  
  86. /* Smaller spacing for sub-lists */
  87. ul ul, ul ol, ol ul, ol ol {
  88.   margin: 0;
  89.   padding-left: 1em;
  90. }
  91.  
  92. dl {
  93.   padding: 0;
  94. }
  95.  
  96. dl dt {
  97.   font-size: 1em;
  98.   font-weight: bold;
  99.   font-style: italic;
  100. }
  101.  
  102. dl dd {
  103.   margin: 0 0 1em;
  104.   padding: 0 1em;
  105. }
  106.  
  107. q {
  108.   border-left: 4px solid #DDD;
  109.   padding: 0 1em;
  110.   color: #777;
  111.   quotes: none;
  112. }
  113.  
  114. blockquote::before, blockquote::after, q::before, q::after {
  115.   content: none;
  116. }
  117.  
  118. table {
  119.   padding: 0;
  120.   border-collapse: collapse;
  121.   border-spacing: 0;
  122.   font-size: 1em;
  123.   font: inherit;
  124.   border: 0;
  125. }
  126.  
  127. tbody {
  128.   margin: 0;
  129.   padding: 0;
  130.   border: 0;
  131. }
  132.  
  133. table tr {
  134.   border: 0;
  135.   border-top: 1px solid #CCC;
  136.   background-color: white;
  137.   margin: 0;
  138.   padding: 0;
  139. }
  140.  
  141. table tr:nth-child(2n) {
  142.   background-color: #F8F8F8;
  143. }
  144.  
  145. table tr th, table tr td {
  146.   font-size: 1em;
  147.   border: 1px solid #CCC;
  148.   margin: 0;
  149.   padding: 0.5em 1em;
  150. }
  151.  
  152. table tr th {
  153.  font-weight: bold;
  154.   background-color: #F0F0F0;
  155. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement