changed the way RTL styles are added

Add rtl.css as *screen* style, but append all RTL styles with [dir=rtl].
That has the advantage that all styles are in the same CSS output, so there are no different requests.

Later on all styles in rtl.css should be moved to their respective "parent" css file.

css/rtl.css

@@ -7,209 +7,209 @@
 
 /*____________ basic ____________*/
 
-caption,
-td,
-th {
+[dir=rtl] caption,
+[dir=rtl] td,
+[dir=rtl] th {
     text-align: right;
 }
 
-ul,
-ol {
+[dir=rtl] ul,
+[dir=rtl] ol {
     padding: 0 1.5em 0 0;
 }
-li,
-dd {
+[dir=rtl] li,
+[dir=rtl] dd {
     margin: 0 1.5em 0 0;
 }
-blockquote {
+[dir=rtl] blockquote {
     border-width: 0 .25em 0 0;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-caption,
-legend {
+[dir=rtl] h1,
+[dir=rtl] h2,
+[dir=rtl] h3,
+[dir=rtl] h4,
+[dir=rtl] h5,
+[dir=rtl] h6,
+[dir=rtl] caption,
+[dir=rtl] legend {
     clear: right;
 }
 
-.a11y {
+[dir=rtl] .a11y {
     left: auto;
     right: -9000px;
 }
 
 /*____________ structure ____________*/
 
-#dokuwiki__header .headings {
+[dir=rtl] #dokuwiki__header .headings {
     float: right;
 }
-#dokuwiki__header .tools {
+[dir=rtl] #dokuwiki__header .tools {
     float: left;
     text-align: left;
 }
 
-.mode_show #dokuwiki__aside {
+[dir=rtl] .mode_show #dokuwiki__aside {
     float: right;
 }
-#dokuwiki__aside > .pad {
+[dir=rtl] #dokuwiki__aside > .pad {
     margin: 0 0 0 1.5em;
 }
 
-.mode_show #dokuwiki__content {
+[dir=rtl] .mode_show #dokuwiki__content {
     float: left;
     margin-left: 0;
     margin-right: -__sidebar_width__;
 }
-.mode_show #dokuwiki__content > .pad {
+[dir=rtl] .mode_show #dokuwiki__content > .pad {
     margin-left: 0;
     margin-right: __sidebar_width__;
 }
 
 /*____________ design ____________*/
 
-#dokuwiki__header form.search #qsearch__in {
+[dir=rtl] #dokuwiki__header form.search #qsearch__in {
     margin-right: 0;
     margin-left: .5em;
 }
 
-#dokuwiki__usertools ul li.user {
+[dir=rtl] #dokuwiki__usertools ul li.user {
     float: right;
     margin-right: 0;
 }
-#dokuwiki__pagetools ul li a.action.top {
+[dir=rtl] #dokuwiki__pagetools ul li a.action.top {
     float: left;
 }
 
-#dokuwiki__aside ul, #dokuwiki__aside ol {
+[dir=rtl] #dokuwiki__aside ul, #dokuwiki__aside ol {
     padding-right: 0;
 }
 
 /*____________ content ____________*/
 
 /* section indenting
-.dokuwiki .page h1 {
+[dir=rtl] .dokuwiki .page h1 {
     margin-left: 0;
     margin-right: 0;
 }
-.dokuwiki .page div.level1 {
+[dir=rtl] .dokuwiki .page div.level1 {
     margin-left: 0;
     margin-right: 0;
 }
-.dokuwiki .page h2 {
+[dir=rtl] .dokuwiki .page h2 {
     margin-left: 0;
     margin-right: .666em;
 }
-.dokuwiki .page div.level2 {
+[dir=rtl] .dokuwiki .page div.level2 {
     margin-left: 0;
     margin-right: 1em;
 }
-.dokuwiki .page h3 {
+[dir=rtl] .dokuwiki .page h3 {
     margin-left: 0;
     margin-right: 1.776em;
 }
-.dokuwiki .page div.level3 {
+[dir=rtl] .dokuwiki .page div.level3 {
     margin-left: 0;
     margin-right: 2em;
 }
-.dokuwiki .page h4 {
+[dir=rtl] .dokuwiki .page h4 {
     margin-left: 0;
     margin-right: 3em;
 }
-.dokuwiki .page div.level4 {
+[dir=rtl] .dokuwiki .page div.level4 {
     margin-left: 0;
     margin-right: 3em;
 }
-.dokuwiki .page h5 {
+[dir=rtl] .dokuwiki .page h5 {
     margin-left: 0;
     margin-right: 4.5712em;
 }
-.dokuwiki .page div.level5 {
+[dir=rtl] .dokuwiki .page div.level5 {
     margin-left: 0;
     margin-right: 4em;
 }
 */
 
