From c7ce0228de3d4d33a2997269a59626fd09f46f65 Mon Sep 17 00:00:00 2001 From: mamouneyya Date: Fri, 18 Jun 2010 19:06:41 +0800 Subject: (1) Correct the margin direction for checkboxes in RTL (2) Update the id of adding comment button for RTL (3) Flip the corner radiuses for any buttons set, which solves the issue of flipped corners in the comments admin page. Also, add the CSS3 selector of the round corners so they work in Opera (4) Fix ticket #1052 --- lib/gallery.common.css | 81 ++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 79 insertions(+), 2 deletions(-) (limited to 'lib') diff --git a/lib/gallery.common.css b/lib/gallery.common.css index 31988b67..10a1f35d 100644 --- a/lib/gallery.common.css +++ b/lib/gallery.common.css @@ -690,14 +690,91 @@ div#g-action-status { } .rtl input.checkbox { - margin-right: .4em; + margin-left: .4em; } -.rtl #g-admin-comment-button { +.rtl #g-add-comment { right: inherit; left: 0; } +.rtl .ui-icon-left .ui-icon { + margin-left: .2em; +} + +.rtl .ui-icon-right .ui-icon { + margin-right: .2em; +} + +/* RTL Corner radius ~~~~~~~~~~~~~~~~~~~~~~ */ +.rtl .g-buttonset .ui-corner-tl { + -moz-border-radius-topleft: 0; + -moz-border-radius-topright: 5px; + -webkit-border-top-left-radius: 0; + -webkit-border-top-right-radius: 5px; + border-top-left-radius: 0; + border-top-right-radius: 5px; +} + +.rtl .g-buttonset .ui-corner-tr { + -moz-border-radius-topright: 0; + -moz-border-radius-topleft: 5px; + -webkit-border-top-right-radius: 0; + -webkit-border-top-left-radius: 5px; + border-top-right-radius: 0; + border-top-left-radius: 5px; +} + +.rtl .g-buttonset .ui-corner-bl { + -moz-border-radius-bottomleft: 0; + -moz-border-radius-bottomright: 5px; + -webkit-border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 5px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 5px; +} + +.rtl .g-buttonset .ui-corner-br { + -moz-border-radius-bottomright: 0; + -moz-border-radius-bottomleft: 5px; + -webkit-border-bottom-right-radius: 0; + -webkit-border-bottom-left-radius: 5px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 5px; +} + +.rtl .g-buttonset .ui-corner-right, +.rtl .ui-progressbar .ui-corner-right { + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-topleft: 5px; + -webkit-border-top-left-radius: 5px; + border-top-left-radius: 5px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 5px; + -webkit-border-bottom-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +.rtl .g-buttonset .ui-corner-left, +.rtl .ui-progressbar .ui-corner-left { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 5px; + -webkit-border-top-right-radius: 5px; + border-top-right-radius: 5px; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + -moz-border-radius-bottomright: 5px; + -webkit-border-bottom-right-radius: 5px; + border-bottom-right-radius: 5px; +} + /* RTL Superfish ~~~~~~~~~~~~~~~~~~~~~~~~~ */ .rtl .sf-menu a { -- cgit v1.2.3