RTL style fixes for the Theme Customizer. Props ocean90, helenyhou.

git-svn-id: http://core.svn.wordpress.org/trunk@20674 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/wp-admin-rtl.dev.css

@@ -1542,7 +1542,7 @@ table .column-rating {
 .wp-full-overlay.collapsed,
 .wp-full-overlay.collapsed div.wp-full-overlay-header,
 .wp-full-overlay.collapsed div.wp-full-overlay-footer {
-	left: 0;
+	left: auto;
 	right: -302px;
 }
 
@@ -1558,7 +1558,6 @@ table .column-rating {
 }
 
 .wp-full-overlay.collapsed .wp-full-overlay-main {
-	left: auto;
 	right: 0;
 }
 
@@ -1594,7 +1593,7 @@ table .column-rating {
 
 .wp-full-overlay.collapsed .collapse-sidebar {
 	left: auto;
-	right: 315px;
+	right: 325px;
 }
 
 .wp-full-overlay .collapse-sidebar-arrow {

wp-includes/css/customize-controls-rtl.dev.css

@@ -7,6 +7,11 @@
 	left: 20px;
 }
 
+#customize-footer-actions img {
+	margin-left: 0;
+	margin-right: 4px;
+}
+
 .customize-control {
 	float: right;
 }
@@ -18,6 +23,10 @@
 	margin-left: 10px;
 }
 
+.customize-control-content {
+	float: left;
+}
+
 .customize-control-text input,
 .customize-control-select select,
 .customize-control-checkbox input,
@@ -27,6 +36,10 @@
 	clear: left;
 }
 
+.customize-control-text input {
+	float: left;
+}
+
 .customize-control-radio label {
 	float: right;
 	clear: both;
@@ -37,14 +50,49 @@
 	margin-left: 5px;
 }
 
-#customize-preview {
+/*
+ * Dropdowns
+ */
+.customize-section .dropdown {
+	float: right;
+}
+
+.customize-section .dropdown-content {
+	float: right;
+	margin-right: 0px;
+	margin-left: 16px;
+	-webkit-border-radius: 0 3px 3px 0;
+	border-radius: 0 3px 3px 0;
+}
+
+.customize-control .dropdown-arrow {
+	right: auto;
 	left: 0;
-	right: 300px;
+
+	border-color: #ccc;
+	border-style: solid;
+	border-width: 1px 0 1px 1px;
+	-webkit-border-radius: 3px 0 0 3px;
+	border-radius: 3px 0 0 3px;
+}
+
+.customize-control .dropdown-arrow:after {
+	right: auto;
+	left: 4px;
 }
 
 /*
  * Color Picker
  */
+.customize-control-color .dropdown {
+	margin-right: 0;
+	margin-left: 5px;
+}
+
+.customize-section .color-picker-hex {
+	float: right;
+}
+
 .customize-section .color-picker-hex span {
 	float: right;
 	margin: 1px 0 0 -2px;
@@ -52,32 +100,22 @@
 	text-align: left;
 }
 
+.customize-control-color .farbtastic-placeholder {
+	margin: 5px 25px 10px 0;
+	float: right;
+}
+
 /*
  * Image Picker
  */
-.customize-section .customize-image-picker {
+.customize-section .customize-control-image .actions {
-	float: right;
+	float: left;
 }
 
-.customize-section .customize-image-picker .thumbnail {
+.customize-control-image .library,
-	float: right;
+.customize-control-image .actions,
-	clear: right;
+.customize-section .customize-control-image .library ul,
-	margin-right: 0;
+.customize-section .customize-control-image .library li,
-	margin-left: 20px;
+.customize-section .customize-control-image .library-content {
-}
-
-.customize-section .customize-image-picker .actions {
-	float: right;
-}
-
-.customize-section .customize-image-picker .library ul {
-	float: right;
-}
-
-.customize-section .customize-image-picker .library li {
-	float: right;
-}
-
-.customize-section .customize-image-picker .library div {
 	float: right;
 }

wp-includes/css/customize-controls.dev.css

@@ -134,6 +134,7 @@ body {
 	top: 18px;
 	margin-left: 4px;
 }
+
 .saving #customize-footer-actions img {
 	display: inline;
 }
@@ -151,6 +152,7 @@ body {
 	margin-right: 10px;
 	line-height: 28px;
 }
+
 .customize-control-content {
 	float: right;
 	width: 140px;
@@ -300,6 +302,7 @@ body {
 .customize-control-color .farbtastic-placeholder {
 	display: none;
 }
+
 .customize-control-color.open .color-picker-hex,
 .customize-control-color.open .farbtastic-placeholder {
 	display: block;
@@ -365,12 +368,12 @@ body {
 /*
  * Image Picker
  */
-
 .customize-control-image .library,
 .customize-control-image .actions {
 	display: none;
 	float: left;
 }
+
 .customize-control-image.open .library,
 .customize-control-image.open .actions {
 	display: block;
@@ -469,4 +472,4 @@ body {
 	text-align: center;
 	color: #777;
 	position: relative;
-}
+}