summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authormamouneyya <mamoun.diraneyya@gmail.com>2010-06-18 14:06:41 +0300
committermamouneyya <mamoun.diraneyya@gmail.com>2010-06-18 14:06:41 +0300
commitd84cdcb8fcd424c961fa28bf1829ee828cb431cc (patch)
tree5149ad78f29f2919fa7409634ceecfa7b29868dd
parent70f56ba43aa77568d96fbc8003619007b01acf8e (diff)
(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
-rw-r--r--lib/gallery.common.css81
1 files changed, 79 insertions, 2 deletions
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 {