Optimize CSS for http://Dev.conductor.nd.edu/stylesheets/ndt.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors13

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .nav-site ul > .active > a {}.nav-site ul ul a {}.nav-site ul ul li {}.nav-site ul ul a:hover {}.nav-site ul ul > .active > a {}.nav-site ul ul ul {}.nav-site ul ul ul a:hover {}.nav-site ul ul ul .active > a {}.nav-site ul ul ul .active > .current-last {}.nav-site ul ul ul ul {}.nav-site ul ul ul ul a {}.nav-site ul ul ul ul ul {}.home-secondary .columns > h2 a {}
  • Complex Selectors By Attribute3

    Selectors whose attribute value contains a specified value

    Attribute selectors have a slower lookup time

    a[href$=".pdf"] {}a[href^="javascript:"]:after {}a[href^="#"]:after {}
  • Duplicated Properties19

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    button, input, optgroup, select, textarea {margin: 0 0 1em} .site-title {font-size: 1.75rem} .search-button:hover {background: center center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#edd854),to(#cc921f))} .search-button:hover {background: center center no-repeat, linear-gradient(to bottom, #edd854 0%,#cc921f 100%)} .search-button:active {background: center center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#cc921f),to(#edd854))} .search-button:active {background: center center no-repeat, linear-gradient(to bottom, #cc921f 0%,#edd854 100%)} .nav-top {background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%) #273c53} .brandbar.theme-bb-blue {background: linear-gradient(to bottom, #003b7c 0%, #001227 100%)} .brandbar.theme-bb-gold {background: linear-gradient(to bottom, rgba(247,234,179,0.8) 0%, rgba(247,234,179,0.3) 50%, rgba(247,234,179,0.2) 51%, rgba(247,234,179,0) 100%), url('images/texture-gold.png')} .titlebar.theme-tb-gold {background: linear-gradient(to bottom, rgba(247,234,179,0.8) 0%, rgba(247,234,179,0.3) 50%, rgba(247,234,179,0.2) 51%, rgba(247,234,179,0) 100%), url('images/texture-gold.png')} .titlebar.theme-tb-blue {background: linear-gradient(to bottom, #003b7c 0%, #0c2340 100%)} .theme-tb-lightblue {background: url('images/noise3.png'), -webkit-gradient(linear, left top, left bottom, from(#6bcce0), to(#539eae))} .theme-tb-lightblue {background: url('images/noise3.png'), linear-gradient(to bottom, #6bcce0 0%, #539eae 100%)} .theme-tb-gold2 {background: url('images/noise3.png'), -webkit-gradient(linear, left top, left bottom, from(#e8d343), to(#bc7a15))} .theme-tb-gold2 {background: url('images/noise3.png'), linear-gradient(to bottom, #e8d343 0%, #bc7a15 100%)} .theme-tb-green {background: url('images/noise3.png'), -webkit-gradient(linear, left top, left bottom, from(#627716), to(#465510))} .theme-tb-green {background: url('images/noise3.png'), linear-gradient(to bottom, #627716 0%, #465510 100%)} .theme-tb-red {background: url('images/noise3.png'), -webkit-gradient(linear, left top, left bottom, from(#89210d), to(#5f1709))} .theme-tb-red {background: url('images/noise3.png'), linear-gradient(to bottom, #89210d 0%, #5f1709 100%)} 
  • Duplicated Selectors5
    input[type="search"] {} /* (2 times) */
  • Empty Rules6

    Deteced empty rules

    Reduce the size of your CSS file by removing empty rules

    button[type="submit"] {}.webcal {}.search-result-text {}.wrapper {}.icon-menu {}.nav-site {}
  • Importants4

    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

    .noborder, .noborder img {border: none !important} .noborder, .noborder img {-webkit-box-shadow: none !important} .noborder, .noborder img {box-shadow: none !important} body, html {-ms-overflow-style: none !important} 
  • Multi Classes Selectors45

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .entry-title.page-title {}.active.btn {}.more.right {}.active.nav-mobile {}.active.wrapper {}.home.nav-top-true {}.subhead.titlebar {}.home.nav-top-true {}.subhead.titlebar {}.brandbar.theme-bb-blue {}.brandbar.theme-bb-gold {}.brandbar.theme-bb-lightgray {}.brandbar.theme-bb-mediumgray {}.brandbar.theme-bb-darkgray {}.brandbar.theme-bb-blue-flat {}.brandbar.theme-bb-lightgray-flat {}.brandbar.theme-bb-mediumgray-flat {}.brandbar.theme-bb-darkgray-flat {}.brandbar.theme-bb-gold-flat {}.theme-tb-gold.titlebar {}.theme-tb-blue.titlebar {}.theme-tb-gold-flat.titlebar {}.theme-tb-blue-flat.titlebar {}.theme-tb-lightblue-flat.titlebar {}.theme-tb-green-flat.titlebar {}.theme-tb-red-flat.titlebar {}.collapse.row {}.collapse.row {}.collapse.row {}.align-right.row {}.align-center.row {}.align-justify.row {}.align-spaced.row {}.align-top.row {}.align-top.column {}.align-bottom.row {}.align-bottom.column {}.align-middle.row {}.align-middle.column {}.align-stretch.row {}.align-stretch.column {}.medium-unstack.row {}.large-unstack.row {}.medium-unstack.row {}.large-unstack.row {}
  • Old Property Prefixes44

    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

    *, *, *:after { -webkit-box-sizing: border-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier html { -moz-text-size-adjust: 100% } // prefix is no longer supported input[type="search"] { -webkit-box-sizing: content-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier img { -webkit-box-sizing: content-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .noborder, .noborder img { -webkit-box-shadow: none !important } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .skip-links a:active, .skip-links a:focus, .skip-links a:hover { -webkit-box-shadow: 0 0 10px 0 #000 } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .image-default img, .image-right img, .image-left img { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn, .more, .excerpt_continuation { -webkit-box-shadow: 0 4px #02070c } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn:hover, .btn.active:hover, .more:hover { -webkit-box-shadow: 0 3px #02070c } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn:active, .more:active { -webkit-box-shadow: 0 0 #06101e } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn-gold { -webkit-box-shadow: 0 4px #c8a434 } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn-gold:hover { -webkit-box-shadow: 0 3px #c8a434 } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn-gold:active { -webkit-box-shadow: 0 0 #c8a434 } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .beta { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.9) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .dept { -webkit-box-shadow: 0 1px rgba(0,122,217,0.4) inset } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .search-form { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.45) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .nav-mobile { -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.25) inset } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .nav-top { -webkit-box-shadow: 0 1px rgba(130,150,173,0.6) inset, 0 0 1em rgba(0,0,0,0.5) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .nav-top li.active a, .nav-top li a:hover { -webkit-box-shadow: inset 1px 0 rgba(0,0,0,0.5),inset -1px 0 rgba(0,0,0,0.5) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .footer-inner { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.9) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .beta { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .header-util nav a, .header-util nav a:hover { -webkit-box-shadow: 0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .dept, .theme-bb-gold .dept { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .brandbar.theme-bb-blue { -webkit-box-shadow: 0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .brandbar.theme-bb-gold { -webkit-box-shadow: 0 1px #fff inset, 0 -5px 6px -4px rgba(120,0,100,0.8) inset, 0 1px 5px rgba(0,0,0,0.3) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .brandbar.theme-bb-lightgray { -webkit-box-shadow: 0 1px #777, inset 0 1px rgba(0,0,0,.5), inset 0 2px rgba(255,255,255,.6), inset 0 -1px rgba(255,255,255,.2) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .brandbar.theme-bb-mediumgray { -webkit-box-shadow: 0 1px 0 0 #000, inset 0px 1px 0px 0px rgba(0,0,0,0.50), inset 0 2px 0 0 rgba(255,255,255,0.60), inset 0px -1px 0px 0px rgba(255,255,255,0.20) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .brandbar.theme-bb-darkgray { -webkit-box-shadow: inset 0 2px rgba(255,255,255,.2), inset 0 -1px rgba(255,255,255,.1), inset 0 1px #222 } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .theme-bb-gold .dept { -webkit-box-shadow: 0 1px rgba(255,255,255,.4) inset } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .titlebar.theme-tb-gold { -webkit-box-shadow: 0 1px #fff inset, 0 -5px 6px -4px rgba(120,0,100,0.8) inset, 0 1px 5px rgba(0,0,0,0.3) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .titlebar.theme-tb-blue { -webkit-box-shadow: 0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .theme-tb-blue .search-form { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(0,120,255,.5) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .theme-tb-lightblue { -webkit-box-shadow: 0 1px #9deafa inset, 0 -12px 3px -10px rgba(0,0,0,0.3) inset } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .theme-tb-lightblue .search-form { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(100,100,100,.5) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .theme-tb-gold2 { -webkit-box-shadow: 0 -5px 6px -4px rgba(120,0,100,0.8) inset, 0 5px 5px -4px rgba(120,0,100,0.6) inset, 0 2px 5px -4px rgba(0,0,0,.4) inset, 0 1px 5px rgba(0,0,0,0.3) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .theme-tb-green { -webkit-box-shadow: 0 1px #84a01e inset, 0 -12px 3px -15px rgba(0,0,0,0.2) inset, 0 1px 5px rgba(0,0,0,0.3) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .theme-tb-green .search-form { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(100,100,100,.5) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .theme-tb-red { -webkit-box-shadow: 0 1px #ae2a10 inset, 0 -5px 6px -4px rgba(0,0,0,0.5) inset, 0 1px 5px rgba(0,0,0,0.2) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .theme-tb-red .search-form { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(100,100,100,.5) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .titlebar.theme-tb-gold-flat { -webkit-box-shadow: 0 1px rgba(255,255,255,0.5) inset } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .titlebar.theme-tb-blue-flat { -webkit-box-shadow: 0 1px rgba(255,255,255,0.5) inset } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .titlebar.theme-tb-lightblue-flat { -webkit-box-shadow: 0 1px rgba(255,255,255,0.5) inset } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .titlebar.theme-tb-green-flat { -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .titlebar.theme-tb-red-flat { -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier 
  • Property Resets2
    .search-button: "background" resets "background-color" property set earlier .search-button: "background" resets "background-color" property set earlier 
  • Qualified Selectors10

    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

    blockquote.pull {}aside.right {}figure.right {}aside.right p {}figure.left {}line.ni {}g.ni {}.nav-top li.active a {}.nav-site li.last {}blockquote.pull {}
  • Redundant Child Nodes Selectors1

    Deteced redundancies for child node selectors

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

    .nav-site ul li {}
  • 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 {}[hidden] {}::-moz-selection {}::-moz-selection {}::-moz-selection {}::selection {}[data-icon="nd-monogram"] {}.btn [data-icon] {}.btn-gold [data-icon] {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors104
Comments130
Comments Length7712
Expressions0
Old IE Fixes0
Imports0
Media Queries19
Not Minified1
Parsing Errors0
Specificity Id Avg0
Specificity Id Total0
Specificity Class Avg1.04
Specificity Class Total776
Specificity Tag Avg0.67
Specificity Tag Total504
Selectors747
Selector Length Avg1.5234270414993307
Selectors By Attribute21
Selectors By Class652
Selectors By Id0
Selectors By Pseudo75
Selectors By Tag485
Length67261
Rules584
Declarations1512