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') 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 9173ea81676ef6b8abbdefd641b1a572faf13eab Mon Sep 17 00:00:00 2001 From: mamouneyya Date: Fri, 18 Jun 2010 14:07:16 +0300 Subject: Add the CSS3 selector of the round corners so they work in Opera --- lib/themeroller/ui.theme.css | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'lib') diff --git a/lib/themeroller/ui.theme.css b/lib/themeroller/ui.theme.css index 21ece290..477252e5 100644 --- a/lib/themeroller/ui.theme.css +++ b/lib/themeroller/ui.theme.css @@ -228,15 +228,15 @@ ----------------------------------*/ /* Corner radius */ -.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; } -.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } -.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } -.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } -.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } -.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } -.ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } -.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } -.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; } +.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } +.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } +.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } +.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } +.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } +.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } +.ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } +.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } +.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } -- cgit v1.2.3 From 7f8e2786b38ec6f4f57ef865c803742fa5089fb8 Mon Sep 17 00:00:00 2001 From: mamouneyya Date: Fri, 18 Jun 2010 14:07:38 +0300 Subject: Mirror the cancel button for RTL --- lib/uploadify/uploadify.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'lib') diff --git a/lib/uploadify/uploadify.css b/lib/uploadify/uploadify.css index a0279443..7eaa9e93 100644 --- a/lib/uploadify/uploadify.css +++ b/lib/uploadify/uploadify.css @@ -51,3 +51,8 @@ THE SOFTWARE. width: 1px; height: 3px; } + +/* RTL support ~~~~~~~~~~~~~~~~~~~~~~~~~ */ +.rtl .uploadifyQueueItem .cancel { + float: left; +} \ No newline at end of file -- 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') 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