Blob Blame History Raw
<?xml version="1.0"?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en">
<head>

	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta http-equiv="content-style-type" content="text/css" />
	<meta http-equiv="content-language" content="en" />
	<meta name="keywords" content="centos text visual style guide" />
	<meta name="description" content="CentOS texts visual style guide." />
	<meta name="copyright" content="2009 - The CentOS Project" />

	<title>Texts - CentOS Web Visual Style Guide</title>

	<link href="/home/centos/artwork/trunk/Identity/Models/Css/Moin/stylesheet.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="wrap">

<div id="page-header">

	<div class="links">
	
	<div class="tabs1">

	   <span>
	   <a accesskey="1" title="CentOS Home Page (Alt+Shift+1)" href="http://centos.org/"><span>Home</span></a>
	   </span>	
	   
	   <span class="current">
	   <a accesskey="2" title="CentOS Wiki (Alt+Shift+2)" href="http://centos.org/wiki"><span>Wiki</span></a>
	   </span>
	   
	   <span>
	   <a accesskey="3" title="CentOS Documentation (Alt+Shift+3)" href="http://centos.org/docs"><span>Docs</span></a>
	   </span>
	   
	   <span>
	   <a accesskey="4" title="CentOS Mailing Lists (Alt+Shift+4)" href="http://centos.org/lists"><span>Lists</span></a>
	   </span>
	   
	   <span>
	   <a accesskey="5" title="CentOS Forums (Alt+Shift+5)" href="http://centos.org/forums"><span>Forums</span></a>
	   </span>
	   
	   <span>
	   <a accesskey="6" title="CentOS Projects (Alt+Shift+6)" href="http://centos.org/projects"><span>Projects</span></a>
	   </span>
	   
	   <span>
	   <a accesskey="7" title="CentOS Bugs (Alt+Shift+7)" href="http://centos.org/bugs"><span>Bugs</span></a>
	   </span>
	   
	   <span class="download">
	   <a accesskey="D" title="CentOS Download (Alt+Shift+D)" href="http://centos.org/download"><span>Download</span></a>
	   </span>

	</div>

	<div class="page-line"><hr style="display:none;" /></div>

	<div class="search">
		<form method="post" action="" title="CentOS Search">
			<p>
			<input type="text" value="" />

			<select name="lang">
				<option value="es">Spanish</option>
				<option value="en">English</option>
			</select>

			<select name="mlevel">
				<optgroup label="CentOS-3">
					<option value="docs">Documentation</option>
					<option value="wiki">Wiki</option>
					<option value="download">Download</option>
					<option value="lists">Mailing Lists</option>
					<option value="forums">Forums</option>
					<option value="bugs">Bugs</option>
				</optgroup>
				<optgroup label="CentOS-4">
					<option value="docs">Documentation</option>
					<option value="wiki">Wiki</option>
					<option value="download">Download</option>
					<option value="lists">Mailing Lists</option>
					<option value="forums">Forums</option>
					<option value="bugs">Bugs</option>
				</optgroup>
				<optgroup label="CentOS-5">
					<option value="docs">Documentation</option>
					<option value="wiki">Wiki</option>
					<option value="download">Download</option>
					<option value="lists">Mailing Lists</option>
					<option value="forums">Forums</option>
					<option value="bugs">Bugs</option>
				</optgroup>
			</select>

			<input type="submit" value="Search" />
			</p>
		</form>
	</div>

	<div class="page-line"><hr style="display:none;" /></div>

	<div class="user">
		<span><a href="">Login</a></span>
		<span><a href="">Create Account</a></span>
		<span class="last"><a href="">Lost Your Password?</a></span>
	</div>

	<div class="page-line"><hr style="display:none;" /></div>

	<div class="trail">
		<span><a href="">Login</a></span>
		<span><a href="">Create Account</a></span>
		<span class="last"><a href="">Lost Your Password?</a></span>
	</div>

	</div>

	<div id="logo">
	<a title="Community Enterprise Operating System" href="http://www.centos.org/">
	<img src="../Img/png/centos-logo.png" alt="CentOS" />
	</a>
	</div>

	<div class="page-line"><hr style="display:none;" /></div>

	<div class="tabs2">
		<span><a title="Welcome to the web special interest group" href="index.html"><span>Welcome</span></a></span>
		<span><a title="CentOS headings visual style guide." href="headings.html"><span>Headings</span></a></span>
		<span class="current"><a title="CentOS texts visual style guide." href="texts.html"><span>Texts</span></a></span>
		<span><a title="CentOS lists visual style guide." href="lists.html"><span>Lists</span></a></span>
		<span><a title="CentOS links visual style guide." href="links.html"><span>Links</span></a></span>
		<span><a title="CentOS tables visual style guide." href="tables.html"><span>Tables</span></a></span>
		<span><a title="CentOS forms visual style guide." href="forms.html"><span>Forms</span></a></span>
		<span><a title="CentOS pagination visual style guide." href="pagination.html"><span>Pagination</span></a></span>
	</div>

	<div class="page-line blue"><hr style="display:none;" /></div>

	<div class="admin">
		<span><a accesskey="T" href="http://www.centos.org/" title="Text Edition (Alt+Shift+T)">Text Edit</a></span>
		<span><a accesskey="G" href="http://www.centos.org" title="Graphical Edition (Alt+Shift+G)">Visual Edit</a></span>
		<span><a href="">Information</a></span>
		<span><a href="">Set Link</a></span>
		<form method="post" action="">
		<p> Action: <select name="lang">
				<option value="es">Spanish</option>
				<option value="en">English</option>
			    </select>
	 		    <input type="submit" value="Go" />	
		</p>
		</form>
	</div>


