DRAFT: This module has unpublished changes.
| How the Default CSS Code Works |
| code | color | explanation |
| body { | ||
| background:#EEEEEE; | light grey | Background of page and of O-Space navigation menus |
| color: #222222; | dark grey | Default font color of main text |
| } | ||
| #site_topnav ul li a { | Affects links, ordered list items, and unordered list items (i.e. bullet points) | |
| color:#000000; | black | Default font color for topmost O-Space navigation menus (Home | Calendar ...) except for the "Welcome," |
| } | ||
| #header_container { | Includes the header image, e-Portfolio title, and horizontal line. | |
| padding-bottom:0.5em; | Amount of space between e-Portfolio title and e-Portfolio section menu | |
| padding-top:10px; | Amount of space between header image and the O-Space navigation menus | |
| } | ||
| #header_container, #main_container { | Affects the containers for the header and the main content areas | |
| background-color:#FFFFFF; | white | Background color of page |
| border-color:#FFFFFF; | white | Color of the container borders |
| border-style:solid; | Style of the border | |
| border-width:0 10px; | Determines how thick, thin, or visible the borders are. Note the top/bottom borders are set to 0. | |
| position:relative; | do not change - very easily broken | |
| } | ||
| #header_container .title { | Controls the "horizontal rule" beneath the title. | |
| border-bottom:2px solid #CCCCCC !important; | light grey | Size, style and color |
| padding:15px; | Spacing; may be overridden by other CSS properties. | |
| } | ||
| #module_topnav { | Section menu area | |
| border: 1px solid #ccc | blue | Controls size, style and color of its border |
| } | ||
| .navigation_topnav { | Section menu area | |
| background-color:#f7f7f7; | very light grey | Background color of section menu |
| } | ||
| .navigation_topnav a { | Section menu area | |
| color:#222222; | dark grey | Font color |
| font-family: Verdana,Helvetica,Arial,sans-serif; | Fonts to use, listed in order of preference (left to right). | |
| } | ||
| #footer_container { | Footer area | |
| background:none; | Background color | |
| border-top:1px solid #AAAAAA; | Controls its top border's size, style and color | |
| } | ||
| .title { | Displays e-Portfolio title | |
| display:block; | Do not change - easily broken. | |
| } | ||
| #footer { | Footer text area; located within the footer container. | |
| background:none; | Choose background color. | |
| } |
DRAFT: This module has unpublished changes.
Show Comments (0)