base-rtl.css 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /**
  2. * "Yet Another Multicolumn Layout" - YAML CSS Framework
  3. *
  4. * (en) YAML core RTL stylesheet
  5. * (de) YAML Basis-RTL-Stylesheet
  6. *
  7. * Don't make any changes in this file!
  8. * Your changes should be placed in any css-file in your own stylesheet folder.
  9. *
  10. * @note: Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
  11. *
  12. * @copyright Copyright 2005-2012, Dirk Jesse
  13. * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
  14. * YAML-CDL (http://www.yaml.de/license.html)
  15. * @link http://www.yaml.de
  16. * @package yaml
  17. * @version v4.0.1
  18. * @revision $Revision: 724 $
  19. * @lastmodified $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
  20. */
  21. @media all {
  22. /**
  23. * @section browser normalisation
  24. * Changing direction of text flow, paddings & margins ...
  25. */
  26. option { padding: 0 0.4em 0 0; }
  27. body {
  28. text-align: right;
  29. direction: rtl;
  30. }
  31. ul, ol, dl { margin: 0 1em 1em 0; }
  32. li {
  33. margin-left: 0;
  34. margin-right: 0.8em;
  35. }
  36. dd { margin: 0 0.8em 1em 0; }
  37. blockquote, cite { margin: 0 0.8em 1em 0; }
  38. /*------------------------------------------------------------------------------------------------------*/
  39. /**
  40. * (en) skip links cause large horizontal scrollbars in RTL mode in several browsers
  41. * (de) skip links erzeugen große horziontale Scrollbalken in verschiedenen Browserin im RTL-Modus
  42. *
  43. * @workaround
  44. * @affected Firefox, Safari, IE 5.x - IE7
  45. * @css-for all
  46. * @valid yes
  47. */
  48. .ym-skiplinks { left: 32768px !important; }
  49. .ym-skiplinks .ym-skip:focus,
  50. .ym-skiplinks .ym-skip:active{ left: -32768px !important; }
  51. .ym-skip,
  52. .ym-hideme,
  53. .ym-print { left: 32768px !important; }
  54. /*------------------------------------------------------------------------------------------------------*/
  55. /**
  56. * @section miscellaneous
  57. *
  58. * (en) CSS-class for ltr-content (left to right) within a rtl website
  59. * (de) Eine CSS-Klasse für ltr-Inhalte (left to right) innerhalb einer rtl-Seite
  60. */
  61. .ym-text-ltr {
  62. direction: ltr;
  63. text-align: left;
  64. }
  65. }