Optimize CSS for http://marea.red/css/marea.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors30

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .projectsPg .filters li .submenu {}#shopPg #hero .isotope li img {}#shop ul li img {}.sidebar nav ul li {}.sidebar nav ul li a {}.sidebar nav ul li a:hover {}.sidebar nav ul li a.bounceH {}.sidebar nav ul li a.bounceH {}.sidebar nav ul li a.bounceH:hover {}.sidebar nav ul li a.bounceH:focus {}.sidebar nav ul li a.bounceH:active {}#shitido ul.skills li img {}#shitido ul.skills li span {}#shop ul#products li .grid-item {}#shop ul#products li figure {}#shop ul#products li figure figcaption {}#shop ul#products li figure figcaption h2 {}#shop ul#products li figure figcaption p {}#shop ul#products li figure > p {}#shop ul#products li figure > p > span {}#shop ul#products li figure > p > a {}#shop ul#products li figure > p > span {}#shop ul#products li figure > p > a {}#shop ul#products li figure > p > a:hover > i {}.contactForm fieldset > p input {}.contactForm fieldset > p input:focus {}#shitido ul.skills li span {}.projectsPg #hero .isotope li {}#shitido ul.skills li span {}#shitido ul.skills li span {}
  • Duplicated Properties3

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    .bounce {height: inherit} .bounce {display: flex} .sidebar nav ul li a {background: rgba(34, 34, 34, 0.95)} 
  • Empty Rules5

    Deteced empty rules

    Reduce the size of your CSS file by removing empty rules

    #shop ul#products li:nth-child(3n+3) {}#shop ul#products li figure {}.contactForm fieldset > p.name {}section {}#info {}
  • Old IE Fixes1

    Rules specific to IE greater than or equal to IE 6 or IE 7

    Lower browser usage for previous versions of IE prevents these rules from being very useful

    #edge2 img, #edge4 img {-ms-filter: "FlipV"} 
  • Old Property Prefixes48

    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

    #wrapper, a, .mask, button, bx-wrapper .bx-pager, .button, li figure div.da-animate, input, textarea, .arrowBounce, .projectsPg .filters li .submenu, .arrow-left, #shopPg #hero .isotope li img, .featherlight .featherlight-close-icon, #shop ul li img { -moz-transition: all 0.5s } // was required by Firefox 15 and earlier #wrapper, a, .mask, button, bx-wrapper .bx-pager, .button, li figure div.da-animate, input, textarea, .arrowBounce, .projectsPg .filters li .submenu, .arrow-left, #shopPg #hero .isotope li img, .featherlight .featherlight-close-icon, #shop ul li img { -ms-transition: all 0.5s } // prefix is no longer supported #wrapper, a, .mask, button, bx-wrapper .bx-pager, .button, li figure div.da-animate, input, textarea, .arrowBounce, .projectsPg .filters li .submenu, .arrow-left, #shopPg #hero .isotope li img, .featherlight .featherlight-close-icon, #shop ul li img { -o-transition: all 0.5s } // prefix is no longer supported header .logo { -webkit-border-radius: 50% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier header .logo { -moz-border-radius: 50% } // was required by Firefox 3.6 and earlier header .logo { -moz-transition: all 0.4s ease-in-out } // was required by Firefox 15 and earlier header .logo { -o-transition: all 0.4s ease-in-out } // prefix is no longer supported header .logo { -ms-transition: all 0.4s ease-in-out } // prefix is no longer supported header .logo { -moz-perspective: 800px } // was required by Firefox 15 and earlier header .logo { -o-perspective: 800px } // prefix is no longer supported header .logo { -ms-perspective: 800px } // prefix is no longer supported header .logo { -moz-transform-style: preserve-3d } // was required by Firefox 15 and earlier header .logo { -o-transform-style: preserve-3d } // prefix is no longer supported header .logo { -ms-transform-style: preserve-3d } // prefix is no longer supported header .logo > span, header .logo > a { -webkit-border-radius: 50% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier header .logo > span, header .logo > a { -moz-border-radius: 50% } // was required by Firefox 3.6 and earlier header .logo > span, header .logo > a { -moz-transition: all 0.6s ease-in-out } // was required by Firefox 15 and earlier header .logo > span, header .logo > a { -o-transition: all 0.6s ease-in-out } // prefix is no longer supported header .logo > span, header .logo > a { -ms-transition: all 0.6s ease-in-out } // prefix is no longer supported header .logo-front { -moz-transform-origin: 50% 100% } // was required by Firefox 15 and earlier header .logo-front { -o-transform-origin: 50% 100% } // prefix is no longer supported header .logo-front { -ms-transform-origin: 50% 100% } // was required by IE 9 and earlier header .logo:hover .logo-front { -moz-transform: rotate3d(1,0,0,-180deg) } // was required by Firefox 15 and earlier header .logo:hover .logo-front { -o-transform: rotate3d(1,0,0,-180deg) } // prefix is no longer supported header .logo:hover .logo-front { -ms-transform: rotate3d(1,0,0,-180deg) } // was required by IE 9 and earlier #edge2 img, #edge4 img { -moz-transform: scaleY(-1) } // was required by Firefox 15 and earlier #edge2 img, #edge4 img { -o-transform: scaleY(-1) } // prefix is no longer supported #edge2 img, #edge4 img { -ms-filter: "FlipV" } // prefix is no longer supported .toggle-slide-right { -webkit-border-radius: 5px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .toggle-slide-right { -moz-border-radius: 5px } // was required by Firefox 3.6 and earlier aside.slidebar-right { -moz-transition: all 0.5s } // was required by Firefox 15 and earlier aside.slidebar-right { -ms-transition: all 0.5s } // prefix is no longer supported aside.slidebar-right { -o-transition: all 0.5s } // prefix is no longer supported .sidebar nav ul { -moz-box-shadow: inset 0 0 3px #333 } // was required by Firefox 3.6 and earlier .sidebar nav ul { -webkit-box-shadow: inset 0 0 3px #333 } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .contactForm fieldset input, .contactForm fieldset textarea { -moz-transition: all 0.30s ease-in-out } // was required by Firefox 15 and earlier .contactForm fieldset input, .contactForm fieldset textarea { -ms-transition: all 0.30s ease-in-out } // prefix is no longer supported .contactForm fieldset input, .contactForm fieldset textarea { -o-transition: all 0.30s ease-in-out } // prefix is no longer supported .contactForm fieldset .btn-send { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .contactForm fieldset .btn-send { -moz-border-radius: 3px } // was required by Firefox 3.6 and earlier .contactForm fieldset .btn-send { -moz-box-shadow: inset 0 1px 3px #222 } // was required by Firefox 3.6 and earlier .contactForm fieldset .btn-send { -webkit-box-shadow: inset 0 1px 3px #222 } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .social li { -webkit-border-radius: 100% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .social li { -moz-border-radius: 100% } // was required by Firefox 3.6 and earlier .social li a { -webkit-border-radius: 20px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .social li a { -moz-border-radius: 20px } // was required by Firefox 3.6 and earlier #thanksPg a, #shopThanks a { -webkit-border-radius: 0 3px 3px 0 } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier #thanksPg a, #shopThanks a { -moz-border-radius: 0 3px 3px 0 } // was required by Firefox 3.6 and earlier 
  • Property Resets1
    #info: "padding" resets "padding-top" property set earlier 
  • Qualified Selectors44

    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

    li figure div.da-animate {}.edge img.nest {}aside.slidebar-right {}body.smr-open aside.slidebar-right {}body.smr-open aside.slidebar-right {}aside.slidebar-right .sidebar {}.sidebar nav ul li a.bounceH {}.sidebar nav ul li a.bounceH {}.sidebar nav ul li a.bounceH:hover {}.sidebar nav ul li a.bounceH:focus {}.sidebar nav ul li a.bounceH:active {}.heading img.hrule {}#shitido ul.skills {}#shitido ul.skills li {}#shitido ul.skills li:last-child {}#shitido ul.skills li img {}#shitido ul.skills li span {}#shop ul#products {}#shop ul#products li {}#shop ul#products li:nth-child(3n+3) {}#shop ul#products li .grid-item {}#shop ul#products li figure {}#shop ul#products li figure figcaption {}#shop ul#products li figure figcaption h2 {}#shop ul#products li figure figcaption p {}#shop ul#products li figure > p {}#shop ul#products li figure > p > span {}#shop ul#products li figure > p > a {}#shop ul#products li figure > p > span {}#shop ul#products li figure > p > a {}#shop ul#products li figure > p > a:hover > i {}.contactForm fieldset > p.name {}.contacts p.phone {}.contacts p.skype {}.social li.be a {}.social li.fb a {}.social li.tw a {}.social li.in a {}footer img.name {}body#workPg section {}#shitido ul.skills li span {}#shitido ul.skills li span {}#full .project a.live {}#shitido ul.skills li span {}
  • Redundant Body Selectors1
    body#workPg section 
  • Redundant Child Nodes Selectors29

    Deteced redundancies for child node selectors

    Dry up duplication by nesting rules under a set of similar selectors

    #shop ul li img {}.sidebar nav ul li {}.sidebar nav ul li a {}.sidebar nav ul li a:hover {}.sidebar nav ul li a.bounceH {}.sidebar nav ul li a.bounceH {}.sidebar nav ul li a.bounceH:hover {}.sidebar nav ul li a.bounceH:focus {}.sidebar nav ul li a.bounceH:active {}#shitido ul.skills li {}#shitido ul.skills li:last-child {}#shitido ul.skills li img {}#shitido ul.skills li span {}#shop ul#products li {}#shop ul#products li:nth-child(3n+3) {}#shop ul#products li .grid-item {}#shop ul#products li figure {}#shop ul#products li figure figcaption {}#shop ul#products li figure figcaption h2 {}#shop ul#products li figure figcaption p {}#shop ul#products li figure > p {}#shop ul#products li figure > p > span {}#shop ul#products li figure > p > a {}#shop ul#products li figure > p > span {}#shop ul#products li figure > p > a {}#shop ul#products li figure > p > a:hover > i {}#shitido ul.skills li span {}#shitido ul.skills li span {}#shitido ul.skills li span {}
  • Universal Selectors5

    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

    * {}::-webkit-input-placeholder {}:-moz-placeholder {}::-moz-placeholder {}:-ms-input-placeholder {}

CSS Stats

CSS Metrics

Base64 Length0
Colors15
Comments75
Comments Length12820
Complex Selectors By Attribute0
Duplicated Selectors0
Expressions0
Imports0
Importants0
Media Queries12
Not Minified1
Multi Classes Selectors0
Parsing Errors0
Specificity Id Avg0.52
Specificity Id Total108
Specificity Class Avg0.88
Specificity Class Total182
Specificity Tag Avg1.25
Specificity Tag Total259
Selectors208
Selector Length Avg2.2884615384615383
Selectors By Attribute0
Selectors By Class154
Selectors By Id108
Selectors By Pseudo31
Selectors By Tag253
Length32153
Rules171
Declarations577