| /* |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, |
| * software distributed under the License is distributed on an |
| * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| * KIND, either express or implied. See the License for the |
| * specific language governing permissions and limitations |
| * under the License. |
| */ |
| |
| /* This CSS file is used to reverse the style direction for rtl languages. */ |
| /* It is intended to be cascaded with style.css. */ |
| |
| /* ===== Resets/Browser Normalization ===== */ |
| |
| body, caption, th { |
| text-align: right; |
| } |
| |
| /* ===== Legacy Styles ===== */ |
| |
| .boxlink { |
| float: left; |
| } |
| |
| DIV.boxhead-left { |
| float: right; |
| } |
| |
| DIV.boxhead-right { |
| float: left; |
| } |
| |
| .submenutextinfo { |
| border-right: none; |
| border-left: 0.1em solid #5886C6; |
| } |
| |
| .submenutext, A.submenutext, A.submenutext:visited, |
| .submenutextdisabled, A.submenutextdisabled { |
| border-right: none; |
| border-left: 0.1em solid #5886C6; |
| padding-left: 0.5em; |
| padding-right: 0.2em; |
| } |
| |
| .submenutextinforight, .submenutextright, A.submenutextright, |
| .submenutextrightdisabled, A.submenutextrightdisabled { |
| padding-left: none; |
| padding-right: 0.2em; |
| } |
| |
| /* ===== Product Summary Styles ===== */ |
| .product-prevnext { |
| text-align: left; |
| } |
| |
| .productsummary .smallimage { |
| float: right; |
| margin: 0 0 0.5em 0.5em; |
| } |
| |
| .productsummary .productbuy { |
| float: left; |
| text-align: left; |
| } |
| |
| .productsummary .productinfo { |
| text-align: right; |
| } |
| |
| .treeWrapper { |
| border-left: none; |
| border-right: 0.1em solid #000000; |
| margin-left: 0; |
| margin-right: 1.2em; |
| text-align: right; |
| } |
| |
| .lefthalf { |
| float: right; |
| left: auto; |
| right: 0; |
| margin: 0 0 1% 1%; |
| } |
| |
| .righthalf { |
| float: left; |
| margin: 0 1% 1% 0; |
| right: auto; |
| left: 0; |
| } |
| |
| .leftclear { |
| clear: right; |
| } |
| |
| /* ==== Styles Copied From tabstyles.css === */ |
| |
| .treewrapper { |
| margin-left: 0; |
| margin-right: 1em; |
| } |
| |
| DIV.col { |
| float: right; |
| } |
| |
| DIV.col-right { |
| float: left; |
| } |
| |
| DIV.simple-right-small, DIV.simple-right-half { |
| float: left; |
| text-align: left; |
| } |
| |
| #column-container .left { |
| float: right; |
| margin-right: 0; |
| margin-left: 1em; |
| } |
| |
| .left-border { |
| float: right; |
| margin-right: 0; |
| margin-left: 1em; |
| border-right: none; |
| border-left: 0.5px dotted #ccc; |
| } |
| |
| #column-container .right { |
| float: left; |
| margin-left: 0; |
| margin-right: 1em; |
| } |
| |
| #column-container .leftonly { |
| margin-left: 0; |
| margin-right: 23em; |
| } |
| |
| #column-container .rightonly { |
| margin-right: 0; |
| margin-left: 23em; |
| } |
| |
| DIV.column-left-wide { |
| float: right; |
| } |
| |
| /* ===== New Styles ===== */ |
| |
| .label { |
| padding-right: 0; |
| padding-left: 1.1em; |
| text-align: left; |
| } |
| |
| /* ================================== */ |
| /* ===== Used to align elements ===== */ |
| /* ================================== */ |
| .align-bottom { |
| vertical-align: bottom;; |
| } |
| .align-center { |
| text-align: center; |
| } |
| .align-justify { |
| text-align: justify; |
| } |
| .align-left { |
| text-align: left; |
| } |
| .align-middle { |
| vertical-align: bottom;; |
| } |
| .align-right { |
| text-align: right; |
| } |
| .align-text { |
| text-align: left; |
| } |
| .align-top { |
| vertical-align: top; |
| } |
| |
| /* ==================================== */ |
| /* ===== Masthead (Header) Styles ===== */ |
| /* ==================================== */ |
| |
| #masthead ul li { |
| float: right; |
| } |
| |
| #masthead ul .opposed, |
| #masthead ul .control-area { |
| float: left; |
| text-align: left; |
| } |
| |
| /* ---------------------- */ |
| /* Footer Style */ |
| /* ---------------------- */ |
| |
| #footer { |
| padding: 0.5em 0.5em 0.5em 0; |
| } |
| |
| #footer ul { |
| float: right; |
| } |
| |
| #footer ul li { |
| float: right; |
| } |
| |
| #footer ul .first { |
| border-right: none; |
| border-left: 0.1em solid #444; |
| } |
| |
| #footer ul .last { |
| border-left: none; |
| border-right: 0.1em solid #222; |
| } |
| |
| #footer p { |
| clear: right; |
| } |
| |
| /* ================================================== */ |
| /* ===== Main Navigation (App Menu) Styles ========== */ |
| /* ================================================== */ |
| |
| #main-navigation ul li { |
| float: right; |
| padding: 0 0.5em 0 1em; |
| } |
| |
| #main-navigation ul .first { |
| border-right: none; |
| border-left: 0.1em solid #5c809c; |
| } |
| |
| #main-navigation ul .last { |
| border-left: none; |
| border-right: 0.1em solid #3e5a71; |
| } |
| |
| /* ========================================================= */ |
| /* ===== Component Navigation (App Header) Styles ========== */ |
| /* ========================================================= */ |
| |
| #app-navigation ul li ul li { |
| float: right; |
| margin: 0.1em 0 0.1em 0.3em; |
| } |
| |
| /* ================================================= */ |
| /* ===== Screenlet Title Bar/Navigation Styles ===== */ |
| /* ================================================= */ |
| |
| .screenlet-title-bar ul li { |
| border-left: none; |
| border-right: 0.1em solid #dedede; |
| float: left; |
| } |
| |
| .screenlet-title-bar ul .h1, |
| .screenlet-title-bar ul .h2, |
| .screenlet-title-bar ul .h3 { |
| border-right: none; |
| float: right; |
| } |
| |
| /* login screenlet decorator */ |
| .login-screenlet { |
| margin-left: 0; |
| margin-right: 38%; |
| } |
| |
| /* ======================================================= */ |
| /* ===== Basic Navigation (Vertical Menu) Style ========== */ |
| /* ======================================================= */ |
| |
| .basic-nav { |
| padding-left: 0; |
| padding-right: 1em; |
| } |
| |
| /* ======================================== */ |
| /* ===== Button Bar Navigation Styles ===== */ |
| /* ======================================== */ |
| |
| .button-bar ul li { |
| float: right; |
| } |
| |
| .button-bar ul .opposed { |
| float: left; |
| } |
| |
| /* ===== Button bar decorators ===== */ |
| |
| .tab-bar ul li ul li { |
| float: right; |
| margin-right: 0; |
| margin-left: 0.5em; |
| } |
| |
| /* ======================== */ |
| /* ===== Table Styles ===== */ |
| /* ======================== */ |
| |
| .basic-table tr .label, |
| .basic-table tr .group-label { |
| /* field labels for forms */ |
| text-align: left; |
| padding-right: 0; |
| padding-left: 1.5em; |
| } |
| |
| .basic-table tr .group-label { |
| padding: 2em 0 0 1.5em; |
| } |
| |
| .basic-table tr th, |
| .basic-table .header-row { |
| text-align: right; |
| } |
| |
| .basic-table tr .button-col a { |
| float: right; |
| } |
| |
| /* ======================= */ |
| /* ===== Tree Styles ===== */ |
| /* ======================= */ |
| |
| .basic-tree ul, .basic-tree li { |
| padding-left: 0; |
| padding-right: 1em; |
| } |
| |
| .basic-tree li .expanded { |
| background: url(/images/collapse.gif) no-repeat right center; |
| padding-right: 0; |
| padding-left: 1em; |
| } |
| |
| .basic-tree li .collapsed { |
| background: url(/images/expand.gif) no-repeat right center; |
| padding-right: 0; |
| padding-left: 1em; |
| } |
| |
| /* ======================== */ |
| /* ===== Form Styles ===== */ |
| /* ======================== */ |
| |
| .basic-form table tr .label, |
| .basic-form table tr .group-label { |
| text-align: left; |
| padding-right: 0; |
| padding-left: 1.5em; |
| } |
| |
| .basic-form table tr .group-label { |
| /* "header" for field label groups */ |
| font-size: 1.2em; |
| padding: 2em 0 0 1.5em; |
| } |
| |
| .basic-form table tr th, |
| .basic-form table .header-row { |
| text-align: right; |
| } |
| |
| /* ------------------------------- */ |
| /* List Navigation Style */ |
| /* ------------------------------- */ |
| |
| .nav-pager ul li { |
| float: right; |
| } |
| |
| .nav-pager ul .nav-displaying { |
| border-left: none; |
| border-right: solid #222 0.1em; |
| } |
| |
| /* From http://jqueryui.com/demos/autocomplete/maxheight.html */ |
| /* When displaying a long list of options, you can simply set the max-height for the autocomplete menu to prevent the menu from growing too large */ |
| .ui-autocomplete { |
| max-height: 250px; |
| overflow-y: auto; |
| /* prevent horizontal scrollbar */ |
| overflow-x: hidden; |
| /* add padding to account for vertical scrollbar */ |
| padding-right: 20px; |
| } |
| |
| /* IE 6 doesn't support max-height |
| * we use height instead, but this forces the menu to always be this tall |
| */ |
| * html .ui-autocomplete { |
| height: 250px; |
| } |