Optimize CSS for http://marinanton.ru/css/style.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Duplicated Properties1

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    form input[type=text], form input[type=email], form input[type=password], form select, form textarea {border: solid 1px #ddd} 
  • Empty Rules8

    Deteced empty rules

    Reduce the size of your CSS file by removing empty rules

    form {}table.default tfoot {}table.default tbody {}ul {}ul.actions {}ol {}#top {}#top p {}
  • Importants15

    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

    body.is-loading * {-webkit-transition: none !important} body.is-loading * {transition: none !important} body.is-loading * {-webkit-animation: none !important} body.is-loading * {-ms-animation: none !important} body.is-loading * {animation: none !important} form .formerize-placeholder {color: #555 !important} form ::-webkit-input-placeholder {color: #555 !important} form :-moz-placeholder {color: #555 !important} form ::-moz-placeholder {color: #555 !important} form :-ms-input-placeholder {color: #555 !important} input[type="button"], input[type="submit"], input[type="reset"], .button {color: #fff !important} input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover {color: #fff !important} input[type="button"].alt:hover, input[type="submit"].alt:hover, input[type="reset"].alt:hover, .button.alt:hover {color: #fff !important} ul.social li a {color: #2E2E2E !important} #nav a:hover {color: #fff !important} 
  • Imports2
    url('http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,600italic,700&subset=latin,cyrillic-ext') url('font-awesome.min.css') 
  • Multi Classes Selectors29

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .fit.image {}.featured.image {}.image.left {}.centered.image {}.centered.image {}.alt.button {}.alt.button {}.alt.button {}.featured.icon {}.featured.icon {}.first.wrapper {}.style1.wrapper {}.style2.wrapper {}.style3.wrapper {}.style4.wrapper {}.style4.wrapper {}.style4.wrapper {}.style4.wrapper {}.style4.wrapper {}.style4.wrapper {}.style4.wrapper {}.style4.wrapper {}.style4.wrapper {}.style4.wrapper {}.style4.wrapper {}.style4.wrapper {}.style4.wrapper {}.style4.wrapper {}.style4.wrapper {}
  • Old Property Prefixes1

    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

    body.is-loading * { -ms-animation: none !important } // prefix is no longer supported 
  • Qualified Selectors47

    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

    body.is-loading * {}br.clear {}table.default {}table.default tr {}table.default tr:first-child {}table.default td {}table.default th {}table.default thead {}table.default tfoot {}table.default tbody {}input[type="button"].alt {}input[type="submit"].alt {}input[type="reset"].alt {}input[type="button"].alt:hover {}input[type="submit"].alt:hover {}input[type="reset"].alt:hover {}input[type="button"].alt:active {}input[type="submit"].alt:active {}input[type="reset"].alt:active {}ul.default {}ul.default li {}ul.social {}ul.social li {}ul.social li a {}ul.social li a {}ul.social li a.fa-twitter {}ul.social li a.fa-twitter {}ul.social li a.fa-facebook {}ul.social li a.fa-facebook {}ul.social li a.fa-linkedin {}ul.social li a.fa-linkedin {}ul.social li a.fa-tumblr {}ul.social li a.fa-tumblr {}ul.social li a.fa-instagram {}ul.social li a.fa-instagram {}ul.social li a.fa-youtube {}ul.social li a.fa-youtube {}ul.social li a.fa-vk {}ul.social li a.fa-vk {}ul.social li a:hover {}ul.social li a:hover {}ul.actions {}ul.actions li {}ul.actions li:first-child {}ol.default {}ol.default li {}#nav a.active {}
  • Redundant Child Nodes Selectors19

    Deteced redundancies for child node selectors

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

    table.default tr {}table.default tr:first-child {}table.default th {}ul.default li {}ul.social li {}ul.social li a {}ul.social li a {}ul.social li a.fa-twitter {}ul.social li a.fa-facebook {}ul.social li a.fa-linkedin {}ul.social li a.fa-tumblr {}ul.social li a.fa-instagram {}ul.social li a.fa-youtube {}ul.social li a.fa-vk {}ul.social li a:hover {}ul.social li a:hover {}ul.actions li {}ul.actions li:first-child {}ol.default li {}
  • Universal Selectors8

    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

    body.is-loading * {}form ::-webkit-input-placeholder {}form :-moz-placeholder {}form ::-moz-placeholder {}form :-ms-input-placeholder {}form ::-moz-focus-inner {}section > :last-child {}article > :last-child {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors41
Comments31
Comments Length2243
Complex Selectors0
Complex Selectors By Attribute0
Duplicated Selectors0
Expressions0
Old IE Fixes0
Media Queries0
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0.08
Specificity Id Total14
Specificity Class Avg1.09
Specificity Class Total187
Specificity Tag Avg1.26
Specificity Tag Total217
Selectors172
Selector Length Avg1.5988372093023255
Selectors By Attribute28
Selectors By Class91
Selectors By Id14
Selectors By Pseudo46
Selectors By Tag209
Length13390
Rules108
Declarations235