-.dokuwiki dl.code dt,
-.dokuwiki dl.file dt {
+[dir=rtl] .dokuwiki dl.code dt,
+[dir=rtl] .dokuwiki dl.file dt {
     margin-left: 0;
     margin-right: 1em;
 }
 
-.JSpopup ul,
-.JSpopup ol {
+[dir=rtl] .JSpopup ul,
+[dir=rtl] .JSpopup ol {
     padding-right: 0;
 }
 
 
 /*____________ _imgdetail ____________*/
 
-#dokuwiki__detail div.content img {
+[dir=rtl] #dokuwiki__detail div.content img {
     float: right;
     margin-right: 0;
     margin-left: 1.5em;
 }
-#dokuwiki__detail div.content div.img_detail {
+[dir=rtl] #dokuwiki__detail div.content div.img_detail {
     float: right
 }
 
 
 /*____________ _mediamanager ____________*/
 
-#mediamgr__aside {
+[dir=rtl] #mediamgr__aside {
     left: auto;
     right: 0;
     border-right-width: 0;
     border-left: 1px solid __border__;
 }
-#mediamgr__content {
+[dir=rtl] #mediamgr__content {
     right: auto;
     left: 0;
 }
 
-#media__opts input {
+[dir=rtl] #media__opts input {
     margin-right: 0;
     margin-left: .3em;
 }
 
-#media__tree ul {
+[dir=rtl] #media__tree ul {
     padding-left: 0;
     padding-right: .2em;
 }
-#media__tree ul li {
+[dir=rtl] #media__tree ul li {
     clear: right;
     margin-right: 0;
 }
-#media__tree ul li img {
+[dir=rtl] #media__tree ul li img {
     float: right;
     padding: .5em 0 0 .3em;
 }
-#media__tree ul li li {
+[dir=rtl] #media__tree ul li li {
     margin-left: 0;
     margin-right: 1.5em;
 }
 
-#media__content a.mediafile {
+[dir=rtl] #media__content a.mediafile {
     margin-right: 0;
     margin-left: 1.5em;
 }
-#media__content div.detail div.thumb {
+[dir=rtl] #media__content div.detail div.thumb {
     float: right;
     margin: 0 18px 0 .5em;
 }
-#media__content form.meta div.metafield {
+[dir=rtl] #media__content form.meta div.metafield {
     clear: right;
 }
-#media__content form.meta label {
+[dir=rtl] #media__content form.meta label {
     float: right;
     clear: right;
 }
-#media__content form.meta .edit {
+[dir=rtl] #media__content form.meta .edit {
     float: right;
 }
-#media__content form.meta div.buttons {
+[dir=rtl] #media__content form.meta div.buttons {
     clear: right;
     margin: .2em 25% 0 0;
 }
