How to optimize and/or improve this css? Thanks
/*
@page {
margin: 0;
}
@font-face {
font-family:"Tahoma";
font-style: normal;
font-weight: normal;
src : url("../Fonts/tahoma.ttf");
}
@font-face {
font-family:"Verdana";
font-style: normal;
font-weight: normal;
src : url("../Fonts/verdana.ttf");
}
@font-face {
font-family: "SmallCaps";
font-weight: bold;
font-style: normal;
font-variant: small-caps;
src: url("../Fonts/Fontin-SmallCaps.otf");
}
a:link {
color: #003399;
text-decoration: none;
}
a:visited {
color: #003399;
text-decoration: none;
}
a:hover {
color: #003399;
text-decoration: none;
background-color: #dddddd;
}
a:active {
color: #003399;
text-decoration: none;
}
p.margem {
margin: .75em 0 0;
}
div.divisa {
margin-top: 30%;
}
.poema1 {
display: block;
font-family: Verdana, sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: left;
margin: 0 1em 0 3em;
text-indent: -2em;
}
.poema2 {
display: block;
font-family: Verdana, sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: left;
text-decoration: none;
text-indent: 2em;
padding: 0;
margin: 0
}
.prosa1 {
display: block;
font-family: Verdana, sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: justify;
text-decoration: none;
text-indent: 0em;
line-height: 1.5em;
padding: 0;
margin: 0
}
.prosa2 {
display: block;
font-family: Verdana, sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: justify;
text-decoration: none;
text-indent: 1em;
line-height: 1.5em;
padding: 0;
margin: 0
}
.quote {
padding: 1em;
border-left: .3em solid;
background-color: #d3d3d3;
}
.center {
margin-left: auto;
margin-right: auto;
display: block;
background-color: #fff;
padding: .7em;
border: .2em ridge #ccc;
border-radius: 20px;
width: 60%;
text-align: justify;
}
img.vinheta {
display: block;
float: left;
margin: 0 10px 05px 10px;
}
.centro {
margin-left: auto;
margin-right: auto;
margin-top: 3%;
display: block;
}
.rodape {
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 5%;
display: block;
text-align: center;
}
p.rosto {
margin-top: 10%;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
line-height: 2em;
font-family: 'SmallCaps', sans-serif;
font-size: 1.6em;
font-weight: bold;
text-align: center;
}
h1.titulo {
font-family: 'SmallCaps', sans-serif;
font-size: 1.4em;
font-weight: bold;
font-variant: small-caps;
text-align: left;
margin-top: 1em;
margin-bottom: 1em;
}
h2.titulo {
font-family: 'SmallCaps', sans-serif;
font-size: 1.4em;
font-weight: bold;
font-variant: small-caps;
text-align: left;
margin-top: 1em;
margin-bottom: 1em;
}
.reduz {
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
text-align: center;
display: block;
padding: 0;
border: .5em ridge #ccc;
border-radius: 20px;
width: 50%;
}
*/
|