@charset "UTF-8"; /** * @package Joomla.Administrator * @subpackage templates.hathor * @copyright Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt * @since 1.6 * * RTL CSS file for the template */ body { direction: rtl; } h1, h2, h3 { text-align: right; } /** * CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background-position: transparent none repeat scroll top right; } /* new styles */ /* end new styles */ /** * Overall Styles */ #header h1.title { padding: 0 120px 0 0; } #footer { padding: 10px 20px; } #content { margin: 5px 20px 20px 20px; } .cpanel-page div#element-box { padding: 15px; } /** * Status layout */ #module-status { left: 0; right: none; float: left; } #module-status > span { float: right; padding: 4px 22px 0 20px; } /* background images moved to color css file */ /** * Various Styles */ div.checkin-tick { text-indent: -9999px; } /** * Overlib */ /** * Subheader, toolbar, page title */ div.pagetitle { padding: 0 0 5px 0; background-position: right 50%; line-height: 54px; } .pagetitle h2 { padding: 0 50px 0 0; } div.configuration { padding-right: 30px; margin-right: 10px; } div.toolbar-list { float: right; text-align: left; } div.toolbar-list li { padding: 5px 4px 5px 1px; float: right; } div.toolbar-list li.divider { margin-left: 10px; margin-right: 0; } div.toolbar-list span { margin: 0 auto; } div.toolbar-list a { float: right; padding: 1px 5px; } /** * Massmail component */ /** * Pane Slider pane Toggler styles */ div.pane-sliders { margin-left: 10px; } .pane-toggler span { padding-left: 0; padding-right: 20px; } .pane-toggler-down span { padding-right: 20px; padding-left: 0; } div#position-icon.pane-sliders div.pane-down .icon-wrapper .icon { padding: 5px 10px 5px 0; margin: 0; } /** * Tabs */ dl.tabs { float: right; margin: 10px 0 -1px 0; } dl.tabs dt { float: right; padding: 4px 10px; margin-right: 3px; } div.current { padding: 10px 10px; } /* New parameter styles (check rtl) */ dl#content-pane.tabs { margin: 1px 0 0 0; } div.current label, div.current span.faux-label { float:right; clear:right; } div.current fieldset.radio { float:right; } div.current fieldset.radio input { float:right; margin: 3px 2px 0 0; } div.current fieldset.radio label { float:right; margin: 3px 2px 0 0; } div.current fieldset.checkboxes { float:right; clear:left; } div.current fieldset.checkboxes input { float:right; clear:right; margin: 3px 2px 0 0; } div.current fieldset.checkboxes label { clear:left; margin: 3px 2px 0 0; } div.current input, div.current span.faux-input, div.current textarea, div.current select { float:right; margin: 3px 2px 0 0; } div.current table#acl-config th.acl-groups { text-align: right; } div.current table#filter-config th.acl-groups { text-align: right; } /* -------- Menu Assigments ---------- */ div#menu-assignment { clear:right; } div#menu-assignment ul.menu-links { float:right; } div#menu-assignment h3 { clear:right; } div#menu-assignment ul.menu-links li.menu-link label { float: right; margin: 3px 2px 0 0; } div#menu-assignment ul.menu-links li.menu-link input { clear: right; float: right; } p.tab-description { margin-right: 0; } /* end new parameter styles */ /** * Login Settings */ #login-page form .inputbox { margin-right: 5px; } #login-page input, #login-page select { float: left; } #login-page .login { margin: 0 auto; } #login-page .pagetitle h2 { margin: -70px 0 30px 0; } #login-page .login-inst { float: right; } #login-page .login-box { float: left; } #login-page .button { text-align: left; } #login-page .login-text { text-align: right; float: right; } #form-login { float: left; } #form-login label { float: right; clear: right; text-align: left; } #form-login div.button1 div.next { float: right; } #form-login div.button1 a { padding: 0 15px 0 15px; /* padding: 0 6px 0 30px; use this if you use images */ } /** * Cpanel Settings */ .cpanel div.icon , #cpanel div.icon { margin-left: 5px; float: right; } .cpanel div.icon a , #cpanel div.icon a { float: right; } .cpanel img , #cpanel img { padding: 10px 0; margin: 0 auto; } div.cpanel-icons { float: right; } div.cpanel-component { float: left; } /** * Standard Layout Styles */ div.col { float: right; } div.options-section.col { float: left; } div.col1 { float: right; } div.col2 { float: left; } /* Avoid using the width divs. They are here for 3PD Extensions if needed * Use the specific layout divs listed after. See also the th.width entries */ .clrlft { clear: right; } .clrrt { clear: left; } .fltlft { float: right; } .fltrt { float: left; } .fltnone { float: none; } /* Layout Divs */ div.options-section { margin: 10px 0 10px 10px; } /* for bluestork style html */ div.width-40.fltrt { margin: 10px 0 10px 10px; } /** * Form Styles */ fieldset { margin: 2px 10px 2px 10px; text-align: right; } fieldset p { margin: 10px 0; } /* new form fields (check rtl) */ fieldset.adminform fieldset.radio, fieldset.panelform fieldset.radio, fieldset.adminform-legacy fieldset.radio { float:right; margin: 0 0 5px 0; clear:left; } fieldset.adminform fieldset.radio label, fieldset.panelform fieldset.radio label, fieldset.adminform fieldset.radio span.faux-label, fieldset.panelform fieldset.radio span.faux-label { float:right; } fieldset.panelform-legacy label, fieldset.adminform-legacy label, fieldset.panelform-legacy span.faux-label, fieldset.adminform-legacy span.faux-label { float:right; } /* JParameter classes on radio button labels */ p.jform_desc { clear: right; } fieldset ul.checklist { margin-right: 27px; margin-left: 0; } fieldset#filter-bar { margin: 0; padding: 5px 10px 5px 10px; } fieldset#filter-bar ol, fieldset#filter-bar ul { padding: 5px 0 0; } fieldset#filter-bar ol li, fieldset#filter-bar ul li { float: right; padding: 0 0 0 5px; } fieldset#filter-bar .filter-search { float: right; } fieldset#filter-bar .filter-select { float: left; } /* Note: these visual cues should be augmented by aria */ /* must be augmented by aria at the same time if changed dynamically by js aria-invalid=true or aria-invalid=false */ /* augmented by aria in template javascript */ span.readonly { float: right; } div.extdescript { margin-right: 10px; } input[type="button"] { padding: 1px 6px; } /** * Option or Parameter styles */ /* end from alpha2 */ span.gi { margin-left: 5px; } /** * Admintable Styles */ table.admintable td.key,table.admintable td.paramlist_key { text-align: left; } table.paramlist td.paramlist_description { text-align: right; } /** * Admin Form Styles */ fieldset.adminform { margin: 0 10px 10px 10px; } /* Table styles are for use with tabular data */ table.adminform { margin: 8px 0 10px 0; } table.adminform th { padding: 6px 4px 4px 2px; text-align: right; } table.adminform td { text-align: right; } table.adminform td#filter-bar { text-align: right; } table.adminform td.helpMenu { text-align: left; } table.adminform tr { padding-right: 10px; padding-left: 10px; border-left: 1px solid #c7c8b2; border-right: none; } /** * Table formating styles */ /* Avoid using the width classes. They are here for 3PD Extensions if needed * Use the specific layout table headers listed after. See also the div.width entries */ /* Table header layout classes */ th.ordering-col a { float:right; margin-right: 3px; } th.ordering-col a img { margin-right: 4px; margin-left: 4px; } /** * Adminlist Table layout */ table.adminlist { float: right; } /* Table row styles */ table.adminlist tr { padding-left: 30px; padding-right: 30px; } table.adminlist tbody tr { text-align: right; } /* Table td/th styles */ table.adminlist td.order span { float: right; } /** * Tree indentation & nesting - Up to 10 levels deep so don't go crazy : */ table.adminlist td.indent-4 { padding-right:4px; } table.adminlist td.indent-19 { padding-right:19px; } table.adminlist td.indent-34 { padding-right:34px; } table.adminlist td.indent-49 { padding-right:49px; } table.adminlist td.indent-64 { padding-right:64px; } table.adminlist td.indent-79 { padding-right:79px; } table.adminlist td.indent-94 { padding-right:94px; } table.adminlist td.indent-109 { padding-right:109px; } table.adminlist td.indent-124 { padding-right:124px; } table.adminlist td.indent-139 { padding-right:139px; } /** * Adminlist buttons */ table.adminlist tr td.btns a { padding: 3px 20px; } /** * Modal Modules styles */ ul#new-modules-list { margin-right: 50px; margin-left: 0; } /** * Utility styles */ /* General Clearing Class */ .menu-module-list { padding-right: 10px; margin-right: 5px; } /* stu nicholls solution for centering divs */ /* table solution for global config */ table.noshow fieldset { margin: 15px 7px 7px 7px; } /** * Saving order icon styling in admin tables */ a.saveorder { float:left; margin-left: 8px; } /** * Button styling */ #editor-xtd-buttons { padding: 5px; } /* Button 1 Type */ .button1,.button1 div { float: left; } /* Use this if you add images to the buttons such as directional arrows */ .button1 a { float: right; padding: 0 6px 0 6px; } /* Button 2 Type */ .button2-left,.button2-right { float: right; } .button2-left a, .button2-right a, .button2-left span, .button2-right span { float: right; } /* these are inactive buttons */ .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span, .button2-left .blank a, .button2-right .blank a, .button2-left .blank span, .button2-right .blank span { padding: 0 6px; } .button2-left a,.button2-left span { padding: 0 6px 0 24px; } .button2-right a,.button2-right span { padding: 0 24px 0 6px; } .button2-left { float: right; margin-right: 5px; } .button2-right { float: right; margin-right: 5px; } /* background images moved to the color rtl css file */ /** * Pagination styles */ /* Normal pagination styles */ div.containerpg { position: relative; right: 50%; float: right; clear: right; } div.pagination { right: -50%; margin: 0 auto; } .pagination a { line-height: 1.6em; } .pagination div.limit { float: right; margin: 0 10px; } /* The Go submittal button */ .pagination button { margin-left: 20px; } /* Style if pagination is part of the table (old style) */ table.adminlist .pagination { margin: 0 auto; } table.adminlist .pagination button { margin-left: 20px; } /** * Pagination styles */ /* Normal pagination styles */ div.containerpg { right: 50%; float: right; clear: right; } div.pagination { right: -50%; margin: 0 auto; } .pagination div.limit { float: right; margin: 0 10px; } /* The Go submittal button */ .pagination button { margin-left: 20px; } /* Grey out the current page number */ /* Style if pagination is part of the table (old style) */ table.adminlist .pagination button { margin-left: 20px; } /** * MCE Editor */ div.toggle-editor { } /** * Tooltips */ .tip-text { text-align: right; } /** * Calendar */ a img.calendar { margin-right: 3px; } /** * General styles */ .helpFrame { padding: 0 10px 0 5px; } #treecellhelp { float: right; } #datacellhelp { float: right; padding: 2px 0 0 0; } /* -- MODAL STYLES ----------- */ div#sbox-window { text-align: right; } h2.modal-title { margin: 5px 15px 0 0; } ul.menu_types { padding: 0 15px 0 0; } ul.menu_types li, dl.menu_type dd ul li { float:right; margin-left: 10px; margin-right: 0; } dl.menu_type dt { float:right; margin: 13px 0 5px 0; } dl.menu_type dd { clear:right; } dl.menu_type dd ul li { margin: 0; } dl.menu_type dd ul { margin: 0; } ul#new-modules-list { padding: 5px 15px 0 0; margin: 0; } ul#new-modules-list li { float:right; margin: 0 0 0 20px; } /** * User Accessibility */ /* Skip to Content Structural Styling */ #skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited { left: 0; right: -200%; } #skiplinkholder a:focus, #skiplinkholder a:active { right: 0; top: 0; } #skiplinkholder p { margin: 0; } #skiptargetholder { left: 0; right: -200%; } /* Skip to Content Visual Styling */ #skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited { padding-left: 20px; padding-right: 20px; } /* For elements that aren't to be seen by users unless the user does something * like clicking on a header to see the collapsed section. */ /* For elements that aren't to be seen by visual users but do need to be read by screenreaders. * Cannot be used for elements that can get focus such as links and form elements */ /* Firefox has issues styling legend so this is a universal fix for making the legend invisible (i.e. visually it's not there, but screen readers see it */ legend.element-invisible { /*margin: 0; margin-right: -10000px; */ } fieldset.adminform label, fieldset.panelform label, fieldset.adminform span.faux-label, fieldset.panelform span.faux-label { clear:right; float:right; margin-right: 10px; margin-left: 5px; } fieldset.adminform fieldset.radio label, fieldset.panelform fieldset.radio label, fieldset.adminform fieldset.radio span.faux-label, fieldset.panelform fieldset.radio span.faux-label { margin-right: 0; } /* checkboxes */ fieldset.adminform fieldset.checkboxes, fieldset.panelform fieldset.checkboxes, fieldset.adminform-legacy fieldset.checkboxes { float:right; margin: 0 0 5px 0; clear:left; } fieldset.adminform fieldset.checkboxes input[type="checkbox"], fieldset.panelform fieldset.checkboxes input[type="checkbox"] { float: right; clear: right; } fieldset.adminform fieldset.checkboxes label, fieldset.panelform fieldset.checkboxes label, fieldset.adminform fieldset.checkboxes span.faux-label, fieldset.panelform fieldset.checkboxes span.faux-label { clear: left; } /* end checkboxes */ fieldset.adminform input, fieldset.adminform span.faux-input, fieldset.adminform textarea, fieldset.adminform select, fieldset.adminform img, fieldset.adminform button, fieldset.panelform input, fieldset.panelform span.faux-input, fieldset.panelform textarea, fieldset.panelform select, fieldset.panelform img, fieldset.panelform button { float:right; margin:5px 0 5px 5px; } /* -------- Batch Section ---------- */ fieldset#batch-choose-action { clear:none; clear: right; } fieldset.batch label { float: right; clear: none; } fieldset label#batch-choose-action-lbl { clear: none; clear: right; } label#batch-language-lbl, label#batch-user-lbl { clear: right; margin-left: 10px; margin-right: 0; margin-top: 15px; } select#batch-language-id, select#batch-user-id { margin-top: 15px; } select#batch-category-id, select#batch-menu-id, select#batch-position-id { margin-left: 30px; margin-right: 0; } fieldset.batch select, fieldset.batch input, fieldset.batch img, fieldset.batch button { float: right; } label#batch-access-lbl, label#batch-client-lbl { margin-right: 0; margin-left: 10px; } /* Banner edit */ /* -- ACL STYLES relocated from com_users/media/grid.css ----------- */ /* -- ACL PANEL STYLES ----------- */ /* All Tabs */ td.col1 { text-align:right; } /* Icons */ label.icon-16-allow, label.icon-16-deny, a.icon-16-allow, a.icon-16-deny, a.icon-16-allowinactive, a.icon-16-denyinactive { margin: 0 auto; } label.icon-16-allow { right: 40%; } label.icon-16-deny { right: 40%; } ul.acllegend li { float: right; padding-left: 20px; margin: 15px 10px 15px 0; } ul.acllegend li.acl-allowed { padding-right: 20px; padding-left: 10px; } ul.acllegend li.acl-denied { padding-right: 20px; padding-left: 20px; } ul.acllegend li.acl-editgroups { padding-left: 10px; } ul.acllegend li.acl-resetbtn { padding-left: 0; } li.acl-editgroups, li.acl-resetbtn { float: right; } table#acl-config th.acl-groups { padding-right: 8px; } table#acl-config th.acl-groups { text-align: right; } .acl-action { margin: auto 0; } /* Icons */ span.icon-16-unset, span.icon-16-allowed, span.icon-16-denied, span.icon-16-locked { padding-left: 0; padding-right: 18px; } /* * * Permission Rules */ #permissions-sliders ul#rules, #permissions-sliders ul#rules ul { margin: 0 !important; padding: 0 !important; } #permissions-sliders ul#rules li { margin: 0; padding: 0; } #permissions-sliders ul#rules table.group-rules td { padding:4px; vertical-align:middle; text-align:right; } #permissions-sliders .panel { margin-bottom: 3px; margin-right: 0; } ul#rules table.group-rules td label { margin: 0 !important; } table.group-rules td select { margin: 0 !important; } #permissions-sliders ul#rules .mypanel { padding: 0; } #permissions-sliders ul#rules { padding: 5px; } #permissions-sliders ul#rules table.group-rules th { text-align: right; padding: 4px; } #permissions-sliders .pane-toggler span { padding-left: 0; padding-right: 20px; } #permissions-sliders .pane-toggler-down span { padding-left: 0; padding-right: 20px; } /** * Helpmenus */ ul.helpmenu li { float: left; } /** * Menu Styling */ #menu a { padding: 0.35em 2em 0.35em 2.5em; } #menu li { float: right; } #menu li ul { /* second-level lists */ margin-right: -1000em; /* using right instead of display to hide menus because display: none isn't read by screen readers */ } #menu li ul ul { /* third-and-above-level lists */ margin: -2.3em -1000em 0 0; /* top margin is equal to parent line height+bottom padding */ } #menu li:hover ul ul,#menu li.sfhover ul ul { margin-right: -1000em; } #menu li:hover ul,#menu li.sfhover ul { /* lists nested under hovered list items */ margin-right: 0; } #menu li li:hover ul,#menu li li.sfhover ul { margin-right: 16em; } /** * Extra positioning rules for limited noscript keyboard accessibility * need the backgrounds here to keep the background as the nav background * since it is overlaying other content. * Using margin-left instead of left so that can move back without javascript * display downlevel ul */ #menu li a:focus+ul { margin-right: 0; } #menu li li a:focus+ul { margin-right: 1016em; } /* bring back the focus elements into view */ #menu li li a:focus { margin-right: 1000em; } #menu li li li a:focus { margin-right: 2016em; } #menu li:hover a:focus,#menu li.sfhover a.sffocus { margin-right: 0; } #menu li li:hover a:focus+ul,#menu li li.sfhover a.sffocus+ul { margin-right: 16em; } /** * Submenu styling */ #submenu a, #submenu span.nolink { float: right; margin-left: 8px; padding: 2px 10px 2px 10px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } /* Installer Database */ #installer-database p.warning { padding-left: 0; padding-right: 20px } #installer-database #sidebar { float: none } #installer-database p.nowarning { padding-left: 0; padding-right: 20px } p.nowarning { float: none; margin-left: 0; margin-right: 15px; } table.adminlist tfoot button { float: right; } /* Spinner */ .joomlaupdate_spinner { float: right; margin-left: 15px; } /* Various corrections */ [class*="span"] { float: none; margin-left: 0; margin-right: 0; } #sidebar { float:right; margin: 15px 0; } #submenu li, #submenu span.nolink { float: right; } div.btn-toolbar { float: right; text-align: right; } .btn-group { float: right; margin-right: 10px; } #module-status div.btn-group { float: right; } .nav-tabs > li, .nav-pills > li { float: none; } .tabs-left > .nav-tabs { border-right: 0 solid #DDDDDD; float: right; margin-right: 19px; } .list-striped, .row-striped { text-align: right; } .row-fluid [class*="span"] { float: none; } .media .btn { float: none; } .media { float:none; margin: 10px 20px; } .alert .close { right: 5px; float: left; } .tooltip-inner { text-align: right; }