/* RTL definitions ---------------------------------------- */ /** * common.css */ .rtl h1 { margin-right: 0; margin-left: 200px; } .rtl p.right { text-align: left; } .rtl div.rules ul { margin-left: 0; margin-right: 20px; } /* Main blocks ---------------------------------------- */ .rtl .logo { float: right; padding: 10px 10px 0 13px; } /* Site Description --------------------------------------------- */ .rtl #site-description { float: right; } .rtl #site-description h1 { margin-left: 0; } /* Round cornered boxes and backgrounds ---------------------------------------- */ .rtl .post { background-position: 0 0; } /* Horizontal lists ----------------------------------------*/ .rtl ul.linklist > li { float: right; margin-right: 0; margin-left: 7px; } .rtl ul.linklist > li.rightside, .rtl p.rightside, .rtl a.rightside { float: left; margin-right: 7px; margin-left: 0; text-align: left; } .rtl ul.leftside > li, .rtl ul.rightside > li { float: left; } .rtl ul.leftside { float: right; margin-left: 5px; margin-right: 0; text-align: right; } .rtl ul.rightside { float: left; margin-left: -5px; margin-right: 5px; text-align: left; } /* Bulletin icons for list items ----------------------------------------*/ .rtl ul.linklist.bulletin > li:before { padding-left: 4px; padding-right: 0; } .rtl ul.linklist li.responsive-menu a.responsive-menu-link:before { left: auto; right: 0; } /* Dropdown menu ---------------------------------------- */ .rtl .dropdown-container.topic-tools { float: right; } .rtl .dropdown li { text-align: right; } .rtl .dropdown-contents > li { padding-left: 15px; padding-right: 0; } .rtl .dropdown-nonscroll > li { padding-left: 0; } .rtl .dropdown li li { padding-left: 0; padding-right: 18px; } .rtl .dropdown-extended .header { text-align: right; } .rtl .dropdown-extended .header .header_settings { float: left; } /* Notifications ----------------------------------------*/ .rtl .notification_list ul li img { float: right; margin-left: 5px; margin-right: 0; } .rtl .notification_list div.notifications { margin-left: 0; margin-right: 50px; } .rtl .notification_text { margin-left: 0; margin-right: 58px; } .rtl .notification_list p.notification-time { text-align: left; } /* Responsive breadcrumbs ----------------------------------------*/ .rtl .breadcrumbs .crumb { float: right; } /* Table styles ----------------------------------------*/ .rtl table.table1 thead th { padding: 0 3px 4px 0; } .rtl table.table1 thead th span { padding-left: 0; padding-right: 7px; } .rtl table.table1 tbody th { text-align: right; } /* Specific column styles */ .rtl table.table1 .name { text-align: right; } .rtl table.table1 .joined { text-align: right; } .rtl table.table1 .active { text-align: right; } .rtl table.table1 .info { text-align: right; } .rtl table.table1 thead .autocol { padding-left: 0; padding-right: 1em; } .rtl table.table1 span.rank-img { float: left; } .rtl table.info tbody th { text-align: left; } .rtl .forumbg table.table1 { margin: 0 -1px -1px -2px; } /* Misc layout styles ---------------------------------------- */ /* column[1-2] styles are containers for two column layouts */ .rtl .column1 { float: right; clear: right; } .rtl .column2 { float: left; clear: left; } /* General classes for placing floating blocks */ .rtl .left-box { float: right; text-align: right; } .rtl .right-box { float: left; text-align: left; } .rtl dl.details dt { float: right; clear: right; text-align: left; } .rtl dl.details dd { margin-right: 0; margin-left: 0; padding-right: 5px; padding-left: 0; float: right; } *:first-child+html dl.details dd { margin-right: 30%; float: none; } * html dl.details dd { margin-right: 30%; float: none; } /* Pagination ---------------------------------------- */ .rtl .pagination { text-align: left; float: left; } .rtl .pagination > ul { margin-left: 0; margin-right: 5px; } /* Pagination in viewforum for multipage topics */ .rtl .row .pagination { background-position: 100% 50%; float: left; padding-left: 0; padding-right: 15px; } .rtl .row .pagination > ul { margin: 0; } .rtl .pagination span { direction: ltr; } .pagination li.page-jump { margin-left: 5px; margin-right: 0; } .pagination li.previous a { background-position: -50px 2px; } .pagination li.next a { background-position: -30px 2px; } .pagination li.previous a:hover { background-position: -50px -18px; } .pagination li.next a:hover { background-position: -30px -18px; } /* Miscellaneous styles ---------------------------------------- */ .rtl #forum-permissions { float: left; padding-right: 5px; padding-left: 0; margin-right: 5px; margin-left: 0; text-align: left; } .rtl #quick-links { margin-left: 7px; margin-right: 0; } .rtl .header-avatar span:after { float: left; padding-left: 0; padding-right: 2px; } .rtl .member-search { float: right; } /** * links.css */ /* Back to top of page */ .rtl .back2top { text-align: left; } /* Links adjustment to correctly display an order of rtl/ltr mixed content */ .rtl a { direction: rtl; unicode-bidi: embed; } li.breadcrumbs span:first-child > a { padding-left: 0; padding-right: 19px; } /* Notification mark read link */ .rtl .dropdown-extended a.mark_read { border-radius: 0 3px 3px 0; left: 0; right: auto; } .rtl a.top { float: left; } .rtl a.top2 { background-position: 100% 50%; padding-left: 0; padding-right: 15px; } .rtl .skiplink { /* invisible skip link, used for accessibility */ left: 0; right: -999px; } .rtl a.feed-icon-forum { float: left; } /** * content.css */ .rtl ul.topiclist dt, .rtl li.header dt { float: right; margin-right: 0; margin-left: -440px; } .rtl ul.topiclist.missing-column dt { margin-right: 0; margin-left: -345px; } .rtl ul.topiclist.two-long-columns dt { margin-right: 0; margin-left: -250px; } .rtl ul.topiclist.two-columns dt { margin-right: 0; margin-left: -80px; } .rtl ul.topiclist dt .list-inner { margin-right: 0; margin-left: 440px; } .rtl ul.topiclist.missing-column dt .list-inner { margin-right: 0; margin-left: 330px; } .rtl ul.topiclist.two-long-columns dt .list-inner { margin-right: 0; margin-left: 250px; } .rtl ul.topiclist.two-columns dt .list-inner { margin-right: 0; margin-left: 80px; } .rtl ul.topiclist dd { float: right; border-right-width: 1px; border-right-style: solid; border-left: none; } .rtl ul.topiclist dfn { left: auto; right: -999px; } .rtl ul.topiclist li.row dt a.subforum { padding-right: 12px; background-position: right; position: static; } .rtl .forum-image { float: right; margin-right: 0; margin-left: 5px; } .rtl li.header dt, .rtl li.header dd { border-right-width: 0; } .rtl li.header dd { padding-left: 0; padding-right: 1px; } .rtl dl.icon { background-position: 99.5% 50%; } .rtl li.header dl.icon dt .list-inner { /* Tweak for headers alignment when folder icon used */ padding-right: 0; padding-left: 50px; } .rtl dl.icon dt { background-position: 99.5% 95%; /* Position of topic icon */ } .rtl dl.icon dt .list-inner { padding-left: 5px; padding-right: 45px; /* Space for folder icon */ } .rtl dl a.icon-link { /* topic row icon links */ display: inline-block; left: auto; right: 0; margin-left: 0; margin-right: 2px; } .rtl dd.lastpost > span, .rtl ul.topiclist dd.info > span, .rtl ul.topiclist dd.time > span, .rtl dd.redirect > span, .rtl dd.moderation > span { padding-left: 0; padding-right: 5px; } /* Post body styles ----------------------------------------*/ .rtl .postbody, .rtl .postbody h3 { float: right; } .rtl .has-profile .postbody h3 { margin-right: 0; margin-left: 180px; } .rtl p.post-notice { padding-left: 5px; padding-right: 26px; } .rtl p.post-notice:before { left: auto; right: 0; } /* Topic review panel ----------------------------------------*/ .rtl #topicreview { padding-right: 0; padding-left: 5px; } /* Content container styles ----------------------------------------*/ .rtl .content ul, .rtl .content ol { margin-right: 3em; margin-left: 0; } .rtl .signature { clear: right; } .rtl .notice { clear: right; } /* Jump to post link for now */ .rtl ul.searchresults { text-align: left; } /* BB Code styles ----------------------------------------*/ /* Quote block */ .rtl blockquote { margin: 0.5em 25px 0 1px; background-position: 99% 8px; } .rtl blockquote blockquote { /* Nested quotes */ margin: 0.5em 15px 0 1px; } .rtl blockquote cite { /* Username/source of quoter */ margin-right: 20px; margin-left: 0; } .rtl blockquote .codebox { margin-right: 0; } .rtl code { direction: ltr; } /* Attachments ----------------------------------------*/ .rtl .attachbox { float: right; margin: 5px 0 5px 5px; clear: right; } .rtl .attachbox dd { clear: right; } .rtl .attachbox p { clear: right; } .rtl .attachbox p.stats { clear: right; } /* Post poll styles ----------------------------------------*/ .rtl fieldset.polls dt { text-align: right; float: right; border-left: none; } .rtl fieldset.polls dd { float: right; border-right: none; margin-right: 0; } .rtl fieldset.polls dd div { text-align: left; } .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 { border-left-width: 1px; border-left-style: solid; border-right: none; } /* Poster profile block ----------------------------------------*/ .rtl .postprofile { border-width: 0 1px 0 0; float: left; /* text-align: right; */ } .rtl .pm .postprofile { border-right-width: 1px; border-right-style: solid; border-left: none; } .rtl .postprofile dd, .rtl .postprofile dt { margin-left: 0; margin-right: 8px; } .rtl .postprofile .avatar { float: right; } .rtl .online { background-position: 0 0; } .rtl dl.pmlist dd { margin-right: 61% !important; margin-left: 0 !important; } /** * buttons.css */ .rtl .dropdown-select { padding-left: 24px; padding-right: 8px; } .rtl .icon-button:before { float: left; margin-left: 0; margin-right: 2px; } .rtl .dropdown-select.icon-button:before { margin-left: 4px; margin-right: 0; } .rtl .dropdown-select:after { border-left: 0; border-right-style: solid; border-right-width: 1px; left: 0; right: auto; } .rtl .buttons, .rtl .buttons .button { float: right; } .rtl .buttons .button, .rtl .dropdown-select { margin-left: 5px; margin-right: 0; } /* Icon images ---------------------------------------- */ .rtl .small-icon { background-position: 100% 50%; } .rtl .small-icon > a { padding-left: 0; padding-right: 19px; } /* Post control buttons --------------------------------------------- */ .rtl .post-buttons { float: left; } .rtl .has-profile .post-buttons { left: 0; right: auto; } .rtl .post-buttons li { float: right; } .post-buttons .icon-button:before { margin-right: 0; } /* Poster contact icons ----------------------------------------*/ .rtl .contact-icons a { border-left-width: 1px; border-left-style: dotted; border-right: none; float: right; } .rtl .contact-icons .last-cell { border-left: none; } /** * cp.css */ /* Control Panel Styles ---------------------------------------- */ /* Main CP box ----------------------------------------*/ .rtl #cp-menu { float: right; } .rtl #cp-main { float: right; } .rtl #cp-main .panel ol { margin-right: 2em; margin-left: 0; } .rtl #cp-main .buttons { margin-right: 0; margin-left: 0; } .tabs-container h2 { float: right; } /* CP tabbed menu ----------------------------------------*/ .rtl #tabs { margin-left: 0; margin-right: 7px; } .rtl #tabs .tab { float: right; } .rtl #tabs .tab > a { margin-left: 1px; margin-right: 0; } /* Mini tabbed menu used in MCP ----------------------------------------*/ .rtl #minitabs { float: left; margin-right: 0; margin-left: 7px; } .rtl #minitabs .tab { float: left; } .rtl #minitabs .tab > a { margin-right: 2px; margin-left: 0; } /* Responsive tabs ----------------------------------------*/ .rtl #tabs .dropdown { margin-left: -2px; } .rtl #tabs .dropdown li { text-align: left; } .rtl #minitabs .dropdown { margin-left: -4px; } .rtl #minitabs .dropdown li { text-align: right; } /* Responsive *CP navigation ----------------------------------------*/ @media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { .rtl #cp-menu, .rtl #navigation, .rtl #cp-main { float: none; } } /* UCP navigation menu ----------------------------------------*/ /* Preferences pane layout ----------------------------------------*/ .rtl #cp-main h2 { margin-left: 0; margin-right: 10px; } /* Friends list */ .rtl .cp-mini { margin: 10px 5px 10px 15px; } /* PM Styles ----------------------------------------*/ /* PM panel adjustments */ .rtl .reply-all a.right { background-position: 5% 60%; } .rtl .reply-all a.right:hover { background-position: 3% 60%; } .rtl .reply-all { padding-left: 5px; } /* Defined rules list for PM options */ .rtl ol.def-rules { padding-right: 0; } /* PM marking colours */ .rtl .pm-legend { border-right-width: 10px; border-right-style: solid; border-left-width: 0; padding-left: 0; padding-right: 3px; } /* Avatar gallery */ .rtl #gallery label { float: right; } /* Responsive *CP navigation ----------------------------------------*/ @media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { .rtl #cp-menu, .rtl #navigation, .rtl #cp-main { float: none; } } /** * forms.css */ /* General form styles ----------------------------------------*/ .rtl option { padding-right: 0; padding-left: 1em; } .rtl label { padding-right: 0; padding-left: 5px; } /* Definition list layout for forms ---------------------------------------- */ .rtl fieldset dt { float: right; text-align: right; } .rtl fieldset dd { margin-left: 0; margin-right: 41%; } /* Specific layout 1 */ .rtl fieldset.fields1 dt { border-left-width: 0; border-right-width: 1px; } .rtl fieldset.fields1 dd { margin-right: 15em; margin-left: 0; border-right-width: 0; border-left-width: 1px; } /* Specific layout 2 */ .rtl fieldset.fields2 dt { border-right-width: 1px; border-left-width: 0; } .rtl fieldset.fields2 dd { margin-right: 16em; margin-left: 0; border-left-width: 1px; border-right-width: 0; } /* Form elements */ .rtl dt label { text-align: right; } .rtl dd input, .rtl dd textarea { margin-left: 3px; margin-right: 0; } /* Quick-login on index page */ .rtl fieldset.quick-login input.inputbox { margin-left: 5px; margin-right: 0; } .rtl fieldset.quick-login label { padding-left: 2px; padding-right: 0; } /* Display options on viewtopic/viewforum pages */ .rtl fieldset.display-options label { padding-left: 2px; padding-right: 0; } /* Display actions for ucp and mcp pages */ .rtl fieldset.display-actions { text-align: left; padding-left: 1em; padding-right: 0; } .rtl fieldset.display-actions label { padding-left: 2px; padding-right: 0; } /* MCP forum selection*/ .rtl fieldset.forum-selection { float: left; } .rtl fieldset.forum-selection2 { float: left; } /* Posting page styles ----------------------------------------*/ /* Emoticons panel */ .rtl #smiley-box { float: left; } /* Search box ---------------------------------------- */ /* Topic and forum Search */ .rtl .search-box { float: right; } .rtl .search-box .inputbox { border-left-width: 0; border-right-width: 1px; border-radius: 0 4px 4px 0; float: right; padding: 3px; } .rtl .search-box .button { float: right; } .rtl .search-box a.button { border-left-width: 1px; border-right-width: 0; border-radius: 4px 0 0 4px; padding-left: 5px; padding-right: 3px; } .rtl .search-header { float: left; margin-right: 0; margin-left: 5px; } .rtl input.search { background-position: right 1px; padding-right: 17px; padding-left: 0; } /* Form button styles ---------------------------------------- */ /** Reference: Bug #27155 */ .rtl #wrap, .rtl .headerbar, .rtl #site-description, .rtl .navbar { position: relative; } /* Former imageset */ .rtl .imageset.forum_link, .rtl .imageset.forum_read, .rtl .imageset.forum_read_locked, .rtl .imageset.forum_read_subforum, .rtl .imageset.forum_unread, .rtl .imageset.forum_unread_locked, .rtl .imageset.forum_unread_subforum, .rtl .imageset.topic_moved, .rtl .imageset.topic_read, .rtl .imageset.topic_read_mine, .rtl .imageset.topic_read_hot, .rtl .imageset.topic_read_hot_mine, .rtl .imageset.topic_read_locked, .rtl .imageset.topic_read_locked_mine, .rtl .imageset.topic_unread, .rtl .imageset.topic_unread_mine, .rtl .imageset.topic_unread_hot, .rtl .imageset.topic_unread_hot_mine, .rtl .imageset.topic_unread_locked, .rtl .imageset.topic_unread_locked_mine, .rtl .imageset.sticky_read, .rtl .imageset.sticky_read_mine, .rtl .imageset.sticky_read_locked, .rtl .imageset.sticky_read_locked_mine, .rtl .imageset.sticky_unread, .rtl .imageset.sticky_unread_mine, .rtl .imageset.sticky_unread_locked, .rtl .imageset.sticky_unread_locked_mine, .rtl .imageset.announce_read, .rtl .imageset.announce_read_mine, .rtl .imageset.announce_read_locked, .rtl .imageset.announce_read_locked_mine, .rtl .imageset.announce_unread, .rtl .imageset.announce_unread_mine, .rtl .imageset.announce_unread_locked, .rtl .imageset.announce_unread_locked_mine, .rtl .imageset.global_read, .rtl .imageset.global_read_mine, .rtl .imageset.global_read_locked, .rtl .imageset.global_read_locked_mine, .rtl .imageset.global_unread, .rtl .imageset.global_unread_mine, .rtl .imageset.global_unread_locked, .rtl .imageset.global_unread_locked_mine, .rtl .imageset.pm_read, .rtl .imageset.pm_unread { padding-right: 27px; padding-left: 0; } .rtl .imageset.subforum_read, .rtl .imageset.subforum_unread, .rtl .imageset.icon_post_target, .rtl .imageset.icon_post_target_unread, .rtl .imageset.icon_topic_latest, .rtl .imageset.icon_topic_newest { padding-right: 11px; padding-left: 0; } .rtl .imageset.icon_back_top { padding-right: 11px; padding-left: 0; } .rtl .imageset.icon_contact_aim, .rtl .imageset.phpbb_aol-icon, .rtl .imageset.icon_contact_email, .rtl .imageset.icon_contact_icq, .rtl .imageset.phpbb_icq-icon, .rtl .imageset.icon_contact_jabber, .rtl .imageset.icon_contact_msnm, .rtl .imageset.phpbb_wlm-icon, .rtl .imageset.icon_contact_www, .rtl .imageset.phpbb_website-icon, .rtl .imageset.icon_contact_yahoo, .rtl .imageset.phpbb_yahoo-icon, .rtl .imageset.icon_post_delete, .rtl .imageset.icon_post_info, .rtl .imageset.icon_post_report, .rtl .imageset.icon_user_warn { padding-right: 20px; padding-left: 0; } .rtl .imageset.icon_topic_attach { padding-right: 7px; padding-left: 0; } .rtl .imageset.icon_topic_reported, .rtl .imageset.icon_topic_unapproved { padding-right: 16px; padding-left: 0; } /** * plupload.css */ .rtl .attach-controls { float: left; } /** * responsive.css */ @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) { /* .topiclist lists ----------------------------------------*/ .rtl ul.topiclist li.header dt, .rtl ul.topiclist li.header dt .list-inner { margin-left: 0 !important; padding-left: 0; } .rtl ul.topiclist dt, .rtl ul.topiclist dt .list-inner, .rtl ul.topiclist.missing-column dt, .rtl ul.topiclist.missing-column dt .list-inner, .rtl ul.topiclist.two-long-columns dt, .rtl ul.topiclist.two-long-columns dt .list-inner, .rtl ul.topiclist.two-columns dt, .rtl ul.topiclist.two-columns dt .list-inner { margin-left: 0; } .rtl ul.topiclist dt .list-inner.with-mark { padding-left: 34px; } /* Forums and topics lists ----------------------------------------*/ .rtl ul.topiclist.forums dt { margin-left: -250px; } .rtl ul.topiclist.forums dt .list-inner { margin-left: 250px; } .rtl ul.topiclist dd.mark { left: 5px; right: auto; text-align: right; } .rtl table.responsive.show-header thead, .rtl table.responsive.show-header th:first-child { text-align: right !important; } .rtl table.responsive td { text-align: right !important; } /* User profile ----------------------------------------*/ .rtl .column1, .rtl .column2, .rtl .left-box.profile-details { float: none; } /* Post ----------------------------------------*/ .rtl .postprofile, .rtl .postbody, .rtl .search .postbody { float: none; } .rtl .post .postprofile { border-width: 0 0 1px 0; } .rtl .postprofile dt, .rtl .postprofile dd.profile-rank, .rtl .search .postprofile dd { margin: 0; } .rtl .postprofile .avatar { margin-left: 5px; margin-right: 0; } .rtl .has-profile .post-buttons { left: 20px; } /* Forms ----------------------------------------*/ .rtl fieldset dt, .rtl fieldset.fields1 dt, .rtl fieldset.fields2 dt { float: none; } .rtl fieldset dd, .rtl fieldset.fields1 dd, .rtl fieldset.fields2 dd { margin-right: 20px; } } @media only screen and (max-width: 550px), only screen and (max-device-width: 550px) { /* .topiclist lists ----------------------------------------*/ .rtl ul.topiclist.forums dt { margin-left: 0; } .rtl ul.topiclist.forums dt .list-inner { margin-left: 0; } } @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { .rtl dl.details dt, .rtl dl.details dd { float: none; text-align: right; } .rtl dl.details dd { margin-left: 0; margin-right: 20px; } .captcha-panel dd.captcha { margin-right: 0; } }