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/">
08d7a6
                src="/home/centos/artwork/trunk/Identity/Brands/Img/CentOS/Logo/Horizontal/5c-tm/white/Png/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
859d61
        
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
      859d61
              
      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
      c362e6
      	

      Texts

      7519de
      7519de
      	

      CentOS Texts Visual Style Guide.

      7519de
      c493b9
      c362e6
      c493b9
      	

      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
      c493b9
      	

      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
      c493b9
      	

      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
      c493b9
      	

      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
      c493b9
      	

      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
        c493b9
            

        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">
          929544
                      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>