@@ -218,11 +218,11 @@ legend {
 /*____________ _links ____________*/
 
 /* if link icons don't work as expected, remove the following lines */
-.dokuwiki a.urlextern,
-.dokuwiki a.windows,
-.dokuwiki a.mail,
-.dokuwiki a.interwiki,
-.dokuwiki a.mediafile {
+[dir=rtl] .dokuwiki a.urlextern,
+[dir=rtl] .dokuwiki a.windows,
+[dir=rtl] .dokuwiki a.mail,
+[dir=rtl] .dokuwiki a.interwiki,
+[dir=rtl] .dokuwiki a.mediafile {
     background-position: right center;
     padding: 0 17px 0 0;
 }
@@ -230,19 +230,19 @@ legend {
 
 /*____________ _toc ____________*/
 
-.dokuwiki div.toc {
+[dir=rtl] .dokuwiki div.toc {
     float: left;
     margin: 0 1.4em 1.4em 0;
 }
-.dokuwiki .toc span.toc_open,
-.dokuwiki .toc span.toc_close {
+[dir=rtl] .dokuwiki .toc span.toc_open,
+[dir=rtl] .dokuwiki .toc span.toc_close {
     float: left;
 }
-.dokuwiki #toc__inside ul ul {
+[dir=rtl] .dokuwiki #toc__inside ul ul {
     padding-left: 0;
     padding-right: 1em;
 }
-.dokuwiki ul.idx {
+[dir=rtl] .dokuwiki ul.idx {
     padding-right: 0;
 }
 
@@ -252,10 +252,10 @@ legend {
 
 /*____________ _search ____________*/
 
-.dokuwiki div.search_quickresult ul li {
+[dir=rtl] .dokuwiki div.search_quickresult ul li {
     float: right;
 }
-.dokuwiki form.search div.ajax_qsearch {
+[dir=rtl] .dokuwiki form.search div.ajax_qsearch {
     left: auto;
     right: -13.5em;
     text-align: right;
@@ -264,8 +264,8 @@ legend {
 
 /*____________ _recent ____________*/
 
-.dokuwiki #dw__recent ul li,
-.dokuwiki #page__revisions ul li {
+[dir=rtl] .dokuwiki #dw__recent ul li,
+[dir=rtl] .dokuwiki #page__revisions ul li {
     margin-right: 0;
 }
 
@@ -275,25 +275,25 @@ legend {
 
 /*____________ _edit ____________*/
 
-.dokuwiki div.toolbar #draft__status {
+[dir=rtl] .dokuwiki div.toolbar #draft__status {
     float: left;
 }
-.dokuwiki #wiki__editbar #size__ctl {
+[dir=rtl] .dokuwiki #wiki__editbar #size__ctl {
     float: left;
 }
-.dokuwiki #wiki__editbar #size__ctl img {
+[dir=rtl] .dokuwiki #wiki__editbar #size__ctl img {
     cursor: pointer;
 }
-.dokuwiki #wiki__editbar .editButtons {
+[dir=rtl] .dokuwiki #wiki__editbar .editButtons {
     margin-right: 0;
     margin-left: 1em;
 }
 
-.dokuwiki .secedit {
+[dir=rtl] .dokuwiki .secedit {
     float: left;
 }
 
-.dokuwiki div.section_highlight {
+[dir=rtl] .dokuwiki div.section_highlight {
     margin: -3em -1.5em -.01em 0;
     padding: 3em 1em .01em 0;
     border-left-width: 0;
@@ -303,15 +303,15 @@ legend {
 
 /*____________ _modal ____________*/
 
-#link__wiz_close {
+[dir=rtl] #link__wiz_close {
     float: left;
 }
-#link__wiz_result {
+[dir=rtl] #link__wiz_result {
     text-align: right;
 }
-#link__wiz_result div.type_u,
-#link__wiz_result div.type_f,
-#link__wiz_result div.type_d {
+[dir=rtl] #link__wiz_result div.type_u,
+[dir=rtl] #link__wiz_result div.type_f,
+[dir=rtl] #link__wiz_result div.type_d {
     padding: 3px 22px 3px 3px;
     background-position: 257px 3px;
 }
@@ -319,30 +319,30 @@ legend {
 
 /*____________ _forms ____________*/
 
-.dokuwiki label.block {
+[dir=rtl] .dokuwiki label.block {
     text-align: left;
 }
-.dokuwiki label.simple {
+[dir=rtl] .dokuwiki label.simple {
     text-align: right;
 }
 
-form#subscribe__form fieldset {
+[dir=rtl] form#subscribe__form fieldset {
     text-align: right;
 }
 
 
 /*____________ _admin ____________*/
 
-.dokuwiki ul.admin_tasks {
+[dir=rtl] .dokuwiki ul.admin_tasks {
     float: right;
 }
-.dokuwiki ul.admin_tasks li {
+[dir=rtl] .dokuwiki ul.admin_tasks li {
     padding-left: 0;
     padding-right: 35px;
     background-position: right 0;
 }
 
-.dokuwiki #admin__version {
+[dir=rtl] .dokuwiki #admin__version {
     clear: right;
     float: left;
 }

style.ini

@@ -29,7 +29,7 @@ css/design.css            = screen
 css/content.css           = screen
 css/includes.css          = screen
 
-css/rtl.css               = rtl
+css/rtl.css               = screen
 css/print.css             = print