Welcome to the CentOS Web Visual Style Guide
The CentOS Web Visual Style Guide is a tool.
This tool is part of CentOS "Corporate Visual Identity Manual" proposition, which is based on a monolithic corporate visual identity structure. In a monolithic corporate visual identity structure, organization has one name and one visual style in all its manifestations (Olins (1989).
CentOS web manifestation (anything involving HTML standards) should be considered here. (Ex. Portals, Wikis, Forums, Blogs, Bug Tracker).
People customizing CentOS Web Environment can use this guide as reference each time they need to solve a visual customization problem. If the solution to a particular problem don't exist in this guide, please add your problem here, and the possible solutions you've found. If you haven't found a solution, add your problem anyway, surely someone will find a solution for it.
With this guide we are trying to unify as much CSS definitions as possible, creating a common CSS definition for all web applications we use and specific CSS definitions in those cases where it is absolutely needed. Specific CSS definitions will extend CentOS common CSS definitions.
Our Goals
- Creating a common visual presentation along the web applications we use.
- Creating an environment where applications' source code can be updated without breaking the common visual presentation.
- ...
Members
- Alain Reguera Delgado
- Marcus Moeller
- Ralph Angenendt ( CentOS team representative )
Working Lines
The following sections try to land our goals in more specific tasks:
1. HTML Structures
Defines HTML structures used to display content:
- Default: This is the simpliest HTML structure and can be used as starting point when building new structures.
- Two Columns: This is a two columns structure based on default structure.
2. CSS Definition
This section defines CentOS Web visual style. CentOS web visual style takes place in a set of CSS definitions. They are organized in the following order:
Main definitions (stylesheet.css): `-- Import Base CSS definitions (common.css, print.css) `-- Import Misscellaneous CSS definitions (tabs.css, containers.css, ...)
Web applications needing common CSS definitions will link common CSS definitions in the following order:
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
Web applications needing both common and specific CSS definitions will link CSS definitions in the following order:
<link href="stylesheet.css" rel="stylesheet" type="text/css" /> <link href="specific.css" rel="stylesheet" type="text/css" />
Specific web applications' CSS definition (specific.css) will extend CentOS common CSS definitions (stylesheet.css) and care will be taken to avoid overlapping CentOS common CSS definitions in specific CSS definitions.
3. Web Development
Specific CentOS Web functionalities that need to be built.
- LDAP User Management: Web application used to administer the CentOS LDAP user's database.
Coding Style
- HTML Coding Style: Useful when you are writing HTML files for CentOS.
- CSS Coding Style: Useful when you are writing CSS files for CentOS.
- PHP Coding Style: Useful when you are writing PHP applications for CentOS.
