1 /*------------------------------------------------------------------------------
4 Hello, this is the RTL version of the main WordPress admin CSS file.
5 All the important stuff is in here.
17 6.2 - Screen Options Tabs
23 11.0 - Write/Edit Post Screen
31 15.0 - Comments Screen
34 16.2 - Custom Background
35 16.3 - Tabbed Admin Screen Interface
46 ------------------------------------------------------------------------------*/
51 /*------------------------------------------------------------------------------
53 ------------------------------------------------------------------------------*/
61 font-family: Tahoma, Arial, sans-serif;
66 font: 12px Tahoma, Arial, sans-serif;
76 font-family: Tahoma, Arial, sans-serif;
84 /*------------------------------------------------------------------------------
86 ------------------------------------------------------------------------------*/
95 #timezone_string option {
100 #pass-strength-result {
102 margin: 13px 1px 5px 5px;
110 /*------------------------------------------------------------------------------
112 ------------------------------------------------------------------------------*/
124 #post-body .misc-pub-section {
126 border-left-width: 1px;
127 border-left-style: solid;
131 #post-body .misc-pub-section-last {
135 #minor-publishing-actions {
136 padding: 10px 8px 2px 10px;
144 #minor-publishing .ajax-loading {
145 padding: 3px 4px 0 0;
168 .describe .del-link {
174 /*------------------------------------------------------------------------------
176 ------------------------------------------------------------------------------*/
178 .plugin-update .update-message {
179 margin: 0 31px 8px 10px;
186 #ajax-response.alignleft {
192 /*------------------------------------------------------------------------------
194 ------------------------------------------------------------------------------*/
197 background-position: right top;
200 #ed_reply_toolbar input {
201 margin: 1px 1px 1px 2px;
204 /* Distraction Free Writing mode
206 -------------------------------------------------------------- */
208 /* No RTL for now, this space intentionally left blank */
211 -------------------------------------------------------------- */
212 #wp-fullscreen-body {
217 #wp-fullscreen-tagline {
222 -------------------------------------------------------------- */
228 #wp-fullscreen-mode-bar,
229 #wp-fullscreen-button-bar,
230 #wp-fullscreen-close,
231 #wp-fullscreen-count {
235 #wp-fullscreen-save {
239 #wp-fullscreen-save {
240 padding: 2px 5px 0 2px;
243 #wp-fullscreen-buttons > div {
247 #wp-fullscreen-mode-bar {
248 padding: 1px 0 0 14px;
251 #wp-fullscreen-modes a {
253 border-width: 1px 0 1px 1px;
256 #wp-fullscreen-modes a:first-child {
258 -moz-border-radius: 3px 3px 0 0;
259 -webkit-border-top-left-radius: 0;
260 -webkit-border-top-right-radius: 3px;
261 -webkit-border-bottom-left-radius: 0;
262 -webkit-border-bottom-right-radius: 3px;
263 -khtml-border-top-left-radius: 0;
264 -khtml-border-top-right-radius: 3px;
265 -khtml-border-bottom-left-radius: 0;
266 -khtml-border-bottom-right-radius: 3px;
267 border-top-left-radius: 0;
268 border-top-right-radius: 3px;
269 border-bottom-right-left: 0;
270 border-bottom-right-radius: 3px;
273 #wp-fullscreen-modes a:last-child {
274 -moz-border-radius: 0 0 3px 3px;
275 -webkit-border-top-right-radius: 0;
276 -webkit-border-top-left-radius: 3px;
277 -webkit-border-bottom-right-radius: 0;
278 -webkit-border-bottom-left-radius: 3px;
279 -khtml-border-top-right-radius: 0;
280 -khtml-border-top-left-radius: 3px;
281 -khtml-border-bottom-right-radius: 0;
282 -khtml-border-bottom-left-radius: 3px;
283 border-top-right-radius: 0;
284 border-top-left-radius: 3px;
285 border-bottom-right-radius: 0;
286 border-bottom-left-radius: 3px;
289 #wp-fullscreen-save img,
290 #wp-fullscreen-save span {
295 /* =Thickbox Adjustments
296 -------------------------------------------------------------- */
297 /* No RTL for now, this space intentionally left blank */
300 /* =TinyMCE Adjustments
301 -------------------------------------------------------------- */
302 /* No RTL for now, this space intentionally left blank */
306 /*------------------------------------------------------------------------------
308 ------------------------------------------------------------------------------*/
315 padding: 0 6px 0 2px;
323 #user_info .hide-if-no-js p {
332 #user_info_links_wrap {
348 font: Tahoma, Arial, sans-serif;
352 /*------------------------------------------------------------------------------
354 ------------------------------------------------------------------------------*/
357 margin: 0 15px 0 12px;
361 padding: 2px 12px 2px 0;
365 padding: 3px 10px 3px 5px;
374 /*------------------------------------------------------------------------------
375 6.2 - Screen Options Tabs
376 ------------------------------------------------------------------------------*/
382 #screen-meta .screen-reader-text {
386 #screen-options-link-wrap,
387 #contextual-help-link-wrap {
390 font-family: Tahoma, Arial, sans-serif;
393 #contextual-help-wrap li {
394 list-style-type: disc;
399 background-position: top right;
401 .toggle-arrow-active {
402 background-position: bottom right;
404 #screen-meta a.show-settings {
405 padding: 0 6px 0 16px;
408 #screen-options-wrap,
409 #contextual-help-wrap {
413 .metabox-prefs label {
418 .metabox-prefs label input {
422 /*------------------------------------------------------------------------------
423 7.0 - Main Navigation (Right Menu) (RTL: Left Menu)
424 ------------------------------------------------------------------------------*/
431 #adminmenu div.wp-menu-image {
435 #adminmenu .wp-submenu a {
440 #adminmenu li.wp-has-current-submenu .wp-menu-arrow,
441 #adminmenu li.menu-top.current .wp-menu-arrow {
445 #adminmenu .wp-menu-arrow div {
446 background: url(../images/menu-arrow-frame-rtl.png) top left no-repeat;
449 #adminmenu .wp-menu-image img {
453 .js.folded #adminmenu .wp-submenu {
459 .js.folded #adminmenu .wp-submenu.sub-open {
460 padding: 0 0 8px 8px;
463 #adminmenu .wp-submenu .wp-submenu-head {
464 padding: 6px 10px 5px 4px;
467 .js.folded #adminmenu .wp-submenu-wrap {
468 -webkit-border-bottom-right-radius: 0;
469 -webkit-border-bottom-left-radius: 3px;
470 -webkit-border-top-right-radius: 0;
471 -webkit-border-top-left-radius: 3px;
472 -khtml-border-bottom-right-radius: 0;
473 -khtml-border-bottom-left-radius: 3px;
474 -khtml-border-top-left-radius: 0;
475 -khtml-border-top-left-radius: 3px;
476 -moz-border-radius-bottomright: 0;
477 -moz-border-radius-bottomleft: 3px;
478 -moz-border-radius-topright: 0;
479 -moz-border-radius-topleft: 3px;
480 border-bottom-right-radius: 0;
481 border-bottom-left-radius: 3px;
482 border-top-right-radius: 0;
483 border-top-left-radius: 3px;
484 border-width: 0 0 1px 1px;
487 .js.folded #adminmenu .wp-submenu ul {
488 border-width: 0 1px 0 0;
491 .js.folded #adminmenu .wp-submenu a {
496 .js.folded #adminmenu a.wp-has-submenu {
501 #adminmenu .wp-menu-toggle {
504 padding: 1px 0 0 2px;
507 #adminmenu .wp-menu-image img {
508 padding: 6px 1px 0 0;
511 #adminmenu .awaiting-mod,
512 #adminmenu span.update-plugins,
513 #sidemenu li a span.update-plugins {
514 font-family: Tahoma, Arial, sans-serif;
519 .post-com-count-wrapper {
520 font-family: Tahoma, Arial, sans-serif;
523 .column-response .post-com-count {
537 /*------------------------------------------------------------------------------
539 ------------------------------------------------------------------------------*/
542 font-family: Tahoma, Arial, sans-serif;
555 .postbox .handlediv {
559 /*------------------------------------------------------------------------------
561 ------------------------------------------------------------------------------*/
563 #the-comment-list p.comment-author img {
569 /*------------------------------------------------------------------------------
570 10.0 - List Posts (/Pages/etc)
571 ------------------------------------------------------------------------------*/
573 .fixed .column-comments {
576 .fixed .column-comments .vers {
580 .fixed .column-comments a {
598 .tablenav-pages .next-page {
603 .tablenav a.button-secondary {
607 .tablenav .tablenav-pages {
611 .tablenav .displaying-num {
614 font-family: Tahoma, Arial, sans-serif;
619 padding: 2px 0 0 8px;
633 margin: -5px 10px 0 0;
641 #posts-filter fieldset {
643 margin: 0 0 1em 1.5ex;
646 #posts-filter fieldset legend {
647 padding: 0 1px .2em 0;
650 /*------------------------------------------------------------------------------
651 10.1 - Inline Editing
652 ------------------------------------------------------------------------------*/
654 #wpbody-content .inline-edit-row fieldset {
658 #wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col {
659 border-width: 0 1px 0 0;
662 #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
666 .inline-edit-row fieldset label span.title {
670 .inline-edit-row fieldset label span.input-text-wrap {
675 .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
680 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
687 .inline-edit-row fieldset span.title,
688 .inline-edit-row fieldset span.checkbox-title {
689 font-family: Tahoma, Arial, sans-serif;
693 .inline-edit-row fieldset .inline-edit-date {
697 .inline-edit-row fieldset ul.cat-checklist label,
698 .inline-edit-row .catshow,
699 .inline-edit-row .cathide,
700 .inline-edit-row #bulk-titles div {
701 font-family: Tahoma, Arial, sans-serif;
704 .quick-edit-row-post fieldset label.inline-edit-status {
710 margin: 3px -2px 0 3px;
712 text-indent: -9999px;
716 /*------------------------------------------------------------------------------
717 11.0 - Write/Edit Post Screen
718 ------------------------------------------------------------------------------*/
720 #titlediv #title-prompt-text,
721 #wp-fullscreen-title-prompt-text {
729 #sample-permalink #editable-post-name {
732 #wp-fullscreen-title-prompt-text {
741 .postarea #add-media-button {
754 #poststuff #edButtonHTML {
760 padding: 0 10px 5px 0;
767 .inside-submitbox #post_status {
768 margin: 2px -2px 2px 0;
771 .submitbox .submit input {
776 #normal-sortables .postbox .submit {
781 #post-body ul.category-tabs,
782 #post-body ul.add-menu-item-tabs {
785 /* Negative margin for the sake of those without JS: all tabs display */
786 margin: 0 5px 0 -120px;
790 #post-body ul.category-tabs li.tabs,
791 #post-body ul.add-menu-item-tabs li.tabs {
792 -moz-border-radius: 3px 3px 0 0;
793 -webkit-border-top-left-radius: 0;
794 -webkit-border-top-right-radius: 3px;
795 -webkit-border-bottom-left-radius: 0;
796 -webkit-border-bottom-right-radius: 3px;
797 -khtml-border-top-left-radius: 0;
798 -khtml-border-top-right-radius: 3px;
799 -khtml-border-bottom-left-radius: 0;
800 -khtml-border-bottom-right-radius: 3px;
801 border-top-left-radius: 0;
802 border-top-right-radius: 3px;
803 border-bottom-left-radius: 0;
804 border-bottom-right-radius: 3px;
807 #post-body .categorydiv div.tabs-panel,
808 .taxonomy div.tabs-panel,
809 #post-body #linkcategorydiv div.tabs-panel {
810 margin: 0 125px 0 5px;
813 #side-sortables .comments-box thead th,
814 #normal-sortables .comments-box thead th {
818 #commentsdiv img.waiting {
823 #post-body .category-tabs li.tabs,
824 #post-body .add-menu-item-tabs li.tabs {
825 border-width: 1px 1px 1px 0;
830 /* positioning etc. */
832 #posts-filter fieldset {
834 margin: 0 0 1em 1.5ex;
837 #posts-filter fieldset legend {
838 padding: 0 1px .2em 0;
843 #post-body .tagsdiv #newtag {
849 padding: 2px 2px 2px 15px;
853 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
854 background: transparent url(../images/resize-rtl.gif) no-repeat scroll left bottom;
858 .curtime #timestamp {
859 background-position: right top;
864 /*------------------------------------------------------------------------------
866 ------------------------------------------------------------------------------*/
868 #postcustomstuff table input,
869 #postcustomstuff table select,
870 #postcustomstuff table textarea {
871 margin: 8px 8px 8px 0;
874 /*------------------------------------------------------------------------------
875 11.2 - Post Revisions
876 ------------------------------------------------------------------------------*/
878 table.diff td, table.diff th {
879 font-family: Consolas, Monaco, monospace;
882 /*------------------------------------------------------------------------------
884 ------------------------------------------------------------------------------*/
892 #post-body ul.category-tabs,
893 #post-body ul.add-menu-item-tabs {
896 /* Negative margin for the sake of those without JS: all tabs display */
897 margin: 0 5px 0 -120px;
900 #post-body ul.category-tabs li.tabs,
901 #post-body ul.add-menu-item-tabs li.tabs {
902 -moz-border-radius: 3px 3px 0 0;
903 -webkit-border-top-left-radius: 0;
904 -webkit-border-top-right-radius: 3px;
905 -webkit-border-bottom-left-radius: 0;
906 -webkit-border-bottom-right-radius: 3px;
907 -khtml-border-top-left-radius: 0;
908 -khtml-border-top-right-radius: 3px;
909 -khtml-border-bottom-left-radius: 0;
910 -khtml-border-bottom-right-radius: 3px;
911 border-top-left-radius: 0;
912 border-top-right-radius: 3px;
913 border-bottom-left-radius: 0;
914 border-bottom-right-radius: 3px;
918 #front-static-pages ul,
920 .inline-editor ul.cat-checklist ul,
921 .categorydiv ul.categorychecklist ul,
922 .customlinkdiv ul.categorychecklist ul,
923 .posttypediv ul.categorychecklist ul,
924 .taxonomydiv ul.categorychecklist ul,
925 #linkcategorydiv ul.categorychecklist ul {
930 #post-body .category-tabs li.tabs,
931 #post-body .add-menu-item-tabs li.tabs {
932 border-style: solid solid solid none;
933 border-width: 1px 1px 1px 0;
943 font-family: Tahoma, Arial, sans-serif;
946 /*------------------------------------------------------------------------------
948 ------------------------------------------------------------------------------*/
951 margin: 15px 12px -24px 0;
954 #poststuff .tagsdiv .howto {
962 /*------------------------------------------------------------------------------
964 ------------------------------------------------------------------------------*/
966 #wpbody-content .describe th {
971 .describe .media-item-info .A1B1 {
975 .media-upload-form td label {
980 .media-upload-form .align .field label {
985 .media-upload-form tr.image-size label {
989 #wpbody-content .describe p.help {
993 .media-item .error-div a.dismiss,
995 .describe-toggle-off {
1001 .media-item .error-div {
1003 padding-right: 10px;
1006 .media-item .pinkynail {
1017 border-right-width: 0;
1018 border-left-width: 3px;
1019 border-right-style: none;
1020 border-left-style: solid;
1023 /*------------------------------------------------------------------------------
1024 14.1 - Media Uploader
1025 ------------------------------------------------------------------------------*/
1027 #find-posts-response .found-radio {
1028 padding: 5px 8px 0 0;
1032 .find-box-search label {
1037 .find-box #resize-se {
1043 form.upgrade .hint {
1048 /*------------------------------------------------------------------------------
1050 ------------------------------------------------------------------------------*/
1060 .imgedit-submit-btn {
1066 /*------------------------------------------------------------------------------
1067 15.0 - Comments Screen
1068 ------------------------------------------------------------------------------*/
1074 .form-table input.tog {
1080 .form-table table.color-palette {
1084 /* reply to comments */
1086 #replysubmit img.waiting,
1087 .inline-edit-save img.waiting {
1091 #replysubmit .button {
1098 padding: 3px 5px 2px 0;
1102 border-right-style: none;
1103 border-left-style: solid;
1104 border-right-width: 0;
1105 border-left-width: 1px;
1108 .spam-undo-inside .avatar,
1109 .trash-undo-inside .avatar {
1113 #comment-status-radio input {
1114 margin: 2px 0 5px 3px;
1119 /*------------------------------------------------------------------------------
1121 ------------------------------------------------------------------------------*/
1123 td.available-theme {
1127 #current-theme img {
1137 /*------------------------------------------------------------------------------
1138 16.1 - Custom Header Screen
1139 ------------------------------------------------------------------------------*/
1141 .appearance_page_custom-header .available-headers .default-header {
1143 margin: 0 0 20px 20px;
1146 .appearance_page_custom-header .random-header {
1147 margin: 0 0 20px 20px;
1150 .appearance_page_custom-header .available-headers label input,
1151 .appearance_page_custom-header .random-header label input {
1156 /*------------------------------------------------------------------------------
1157 16.2 - Custom Background Screen
1158 ------------------------------------------------------------------------------*/
1160 /* No RTL for now, this space intentionally left blank */
1163 /*------------------------------------------------------------------------------
1164 16.3 - Tabbed Admin Screen Interface (Experimental)
1165 ------------------------------------------------------------------------------*/
1168 margin: 0 0 -1px 6px;
1172 font-family: Tahoma, Arial, sans-serif;
1176 /*------------------------------------------------------------------------------
1178 ------------------------------------------------------------------------------*/
1185 #wpbody-content .plugins .plugin-title, #wpbody-content .plugins .theme-title {
1191 /*------------------------------------------------------------------------------
1193 ------------------------------------------------------------------------------*/
1195 #profile-page .form-table #rich_editing {
1200 #your-profile legend {
1201 font-family: Tahoma, Arial, sans-serif;
1204 /*------------------------------------------------------------------------------
1206 ------------------------------------------------------------------------------*/
1208 /* Intentionally didn't RTLized the new press-this button;
1210 /*------------------------------------------------------------------------------
1212 ------------------------------------------------------------------------------*/
1214 #utc-time, #local-time {
1216 padding-right: 25px;
1218 font-family: Tahoma, Arial, sans-serif;
1221 /*------------------------------------------------------------------------------
1223 ------------------------------------------------------------------------------*/
1230 /*------------------------------------------------------------------------------
1232 ------------------------------------------------------------------------------*/
1239 .column-author img, .column-username img {
1250 .tagchecklist strong {
1255 .tagchecklist span {
1261 .tagchecklist span a {
1262 margin: 6px -9px 0pt 0pt;
1271 .metabox-holder h3 {
1272 font-family: Tahoma, Arial, sans-serif;
1276 font-family: Tahoma, Arial, sans-serif;
1280 margin: -30px 315px 0 15px;
1283 padding-right: 10px;
1290 table .column-visible,
1291 table .column-rating {
1296 /*------------------------------------------------------------------------------
1298 ------------------------------------------------------------------------------*/
1300 /* - Not used anywhere in WordPress - verify and then deprecate
1301 ------------------------------------------------------------------------------*/
1303 /* No RTL for now, this space intentionally left blank */
1306 /* - Only used once or twice in all of WP - deprecate for global style
1307 ------------------------------------------------------------------------------*/
1309 * html #template div {margin-left: 0;}
1311 .list-ajax-loading {
1317 /* - Used - but could/should be deprecated with a CSS reset
1318 ------------------------------------------------------------------------------*/
1319 /* No RTL for now, this space intentionally left blank */
1322 /*------------------------------------------------------------------------------
1323 24.0 - TinyMCE tweaks
1324 Small tweaks for until tinymce css files are proprely RTLized
1325 ------------------------------------------------------------------------------*/
1326 #editorcontainer .wp_themeSkin .mceStatusbar {
1330 #editorcontainer .wp_themeSkin .mceStatusbar div {
1334 #editorcontainer .wp_themeSkin .mceStatusbar a.mceResize {