Typography

a img {
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.container {
	width: 465px;
	background: #f9f9f9;
	margin: 0 auto;
	padding:40px;
}

• Wie werden Notifications erstellt ?

  +

  WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                        
  <div class="notification warning close"><p><strong>WARNUNG: </strong>Das ist eine Warnung</p></div>
  
    <div class="notification information close"><p><strong>INFORMATION: </strong>Das ist eine Information</p></div> 
  
  <div class="notification success close"><p><strong>ERFOLGREICH: </strong>Erfolgreiche Meldung</p></div>
  <div class="notification failure close"><p><strong>FEHLER: </strong>Aktion konnte nicht ausgeführt werden.</p></div>
  
    <div class="notification lock close"><p><strong>GESPERT: </strong>Sie müssen sich erst einloggen!</p></div>
  
  <div class="notification information "><p><strong>INFORMATION: </strong>Das ist eine Information</p></div>
  
  

• Wie kann ich Blockquote einsetzen ?

  +

  WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                        
  <blockquote>
  
  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy North sed ornare massa mauris sed velit.</p>
  
  <cite>Mehr informationen: <a href="#"> zum Thema</a></cite> 
  
  </blockquote>
  
  
  

• Wie kann ich Pullquote einsetzen ?

  +

  WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                        
  <h4 class="pullquote">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</h4>
  
  

• Wie erstelle ich ein Code Feld (PRE) ?

  +

  WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                        
  <pre>
  
    
  Hier Ihr Text oder html/css Code
  
  
    </pre>