added RTL styles
This commit is contained in:
Anika Henke
parent
2fc923cadb
commit
0adc52038c
6 changed files with 248 additions and 97 deletions
|
|
@ -7,7 +7,7 @@
|
||||||
float: left;
|
float: left;
|
||||||
width: 40%;
|
width: 40%;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
font-size: 115%;
|
font-size: 1.125em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dokuwiki ul.admin_tasks li {
|
.dokuwiki ul.admin_tasks li {
|
||||||
|
|
|
||||||
|
|
@ -34,10 +34,12 @@
|
||||||
|
|
||||||
.dokuwiki a.urlextern,
|
.dokuwiki a.urlextern,
|
||||||
.dokuwiki a.windows,
|
.dokuwiki a.windows,
|
||||||
.dokuwiki a.mail {
|
.dokuwiki a.mail,
|
||||||
|
.dokuwiki a.mediafile,
|
||||||
|
.dokuwiki a.interwiki {
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: 0 center;
|
background-position: 0 center;
|
||||||
padding-left: 17px;
|
padding: 0 0 0 17px;
|
||||||
}
|
}
|
||||||
/* external link */
|
/* external link */
|
||||||
.dokuwiki a.urlextern {
|
.dokuwiki a.urlextern {
|
||||||
|
|
@ -55,10 +57,7 @@
|
||||||
/* icons of the following are set by dokuwiki in lib/exe/css.php */
|
/* icons of the following are set by dokuwiki in lib/exe/css.php */
|
||||||
/* link to some embedded media */
|
/* link to some embedded media */
|
||||||
.dokuwiki a.mediafile {
|
.dokuwiki a.mediafile {
|
||||||
background-position: 0 center;
|
|
||||||
padding-bottom: 0;
|
|
||||||
}
|
}
|
||||||
/* interwiki link */
|
/* interwiki link */
|
||||||
.dokuwiki a.interwiki {
|
.dokuwiki a.interwiki {
|
||||||
background-position: 0 center;
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,7 @@ html.popup {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
border-right: solid 1px __border__;
|
border-right: 1px solid __border__;
|
||||||
}
|
}
|
||||||
#mediamgr__aside .pad {
|
#mediamgr__aside .pad {
|
||||||
padding: .5em;
|
padding: .5em;
|
||||||
|
|
@ -208,6 +208,9 @@ form#dw__mediasearch input.button {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
#media__content form.meta textarea.edit {
|
#media__content form.meta textarea.edit {
|
||||||
|
/* needed because of IE8 hack in _edit.css for textarea.edit: */
|
||||||
|
max-width: 70%;
|
||||||
|
min-width: 70%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#media__content form.meta div.buttons {
|
#media__content form.meta div.buttons {
|
||||||
|
|
|
||||||
|
|
@ -51,11 +51,8 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 1.4em 0;
|
margin: 1.4em 0;
|
||||||
}
|
}
|
||||||
.dokuwiki div.pagenav-prev {
|
.dokuwiki div.pagenav-prev,
|
||||||
display: inline;
|
|
||||||
margin-right: .5em;
|
|
||||||
}
|
|
||||||
.dokuwiki div.pagenav-next {
|
.dokuwiki div.pagenav-next {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin-left: .5em;
|
margin: 0 .5em;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
318
css/rtl.css
318
css/rtl.css
|
|
@ -1,14 +1,11 @@
|
||||||
/* TODO */
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* This file provides layout and design corrections for right-to-left
|
* This file provides layout and design corrections for right-to-left
|
||||||
* languages.
|
* languages.
|
||||||
*
|
*
|
||||||
* @author Andreas Gohr <andi@splitbrain.org>
|
* @author Anika Henke <anika@selfthinker.org>
|
||||||
* @author Dotan Kamber <kamberd@yahoo.com>
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/*..... new code ........................................................................*/
|
/*____________ basic ____________*/
|
||||||
|
|
||||||
body,
|
body,
|
||||||
caption,
|
caption,
|
||||||
|
|
@ -20,127 +17,282 @@ th {
|
||||||
ul, ol {
|
ul, ol {
|
||||||
padding: 0 1.5em 0 0;
|
padding: 0 1.5em 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
li, dd {
|
li, dd {
|
||||||
margin: 0 1.5em 0 0;
|
margin: 0 1.5em 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
border-width: 0 .25em 0 0;
|
border-width: 0 .25em 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6,
|
||||||
/*..... @todo: old code ........................................................................*/
|
caption, legend {
|
||||||
|
clear: right;
|
||||||
.bar-left {
|
|
||||||
float: right;
|
|
||||||
text-align: right;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.bar-right {
|
|
||||||
float: left;
|
/*____________ structure ____________*/
|
||||||
text-align: left;
|
|
||||||
|
#dokuwiki__header .headings {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
#dokuwiki__header .tools {
|
||||||
|
float: left;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagename {
|
.mode_show #dokuwiki__aside {
|
||||||
float: right;
|
float: right;
|
||||||
text-align: right;
|
}
|
||||||
|
#dokuwiki__aside .pad {
|
||||||
|
margin: 0 0 0 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.mode_show #dokuwiki__content {
|
||||||
float: left;
|
float: left;
|
||||||
text-align: left;
|
margin-left: 0;
|
||||||
|
margin-right: -16em;
|
||||||
|
}
|
||||||
|
.mode_show #dokuwiki__content .pad {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 16em;
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
/*____________ design ____________*/
|
||||||
text-align: left;
|
|
||||||
|
#dokuwiki__header form.search #qsearch__in {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: .5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
label.simple {
|
#dokuwiki__aside ul, #dokuwiki__aside ol {
|
||||||
text-align: right;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.meta div.user {
|
/*____________ content ____________*/
|
||||||
float: right
|
|
||||||
|
/* section indenting
|
||||||
|
.dokuwiki h1 {margin-left: 0; margin-right: 0;}
|
||||||
|
.dokuwiki h2 {margin-left: 0; margin-right: .666em;}
|
||||||
|
.dokuwiki h3 {margin-left: 0; margin-right: 1.776em;}
|
||||||
|
.dokuwiki h4 {margin-left: 0; margin-right: 3em;}
|
||||||
|
.dokuwiki h5 {margin-left: 0; margin-right: 4.5712em;}
|
||||||
|
.dokuwiki div.level1 {margin-left: 0; margin-right: 0;}
|
||||||
|
.dokuwiki div.level2 {margin-left: 0; margin-right: 1em;}
|
||||||
|
.dokuwiki div.level3 {margin-left: 0; margin-right: 2em;}
|
||||||
|
.dokuwiki div.level4 {margin-left: 0; margin-right: 3em;}
|
||||||
|
.dokuwiki div.level5 {margin-left: 0; margin-right: 4em;}
|
||||||
|
*/
|
||||||
|
|
||||||
|
.dokuwiki dl.code dt,
|
||||||
|
.dokuwiki dl.file dt {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.meta div.doc {
|
.JSpopup ul,
|
||||||
text-align: left;
|
.JSpopup ol {
|
||||||
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ------------------ Design corrections --------------------------------- */
|
|
||||||
|
|
||||||
div.dokuwiki ul,
|
/*____________ _imgdetail ____________*/
|
||||||
div.dokuwiki ol {
|
|
||||||
margin: 0.5em 1.5em 0.5em 0;
|
#dokuwiki__detail div.content img {
|
||||||
|
float: right;
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 1.5em;
|
||||||
|
}
|
||||||
|
#dokuwiki__detail div.content div.img_detail {
|
||||||
|
float: right
|
||||||
}
|
}
|
||||||
|
|
||||||
div.dokuwiki a.urlextern,
|
|
||||||
div.dokuwiki a.interwiki,
|
/*____________ _mediamanager ____________*/
|
||||||
div.dokuwiki a.windows,
|
|
||||||
div.dokuwiki a.mail,
|
#mediamgr__aside {
|
||||||
div.dokuwiki a.mail.JSnocheck {
|
left: auto;
|
||||||
/* should work but doesn't - so we just disable icons here*/
|
right: 0;
|
||||||
/*
|
border-right-width: 0;
|
||||||
background-position: right 1px;
|
border-left: 1px solid __border__;
|
||||||
padding-right: 16px;
|
}
|
||||||
*/
|
#mediamgr__content {
|
||||||
background-image: none !important;
|
right: auto;
|
||||||
padding: 0px 0px 0px 0px;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.dokuwiki div.secedit input.button {
|
#media__opts input {
|
||||||
float: left;
|
margin-right: 0;
|
||||||
|
margin-left: .3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* headlines */
|
#media__tree ul {
|
||||||
div.dokuwiki h1, div.dokuwiki h2, div.dokuwiki h3, div.dokuwiki h4, div.dokuwiki h5 {
|
padding-left: 0;
|
||||||
clear: right;
|
padding-right: .2em;
|
||||||
|
}
|
||||||
|
#media__tree ul li {
|
||||||
|
clear: right;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
#media__tree ul li img {
|
||||||
|
float: right;
|
||||||
|
padding: .5em 0 0 .3em;
|
||||||
|
}
|
||||||
|
#media__tree ul li li {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* special headlines */
|
#media__content a.mediafile {
|
||||||
div.dokuwiki h1 {margin-left: 0px; margin-right: 0px;}
|
margin-right: 0;
|
||||||
div.dokuwiki h2 {margin-left: 0px; margin-right: 20px;}
|
margin-left: 1.5em;
|
||||||
div.dokuwiki h3 {margin-left: 0px; margin-right: 40px;}
|
}
|
||||||
div.dokuwiki h4 {margin-left: 0px; margin-right: 60px;}
|
#media__content div.detail div.thumb {
|
||||||
div.dokuwiki h5 {margin-left: 0px; margin-right: 80px;}
|
float: right;
|
||||||
|
margin: 0 18px 0 .5em;
|
||||||
/* indent different sections */
|
}
|
||||||
div.dokuwiki div.level1 {margin-left: 0px; margin-right: 3px;}
|
#media__content form.meta div.metafield {
|
||||||
div.dokuwiki div.level2 {margin-left: 0px; margin-right: 23px;}
|
clear: right;
|
||||||
div.dokuwiki div.level3 {margin-left: 0px; margin-right: 43px;}
|
}
|
||||||
div.dokuwiki div.level4 {margin-left: 0px; margin-right: 63px;}
|
#media__content form.meta label {
|
||||||
div.dokuwiki div.level5 {margin-left: 0px; margin-right: 83px;}
|
float: right;
|
||||||
|
clear: right;
|
||||||
/* TOC control */
|
}
|
||||||
div.dokuwiki div.toc {
|
#media__content form.meta .edit {
|
||||||
float: left;
|
float: right;
|
||||||
|
}
|
||||||
|
#media__content form.meta div.buttons {
|
||||||
|
clear: right;
|
||||||
|
margin: .2em 25% 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.dokuwiki div.tocheader {
|
|
||||||
text-align: right;
|
/*____________ _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 {
|
||||||
|
background-position: right center;
|
||||||
|
padding: 0 17px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.dokuwiki #toc__inside {
|
|
||||||
text-align: right;
|
/*____________ _toc ____________*/
|
||||||
|
|
||||||
|
.dokuwiki div.toc {
|
||||||
|
float: left;
|
||||||
|
margin: 0 1.4em 1.4em 0;
|
||||||
|
}
|
||||||
|
.dokuwiki .toc span.toc_open,
|
||||||
|
.dokuwiki .toc span.toc_close {
|
||||||
|
float: left;
|
||||||
|
margin: 0 0 0 .2em;
|
||||||
|
}
|
||||||
|
.dokuwiki #toc__inside ul ul {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 1em;
|
||||||
|
}
|
||||||
|
.dokuwiki ul.idx {
|
||||||
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.dokuwiki ul.toc {
|
|
||||||
padding: 0;
|
/*____________ _footnotes ____________*/
|
||||||
padding-right: 1em;
|
|
||||||
|
|
||||||
|
/*____________ _search ____________*/
|
||||||
|
|
||||||
|
.dokuwiki div.search_quickresult ul li {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.dokuwiki form.search div.ajax_qsearch {
|
||||||
|
left: auto;
|
||||||
|
right: -13.5em;
|
||||||
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.dokuwiki ul.toc li {
|
|
||||||
background-position: right 0.6em;
|
/*____________ _recent ____________*/
|
||||||
padding-right:0.4em;
|
|
||||||
direction: rtl;
|
.dokuwiki #dw__recent ul li,
|
||||||
|
.dokuwiki #page__revisions ul li {
|
||||||
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.dokuwiki ul.toc li.clear {
|
|
||||||
padding-right:0.4em;
|
/*____________ _diff ____________*/
|
||||||
|
|
||||||
|
|
||||||
|
/*____________ _edit ____________*/
|
||||||
|
|
||||||
|
.dokuwiki div.toolbar #draft__status {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.dokuwiki #wiki__editbar #size__ctl {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.dokuwiki #wiki__editbar #size__ctl img {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.dokuwiki #wiki__editbar .editButtons {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.dokuwiki pre {
|
.dokuwiki .secedit {
|
||||||
text-align: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*____________ _modal ____________*/
|
||||||
|
|
||||||
|
#link__wiz_close {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
#link__wiz_result {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
#link__wiz_result div.type_u,
|
||||||
|
#link__wiz_result div.type_f,
|
||||||
|
#link__wiz_result div.type_d {
|
||||||
|
padding: 3px 22px 3px 3px;
|
||||||
|
background-position: 257px 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*____________ _forms ____________*/
|
||||||
|
|
||||||
|
.dokuwiki label.block {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.dokuwiki label.simple {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
form#subscribe__form fieldset {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*____________ _admin ____________*/
|
||||||
|
|
||||||
|
.dokuwiki ul.admin_tasks {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.dokuwiki ul.admin_tasks li {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 35px;
|
||||||
|
background-position: right 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dokuwiki #admin__version {
|
||||||
|
clear: right;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*____________ includes ____________*/
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -24,9 +24,9 @@ css/_edit.css = screen
|
||||||
css/_modal.css = screen
|
css/_modal.css = screen
|
||||||
css/_forms.css = screen
|
css/_forms.css = screen
|
||||||
css/_admin.css = screen
|
css/_admin.css = screen
|
||||||
;css/includes.css = screen
|
css/includes.css = screen
|
||||||
|
|
||||||
;css/rtl.css = rtl
|
css/rtl.css = rtl
|
||||||
;css/print.css = print
|
;css/print.css = print
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue