Optimize CSS for http://portal.paguemenos.com.br/concursoliterario/css/layout.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors1

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .blue.header .menu-topo li a {}
  • Duplicated Properties32

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    button {border: initial} button {-moz-border-radius: initial} button {-webkit-border-radius: initial} button {-ms-border-radius: initial} button {-o-border-radius: initial} button {border-radius: initial} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {-webkit-border-radius: initial} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {-moz-border-radius: initial} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {-ms-border-radius: initial} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {-o-border-radius: initial} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {border-radius: initial} textarea {height: initial} .concurso-literario img {margin-top: initial} .left, .right {margin: initial} .left, .right {max-width: initial} .premiacao p {padding: initial} .galeria-pagination li:first-child, .galeria-pagination li:last-child {display: auto} .galeria-pagination li:first-child, .galeria-pagination li:last-child {display: initial} .galeria-pagination li {display: auto} .galeria-pagination li {display: initial} .galeria-pagination li:first-child, .galeria-pagination li:last-child {margin: initial} .pre-footer {display: initial} .footer {margin-top: initial} .apoio li {margin: initial} .nano > .nano-pane > .nano-slider {background: rgba(0,0,0,.5)} body .fancybox-skin {-webkit-border-radius: initial} body .fancybox-skin {-moz-border-radius: initial} body .fancybox-skin {-ms-border-radius: initial} body .fancybox-skin {-o-border-radius: initial} body .fancybox-skin {border-radius: initial} .botao-ok.botao-enviar {margin-top: initial} .row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12 {margin-left: initial} 
  • Duplicated Selectors2
    .nano {} /* (2 times) */
  • Empty Rules2

    Deteced empty rules

    Reduce the size of your CSS file by removing empty rules

    .fotos.show {}.fancybox-type-inline .fancybox-skin .fancybox-inner {}
  • Importants1

    Provides a way for a stylesheet author to give a CSS value more weight than it naturally has

    Avoid usage if at all possible. When you use !important, you’re disrupting the natural flow of your rules, giving more weight to rules that are undeserving of such weight

    .nano .nano-slider {background: #0054A6!important} 
  • Imports3
    "bootstrap.css" "jscrollpane.css" "normalize.css" 
  • Multi Classes Selectors21

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .blue.header {}.blue.header {}.blue.header {}.blue.header {}.blue.header {}.fotos.show {}.fotos.show {}.fotos.show {}.fotos.show {}.fotos.show {}.fotos.show {}.fotos.show {}.fotos.show {}.fotos.show {}.fotos.show {}.active.nano-pane {}.flashed.nano-pane {}.fancybox-close.fancybox-item {}.fancybox-close.fancybox-item {}.fancybox-close.fancybox-item {}.botao-enviar.botao-ok {}
  • Old Property Prefixes85

    Properties with a no longer needed vendor prefix

    These have since been integrated or removed from mentioned browsers and can safely be removed from CSS

    button { -moz-border-radius: 0 } // was required by Firefox 3.6 and earlier button { -webkit-border-radius: 0 } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier button { -ms-border-radius: 0 } // prefix is no longer supported button { -o-border-radius: 0 } // prefix is no longer supported button { -moz-border-radius: initial } // was required by Firefox 3.6 and earlier button { -webkit-border-radius: initial } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier button { -ms-border-radius: initial } // prefix is no longer supported button { -o-border-radius: initial } // prefix is no longer supported select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-border-radius: 0 } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -moz-border-radius: 0 } // was required by Firefox 3.6 and earlier select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -ms-border-radius: 0 } // prefix is no longer supported select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -o-border-radius: 0 } // prefix is no longer supported select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-border-radius: initial } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -moz-border-radius: initial } // was required by Firefox 3.6 and earlier select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -ms-border-radius: initial } // prefix is no longer supported select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -o-border-radius: initial } // prefix is no longer supported .header { -moz-transition: all .3s ease-in } // was required by Firefox 15 and earlier .header { -ms-transition: all .3s ease-in } // prefix is no longer supported .header { -o-transition: all .3s ease-in } // prefix is no longer supported .blue.header { -moz-transition: all .3s ease-in } // was required by Firefox 15 and earlier .blue.header { -ms-transition: all .3s ease-in } // prefix is no longer supported .blue.header { -o-transition: all .3s ease-in } // prefix is no longer supported .menu-topo { -webkit-border-radius: 0 0 40px 40px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .menu-topo { -moz-border-radius: 0 0 40px 40px } // was required by Firefox 3.6 and earlier .menu-topo { -ms-border-radius: 0 0 40px 40px } // prefix is no longer supported .menu-topo { -o-border-radius: 0 0 40px 40px } // prefix is no longer supported .menu-topo { -moz-transition: all .3s ease-in } // was required by Firefox 15 and earlier .menu-topo { -ms-transition: all .3s ease-in } // prefix is no longer supported .menu-topo { -o-transition: all .3s ease-in } // prefix is no longer supported .blue.header .menu-topo { -moz-transition: all .3s ease-in } // was required by Firefox 15 and earlier .blue.header .menu-topo { -ms-transition: all .3s ease-in } // prefix is no longer supported .blue.header .menu-topo { -o-transition: all .3s ease-in } // prefix is no longer supported .menu-topo:, .menu-topo::after { -moz-transition: all .3s ease-in } // was required by Firefox 15 and earlier .menu-topo:, .menu-topo::after { -ms-transition: all .3s ease-in } // prefix is no longer supported .menu-topo:, .menu-topo::after { -o-transition: all .3s ease-in } // prefix is no longer supported .blue.header .menu-topo: { -moz-transition: all .3s ease-in } // was required by Firefox 15 and earlier .blue.header .menu-topo: { -ms-transition: all .3s ease-in } // prefix is no longer supported .blue.header .menu-topo: { -o-transition: all .3s ease-in } // prefix is no longer supported .blue.header .menu-topo::after { -moz-transition: all .3s ease-in } // was required by Firefox 15 and earlier .blue.header .menu-topo::after { -ms-transition: all .3s ease-in } // prefix is no longer supported .blue.header .menu-topo::after { -o-transition: all .3s ease-in } // prefix is no longer supported .menu-topo li a { -moz-transition: all .6s ease-in } // was required by Firefox 15 and earlier .menu-topo li a { -ms-transition: all .6s ease-in } // prefix is no longer supported .menu-topo li a { -o-transition: all .6s ease-in } // prefix is no longer supported .blue.header .menu-topo li a { -moz-transition: all .6s ease-in } // was required by Firefox 15 and earlier .blue.header .menu-topo li a { -ms-transition: all .6s ease-in } // prefix is no longer supported .blue.header .menu-topo li a { -o-transition: all .6s ease-in } // prefix is no longer supported .bloco-premiacao: { -moz-transform: rotate(180deg) } // was required by Firefox 15 and earlier .bloco-premiacao: { -ms-transform: rotate(180deg) } // was required by IE 9 and earlier .bloco-premiacao: { -o-transform: rotate(180deg) } // prefix is no longer supported .fotos.show a { -moz-transform: scale3d(1,1,1) } // was required by Firefox 15 and earlier .fotos.show a { -ms-transform: scale3d(1,1,1) } // was required by IE 9 and earlier .fotos.show a { -o-transform: scale3d(1,1,1) } // prefix is no longer supported .fotos.show a { -moz-transform-style: preserve-3d } // was required by Firefox 15 and earlier .fotos.show a { -ms-transform-style: preserve-3d } // prefix is no longer supported .fotos.show a { -o-transform-style: preserve-3d } // prefix is no longer supported .fotos.show a { -moz-transition: all ease-in .6s } // was required by Firefox 15 and earlier .fotos.show a { -ms-transition: all ease-in .6s } // prefix is no longer supported .fotos.show a { -o-transition: all ease-in .6s } // prefix is no longer supported .fotos.show a { -moz-transition-delay: 1s } // was required by Firefox 15 and earlier .fotos.show a { -ms-transition-delay: 1s } // prefix is no longer supported .fotos.show a { -o-transition-delay: 1s } // prefix is no longer supported .pre-footer .container: { -moz-transform: translateX(-100%) } // was required by Firefox 15 and earlier .pre-footer .container: { -ms-transform: translateX(-100%) } // was required by IE 9 and earlier .pre-footer .container: { -o-transform: translateX(-100%) } // prefix is no longer supported .pre-footer .container::after { -moz-transform: translateX(100%) } // was required by Firefox 15 and earlier .pre-footer .container::after { -ms-transform: translateX(100%) } // was required by IE 9 and earlier .pre-footer .container::after { -o-transform: translateX(100%) } // prefix is no longer supported .nano > .nano-pane { -moz-transition: .2s } // was required by Firefox 15 and earlier .nano > .nano-pane { -o-transition: .2s } // prefix is no longer supported .nano > .nano-pane { -moz-border-radius: 5px } // was required by Firefox 3.6 and earlier .nano > .nano-pane { -webkit-border-radius: 5px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .nano > .nano-pane { -o-border-radius: 5px } // prefix is no longer supported .nano > .nano-pane > .nano-slider { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .nano > .nano-pane > .nano-slider { -moz-border-radius: 3px } // was required by Firefox 3.6 and earlier .nano > .nano-pane > .nano-slider { -ms-border-radius: 3px } // prefix is no longer supported .nano > .nano-pane > .nano-slider { -o-border-radius: 3px } // prefix is no longer supported body .fancybox-skin { -webkit-border-radius: 0 } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier body .fancybox-skin { -moz-border-radius: 0 } // was required by Firefox 3.6 and earlier body .fancybox-skin { -ms-border-radius: 0 } // prefix is no longer supported body .fancybox-skin { -o-border-radius: 0 } // prefix is no longer supported body .fancybox-skin { -webkit-border-radius: initial } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier body .fancybox-skin { -moz-border-radius: initial } // was required by Firefox 3.6 and earlier body .fancybox-skin { -ms-border-radius: initial } // prefix is no longer supported body .fancybox-skin { -o-border-radius: initial } // prefix is no longer supported 
  • Property Resets1
    .header-inline h2: "margin" resets "margin-top" property set earlier 
  • Qualified Selectors9

    Since IDs are unique and classes are more unique than tags, adding a tag name would slow down the matching process needlessly

    Don’t qualify class or ID rules with tag names, as they are more unique than the tag. Strip tag names where possible

    .menu-topo a.active {}.galeria-pagination button.active {}.galeria-pagination button.prev {}.galeria-pagination button.next {}.galeria-pagination button.prev::after {}.galeria-pagination button.next::after {}.fancybox-type-inline a.fancybox-item.fancybox-close {}.fancybox-type-inline a.fancybox-item.fancybox-close {}.fancybox-type-inline a.fancybox-item.fancybox-close::after {}
  • Redundant Body Selectors1
    body .fancybox-skin 
  • Universal Selectors2

    The universal selector matches any element type

    Universal selectors can be implied (and therefore omitted) if it isn’t the only component of the simple selector, avoid whenever possible

    ::selection {}::-moz-selection {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Child Nodes Selectors0
Colors13
Comments32
Comments Length2195
Complex Selectors By Attribute0
Expressions0
Old IE Fixes0
Media Queries47
Not Minified1
Parsing Errors0
Specificity Id Avg0.02
Specificity Id Total5
Specificity Class Avg1.32
Specificity Class Total344
Specificity Tag Avg0.62
Specificity Tag Total161
Selectors260
Selector Length Avg1.5961538461538463
Selectors By Attribute14
Selectors By Class290
Selectors By Id5
Selectors By Pseudo53
Selectors By Tag127
Length28222
Rules208
Declarations698