</div>

<div id="page-location">
   <span><a href="">Home</a></span>
   <span><a href="">Help</a></span>
   <span><a href="">Style</a></span>
   <span class="last"><a href="">Web</a></span>
</div>

<div id="page-body">

	<blockquote class="message blue">
		<p class="content">Thank you for your changes. Your attention to detail is appreciated.</p>
		<p class="links"><a href="">Clear message</a></p>
	</blockquote>

	<h1>Texts</h1>

	<p>CentOS Texts Visual Style Guide.</p>

	<h2>Recommendations</h2>

	<ul>
		<li>...</li>
	</ul>

	<h2>Examples</h2>

	<h3>Phrase elements</h3>

	<dl>
	<dt>EM</dt>
	<dd><em>Indicates emphasis.</em></dd>

    	<dt>STRONG</dt>
	<dd><strong>Indicates stronger emphasis.</strong></dd>

    	<dt>CITE</dt> 
	<dd><cite>Contains a citation or a reference to other
	sources.</cite></dd>

    	<dt>DFN</dt>
	<dd><dfn>Indicates that this is the defining instance of the
	enclosed term.</dfn></dd>

    	<dt>CODE</dt>
	<dd><code>Designates a fragment of computer code.</code></dd>

    	<dt>SAMP</dt> 
	<dd><samp>Designates sample output from programs, scripts,
	etc.</samp></dd>

    	<dt>KBD</dt>
	<dd><kbd>Indicates text to be entered by the user.</kbd></dd>

    	<dt>VAR</dt> 
	<dd><var>Indicates an instance of a variable or program
	argument.</var></dd>

    	<dt>ABBR</dt>
	<dd><abbr title="Abbrebiation">Indicates an abbreviated form (e.g., WWW, HTTP, URI,
	Mass., etc.).</abbr></dd>

    	<dt>ACRONYM</dt>
	<dd><acronym title="Acronym">Indicates an acronym (e.g., WAC, radar,
	etc.).</acronym></dd>

	</dl>

	<h3>Subscripts and superscripts</h3>

	<dl>
	
		<dt>SUB</dt>
		<dd>H<sub>2</sub>O</dd>

		<dt>SUP</dt>
		<dd>E = mc<sup>2</sup></dd>
		<dd><span lang="fr">M<sup>lle</sup> Dupont</span></dd>
	</dl>

	<h3>Paragraphs</h3>

	<p>Paragraph here. Paragraph here. Paragraph here. Paragraph here.
	Paragraph here. Paragraph here. Paragraph here. Paragraph here.
	Paragraph here.  Paragraph here. Paragraph here. Paragraph here.
	Paragraph here.  Paragraph here.</p>

	<p>Paragraph here. Paragraph here. Paragraph here. Paragraph here.
	Paragraph here. Paragraph here. Paragraph here. Paragraph here.
	Paragraph here.  Paragraph here. Paragraph here. Paragraph here.
	Paragraph here.  Paragraph here.</p>

	<h3>Preformatted text</h3>

	<pre>This is a pre formatted element.</pre>

	<pre>
This is a pre formatted element (line 1).
This is a pre formatted element (line 2).
This is a pre formatted element (line 3).
</pre>

	<h3>Quotations</h3>

	<h4>Simple quotations</h4>

	<blockquote><p>This is the default blockquote style.</p></blockquote>
	<blockquote class="blue"><p>This is the blue class blockquote style.</p></blockquote>
	<blockquote class="red"><p>This is the red class blockquote style.</p></blockquote>
	<blockquote class="green"><p>This is the green class blockquote style.</p></blockquote>
	<blockquote class="violet"><p>This is the violet class blockquote style.</p></blockquote>
	<blockquote class="orange"><p>This is the orange class blockquote style.</p></blockquote>

	<h4>Simple quotations with image</h4>

	<blockquote><p><img
    src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-info.png" alt="Start" />This
	is the mixed default blockquote style.</p></blockquote>

	<blockquote class="blue"><p><img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-info.png"
	alt="Information" />This is the mixed blue class blockquote
	style</p></blockquote>

	<blockquote class="red"><p><img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-info.png"
	alt="Error" />This is the default mixed red class blockquote
	style.</p></blockquote>

	<blockquote class="green"><p><img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-info.png"
	alt="Download" />This is the default mixed green class
	blockquote style.</p></blockquote>

	<blockquote class="violet"><p><img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-info.png"
	alt="Subversion" />This is the default mixed violet class
	blockquote style.</p></blockquote>

	<blockquote class="orange"><p><img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-info.png"
	alt="Alert" />This is the default mixed orange class
	blockquote style.</p></blockquote>

	<h4>Inline quotation</h4>

	<p>The <q cite="http://www.centos.org/">Community Enterprise
	Operating System</q> is a GNU/Linux Distribution based on the
	freely available sources of a prominet Linux vendor.</p>

	<p>John said, <q lang="en-us">I saw Lucy at lunch, she told me
	<q lang="en-us">Mary wants you to get some ice cream on your
	way home.</q> I think I will get some at Ben and Jerry’s, on
	Gloucester Road.</q></p>

	<h4>Administrative Message quotation</h4>

	<blockquote class="message">
		<p class="content">Thank you for your changes. Your attention to detail is appreciated.</p>
		<p class="links"><a href="">Clear message</a></p>
	</blockquote>

	<blockquote class="message blue">
		<p class="content">Thank you for your changes. Your attention to detail is appreciated.</p>
		<p class="links"><a href="">Clear message</a></p>
	</blockquote>

	<blockquote class="message red">
		<p class="content">Thank you for your changes. Your attention to detail is appreciated.</p>
		<p class="links"><a href="">Clear message</a></p>
	</blockquote>

	<blockquote class="message green">
		<p class="content">Thank you for your changes. Your attention to detail is appreciated.</p>
		<p class="links"><a href="">Clear message</a></p>
	</blockquote>

	<blockquote class="message violet">
		<p class="content">Thank you for your changes. Your attention to detail is appreciated.</p>
		<p class="links"><a href="">Clear message</a></p>
	</blockquote>

	<blockquote class="message orange">
		<p class="content">Thank you for your changes. Your attention to detail is appreciated.</p>
		<p class="links"><a href="">Clear message</a></p>
	</blockquote>

</div>

<div id="page-info">FrontPage (last edited 2009-10-15 10:12:13 by <a
href="">FirstnameLastname</a>)</div>

<div id="page-footer">

	<div class="admin">
	   <span><a href="">Text Edit</a></span>
	   <span><a href="">Visual Edit</a></span>
	   <span><a href="">Information</a></span>
	   <span class="last"><a href="">Set Link</a></span>
	</div>

	<div class="page-line blue"><hr style="display:none;" /></div>

	<div class="tabs2">
		<span><a title="Welcome to the web special interest group" href="index.html"><span>Welcome</span></a></span>
		<span><a title="CentOS headings visual style guide." href="headings.html"><span>Headings</span></a></span>
		<span class="current"><a title="CentOS texts visual style guide." href="texts.html"><span>Texts</span></a></span>
		<span><a title="CentOS lists visual style guide." href="lists.html"><span>Lists</span></a></span>
		<span><a title="CentOS links visual style guide." href="links.html"><span>Links</span></a></span>
		<span><a title="CentOS tables visual style guide." href="tables.html"><span>Tables</span></a></span>
		<span><a title="CentOS forms visual style guide." href="forms.html"><span>Forms</span></a></span>
		<span><a title="CentOS pagination visual style guide." href="pagination.html"><span>Pagination</span></a></span>
	</div>

	<div class="page-line"><hr style="display:none;" /></div>

	<div class="lisence">

	<strong><a rel="license"
	href="http://creativecommons.org/licenses/by-sa/3.0/"> <img
	alt="Creative Commons License" style="border-width: 0pt;"
	src="http://creativecommons.org/images/public/somerights20.png" />
	</a></strong> <br />This wiki is licensed under a <a rel="license"
	href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons
	Attribution-Share Alike 3.0 Unported License</a>.

	</div>

	<div class="page-line"><hr style="display:none;" /></div>

	<div class="tabs1">

	   <span>
	   <a title="CentOS Home Page (Alt+Shift+1)" href="http://centos.org/"><span>Home</span></a>
	   </span>	
	   
	   <span class="current">
	   <a title="CentOS Wiki (Alt+Shift+2)" href="http://centos.org/wiki"><span>Wiki</span></a>
	   </span>
	   
	   <span>
	   <a title="CentOS Documentation (Alt+Shift+3)" href="http://centos.org/docs"><span>Docs</span></a>
	   </span>
	   
	   <span>
	   <a title="CentOS Mailing Lists (Alt+Shift+4)" href="http://centos.org/lists"><span>Lists</span></a>
	   </span>
	   
	   <span>
	   <a title="CentOS Forums (Alt+Shift+5)" href="http://centos.org/forums"><span>Forums</span></a>
	   </span>
	   
	   <span>
	   <a title="CentOS Projects (Alt+Shift+6)" href="http://centos.org/projects"><span>Projects</span></a>
	   </span>
	   
	   <span>
	   <a title="CentOS Bugs (Alt+Shift+7)" href="http://centos.org/bugs"><span>Bugs</span></a>
	   </span>
	   
	   <span class="download">
	   <a title="CentOS Download (Alt+Shift+D)" href="http://centos.org/download"><span>Download</span></a>
	   </span>

	</div>

	<div class="credits">
		<p>This wiki is powered by <a href="http://www.moinmoin.org/">MoinMoin</a></p>
		<p>The CentOS Project</p>
	</div>

	<div class="page-line"><hr style="display:none;" /></div>

</div>
</div>
</body>

</html>