style-rtl.css 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344
  1. html {
  2. direction: rtl;
  3. }
  4. /**
  5. * Generic elements
  6. */
  7. body {
  8. direction: rtl;
  9. }
  10. ul,
  11. .block ul,
  12. ol {
  13. padding: 0 1.5em 0 0;
  14. }
  15. ul.menu,
  16. .item-list ul {
  17. margin: 0.35em -0.5em 0 0;
  18. }
  19. ol li,
  20. ul li,
  21. ul.menu li,
  22. .item-list ul li,
  23. li.leaf {
  24. margin: 0.15em .5em 0.15em 0;
  25. }
  26. ul li.collapsed {
  27. list-style-image: url(images/menu-collapsed-rtl.gif);
  28. }
  29. ul.inline li {
  30. padding: 0 0 0 1em;
  31. }
  32. ol.task-list {
  33. margin-left: 0;
  34. margin-right: 0;
  35. }
  36. ol.task-list li {
  37. padding: 0.5em 2em 0.5em 1em;
  38. }
  39. ol.task-list li.active {
  40. background: transparent url(images/task-list.png) no-repeat 97px 50%;
  41. }
  42. ol.task-list li.done {
  43. background: transparent url(../../misc/watchdog-ok.png) no-repeat 100% 50%;
  44. }
  45. ol.task-list li.active {
  46. margin-right: 0;
  47. margin-left: 1em;
  48. }
  49. dl {
  50. margin: 0.5em 1.5em 1em 0;
  51. }
  52. dl dt {
  53. }
  54. dl dd {
  55. margin: 0 1.5em .5em 0;
  56. }
  57. .messages li {
  58. padding: 0 1.3 0 0;
  59. }
  60. .form-button,
  61. .form-submit {
  62. margin: 0 0 0 0.5em;
  63. }
  64. .region-header h2 {
  65. margin: 0 0 0 1em;
  66. }
  67. #wrapper {
  68. background: #edf5fa url("images/body.png") repeat-x 50% 0;
  69. }
  70. #branding img {
  71. padding-right: 0;
  72. padding-left: 20px;
  73. float: right;
  74. }
  75. #wrapper #container #center {
  76. float: right;
  77. }
  78. body.sidebar-first #center {
  79. margin-left: 0;
  80. margin-right: -210px;
  81. }
  82. body.sidebar-second #center {
  83. margin-left: -210px;
  84. margin-right: 0;
  85. }
  86. /* And add blanks left and right for the sidebars to fill */
  87. body.sidebar-first #squeeze {
  88. margin-left: 0;
  89. margin-right: 210px;
  90. }
  91. body.sidebar-second #squeeze {
  92. margin-left: 210px;
  93. margin-right: 0;
  94. }
  95. #wrapper #container .sidebar {
  96. float: right;
  97. }
  98. #sidebar-first .block {
  99. padding: 0 0 0 15px;
  100. }
  101. #sidebar-second .block {
  102. padding: 0 15px 0 0;
  103. }
  104. #sidebar-first .block-region {
  105. margin: 0 0 0 15px;
  106. }
  107. #sidebar-second .block-region {
  108. margin: 0 15px 0px 0;
  109. }
  110. /* Now we add the backgrounds for the main content shading */
  111. #wrapper #container #center #squeeze {
  112. background: #fff url("images/bg-content.png") repeat-x 50% 0;
  113. }
  114. #wrapper #container .breadcrumb {
  115. position: absolute;
  116. top: 15px;
  117. left: 0;
  118. right: 35px;
  119. z-index: 3;
  120. }
  121. /**
  122. * Primary navigation
  123. */
  124. ul.main-menu {
  125. float: left;
  126. width:70%;
  127. }
  128. ul.main-menu li {
  129. float: right;
  130. }
  131. /**
  132. * Secondary navigation
  133. */
  134. ul.secondary-menu {
  135. float: left;
  136. clear: left;
  137. margin-left: 16em;
  138. }
  139. ul.secondary-menu li {
  140. float: right;
  141. }
  142. ul.primary {
  143. float: right;
  144. }
  145. ul.secondary {
  146. clear: both;
  147. text-align: right;
  148. }
  149. h1.with-tabs {
  150. float: right;
  151. margin: 0 0 0 2em;
  152. }
  153. ul.primary li a,
  154. ul.primary li.active a,
  155. ul.primary li a:hover,
  156. ul.primary li a:visited,
  157. ul.secondary li a,
  158. ul.secondary li.active a,
  159. ul.secondary li a:hover,
  160. ul.secondary li a:visited {
  161. margin: 0 1px 0 0;
  162. }
  163. ul.primary li a:after {
  164. /* Fix Firefox 2 RTL bug. */
  165. content: " ";
  166. }
  167. ul.links li, ul.inline li {
  168. padding-left: 1em;
  169. padding-right: 0;
  170. }
  171. .node .links,
  172. .comment .links {
  173. text-align: right;
  174. padding-right: 0;
  175. }
  176. .user-picture,
  177. .comment .submitted {
  178. padding-left: 0;
  179. float: left;
  180. clear: left;
  181. padding-right: 1em;
  182. }
  183. .new {
  184. float: left;
  185. }
  186. .indented {
  187. margin-left: 0;
  188. margin-right: 25px;
  189. }
  190. html.js fieldset.collapsible .fieldset-legend {
  191. padding-left: 0;
  192. padding-right: 2em;
  193. background: url("images/menu-expanded.gif") no-repeat 100% 50%;
  194. }
  195. html.js fieldset.collapsed .fieldset-legend {
  196. background: url("images/menu-collapsed-rtl.gif") no-repeat 100% 50%;
  197. }
  198. /**
  199. * Vertical tabs.
  200. */
  201. div.vertical-tabs {
  202. margin-left: 5%;
  203. margin-right: 15em;
  204. }
  205. /**
  206. * Syndication Block
  207. */
  208. #block-node-syndicate h2 {
  209. float: right;
  210. padding-right: 0;
  211. padding-left: 20px;
  212. }
  213. #block-node-syndicate img {
  214. float: left;
  215. }
  216. #block-node-syndicate .content {
  217. clear: left;
  218. }
  219. /**
  220. * Login Block
  221. */
  222. #user-login-form ul {
  223. text-align: right;
  224. }
  225. #user-login-form .openid-links {
  226. padding-left: 0;
  227. padding-right: 0.5em;
  228. }
  229. #user-login-form .openid-links li.user-link {
  230. padding-left: 0;
  231. padding-right: 1em;
  232. }
  233. div.admin .left {
  234. float: right;
  235. }
  236. div.admin .right {
  237. float: left;
  238. }
  239. /* Fix Opera, IE6 and IE7 header width */
  240. #wrapper #container #header {
  241. position: relative;
  242. width: 100%;
  243. }
  244. #wrapper #container #header #logo-floater {
  245. width: 100%;
  246. left: 0;
  247. top:0;
  248. }
  249. /**
  250. * Fixes for IE7 - Does not break other browsers
  251. */
  252. /* Position:relative on these breaks IE7. */
  253. ul.primary li a,
  254. ul.primary li.active a,
  255. ul.primary li a:hover,
  256. ul.primary li a:visited,
  257. ul.secondary li a,
  258. ul.secondary li.active a,
  259. ul.secondary li a:hover,
  260. ul.secondary li a:visited {
  261. position: static;
  262. }
  263. /* Fix right and left cloumns position breaking on window resize */
  264. #container {
  265. position: relative;
  266. }
  267. #center {
  268. position: relative;
  269. }
  270. #sidebar-second {
  271. position: absolute;
  272. right: 0;
  273. }
  274. /**
  275. * Apply hasLayout to elements in IE7, using standard property "min-height"
  276. * (see http://www.satzansatz.de/cssd/onhavinglayout.html)
  277. */
  278. /* Fix background bleed in center column. */
  279. #squeeze,
  280. #squeeze .right-corner {
  281. min-height: 1%;
  282. }