User:StaryquareMalk/common.css

/* Right-to-left fixes for MonoBook. Places sidebar on right, tweaks various alignment issues.

Works mostly ok nicely on Safari 1.2.1; fine in Mozilla.

Safari bugs (1.2.1):
 * Tabs are still appearing in left-to-right order. (Try after localizing)

Opera bugs (7.23 linux):
 * Some bits of ltr text (sidebar box titles) have forward and backward versions overlapping each other

IE/mac bugs:
 * The thing barfs on Hebrew and Arabic anyway, so no point testing.

Missing features due to lack of support:
 * external link icons

To test:
 * Opera6
 * IE 5.0
 * etc

body { direction: rtl; unicode-bidi: embed; }	margin: 0 -12.2em 0 0; float: left; }	margin-left: 0; margin-right: 12.2em; border-right: 1px solid #aaaaaa; border-left: none; } html > body .portlet { float: right; clear: right; } .editsection { float: left; margin-right: 5px; margin-left: 0; /* bug 9122: undo default LTR */ } /* recover IEMac (might be fine with the float, but usually it's close to IE */	float: none;	clear: none; } .pBody {	padding-right: 0.8em;	padding-left: 0.5em; }
 * 1) column-content {
 * 1) column-content #content{
 * >body .portlet {

/* Fix alignment */ .documentByLine, .portletDetails, .portletMore, text-align: left; }
 * 1) p-personal {

div div.thumbcaption { text-align: right; }

div.magnify, left: auto; right: 0; }	left: auto; right: 0; }
 * 1) p-logo {
 * 1) p-personal {

left: auto; right: 11.5em; padding-left: 0; padding-right: 1em; }	margin-left: 0.3em; margin-right: 0; float: right; }	display: block; padding-bottom: 0; }	padding-bottom: 0.2em; } /* offsets to distinguish the tab groups */ li#ca-talk { margin-right: auto; margin-left: 1.6em; } li#ca-watch,li#ca-unwatch { margin-right: 1.6em !important; }
 * 1) p-cactions {
 * 1) p-cactions li {
 * html #p-cactions li a {
 * html #p-cactions li a:hover {

/* Fix margins for non-css2 browsers */ /* top right bottom left */

ul { margin-left: 0; margin-right: 1.5em; } ol { margin-left: 0; margin-right: 2.4em; } dd { margin-left: 0; margin-right: 1.6em; }	margin-right: 1em; margin-left: 0; } .tocindent { margin-left: 0; margin-right: 2em; } div.tright, div.floatright, table.floatright { clear: none; } div.tleft, div.floatleft, table.floatleft { clear: left; }	margin-left: 0; margin-right: 1em; }
 * 1) contentSub {
 * 1) p-personal li {

li#ca-talk, li#ca-watch { margin-right: auto; margin-left: 1.6em; }

float: left; } /* Fix link icons .external, a.feedlink { padding: 0 !important; background: none !important; }	clear: both; }	float: left; height: 1%; }	float: right; height: 1%; }	margin-left: 0; margin-right: 13.6em; border-left: 0; border-right: 1px solid #fabd23; } 	float: none; margin-left: 0; margin-right: 0; }	margin-left: 0; margin-top: 3em; }
 * 1) p-personal li {
 * 1) footer {
 * 1) footer {
 * 1) f-poweredbyico {
 * 1) f-copyrightico {
 * html #footer {
 * html #column-content {
 * html #column-content #content {
 * html #column-one { right: 0; }

/* js pref toc */

margin-right: 1em; }
 * 1) preftoc {

.errorbox, .successbox, #preftoc li, .prefsection fieldset { float: right; }

.prefsection { padding-right: 2em; }

/* workaround for moz bug, displayed bullets on left side */

text-align: right; }
 * 1) toc ul {

margin: 0 2em 0 0; }
 * 1) toc ul ul {

input#wpSave, input#wpDiff { margin-right: 0; margin-left: .33em; }

margin: 0 0 1em 3em; } /* Convenience links to edit block, delete and protect reasons */ p.mw-ipb-conveniencelinks, p.mw-protect-editreasons, p.mw-filedelete-editreasons, p.mw-delete-editreasons { float: left; }
 * 1) userlogin {

.toggle { margin-left: 0em; margin-right: 2em; } table.filehistory th { text-align: right; }

/* Special:Allpages styling */ td.mw-allpages-nav, p.mw-allpages-nav, td.mw-allpages-alphaindexline { text-align: left; }

/* Special:Prefixindex styling */ td#mw-prefixindex-nav-form { text-align: left; }

/** * Lists: * The following lines don't have a visible effect on non-Gecko browsers * They fix a problem ith Gecko browsers rendering lists to the right of * left-floated objects in an RTL layout. */ html > body div#article ul { display: table; } html > body div#bodyContent ul#filetoc { display: block; }