Home Explore Help
Sign In
bux
/
muzich
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
790 Commits
1 Branches
Tree: a1b856b73f
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'a1b856b73f'
${ noResults }
muzich/web/bundles/sonatablueprint/plugins/rtl/screen.css

screen.css 4.7KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111 
  1. /* --------------------------------------------------------------

  2. 

  3.    rtl.css

  4.    * Mirrors Blueprint for left-to-right languages

  5. 

  6.    By Ran Yaniv Hartstein [ranh.co.il]

  7. 

  8. -------------------------------------------------------------- */

  9. 

  10. body .container { direction: rtl; }

  11. body .column, body .span-1, body .span-2, body .span-3, body .span-4, body .span-5, body .span-6, body .span-7, body .span-8, body .span-9, body .span-10, body .span-11, body .span-12, body .span-13, body .span-14, body .span-15, body .span-16, body .span-17, body .span-18, body .span-19, body .span-20, body .span-21, body .span-22, body .span-23, body .span-24 {

  12.   float: right;

  13.   margin-right: 0;

  14.   margin-left: 10px;

  15.   text-align:right;

  16. }

  17. 

  18. body div.last { margin-left: 0; }

  19. body table .last { padding-left: 0; }

  20. 

  21. body .append-1   { padding-right: 0; padding-left: 40px; }

  22. body .append-2   { padding-right: 0; padding-left: 80px; }

  23. body .append-3   { padding-right: 0; padding-left: 120px; }

  24. body .append-4   { padding-right: 0; padding-left: 160px; }

  25. body .append-5   { padding-right: 0; padding-left: 200px; }

  26. body .append-6   { padding-right: 0; padding-left: 240px; }

  27. body .append-7   { padding-right: 0; padding-left: 280px; }

  28. body .append-8   { padding-right: 0; padding-left: 320px; }

  29. body .append-9   { padding-right: 0; padding-left: 360px; }

  30. body .append-10  { padding-right: 0; padding-left: 400px; }

  31. body .append-11  { padding-right: 0; padding-left: 440px; }

  32. body .append-12  { padding-right: 0; padding-left: 480px; }

  33. body .append-13  { padding-right: 0; padding-left: 520px; }

  34. body .append-14  { padding-right: 0; padding-left: 560px; }

  35. body .append-15  { padding-right: 0; padding-left: 600px; }

  36. body .append-16  { padding-right: 0; padding-left: 640px; }

  37. body .append-17  { padding-right: 0; padding-left: 680px; }

  38. body .append-18  { padding-right: 0; padding-left: 720px; }

  39. body .append-19  { padding-right: 0; padding-left: 760px; }

  40. body .append-20  { padding-right: 0; padding-left: 800px; }

  41. body .append-21  { padding-right: 0; padding-left: 840px; }

  42. body .append-22  { padding-right: 0; padding-left: 880px; }

  43. body .append-23  { padding-right: 0; padding-left: 920px; }

  44. 

  45. body .prepend-1   { padding-left: 0; padding-right: 40px; }

  46. body .prepend-2   { padding-left: 0; padding-right: 80px; }

  47. body .prepend-3   { padding-left: 0; padding-right: 120px; }

  48. body .prepend-4   { padding-left: 0; padding-right: 160px; }

  49. body .prepend-5   { padding-left: 0; padding-right: 200px; }

  50. body .prepend-6   { padding-left: 0; padding-right: 240px; }

  51. body .prepend-7   { padding-left: 0; padding-right: 280px; }

  52. body .prepend-8   { padding-left: 0; padding-right: 320px; }

  53. body .prepend-9   { padding-left: 0; padding-right: 360px; }

  54. body .prepend-10  { padding-left: 0; padding-right: 400px; }

  55. body .prepend-11  { padding-left: 0; padding-right: 440px; }

  56. body .prepend-12  { padding-left: 0; padding-right: 480px; }

  57. body .prepend-13  { padding-left: 0; padding-right: 520px; }

  58. body .prepend-14  { padding-left: 0; padding-right: 560px; }

  59. body .prepend-15  { padding-left: 0; padding-right: 600px; }

  60. body .prepend-16  { padding-left: 0; padding-right: 640px; }

  61. body .prepend-17  { padding-left: 0; padding-right: 680px; }

  62. body .prepend-18  { padding-left: 0; padding-right: 720px; }

  63. body .prepend-19  { padding-left: 0; padding-right: 760px; }

  64. body .prepend-20  { padding-left: 0; padding-right: 800px; }

  65. body .prepend-21  { padding-left: 0; padding-right: 840px; }

  66. body .prepend-22  { padding-left: 0; padding-right: 880px; }

  67. body .prepend-23  { padding-left: 0; padding-right: 920px; }

  68. 

  69. body .border {

  70.   padding-right: 0;

  71.   padding-left: 4px;

  72.   margin-right: 0;

  73.   margin-left: 5px;

  74.   border-right: none;

  75.   border-left: 1px solid #eee;

  76. }

  77. 

  78. body .colborder {

  79.   padding-right: 0;

  80.   padding-left: 24px;

  81.   margin-right: 0;

  82.   margin-left: 25px;

  83.   border-right: none;

  84.   border-left: 1px solid #eee;

  85. }

  86. 

  87. body .pull-1  { margin-left: 0; margin-right: -40px; }

  88. body .pull-2  { margin-left: 0; margin-right: -80px; }

  89. body .pull-3  { margin-left: 0; margin-right: -120px; }

  90. body .pull-4  { margin-left: 0; margin-right: -160px; }

  91. 

  92. body .push-0  { margin: 0 18px 0 0; }

  93. body .push-1  { margin: 0 18px 0 -40px; }

  94. body .push-2  { margin: 0 18px 0 -80px; }

  95. body .push-3  { margin: 0 18px 0 -120px; }

  96. body .push-4  { margin: 0 18px 0 -160px; }

  97. body .push-0, body .push-1, body .push-2,

  98. body .push-3, body .push-4 { float: left; }

  99. 

  100. 

  101. /* Typography with RTL support */

  102. body h1,body h2,body h3,

  103. body h4,body h5,body h6 { font-family: Arial, sans-serif; }

  104. html body { font-family: Arial, sans-serif;  }

  105. body pre,body code,body tt { font-family: monospace; }

  106. 

  107. /* Mirror floats and margins on typographic elements */

  108. body p img { float: right; margin: 1.5em 0 1.5em 1.5em; }

  109. body dd, body ul, body ol { margin-left: 0; margin-right: 1.5em;}

  110. body td, body th { text-align:right; }