Difference between revisions of "Website/Style Guide"
m |
m |
||
| Line 3: | Line 3: | ||
== Design == | == Design == | ||
| − | === Color Pallet === | + | === General Guidelines === |
| + | |||
| + | ==== Page Margins ==== | ||
| + | |||
| + | The page margin and padding is set to 0. However, as a general rule, any text/graphics (excluding background images) should be at least 15 pixels away from the edges of the page. | ||
| + | |||
| + | ==== Color Pallet ==== | ||
=== Source Files === | === Source Files === | ||
| Line 11: | Line 17: | ||
== CSS == | == CSS == | ||
| − | + | Below is a line-by-line explanation of style.css, which contains all the relevant CSS for the OpenOffice.org website. Actual CSS is not included, as it is subject to minor tweaks. Instead, text comments and annotated screenshots will be used to show the function of each line of CSS. Your best reference to follow along with is the [http://www.openoffice.org/branding/css/style.css current stylesheet]. | |
| + | |||
| + | Style.css is separated into blocks by comments. Each block is a grouping of related CSS functions. The first block is "Standard HTML Elements", followed by "Header", and so on. | ||
| + | |||
| + | === Standard HTML Elements === | ||
| + | |||
| + | This section should be reasonably self-explanatory. It contains core CSS styles, such as headings, paragraphs, links, lists, etc. | ||
| + | |||
| + | {| class="prettytable" | ||
| + | | CSS | ||
| + | | Comment | ||
| + | | Diagram | ||
| + | |||
| + | |- | ||
| + | | | ||
| + | | | ||
| + | | | ||
| + | |||
| + | |} | ||
| + | |||
| + | === Header === | ||
| + | |||
| + | === Top Menu / Navigation === | ||
| + | |||
| + | === Breadcrumbs === | ||
| + | |||
| + | === Content (informational body) Layout === | ||
| + | |||
| + | === NavColumn Layout === | ||
| + | |||
| + | === CommunityCol === | ||
| + | |||
| + | === IssueZilla & Filebrowser Specific Styling === | ||
| − | === | + | === Custom Stylings === |
| − | + | === Campaign === | |
| − | + | ||
| − | + | === Footer === | |
| − | + | ||
| − | + | === Formerly tigris.css === | |
| − | + | ||
Revision as of 11:34, 20 July 2008
This page will house the style guide for the new website design. Please add anything you would like to be covered here.
Design
General Guidelines
Page Margins
The page margin and padding is set to 0. However, as a general rule, any text/graphics (excluding background images) should be at least 15 pixels away from the edges of the page.
Color Pallet
Source Files
Links to source files, etc
CSS
Below is a line-by-line explanation of style.css, which contains all the relevant CSS for the OpenOffice.org website. Actual CSS is not included, as it is subject to minor tweaks. Instead, text comments and annotated screenshots will be used to show the function of each line of CSS. Your best reference to follow along with is the current stylesheet.
Style.css is separated into blocks by comments. Each block is a grouping of related CSS functions. The first block is "Standard HTML Elements", followed by "Header", and so on.
Standard HTML Elements
This section should be reasonably self-explanatory. It contains core CSS styles, such as headings, paragraphs, links, lists, etc.
| CSS | Comment | Diagram |
