Advertisement
Guest User

Untitled

a guest
Jul 4th, 2015
190
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.28 KB | None | 0 0
  1.  
  2. /* Media Queries */
  3.  
  4. @media only screen and (max-width: 600px) {
  5.  
  6. table[class="body"] img {
  7. width: auto !important;
  8. height: auto !important;
  9. }
  10.  
  11. table[class="body"] center {
  12. min-width: 0 !important;
  13. }
  14.  
  15. table[class="body"] .container {
  16. width: 95% !important;
  17. }
  18.  
  19. table[class="body"] .row {
  20. width: 100% !important;
  21. display: block !important;
  22. }
  23.  
  24. table[class="body"] .wrapper {
  25. display: block !important;
  26. padding-right: 0 !important;
  27. }
  28.  
  29. table[class="body"] .columns,
  30. table[class="body"] .column {
  31. table-layout: fixed !important;
  32. float: none !important;
  33. width: 100% !important;
  34. padding-right: 0px !important;
  35. padding-left: 0px !important;
  36. display: block !important;
  37. }
  38.  
  39. table[class="body"] .wrapper.first .columns,
  40. table[class="body"] .wrapper.first .column {
  41. display: table !important;
  42. }
  43.  
  44. table[class="body"] table.columns td,
  45. table[class="body"] table.column td {
  46. width: 100% !important;
  47. }
  48.  
  49. table[class="body"] .columns td.one,
  50. table[class="body"] .column td.one { width: 8.333333% !important; }
  51. table[class="body"] .columns td.two,
  52. table[class="body"] .column td.two { width: 16.666666% !important; }
  53. table[class="body"] .columns td.three,
  54. table[class="body"] .column td.three { width: 25% !important; }
  55. table[class="body"] .columns td.four,
  56. table[class="body"] .column td.four { width: 33.333333% !important; }
  57. table[class="body"] .columns td.five,
  58. table[class="body"] .column td.five { width: 41.666666% !important; }
  59. table[class="body"] .columns td.six,
  60. table[class="body"] .column td.six { width: 50% !important; }
  61. table[class="body"] .columns td.seven,
  62. table[class="body"] .column td.seven { width: 58.333333% !important; }
  63. table[class="body"] .columns td.eight,
  64. table[class="body"] .column td.eight { width: 66.666666% !important; }
  65. table[class="body"] .columns td.nine,
  66. table[class="body"] .column td.nine { width: 75% !important; }
  67. table[class="body"] .columns td.ten,
  68. table[class="body"] .column td.ten { width: 83.333333% !important; }
  69. table[class="body"] .columns td.eleven,
  70. table[class="body"] .column td.eleven { width: 91.666666% !important; }
  71. table[class="body"] .columns td.twelve,
  72. table[class="body"] .column td.twelve { width: 100% !important; }
  73.  
  74. table[class="body"] td.offset-by-one,
  75. table[class="body"] td.offset-by-two,
  76. table[class="body"] td.offset-by-three,
  77. table[class="body"] td.offset-by-four,
  78. table[class="body"] td.offset-by-five,
  79. table[class="body"] td.offset-by-six,
  80. table[class="body"] td.offset-by-seven,
  81. table[class="body"] td.offset-by-eight,
  82. table[class="body"] td.offset-by-nine,
  83. table[class="body"] td.offset-by-ten,
  84. table[class="body"] td.offset-by-eleven {
  85. padding-left: 0 !important;
  86. }
  87.  
  88. table[class="body"] table.columns td.expander {
  89. width: 1px !important;
  90. }
  91.  
  92. table[class="body"] .right-text-pad,
  93. table[class="body"] .text-pad-right {
  94. padding-left: 10px !important;
  95. }
  96.  
  97. table[class="body"] .left-text-pad,
  98. table[class="body"] .text-pad-left {
  99. padding-right: 10px !important;
  100. }
  101.  
  102. table[class="body"] .hide-for-small,
  103. table[class="body"] .show-for-desktop {
  104. display: none !important;
  105. }
  106.  
  107. table[class="body"] .show-for-small,
  108. table[class="body"] .hide-for-desktop {
  109. display: inherit !important;
  110. }
  111. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement