Blame Identity/Models/Html/Home/texts.html

5f16d0
5f16d0
5f16d0
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
5f16d0
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
5f16d0
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en">
5f16d0
<head>
5f16d0
5f16d0
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
5f16d0
	<meta http-equiv="content-style-type" content="text/css" />
5f16d0
	<meta http-equiv="content-language" content="en" />
838f5d
	<meta name="keywords" content="centos web texts visual style guide" />
838f5d
    <meta name="description" content="CentOS texts visual style guide is a tool to help you customize texts inside CentOS websites." />
5f16d0
	<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
5f16d0
7519de
	<title>Texts - Home</title>
5f16d0
5f16d0
	<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
5f16d0
5f16d0
</head>
5f16d0
5f16d0
<body>
5f16d0
5f16d0
5f16d0
5f16d0
5f16d0
5f16d0
    
5f16d0
5f16d0
            
5f16d0
            CentOS specific brand information. Use this section to
5f16d0
            show the CentOS logo. The image used as CentOS logo needs
5f16d0
            to be 36 pixels height.
5f16d0
            -->
5f16d0
            
5f16d0
                
5f16d0
                href="http://www.centos.org/">
5f16d0
                src="/home/centos/artwork/trunk/Identity/Brands/Img/CentOS/Logo/Horizontal/5c-tm/white/136.png" alt="CentOS"/>
5f16d0
            
5f16d0
5f16d0
            
5f16d0
            CentOS specific navigation links. Use this section to list
5f16d0
            the web applications you want to be always visible no
5f16d0
            matter where you are inside the CentOS web environment.
5f16d0
            Example of web applications are: Wiki, Lists, Mirrors,
5f16d0
            Forums, Planet, etc.
5f16d0
            -->
5f16d0
            
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                (Alt+Shift+1)" href="http://www.centos.org/">Home
5f16d0
                  
5f16d0
       
5f16d0
                
5f16d0
                
5f16d0
                href="/home/centos/artwork/trunk/Identity/Models/Html/Moin/index.html">Wiki
5f16d0
                
5f16d0
       
5f16d0
                
5f16d0
                
5f16d0
                (Alt+Shift+3)" href="http://lists.centos.org/">Lists
5f16d0
                
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                href="http://forums.centos.org">Forums
5f16d0
                
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                href="http://planet.centos.org">Planet
5f16d0
                
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                href="https://projects.centos.org/trac/">Projects
5f16d0
                
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                href="http://mirrors.centos.org">Mirrors
5f16d0
                
5f16d0
5f16d0
            
5f16d0
5f16d0
            
5f16d0
            CentOS soponsors promotion. 
5f16d0
            -->
5f16d0
5f16d0
            
5f16d0
            Google promotion ads. 
5f16d0
            -->
5f16d0
5f16d0
            

5f16d0
            
4d19ae
4d19ae
                
4d19ae
                Application specific links for user stuff. Use this
4d19ae
                section to set Login, Register, Lost your passwrod?
4d19ae
                and so links.
4d19ae
                -->
5f16d0
                
5f16d0
                    Login
5f16d0
                    Register
5f16d0
                    Lost your password?
5f16d0
                
4d19ae
            
4d19ae
                
4d19ae
                Application specific links for trail sutff. Use this
4d19ae
                section if your application trails the pages you've
4d19ae
                visited.
4d19ae
                -->
4d19ae
    	        
4d19ae
    		        Pagination
4d19ae
            		Lists
4d19ae
            		Headings
4d19ae
            		Links
4d19ae
            		Texts
4d19ae
            		Home
4d19ae
            	
4d19ae
5f16d0
            
5f16d0
5f16d0
            
5f16d0
            Application specific links for content stuff. Use this
5f16d0
            section to set application specific links that need to
5f16d0
            remain always visible inside the application environment.
5f16d0
            -->
5f16d0
5f16d0
            
5f16d0
5f16d0
                
5f16d0
                href="index.html">Welcome
5f16d0
7519de
                
5f16d0
                href="headings.html">Headings
5f16d0
7519de
                
5f16d0
                href="texts.html">Texts
5f16d0
5f16d0
                
5f16d0
                href="lists.html">Lists
5f16d0
5f16d0
                
5f16d0
                href="links.html">Links
5f16d0
5f16d0
                
5f16d0
                href="tables.html">Tables
5f16d0
5f16d0
                
5f16d0
                href="forms.html">Forms 
5f16d0
        
5f16d0
                
5f16d0
                href="pagination.html">Pagination
5f16d0
5f16d0
            
5f16d0
5f16d0
            

5f16d0
5f16d0
    
