Optimize CSS for https://kvartborg.net/assets/css/style.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors11

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    header nav ul li {}header nav ul li a {}header nav ul li a:hover {}header nav ul li:hover {}header nav ul li.logo {}header nav ul li.logo a {}header.transparent nav ul li {}header.transparent nav ul li:hover {}header.black nav ul li {}header.black nav ul li:hover {}footer ul li a {}
  • Complex Selectors By Attribute21

    Selectors whose attribute value contains a specified value

    Attribute selectors have a slower lookup time

    pre[class*="language-"] {}pre[class*="language-"] {}code[class*="language-"] {}pre[class*="language-"] {}pre[class*="language-"]::-moz-selection {}pre[class*="language-"] ::-moz-selection {}code[class*="language-"]::-moz-selection {}code[class*="language-"] ::-moz-selection {}pre[class*="language-"]::selection {}pre[class*="language-"] ::selection {}code[class*="language-"]::selection {}code[class*="language-"] ::selection {}code[class*="language-"] {}pre[class*="language-"] {}pre[class*="language-"] {}:not(pre) > code[class*="language-"] {}pre[class*="language-"] {}[class*='bit-'] {}[class*='bit-'] {}.browser pre[class*="language-"] {}.browser-small pre[class*="language-"] {}
  • Duplicated Properties3

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    header nav ul li {line-height: 45px} header nav ul li {font-weight: 500} .line-numbers .line-numbers-rows {font-size: 14px} 
  • Duplicated Selectors1
    q, blockquote {} /* (2 times) */
  • Importants17

    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 {overflow-x: hidden !important} h1, h2, h3, h4, h5 {text-align: left !important} hr {margin-bottom: 70px !important} .text-center {text-align: center !important} .text-right {text-align: right !important} .text-left {text-align: left !important} .no-padding-top {padding-top: 0px !important} .no-padding-bottom {padding-top: 0px !important} .no-padding {padding-top: 0px !important} .no-padding {padding-bottom: 0px !important} .language-php {color: #CB4C84 !important} .language-php .delimiter {color: #555 !important} .card a:hover {text-decoration: none !important} .browser .head {z-index: 100 !important} .browser pre[class*="language-"], .browser code {z-index: 9 !important} .browser-small pre[class*="language-"], .browser-small code {font-size: 11px !important} .browser-small .head {z-index: 100 !important} 
  • Multi Classes Selectors42

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .comment.token {}.prolog.token {}.doctype.token {}.cdata.token {}.punctuation.token {}.boolean.token {}.number.token {}.constant.token {}.symbol.token {}.deleted.token {}.selector.token {}.attr-name.token {}.string.token {}.char.token {}.builtin.token {}.inserted.token {}.operator.token {}.entity.token {}.token.url {}.string.token {}.string.token {}.atrule.token {}.attr-value.token {}.keyword.token {}.property.token {}.function.token {}.tag.token {}.regex.token {}.important.token {}.token.variable {}.important.token {}.bold.token {}.italic.token {}.entity.token {}.bar.green {}.bar.blue {}.bar.yellow {}.bar.red {}.bar.magenta {}.bar.white {}.slider.transparent {}.slider.transparent {}
  • Old Property Prefixes2

    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

    * { -webkit-box-sizing: border-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier * { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier 
  • Qualified Selectors23

    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

    header nav ul li.logo {}header nav ul li.logo a {}header.transparent {}header.transparent nav ul li {}header.transparent nav ul li:hover {}header.black nav ul li {}header.black nav ul li:hover {}header.fixed {}header.fadeIn {}section.full-height {}section.medium-height {}section.full-height .middle {}section.medium-height .middle {}section.full-height .bottom {}section.medium-height .bottom {}section.full-height .animate {}section.medium-height .animate {}section img.rounded {}section img.circle {}pre.line-numbers {}pre.line-numbers > code {}table tr.header {}textarea.large {}
  • Redundant Child Nodes Selectors18

    Deteced redundancies for child node selectors

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

    header nav ul li {}header nav ul li a {}header nav ul li a:hover {}header nav ul li:hover {}header nav ul li.logo {}header nav ul li.logo a {}header.transparent nav ul li {}header.transparent nav ul li:hover {}header.black nav ul li {}header.black nav ul li:hover {}footer ul li {}footer ul li a {}footer ul li {}table tr.header {}table tr td {}table tr td {}table tr td:last-child {}table tr td:last-child {}
  • Universal Selectors11

    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

    * {}* {}*:after {}pre[class*="language-"] ::-moz-selection {}code[class*="language-"] ::-moz-selection {}pre[class*="language-"] ::selection {}code[class*="language-"] ::selection {}:not(pre) > code[class*="language-"] {}* {}[class*='bit-'] {}[class*='bit-'] {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors24
Comments5
Comments Length312
Empty Rules0
Expressions0
Old IE Fixes0
Imports0
Media Queries8
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0
Specificity Id Total0
Specificity Class Avg1.08
Specificity Class Total288
Specificity Tag Avg0.77
Specificity Tag Total206
Selectors267
Selector Length Avg1.4569288389513109
Selectors By Attribute21
Selectors By Class212
Selectors By Id0
Selectors By Pseudo30
Selectors By Tag189
Length17074
Rules186
Declarations476