Optimização de css com o cleancss
CSS inserida
body {
color: #666666;
margin: 0px;
padding: 0px;
background: #CED3BC url(../imagens/1.png);
font: 12px/16pt Verdana, Arial, Helvetica, sans-serif;
}
#head h1{
color: #CC3300;
width: 655px;
margin-left: 50px;
height: auto;
margin-top: 50px;
text-align: left;
letter-spacing: -10px;
padding: 0px;
font: bold 11em/1 Arial, Helvetica, sans-serif;
margin-bottom: 0px;
}
#anoLectivo {
width: 655px;
margin-left: 50px;
text-align: left;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 3px;
}
address {
font-style: normal;
}
.titulo {
font-family: "Courier New", Courier, monospace;
font-size: 2em;
color: #45667E;
text-align: left;
font-weight: bold;
line-height: 2em;
}
.destaque {
font-weight: bold;
}
.CollapsiblePanelContent p {
padding-left: 30px;
}
.CollapsiblePanelContent h3 {
padding-left: 10px;
border-bottom: 1px dotted #666666;
padding-bottom: 5px;
font-size: 1.4em;
}
.CollapsiblePanelTab h2{
margin: 0px;
color: #666666;
padding-top: 5px;
padding-bottom: 3px;
padding-left: 3px;
font: 1.7em/1.4em sans-serif;
border-bottom: 1px dotted #666666;
}
.CollapsiblePanelContent h4 {
padding-left: 20px;
font-size: 1.2em;
}
img {
text-decoration: none;
border-style: none;
}
.CollapsiblePanelContent ul {
padding-left: 80px;
}
a:link, a:visited {
color: #333333;
text-decoration: underline;
font: 12px/16pt Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
color: #000000;
text-decoration: underline;
}
.CollapsiblePanelContent ul li {
list-style: url(../imagens/arrow2_e.png) none;
}
a[href$=".pdf"]{
background: url(../imagens/document.png) no-repeat left top;
padding-left:20px;
padding-top:3px;
}
a[href$=".zip"]{
background: url(../imagens/folder.png) no-repeat left top;
padding-left:20px;
padding-top:3px;
}
a[href$=".rar"]{
background: url(../imagens/folder.png) no-repeat left top;
padding-left:20px;
padding-top:3px;
}
a[href^="mailto:"]{
background: url(../imagens/mail.png) no-repeat right top;
padding-right: 20px;
padding-top:6px;
}
Mensagens após a optimização
/*Mensagens*/
Optimised color: Changed "#666666" to "#666"
3
Optimised number: Changed "0px" to "0"
4
Optimised number: Changed "0px" to "0"
9
Optimised color: Changed "#CC3300" to "#C30"
16
Optimised number: Changed "0px" to "0"
18
Optimised number: Changed "0px" to "0"
25
Optimised number: Changed "0px" to "0"
26
Optimised number: Changed "0px" to "0"
37
Optimised font-weight: Changed "bold" to "700"
42
Optimised font-weight: Changed "bold" to "700"
49
Optimised color: Changed "#666666" to "#666"
54
Optimised number: Changed "0px" to "0"
55
Optimised color: Changed "#666666" to "#666"
60
Optimised color: Changed "#666666" to "#666"
77
Optimised color: Changed "#333333" to "#333"
83
Optimised color: Changed "#000000" to "#000"
Optimização do ficheiro CSS
#anolectivo {
margin-left:50px;
padding:7px 0 0 3px;
text-align:left;
width:655px;
}
#head h1 {
color:#C30;
font:bold 11em/1 Arial, Helvetica, sans-serif;
height:auto;
letter-spacing:-10px;
margin-bottom:0;
margin-left:50px;
margin-top:50px;
padding:0;
text-align:left;
width:655px;
}
.collapsiblepanelcontent h3 {
border-bottom:1px dotted #666;
font-size:1.4em;
padding-bottom:5px;
padding-left:10px;
}
.collapsiblepanelcontent h4 {
font-size:1.2em;
padding-left:20px;
}
.collapsiblepanelcontent p {
padding-left:30px;
}
.collapsiblepanelcontent ul {
padding-left:80px;
}
.collapsiblepanelcontent ul li {
list-style:url(../imagens/arrow2_e.png) none;
}
.collapsiblepaneltab h2 {
border-bottom:1px dotted #666;
color:#666;
font:1.7em/1.4em sans-serif;
margin:0;
padding-bottom:3px;
padding-left:3px;
padding-top:5px;
}
.destaque {
font-weight:700;
}
.titulo {
color:#45667E;
font-family:"Courier New", Courier, monospace;
font-size:2em;
font-weight:700;
line-height:2em;
text-align:left;
}
a:hover {
color:#000;
text-decoration:underline;
}
a:link,a:visited {
color:#333;
font:12px/16pt Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
a[href$=".pdf"] {
background:url(../imagens/document.png) no-repeat left top;
padding-left:20px;
padding-top:3px;
}
a[href$=".zip"],a[href$=".rar"] {
background:url(../imagens/folder.png) no-repeat left top;
padding-left:20px;
padding-top:3px;
}
a[href^="mailto:"] {
background:url(../imagens/mail.png) no-repeat right top;
padding-right:20px;
padding-top:6px;
}
address {
font-style:normal;
}
body {
background:#CED3BC url(../imagens/1.png);
color:#666;
font:12px/16pt Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
img {
border-style:none;
text-decoration:none;
}