5f16d0
5f16d0
    
5f16d0
    Start page body definitions.
5f16d0
    -->
5f16d0
5f16d0
    
5f16d0
7519de
        
4d19ae
7519de
            
7519de
            The content of right column goes here.
7519de
            -->
4d19ae
7519de
            
    7519de
                    
  • Release Notes
  • 7519de
                    
  • Lifetime
  • 7519de
                    
  • Downloads
  • 7519de
                    
  • Documentation
  • 7519de
                    
  • Security Advisories
  • 7519de
                    
  • Bugs
  • 7519de
                    
  • Tips and tricks
  • 7519de
                    
  • HowTos
  • 7519de
                
    7519de
    7519de
                
      7519de
                      
    • In this bar, it is possible to separate links by
    • 7519de
                      blocks.
      7519de
                  
      7519de
      7519de
              
      7519de
      7519de
              
      7519de
      7519de
                  
      7519de
                  Application specific links for breadcrumbs sutff. Use this
      7519de
                  section if your application supports breadcrumbs.
      7519de
                  -->
      7519de
              	
      7519de
              	    Pagination
      7519de
                      Lists
      7519de
                      Headings
      7519de
                      Links
      7519de
                      Texts
      7519de
                      Home
      7519de
                  
      7519de
      7519de
                  
      7519de
                  The content of left column goes here.
      7519de
                  -->
      7519de
      c004b9
      	

      Texts

      7519de
      7519de
      	

      CentOS Texts Visual Style Guide.

      7519de
      a9cc5d
          
      a9cc5d
              

      Table of contents

      a9cc5d
              
        838f5d
                    
      • Phrase elements
      • 838f5d
                    
      • Subscripts and superscripts
      • 838f5d
                    
      • Paragraphs
      • 838f5d
                    
      • Preformatted text
      • 838f5d
                    
      • Quotation
      • a9cc5d
                    
      • Recommendations
      • a9cc5d
                
        a9cc5d
            
        a9cc5d
        c004b9
        	

        Phrase elements

        7519de
        7519de
        	
        7519de
        	
        EM
        7519de
        	
        Indicates emphasis.
        7519de
        7519de
            	
        STRONG
        7519de
        	
        Indicates stronger emphasis.
        7519de
        7519de
            	
        CITE
        7519de
        	
        Contains a citation or a reference to other
        7519de
        	sources.
        7519de
        7519de
            	
        DFN
        7519de
        	
        <dfn>Indicates that this is the defining instance of the
        7519de
        	enclosed term.</dfn>
        7519de
        7519de
            	
        CODE
        7519de
        	
        Designates a fragment of computer code.
        7519de
        7519de
            	
        SAMP
        7519de
        	
        <samp>Designates sample output from programs, scripts,
        7519de
        	etc.</samp>
        7519de
        7519de
            	
        KBD
        7519de
        	
        Indicates text to be entered by the user.
        7519de
        7519de
            	
        VAR
        7519de
        	
        Indicates an instance of a variable or program
        7519de
        	argument.
        7519de
        7519de
            	
        ABBR
        7519de
        	
        Indicates an abbreviated form (e.g., WWW, HTTP, URI,
        7519de
        	Mass., etc.).
        7519de
        7519de
            	
        ACRONYM
        7519de
        	
        Indicates an acronym (e.g., WAC, radar,
        7519de
        	etc.).
        7519de
        7519de
        	
        7519de
        c004b9
        	

        Subscripts and superscripts

        7519de
        7519de
        	
        7519de
        	
        7519de
        		
        SUB
        7519de
        		
        H<sub>2</sub>O
        7519de
        7519de
        		
        SUP
        7519de
        		
        E = mc<sup>2</sup>
        7519de
        		
        M<sup>lle</sup> Dupont
        7519de
        	
        7519de
        c004b9
        	

        Paragraphs

        7519de
        a9cc5d
            

        CentOS is an

        a9cc5d
            Enterprise-class Linux Distribution derived from sources freely
        a9cc5d
            provided to the public by a prominent North American Enterprise
        a9cc5d
            Linux vendor.  CentOS conforms fully with the upstream vendors
        a9cc5d
            redistribution policy and aims to be 100% binary compatible.
        a9cc5d
            (CentOS mainly changes packages to remove upstream vendor branding
        a9cc5d
            and artwork.)

        a9cc5d
            
        a9cc5d
            

        CentOS is developed by a small but growing team of core

        a9cc5d
            developers.  In turn the core developers are supported by an
        a9cc5d
            active user community including system administrators, network
        a9cc5d
            administrators, enterprise users, managers, core Linux
        a9cc5d
            contributors and Linux enthusiasts from around the world.

        a9cc5d
        a9cc5d
            

        CentOS has numerous advantages including: an active and growing

        a9cc5d
            user community, quickly rebuilt, tested, and QA'ed errata
        a9cc5d
            packages, an extensive 
        a9cc5d
            href="http://www.centos.org/modules/tinycontent/index.php?id=15">mirror
        a9cc5d
            network, developers who are contactable and responsive
        a9cc5d
            reliable Enterprise Linux class distribution, multiple free
        a9cc5d
            support avenues including a 
        a9cc5d
            href="http://wiki.centos.org/">wiki, 
        a9cc5d
            href="http://www.centos.org/modules/tinycontent/index.php?id=8">IRC
        a9cc5d
            Chat, 
        a9cc5d
            href="http://www.centos.org/modules/tinycontent/index.php?id=16">Email
        a9cc5d
            Lists, 
        a9cc5d
            href="http://www.centos.org/modules/newbb/">Forums,and a
        a9cc5d
            dynamic 
        a9cc5d
            href="http://www.centos.org/modules/smartfaq/">FAQ.
        a9cc5d
            

        7519de
        7519de
        c004b9
        	

        Preformatted texts

        7519de
        a9cc5d
        	
        This is a small one-line pre formatted element.
        7519de
        a9cc5d
        	
        This is a long one-line pre formatted element to illustrate how the content is scrollable when it doesn't fit the current screen area.
        7519de
        c004b9
        	

        Quotations

        7519de
        7519de
        	
        7519de
            

        The simplest quotation.

        7519de
            
        <blockquote>
        7519de
            <p>The simplest quotation.</p>
        7519de
        </blockquote>
        7519de
            
        7519de
        7519de
        	
        7519de
            

        Tip

        7519de
            

        The simplest quotation using heading.

        7519de
            
        <blockquote>
        7519de
            <h3>Tip</h3>
        7519de
            <p>The simplest quotation using heading.</p>
        7519de
        </blockquote>
        7519de
            
        7519de
        7519de
        	
        7519de
                Tip
        7519de
                

        Tip

        7519de
                

        Simple quotations can be combined with color classes, icons

        7519de
                and headings to make your message more attractive. To set
        7519de
                quotation with icons, use the <tt>icon</tt> class in the
        7519de
                <tt>blockquote</tt> html tag. The heading is set using
        7519de
                <tt>h3</tt> heading level.

        7519de
                
        <blockquote class="icon orange">
        7519de
            <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-idea.png" alt="Tip" />
        7519de
            <h3>Tip</h3>
        838f5d
            <p>This is a simple quotation with an icon.</p>
        7519de
        </blockquote>
        7519de
            

        The following color classes are available:

        4d19ae
        4d19ae
            
          7519de
                  
        • <tt>blue</tt>
        • 7519de
                  
        • <tt>orange</tt>
        • 7519de
                  
        • <tt>green</tt>
        • 7519de
                  
        • <tt>violet</tt>
        • 7519de
                  
        • <tt>red</tt>
        • 4d19ae
              
          4d19ae
          7519de
              

          The following icon paths are available:

          7519de
              
          7519de
              
          7519de
              Tip
          7519de
              /home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-idea.png
          7519de
              
          7519de
              
          7519de
              Info
          7519de
              /home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-info.png
          7519de
              
          7519de
              
          7519de
              Attention
          7519de
              /home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-attention.png
          7519de
              
          7519de
              
          7519de
              Alert
          7519de
              /home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-alert.png
          7519de
              
          7519de
              
          7519de
              Star
          7519de
              /home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-star.png
          7519de
              
          7519de
              
          7519de
              Error
          7519de
              /home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-error.png
          7519de
              
          297a73
              
          297a73
              Success
          297a73
              /home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-success.png
          297a73
              
          7519de
              
          7519de
              

          As you probably have noted, it is possible to use pre-formatted

          7519de
              texts, lists, tables and several paragraphs inside one admonition.
          7519de
              In fact, it is possible to use any html code inside admonitions.
          7519de
              Feel yourself free to experiment new combinations.

          7519de
              
          7519de
          297a73
              
          297a73
                  

          This admonition style is used to output web application

          297a73
                  messages like action results. This one is the simplest.

          297a73
          <blockquote class="message">
          297a73
              <p>This is the simplest administrative admonition.</p>
          297a73
          </blockquote>
          297a73
              
          297a73
          297a73
              
          297a73
                  Success
          297a73
                  

          Success

          297a73
                  

          This admonition style is used to output web application

          838f5d
                  messages like action results. This one combines color classes,
          297a73
                  heading, and icon.

          297a73
                  
          <blockquote class="icon message green">
          297a73
              <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-success.png" alt="Success" />
          838f5d
              <p>This admonition style is used to output web application messages like action results. This one combines color classes, heading, and icon.</p>
          297a73
          </blockquote>
          297a73
              
          297a73
          297a73
              
          297a73
                  Error
          297a73
                  

          Error

          297a73
                  

          This admonition style is used to output web application

          838f5d
                  messages like action results. This one combines color classes,
          297a73
                  heading, and icon.

          297a73
                  
          <blockquote class="icon message error">
          297a73
              <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-error.png" alt="Error" />
          838f5d
              <p>This admonition style is used to output web application messages like action results. This one combines color classes, heading, and icon.</p>
          297a73
          </blockquote>
          297a73
              
          297a73
          7519de
          	

          The <q cite="http://www.centos.org/">Community Enterprise

          7519de
          	Operating System</q> is a GNU/Linux Distribution based on the
          7519de
          	freely available sources of a prominet Linux vendor.

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

          John said, <q lang="en-US">I saw Lucy at lunch, she told me

          838f5d
          	<q lang="en-US">Mary wants you to get some ice cream on your
          7519de
          	way home.</q> I think I will get some at Ben and Jerry’s, on
          7519de
          	Gloucester Road.</q>

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

          Recommendations

          838f5d
          838f5d
              

          In order to maintain a consistent quotation style, consider the

          838f5d
              following recomendations:

          838f5d
          838f5d
          	
          838f5d
              Note
          838f5d
              

          Note

          838f5d
              

          Use this quotation style to remark notes inside your content.

          838f5d
              
          <blockquote class="icon blue">
          838f5d
              <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-info.png" alt="Note" />
          838f5d
              <h3>Note</h3>
          838f5d
              <p>Use this quotation style to remark notes inside your content.</p>
          838f5d
          </blockquote>
          838f5d
              
          838f5d
          838f5d
          	
          838f5d
              Tip
          838f5d
              

          Tip

          838f5d
              

          Use this quotation style to remark tips inside your content.

          838f5d
              
          <blockquote class="icon orange">
          838f5d
              <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-idea.png" alt="Tip" />
          838f5d
              <h3>Tip</h3>
          838f5d
              <p>Use this quotation style to remark tips inside your content.</p>
          838f5d
          </blockquote>
          838f5d
              
          838f5d
          838f5d
          	
          838f5d
              Alert
          838f5d
              

          Warning

          838f5d
              

          Use this quotation style to remark warnings inside your content.

          838f5d
              
          <blockquote class="icon orange">
          838f5d
              <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-alert.png" alt="Alert" />
          838f5d
              <h3>Warning</h3>
          838f5d
              <p>Use this quotation style to remark warnings inside your content.</p>
          838f5d
          </blockquote>
          838f5d
              
          838f5d
          838f5d
          	
          838f5d
              Important
          838f5d
              

          Important

          838f5d
              

          Use this quotation style to remark important ideas inside your

          838f5d
              content.

          838f5d
              
          <blockquote class="icon orange">
          838f5d
              <h3>Important</h3>
          838f5d
              <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-attention.png" alt="Important" />
          838f5d
              <p>Use this quotation style to remark important ideas inside your content.</p>
          838f5d
          </blockquote>
          838f5d
              
          838f5d
          838f5d
          	
            838f5d
            		
          • ...
          • 838f5d
            	
            4d19ae
            7519de
                        
            7519de
                        The content of left column ends here.
            7519de
                        -->
            838f5d
                        
            7519de
                        

            7519de
            7519de
                    
            4d19ae
            5f16d0
            5f16d0
                
            5f16d0
                Start page footer definitions.
            5f16d0
                -->
            7519de
                

            5f16d0
                
            5f16d0
            5f16d0
                    
            5f16d0
                        
            5f16d0
                        href="#top">
            5f16d0
                        src="/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/top.png"
            5f16d0
                        alt="Top"/>
            5f16d0
                    
            5f16d0
            4d19ae
                    
            5f16d0
                        Copyright 2009-2010 © Alain Reguera Delgado. All rights
            5f16d0
                        reserved.
            This website is licensed under a
            5f16d0
                        rel="license"
            5f16d0
                        href="http://creativecommons.org/licenses/by-sa/3.0/">Creative
            5f16d0
                        Commons Attribution-Share Alike 3.0 Unported License.
            5f16d0
            5f16d0
                    
            5f16d0
            5f16d0
                
            5f16d0
            5f16d0
            5f16d0
            5f16d0
            </body>
            5f16d0
            5f16d0
            </html>