| /* |
| 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. |
| */ |
| /* |
| NOTE: |
| This stylesheet is a formatted copy of Appendix PLT. C in the Portlet API specification, which defines |
| CSS styles to be used in portlets conforming to the spec. |
| */ |
| |
| /***************************************************************************************** |
| Java(TM) Portlet Specification, version 1.0 (10/07/2003) pp. 115-118 |
| |
| PLT.C |
| CSS Style Definitions |
| To achieve a common look and feel throughout the portal page, all portlets in the portal |
| page should use a common CSS style sheet when generating content. |
| This appendix defines styles for a variety of logical units in the markup. It follows the |
| style being considered by the OASIS Web Services for Remote Portlets Technical Committee. |
| ******************************************************************************************/ |
| |
| /***************************************************************************************** |
| PLT.C.1 Links (Anchor) |
| A custom CSS class is not defined for the <a> tag. The entity should use the default |
| classes when embedding anchor tags. |
| ******************************************************************************************/ |
| |
| /***************************************************************************************** |
| PLT.C.2 Fonts |
| The font style definitions affect the font attributes only (font face, size, color, style, etc). |
| ******************************************************************************************/ |
| |
| /* Font attributes for the "normal" fragment font. Used for the display of non-accentuated information. |
| Example: Normal Text */ |
| .portlet-font { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: normal; |
| font-size: 10pt; |
| color:black; |
| } |
| |
| /* Font attributes similar to the portlet-font but the color is lighter. Example: Dim Text */ |
| .portlet-font-dim { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: normal; |
| font-size: 10pt; |
| color:lightgrey; |
| } |
| |
| /***************************************************************************************** |
| PLT.C.3 Messages |
| Message style definitions affect the rendering of a paragraph (alignment, borders, |
| background color, etc) as well as text attributes. |
| ******************************************************************************************/ |
| /* Status of the current operation. Example: Progress: 80% */ |
| .portlet-msg-status { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: bold; |
| font-size:10pt; |
| color:black; |
| } |
| |
| /* Help messages, general additional information, etc. Example: Info about */ |
| .portlet-msg-info { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: bold; |
| font-size:10pt; |
| color:blue; |
| } |
| |
| /* Error messages. |
| Example: Portlet not available*/ |
| .portlet-msg-error { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: bold; |
| font-size:8pt; |
| color:red; |
| } |
| |
| /* Warning messages. |
| Example: Timeout occurred, try again later */ |
| .portlet-msg-alert { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: bold; |
| font-size:10pt; |
| color:yellow; |
| } |
| |
| /* Verification of the successful completion of a task. Example: Operation completed successfully */ |
| .portlet-msg-success { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: bold; |
| font-size:10pt; |
| color:green; |
| } |
| |
| /***************************************************************************************** |
| PLT.C.4 Sections |
| Section style definitions affect the rendering of markup sections such as table, div and |
| span (alignment, borders, background color, etc) as well as their text attributes. |
| ******************************************************************************************/ |
| /* Table or section header */ |
| .portlet-section-header { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: bold; |
| font-size: 16pt; |
| margin-top: 0; |
| margin-bottom: 1em; |
| } |
| |
| /* Normal text in a table cell */ |
| .portlet-section-body { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: normal; |
| font-size: 12pt; |
| |
| } |
| |
| /* Text in every other row in the cell */ |
| .portlet-section-alternate { |
| |
| } |
| |
| /* Text in a selected cell range */ |
| .portlet-section-selected { |
| |
| } |
| |
| /* Text of a subheading */ |
| .portlet-section-subheader { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: bold; |
| font-size: 12pt; |
| } |
| |
| /* Table or section footnote */ |
| .portlet-section-footer { |
| |
| } |
| |
| /* Text that belongs to the table but does not fall in one of |
| the other categories (e.g. explanatory or help text that is |
| associated with the section). */ |
| .portlet-section-text { |
| |
| } |
| |
| /***************************************************************************************** |
| PLT.C.5 Forms |
| Form styles define the look-and-feel of the elements in an HTML form. |
| ******************************************************************************************/ |
| /* Text used for the descriptive label of the whole form (not the labels for fields). */ |
| .portlet-form-label { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: bold; |
| font-size: 12pt; |
| color: black; |
| } |
| |
| /* Text of the user-input in an input field. */ |
| .portlet-form-input-field { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: normal; |
| font-size: 10pt; |
| color: black; |
| } |
| |
| /* Text on a button */ |
| .portlet-form-button { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: normal; |
| font-size: 12pt; |
| color: black; |
| } |
| |
| /* Text that appears beside a context dependent action icon. */ |
| .portlet-icon-label { |
| |
| } |
| |
| /* Text that appears beside a "standard" icon (e.g. Ok, or Cancel) */ |
| .portlet-dlg-icon-label { |
| |
| } |
| |
| /* Text for a separator of fields (e.g. checkboxes, etc.) */ |
| .portlet-form-field-label { |
| font-family: Arial,Helvetica,sans-serif; |
| font-style: normal; |
| font-weight: bold; |
| font-size: 10pt; |
| color: black; |
| } |
| |
| /* Text for a field (not input field, e.g. checkboxes, etc) */ |
| .portlet-form-field { |
| |
| } |
| |
| /***************************************************************************************** |
| PLT.C.6 Menus |
| Menu styles define the look-and-feel of the text and background of a menu structure. This |
| structure may be embedded in the aggregated page or may appear as a context sensitive |
| popup menu. |
| ******************************************************************************************/ |
| /* General menu settings such as background color, margins, etc */ |
| .portlet-menu { |
| |
| } |
| |
| /* Normal, unselected menu item. */ |
| .portlet-menu-item { |
| |
| } |
| |
| /* Selected menu item. */ |
| .portlet-menu-item-selected { |
| |
| } |
| |
| /* Normal, unselected menu item when the mouse hovers over it. */ |
| .portlet-menu-item-hover { |
| |
| } |
| |
| /* Selected menu item when the mouse hovers over it. */ |
| .portlet-menu-item-hover-selected { |
| |
| } |
| |
| /* Normal, unselected menu item that has submenus. */ |
| .portlet-menu-cascade-item { |
| |
| } |
| |
| /* Selected sub-menu item that has sub-menus. */ |
| .portlet-menu-cascade-item-selected { |
| |
| } |
| |
| /* Descriptive text for the menu (e.g. in a help context below the menu) */ |
| .portlet-menu-description { |
| |
| } |
| |
| /* Menu caption */ |
| .portlet-menu-caption { |
| |
| } |
| |