Titoli e testi

by Andrea Biagi

HTML

<b>NOTA: Controllare margini e padding sul pdf.</b>
<h1>H1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget dignissim odio.</h1>   
<h2>H2 Nullam pharetra ultricies vestibulum. Sed nec maximus odio, sed pulvinar ipsum.</h2>
<h3>H3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget dignissim odio.</h3>

<p>
<b>QUESTO È IL TESTO dei paragrafi generici su due o tre colonne.<br></b>
 Donec <strong>imperdiet</strong> pretium mollis. Mauris neque ex, hendrerit sed nisl a, hendrerit rutrum quam. Curabitur condimentum vehicula metus sit amet sodales. Aliquam vitae imperdiet dui. Phasellus sem urna, eleifend ac massa et, malesuada elementum justo. Aenean eget accumsan turpis. In eu faucibus neque, bibendum suscipit sem. Pellentesque eget augue dictum, cursus felis in, luctus enim. Maecenas nisl velit, lacinia eget sodales nec, dapibus nec mi. Nullam pharetra ultricies vestibulum. Sed nec maximus odio, sed pulvinar ipsum. Aliquam non consectetur turpis.<br/><br/>
 


Condimentum arcu et, hendrerit magna. Ut volutpat pellentesque erat, id volutpat dolor suscipit sit amet. Fusce a mollis ex. Cras quam dolor, molestie ac odio vitae, viverra convallis erat. Vivamus eget est vitae leo tristique vulputate id at lacus. Mauris ac scelerisque elit. Pellentesque eget odio non purus convallis molestie quis nec nunc. Sed maximus egestas neque, eu elementum velit elementum sollicitudin. Vivamus pretium erat vel neque facilisis, id maximus nibh tempor. Nulla iaculis nibh neque, ut pharetra metus auctor efficitur. Nam pellentesque sem at arcu rhoncus, sed accumsan mi tincidunt. Curabitur convallis sed enim et venenatis. Donec vestibulum libero quis mattis dictum.


Aenean in neque <a href="#">ultrices</a>, condimentum arcu et, hendrerit magna. Ut volutpat pellentesque erat, id volutpat dolor suscipit sit amet. Fusce a mollis ex. Cras quam dolor, molestie ac odio vitae, viverra convallis erat. Vivamus eget est vitae leo tristique vulputate id at lacus....

CSS

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i|Playfair+Display:700,700i|Roboto+Condensed:300,300i,400,400i,700,700i');

body{
  	color: #4d4d4d;
    font-family: 'Roboto Condensed', sans-serif;
	  font-weight:400;
	  font-size:0.92rem;
    line-height:1.4rem; 
  
}

h1{
  font-family: 'Playfair Display', serif;
	text-align:center;
	font-size:1.6rem;
	padding:16px;
	font-weight:600;
	line-height:1.8rem;
}

h2{
  font-family: 'Lato', sans-serif;
	text-align:center;
	font-size:1.3rem;
	font-weight:300;
	line-height:1.4rem;
	color:#5a9fd8;

}

h3{
  font-family: 'Lato', sans-serif;
	text-align:center;
	color:#5a9fd8;
	font-weight:700;
	font-size:1.15rem;
	line-height:1.2rem;
	color:#5a9fd8;
}

a{
	color:#5a9fd8;
  text-decoration:none;
  transition: all 0.13s ease-in;
    -webkit-transition: all 0.13s ease-in;
    -moz-transition: all  0.13s ease-in;
    -o-transition: all 0.13s ease-in;
    -ms-transition-duration: all 0.13s ease-in
}

a:hover{
  color:#81b8e6;
}

.articolo p {
	font-size:1.15rem;
  line-height:1.7rem; 
}

.attribuzione {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:0.87rem;
  line-height:1rem;
}

.citazione {
  font-style:italic;
	font-size:1.2rem;
  line-height:1.8rem; 
}

.autore-citazione{
  font-weight: 300;
  font-style: italic;
  color: #6e6e6e;
  text-align: center;
  font-size: 1rem;
}

.anteprima-articolo {
	font-family: 'Playfair Display', serif;
	font-weight:400;
	font-size:1.2rem;
  line-height:1.3rem; 
	color:#4d4d4d;
}

.titolo-sidebar {
	font-family: 'Playfair Display', serif;
	font-weight:400;
	font-size:1rem;
  line-height:1.2rem; 
}

.testo-sidebar p {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:0.85rem;
  line-height:1.1rem; 
}