Optimize CSS for https://osmc.tv/assets/css/style.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors57

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .home .firstn-back-wrap svg g polygon {}.home .firstn p a {}.home .firstn p a:hover {}.home .firstn p a:focus {}.home .firstn p a:active {}.home .firstn p span {}.home .firstn p span svg {}.home .firstn p span svg polygon {}.home .firstn p span:hover svg polygon {}.home .secondn #player .player-poster {}.home .secondn-playicon svg path {}.ie9 .home .thirdn-pics-wrap div {}.home .thirdn-pics-wrap .img-wrap1 img {}.home .thirdn-text ul li {}.home .thirdn-text ul li {}.home .thirdn-text ul li:first-child {}.home .thirdn-text ul li:last-child {}.home .thirdn-text ul li {}.home .thirdn-text ul li:first-child {}.home .thirdn-text ul li:last-child {}.home .thirdn-text ul li .icon {}.home .thirdn-text ul li .icon {}.home .thirdn-text ul li h3 {}.home .thirdn-text ul li p {}.home .thirdn-text ul li p a {}.home .thirdn-text ul li h3 {}.home .thirdn-text ul li p {}.home .thirdn-text ul li p a {}.home .thirdn-text ul li:hover h3 {}.home .thirdn-text ul li:hover p {}.home .thirdn-text ul li:hover p a {}.home .thirdn-text ul li.show .icon {}.home .thirdn-text ul li.show .icon {}.home .thirdn-text ul li.show p {}.home .thirdn-text ul li.show h3 {}.home .thirdn-text ul li.show p a {}.home .thirdn-text ul li.show p a:hover {}.home .thirdn-text ul .link1 .icon {}.home .thirdn-text ul .link1 .icon {}.home .thirdn-text ul .link2 .icon {}.home .thirdn-text ul .link2 .icon {}.home .thirdn-text ul .link3 .icon {}.home .thirdn-text ul .link3 .icon {}.home .thirdn-text ul .link4 .icon {}.home .thirdn-text ul .link4 .icon {}form .home .fifthn-buttons a:nth-child(1) {}form .home .fifthn-buttons a:nth-child(2) {}form .home .fifthn-buttons a:nth-child(3) {}.sidebar-news-form.error .sidebar-news-check svg path {}.main .wiki-cat-list li a {}.main .wiki-cat-list li a:visited {}.main .wiki-cat-list li a:hover {}.main .wiki-cat-list li a:active {}.main .wiki-cat-list li a:focus {}.main .wiki-cat-list li a:visited:hover {}.main .wiki-cat-list li a:visited:active {}.main .wiki-cat-list li a:visited:focus {}
  • Duplicated Properties38

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    abbr[title] {text-decoration: underline dotted} .button-green {background-color: #35d0a7} .button-red {background-color: #fc4f4f} .button-vero {background-color: #35d0a7} .button-vero {color: #fff} .button-vero {border: 1px solid transparent} .button-vero {-webkit-transition: all .2s ease} .button-vero {transition: all .2s ease} .ct-chart-line .ct-label, .ct-chart-bar .ct-label {display: flex} .home .fifthn-buttons a:nth-child(1n+1) {border-radius: 0px} .home .fifthn-buttons a:nth-child(1) {background-color: #2e9db8} .home .fifthn-buttons a:nth-child(1) {padding: 0.5em 0.7em} .home .fifthn-buttons a:nth-child(1) {margin: 0} .home .fifthn-buttons a:nth-child(1) {font-size: 105%} .home .fifthn-buttons a:nth-child(1) {border-radius: 0px} .home .fifthn-buttons a:nth-child(2) {background-color: #107aaf} .home .fifthn-buttons a:nth-child(2) {padding: 0.5em 0.7em} .home .fifthn-buttons a:nth-child(2) {margin: 0} .home .fifthn-buttons a:nth-child(2) {font-size: 105%} .home .fifthn-buttons a:nth-child(2) {border-radius: 0px} .home .fifthn-buttons a:nth-child(3) {background-color: #0C5B8E} .home .fifthn-buttons a:nth-child(3) {padding: 0.5em 0.7em} .home .fifthn-buttons a:nth-child(3) {margin: 0} .home .fifthn-buttons a:nth-child(3) {font-size: 105%} .home .fifthn-buttons a:nth-child(3) {border-radius: 0px} .donate-form label {font-size: 90%} .share-facebook {color: #fff} .share-facebook {background-color: #3b5998} .share-facebook {padding: 0 0.5em} .share-facebook {margin: 0 0.5em 0 0} .share-twitter {color: #fff} .share-twitter {background-color: #55acee} .share-twitter {padding: 0 0.5em} .share-twitter {margin: 0 0.5em 0 0} .share-google {color: #fff} .share-google {background-color: #dc4e41} .share-google {padding: 0 0.5em} .share-google {margin: 0 0.5em 0 0} 
  • Duplicated Selectors36
    textarea {} /* (3 times) */.chocolat-wrapper .chocolat-bottom {} /* (2 times) */b, strong {} /* (2 times) */h1 {} /* (2 times) */img {} /* (2 times) */hr {} /* (2 times) */button, input, select, textarea {} /* (2 times) */.footer a, .footer a:visited {} /* (2 times) */::-moz-selection {} /* (2 times) */.button-green:visited {} /* (2 times) */.button-green:hover, .button-green:active, .button-green:focus {} /* (2 times) */.button-red:visited {} /* (2 times) */.button-red:hover, .button-red:active, .button-red:focus {} /* (2 times) */.button-vero:visited {} /* (2 times) */.button-vero:hover, .button-vero:active, .button-vero:focus {} /* (2 times) */.chocolat-open {} /* (2 times) */.chocolat-overlay {} /* (2 times) */.chocolat-content {} /* (2 times) */abbr[title] {} /* (2 times) */.chocolat-wrapper .chocolat-pagination {} /* (2 times) */.chocolat-wrapper .chocolat-fullscreen {} /* (2 times) */.chocolat-wrapper .chocolat-description {} /* (2 times) */.nav-ul a, .nav-ul a:visited {} /* (2 times) */.home .fifthn-buttons a:nth-child(1):visited {} /* (2 times) */.home .fifthn-buttons a:nth-child(1):hover, .home .fifthn-buttons a:nth-child(1):active, .home .fifthn-buttons a:nth-child(1):focus {} /* (2 times) */.home .fifthn-buttons a:nth-child(2):visited {} /* (2 times) */.home .fifthn-buttons a:nth-child(2):hover, .home .fifthn-buttons a:nth-child(2):active, .home .fifthn-buttons a:nth-child(2):focus {} /* (2 times) */.home .fifthn-buttons a:nth-child(3):visited {} /* (2 times) */.home .fifthn-buttons a:nth-child(3):hover, .home .fifthn-buttons a:nth-child(3):active, .home .fifthn-buttons a:nth-child(3):focus {} /* (2 times) */body {} /* (2 times) */.share-facebook:visited {} /* (2 times) */.share-facebook:hover, .share-facebook:active, .share-facebook:focus {} /* (2 times) */.share-twitter:visited {} /* (2 times) */.share-twitter:hover, .share-twitter:active, .share-twitter:focus {} /* (2 times) */.share-google:visited {} /* (2 times) */.share-google:hover, .share-google:active, .share-google:focus {} /* (2 times) */
  • Importants2

    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

    .store-grid {height: auto !important} .store-item-img {border-bottom-width: 1px !important} 
  • Multi Classes Selectors120

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .focus.sidebar-news-form {}.sidebar-news-form.unfocus {}.focus.posting.sidebar-news-form {}.focus.sidebar-news-form {}.sidebar-news-form.unfocus {}.focus.posting.sidebar-news-form {}.button.disabled {}.button.disabled {}.button.disabled {}.button.disabled {}.button.success {}.button.success {}.button.success {}.button.success {}.button-green.disabled {}.button-green.disabled {}.button-green.disabled {}.button-green.disabled {}.button-green.success {}.button-green.success {}.button-green.success {}.button-green.success {}.button-red.disabled {}.button-red.disabled {}.button-red.disabled {}.button-red.disabled {}.button-red.success {}.button-red.success {}.button-red.success {}.button-red.success {}.button-vero.disabled {}.button-vero.disabled {}.button-vero.disabled {}.button-vero.disabled {}.button-vero.success {}.button-vero.success {}.button-vero.success {}.button-vero.success {}.ct-horizontal.ct-label.ct-start {}.ct-end.ct-horizontal.ct-label {}.ct-label.ct-start.ct-vertical {}.ct-end.ct-label.ct-vertical {}.ct-horizontal.ct-label.ct-start {}.ct-end.ct-horizontal.ct-label {}.ct-chart-bar.ct-horizontal-bars {}.ct-horizontal.ct-label.ct-start {}.ct-chart-bar.ct-horizontal-bars {}.ct-end.ct-horizontal.ct-label {}.ct-chart-bar.ct-horizontal-bars {}.ct-label.ct-start.ct-vertical {}.ct-chart-bar.ct-horizontal-bars {}.ct-end.ct-label.ct-vertical {}.column.no-padding {}.column-fixed.full {}.column-fixed.three-fourths {}.column-fixed.two-thirds {}.column-fixed.half {}.column-fixed.third {}.column-fixed.fourth {}.column-fixed.flow-opposite {}.column.full {}.column.three-fourths {}.column.two-thirds {}.column.half {}.column.third {}.column.fourth {}.column.flow-opposite {}.chocolat-zoomable.chocolat-zoomed {}.active.chocolat-right {}.active.chocolat-left {}.firstn-wrap2.show {}.hidden.secondn-overlay {}.hidden.secondn-playicon {}.b1.breaker {}.b2.breaker {}.b3.breaker {}.b4.breaker {}.b4.breaker {}.aniStart.vero-design {}.aniStart.vero-design {}.focus.sidebar-news-form {}.focus.sidebar-news-form {}.sidebar-news-form.unfocus {}.focus.posting.sidebar-news-form {}.focus.posting.sidebar-news-form {}.error.sidebar-news-form {}.download-tables.show {}.show.wiki-cat-noresults {}.hide.store-grid {}.hide.store-item-wrap {}.donate.show {}.donate.show {}.donate-button.loading {}.donate-stripe-svg.hidden {}.disabled.share-facebook {}.disabled.share-facebook {}.disabled.share-facebook {}.disabled.share-facebook {}.share-facebook.success {}.share-facebook.success {}.share-facebook.success {}.share-facebook.success {}.disabled.share-twitter {}.disabled.share-twitter {}.disabled.share-twitter {}.disabled.share-twitter {}.share-twitter.success {}.share-twitter.success {}.share-twitter.success {}.share-twitter.success {}.disabled.share-google {}.disabled.share-google {}.disabled.share-google {}.disabled.share-google {}.share-google.success {}.share-google.success {}.share-google.success {}.share-google.success {}.show.up {}.bottom.up {}
  • 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

    .clearfix {*zoom: 1} 
  • Qualified Selectors66

    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.page-home {}button.disabled {}button.disabled:hover {}button.disabled:active {}button.disabled:focus {}button.success {}button.success:hover {}button.success:active {}button.success:focus {}body.chocolat-open>.chocolat-overlay {}body.chocolat-open>.chocolat-loader {}body.chocolat-open>.chocolat-content {}.home .thirdn-pics-wrap img.show {}.home .thirdn-text ul li.show .icon {}.home .thirdn-text ul li.show .icon {}.home .thirdn-text ul li.show p {}.home .thirdn-text ul li.show h3 {}.home .thirdn-text ul li.show p a {}.home .thirdn-text ul li.show p a:hover {}.home .fifthn-buttons a:nth-child(1).disabled {}.home .fifthn-buttons a:nth-child(1).disabled:hover {}.home .fifthn-buttons a:nth-child(1).disabled:active {}.home .fifthn-buttons a:nth-child(1).disabled:focus {}.home .fifthn-buttons a:nth-child(1).success {}.home .fifthn-buttons a:nth-child(1).success:hover {}.home .fifthn-buttons a:nth-child(1).success:active {}.home .fifthn-buttons a:nth-child(1).success:focus {}.home .fifthn-buttons a:nth-child(2).disabled {}.home .fifthn-buttons a:nth-child(2).disabled:hover {}.home .fifthn-buttons a:nth-child(2).disabled:active {}.home .fifthn-buttons a:nth-child(2).disabled:focus {}.home .fifthn-buttons a:nth-child(2).success {}.home .fifthn-buttons a:nth-child(2).success:hover {}.home .fifthn-buttons a:nth-child(2).success:active {}.home .fifthn-buttons a:nth-child(2).success:focus {}.home .fifthn-buttons a:nth-child(3).disabled {}.home .fifthn-buttons a:nth-child(3).disabled:hover {}.home .fifthn-buttons a:nth-child(3).disabled:active {}.home .fifthn-buttons a:nth-child(3).disabled:focus {}.home .fifthn-buttons a:nth-child(3).success {}.home .fifthn-buttons a:nth-child(3).success:hover {}.home .fifthn-buttons a:nth-child(3).success:active {}.home .fifthn-buttons a:nth-child(3).success:focus {}.vero-menu li.current a {}.vero-menu li.current:after {}.vero-feat-list li a.current:after {}.vero-feat-list li a.current {}.vero-feat-list li a.current:visited {}.vero-feat-list li a.current:focus {}.vero-feat-list li a.current:active {}.vero-feat-list li a.current:hover {}.sidebar section.sidebar-vero {}.download-devices .svg-pi path.svg-pi-back {}.download-devices .svg-vero path.svg-vero-border {}.download-devices .svg-vero path.svg-vero-back {}.download-devices .svg-vero path.svg-vero-circle-back {}.download-devices .svg-vero path.svg-vero-logo {}.download-devices .svg-appletv path.svg-appletv-back {}.download-devices .svg-appletv path.svg-appletv-border {}.download-devices .svg-appletv path.svg-appletv-logo {}.wiki-cat-list li.hide {}a.store-feat {}a.store-feat {}a.store-feat:hover {}.store-nav a.active {}section.store-cart {}
  • Redundant Child Nodes Selectors27

    Deteced redundancies for child node selectors

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

    table th {}.home .thirdn-text ul li {}.home .thirdn-text ul li {}.home .thirdn-text ul li:first-child {}.home .thirdn-text ul li:last-child {}.home .thirdn-text ul li {}.home .thirdn-text ul li:first-child {}.home .thirdn-text ul li:last-child {}.home .thirdn-text ul li .icon {}.home .thirdn-text ul li .icon {}.home .thirdn-text ul li h3 {}.home .thirdn-text ul li p {}.home .thirdn-text ul li p a {}.home .thirdn-text ul li h3 {}.home .thirdn-text ul li p {}.home .thirdn-text ul li p a {}.home .thirdn-text ul li:hover h3 {}.home .thirdn-text ul li:hover p {}.home .thirdn-text ul li:hover p a {}.home .thirdn-text ul li.show .icon {}.home .thirdn-text ul li.show .icon {}.home .thirdn-text ul li.show p {}.home .thirdn-text ul li.show h3 {}.home .thirdn-text ul li.show p a {}.home .thirdn-text ul li.show p a:hover {}.vero-include ul li {}.vero-ast ul li {}
  • Universal Selectors25

    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

    [hidden] {}[type="button"] {}[type="reset"] {}[type="submit"] {}[disabled] {}html [type="button"] {}[type="reset"] {}[type="submit"] {}[type="checkbox"] {}[type="radio"] {}[type="number"]::-webkit-inner-spin-button {}[type="number"]::-webkit-outer-spin-button {}[type="search"] {}[type="search"]::-webkit-search-cancel-button {}[type="search"]::-webkit-search-decoration {}::-moz-selection {}::selection {}::-moz-selection {}* {}* {}*:after {}::-webkit-input-placeholder {}:-moz-placeholder {}::-moz-placeholder {}:-ms-input-placeholder {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors78
Comments1
Comments Length72
Complex Selectors By Attribute0
Empty Rules0
Expressions0
Imports0
Media Queries127
Not Minified0
Parsing Errors0
Old Property Prefixes0
Property Resets0
Specificity Id Avg0
Specificity Id Total4
Specificity Class Avg1.77
Specificity Class Total2543
Specificity Tag Avg0.6
Specificity Tag Total859
Selectors1438
Selector Length Avg1.8178025034770515
Selectors By Attribute17
Selectors By Class1852
Selectors By Id4
Selectors By Pseudo479
Selectors By Tag799
Length88646
Rules1028
Declarations2894