From d84cdcb8fcd424c961fa28bf1829ee828cb431cc Mon Sep 17 00:00:00 2001 From: mamouneyya Date: Fri, 18 Jun 2010 14:06:41 +0300 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/gallery.common.css') 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 From 6078eb6264346eba221897f3ddefea1d9ec73821 Mon Sep 17 00:00:00 2001 From: mamouneyya Date: Fri, 18 Jun 2010 23:29:37 +0300 Subject: Add '! important' to the round corners properties with values, force them to be shown even with the case the element has two or more of them (e.g. class='ui-corner-left ui-corner-right'.) Don't know if there was a better solution.. --- lib/gallery.common.css | 48 ++++++++++++++++++++++++------------------------ 1 file changed, 24 insertions(+), 24 deletions(-) (limited to 'lib/gallery.common.css') diff --git a/lib/gallery.common.css b/lib/gallery.common.css index 10a1f35d..c5290622 100644 --- a/lib/gallery.common.css +++ b/lib/gallery.common.css @@ -709,38 +709,38 @@ div#g-action-status { /* 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; + -moz-border-radius-topright: 5px !important; + -webkit-border-top-right-radius: 5px !important; + border-top-right-radius: 5px !important; } .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; + -moz-border-radius-topleft: 5px !important; + -webkit-border-top-left-radius: 5px !important; + border-top-left-radius: 5px !important; } .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; + -moz-border-radius-bottomright: 5px !important; + -webkit-border-bottom-right-radius: 5px !important; + border-bottom-right-radius: 5px !important; } .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; + -moz-border-radius-bottomleft: 5px !important; + -webkit-border-bottom-left-radius: 5px !important; + border-bottom-left-radius: 5px !important; } .rtl .g-buttonset .ui-corner-right, @@ -748,15 +748,15 @@ div#g-action-status { -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-topleft: 5px !important; + -webkit-border-top-left-radius: 5px !important; + border-top-left-radius: 5px !important; -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; + -moz-border-radius-bottomleft: 5px !important; + -webkit-border-bottom-left-radius: 5px !important; + border-bottom-left-radius: 5px !important; } .rtl .g-buttonset .ui-corner-left, @@ -764,15 +764,15 @@ div#g-action-status { -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-topright: 5px !important; + -webkit-border-top-right-radius: 5px !important; + border-top-right-radius: 5px !important; -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; + -moz-border-radius-bottomright: 5px !important; + -webkit-border-bottom-right-radius: 5px !important; + border-bottom-right-radius: 5px !important; } /* RTL Superfish ~~~~~~~~~~~~~~~~~~~~~~~~~ */ -- cgit v1.2.3