adrian/tcm-in-guestrow-tpl
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

changed the way RTL styles are added

Browse source 
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.
This commit is contained in:
Anika Henke 2012-03-24 14:39:52 +00:00
parent f66c39553a
commit caef190b74
2 changed files with 88 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

174
css/rtl.css
View file

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

2
style.ini
View file

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