|
 |
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
|
4c79b5 |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
|
4c79b5 |
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en">
|
|
|
4c79b5 |
<head>
|
|
|
4c79b5 |
|
|
|
4c79b5 |
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
|
|
4c79b5 |
<meta http-equiv="content-style-type" content="text/css" />
|
|
|
4c79b5 |
<meta http-equiv="content-language" content="en" />
|
|
|
4c79b5 |
<meta name="keywords" content="centos introduction visual style guide" />
|
|
|
4c79b5 |
<meta name="description" content="CentOS visual style guide introduction." />
|
|
|
4c79b5 |
<meta name="copyright" content="2009 - The CentOS Project" />
|
|
|
4c79b5 |
|
|
|
4c79b5 |
<title>Introduction - CentOS Web Visual Style Guide</title>
|
|
|
4c79b5 |
|
|
|
581bc4 |
<link href="/home/centos/artwork/trunk/Identity/Models/Css/Moin/stylesheet.css" rel="stylesheet" type="text/css" />
|
|
|
4c79b5 |
|
|
|
4c79b5 |
</head>
|
|
|
4c79b5 |
|
|
|
4c79b5 |
<body>
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Home
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Wiki
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Docs
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Lists
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Forums
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Projects
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Bugs
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Download
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
<form method="post" action="" title="CentOS Search">
|
|
|
4c79b5 |
|
|
|
4c79b5 |
<input type="text" value="" />
|
|
|
4c79b5 |
|
|
|
4c79b5 |
<select name="lang">
|
|
|
4c79b5 |
<option value="es">Spanish</option>
|
|
|
4c79b5 |
<option value="en">English</option>
|
|
|
4c79b5 |
</select>
|
|
|
4c79b5 |
|
|
|
4c79b5 |
<select name="mlevel">
|
|
|
4c79b5 |
<optgroup label="CentOS-3">
|
|
|
4c79b5 |
<option value="docs">Documentation</option>
|
|
|
4c79b5 |
<option value="wiki">Wiki</option>
|
|
|
4c79b5 |
<option value="download">Download</option>
|
|
|
4c79b5 |
<option value="lists">Mailing Lists</option>
|
|
|
4c79b5 |
<option value="forums">Forums</option>
|
|
|
4c79b5 |
<option value="bugs">Bugs</option>
|
|
|
4c79b5 |
</optgroup>
|
|
|
4c79b5 |
<optgroup label="CentOS-4">
|
|
|
4c79b5 |
<option value="docs">Documentation</option>
|
|
|
4c79b5 |
<option value="wiki">Wiki</option>
|
|
|
4c79b5 |
<option value="download">Download</option>
|
|
|
4c79b5 |
<option value="lists">Mailing Lists</option>
|
|
|
4c79b5 |
<option value="forums">Forums</option>
|
|
|
4c79b5 |
<option value="bugs">Bugs</option>
|
|
|
4c79b5 |
</optgroup>
|
|
|
4c79b5 |
<optgroup label="CentOS-5">
|
|
|
4c79b5 |
<option value="docs">Documentation</option>
|
|
|
4c79b5 |
<option value="wiki">Wiki</option>
|
|
|
4c79b5 |
<option value="download">Download</option>
|
|
|
4c79b5 |
<option value="lists">Mailing Lists</option>
|
|
|
4c79b5 |
<option value="forums">Forums</option>
|
|
|
4c79b5 |
<option value="bugs">Bugs</option>
|
|
|
4c79b5 |
</optgroup>
|
|
|
4c79b5 |
</select>
|
|
|
4c79b5 |
|
|
|
4c79b5 |
<input type="submit" value="Search" />
|
|
|
4c79b5 |
|
|
|
4c79b5 |
</form>
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Login
|
|
|
4c79b5 |
Create Account
|
|
|
4c79b5 |
Lost Your Password?
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Login
|
|
|
4c79b5 |
Create Account
|
|
|
4c79b5 |
Lost Your Password?
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Welcome
|
|
|
4c79b5 |
Headings
|
|
|
4c79b5 |
Texts
|
|
|
4c79b5 |
Lists
|
|
|
4c79b5 |
Links
|
|
|
4c79b5 |
Tables
|
|
|
4c79b5 |
Forms
|
|
|
4c79b5 |
Pagination
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Text Edit
|
|
|
4c79b5 |
Visual Edit
|
|
|
4c79b5 |
Information
|
|
|
4c79b5 |
Set Link
|
|
|
4c79b5 |
<form method="post" action="">
|
|
|
4c79b5 |
Action: <select name="lang">
|
|
|
4c79b5 |
<option value="es">Spanish</option>
|
|
|
4c79b5 |
<option value="en">English</option>
|
|
|
4c79b5 |
</select>
|
|
|
4c79b5 |
<input type="submit" value="Go" />
|
|
|
4c79b5 |
|
|
|
4c79b5 |
</form>
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Home
|
|
|
4c79b5 |
Help
|
|
|
4c79b5 |
Style
|
|
|
4c79b5 |
Web
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Welcome to the CentOS Web Visual Style Guide
|
|
|
4c79b5 |
|
|
|
4c79b5 |
The CentOS Web Visual Style Guide is a tool.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
This tool is part of CentOS "Corporate Visual Identity Manual"
|
|
|
4c79b5 |
proposition, which is based on a monolithic corporate visual
|
|
|
4c79b5 |
identity structure. In a monolithic corporate visual identity
|
|
|
4c79b5 |
structure, organization has one name and one visual style in
|
|
|
4c79b5 |
all its manifestations (Olins (1989).
|
|
|
4c79b5 |
|
|
|
4c79b5 |
CentOS web manifestation (anything involving HTML standards)
|
|
|
4c79b5 |
should be considered here. (Ex. Portals, Wikis, Forums, Blogs,
|
|
|
4c79b5 |
Bug Tracker).
|
|
|
4c79b5 |
|
|
|
4c79b5 |
People customizing CentOS Web Environment can use this guide
|
|
|
4c79b5 |
as reference each time they need to solve a visual
|
|
|
4c79b5 |
customization problem. If the solution to a particular problem
|
|
|
4c79b5 |
don't exist in this guide, please add your problem here, and
|
|
|
4c79b5 |
the possible solutions you've found. If you haven't found a
|
|
|
4c79b5 |
solution, add your problem anyway, surely someone will find a
|
|
|
4c79b5 |
solution for it.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
With this guide we are trying to unify as much CSS definitions
|
|
|
4c79b5 |
as possible, creating a common CSS definition for all web
|
|
|
4c79b5 |
applications we use and specific CSS definitions in those
|
|
|
4c79b5 |
cases where it is absolutely needed. Specific CSS definitions
|
|
|
4c79b5 |
will extend CentOS common CSS definitions.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Our Goals
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Creating a common visual presentation along the web
|
|
|
4c79b5 |
applications we use.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Creating an environment where applications'
|
|
|
4c79b5 |
source code can be updated without breaking the common visual
|
|
|
4c79b5 |
presentation.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
...
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Members
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Alain Reguera Delgado
|
|
|
4c79b5 |
Marcus Moeller
|
|
|
4c79b5 |
Ralph Angenendt ( CentOS team representative )
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Working Lines
|
|
|
4c79b5 |
|
|
|
4c79b5 |
The following sections try to land our goals in more
|
|
|
4c79b5 |
specific tasks:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
1. HTML Structures
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Defines HTML structures used to display content:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
href="http://wiki.centos.org/WebsiteVer2/WebEnvironment/VisualStyle/Default"
|
|
|
4c79b5 |
class="www">Default:
|
|
|
4c79b5 |
This is the simpliest HTML structure and can be used
|
|
|
4c79b5 |
as starting point when building new structures.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Two
|
|
|
4c79b5 |
Columns: This is a two columns
|
|
|
4c79b5 |
structure based on default structure.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
2. CSS Definition
|
|
|
4c79b5 |
|
|
|
4c79b5 |
This section defines CentOS Web visual style. CentOS web
|
|
|
4c79b5 |
visual style takes place in a set of CSS definitions. They are
|
|
|
4c79b5 |
organized in the following order:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Main definitions (stylesheet.css):
|
|
|
4c79b5 |
`-- Import Base CSS definitions (common.css,
|
|
|
4c79b5 |
href="../css/print.css">print.css)
|
|
|
4c79b5 |
`-- Import Misscellaneous CSS definitions (tabs.css, containers.css, ...)
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Web applications needing common CSS definitions will link
|
|
|
4c79b5 |
common CSS definitions in the following order:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Web applications needing both common and specific CSS definitions will link
|
|
|
4c79b5 |
CSS definitions in the following order:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
|
|
|
4c79b5 |
<link href="specific.css" rel="stylesheet" type="text/css" />
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Specific web applications' CSS definition
|
|
|
4c79b5 |
(<tt>specific.css</tt>) will extend CentOS common CSS
|
|
|
4c79b5 |
definitions (<tt>stylesheet.css</tt>) and care will be taken
|
|
|
4c79b5 |
to avoid overlapping CentOS common CSS definitions in specific
|
|
|
4c79b5 |
CSS definitions.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
3. Web Development
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Specific CentOS Web functionalities that need to be built.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
LDAP User
|
|
|
4c79b5 |
Management: Web application used to
|
|
|
4c79b5 |
administer the CentOS LDAP user's database.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Coding Style
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
HTML Coding
|
|
|
4c79b5 |
Style: Useful when you are writing HTML
|
|
|
4c79b5 |
files for CentOS.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
CSS Coding
|
|
|
4c79b5 |
Style: Useful when you are writing CSS
|
|
|
4c79b5 |
files for CentOS.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
PHP Coding
|
|
|
4c79b5 |
Style: Useful when you are writing PHP
|
|
|
4c79b5 |
applications for CentOS.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Documentation
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
HTML 4.01 Specification
|
|
|
4c79b5 |
Cascading Style Sheets Level 2 Revision 1 (CSS2.1) Specification
|
|
|
4c79b5 |
XHTML™ 1.0
|
|
|
4c79b5 |
The Extensible HyperText Markup Language (Second
|
|
|
4c79b5 |
Edition)
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
FrontPage (last edited 2009-10-15 10:12:13 by
|
|
|
4c79b5 |
href="">FirstnameLastname)
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Text Edit
|
|
|
4c79b5 |
Visual Edit
|
|
|
4c79b5 |
Information
|
|
|
4c79b5 |
Set Link
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Welcome
|
|
|
4c79b5 |
Headings
|
|
|
4c79b5 |
Texts
|
|
|
4c79b5 |
Lists
|
|
|
4c79b5 |
Links
|
|
|
4c79b5 |
Tables
|
|
|
4c79b5 |
Forms
|
|
|
4c79b5 |
Pagination
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
href="http://creativecommons.org/licenses/by-sa/3.0/">
|
|
|
4c79b5 |
alt="Creative Commons License" style="border-width: 0pt;"
|
|
|
4c79b5 |
src="http://creativecommons.org/images/public/somerights20.png" />
|
|
|
4c79b5 |
This wiki is licensed under a
|
|
|
4c79b5 |
href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons
|
|
|
4c79b5 |
Attribution-Share Alike 3.0 Unported License.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Home
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Wiki
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Docs
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Lists
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Forums
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Projects
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Bugs
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Download
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
This wiki is powered by MoinMoin
|
|
|
4c79b5 |
The CentOS Project
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
</body>
|
|
|
4c79b5 |
|
|
|
4c79b5 |
</html>
|