Optimize CSS for http://tbsila.cdn.turner.com/toonla/images/cnemea/mobile/static/bundle-bundle_base_head.css?version=3.1.41

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors81

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    header nav li a {}header nav li a {}.carousel_widget.three_onscreen .carousel_item a .label p {}.listing li a .label p {}header nav li a {}header nav li a img {}header nav li a svg {}header nav li a span {}header nav li a.current span {}header nav li a:active span {}header nav li a:focus span {}.listing li a .label h3 {}.listing li a .label p {}.listing li a .label {}html[dir=rtl] .listing li a .label {}.listing li a .label .thumb {}.listing li a .label .icon {}html[dir=rtl] .listing li a .label .icon {}.listing li a .label p {}.buttons.menu .flyout li a.active {}.buttons.menu .flyout li a:active {}.buttons.menu .flyout li a:focus {}.buttons li a .icon {}html[dir=rtl] .buttons li a .icon {}.buttons li a span {}html[dir=rtl] .buttons li a span {}.buttons.menu .shows .flyout a {}.buttons.menu .shows .flyout li {}.buttons.menu .shows .flyout li a>img {}.buttons.menu .shows .flyout li a {}.buttons.menu .shows .flyout a.active {}.three-up li a>img {}.two-up li a>img {}.carousel_widget.three_onscreen .carousel_item a>img {}.carousel_widget.three_onscreen .carousel_item a .label {}html[dir=rtl] .carousel_widget.three_onscreen .carousel_item a .label {}.carousel_widget.three_onscreen .carousel_item a .label .thumb {}.carousel_widget.three_onscreen .carousel_item a .label p {}.carousel_widget.three_onscreen .carousel_item a .label .icon {}html[dir=rtl] .carousel_widget.three_onscreen .carousel_item a .label .icon {}.ar header nav li {}.ar header nav li:first-child {}.ar header nav li:last-child {}header nav li a img {}header nav li a svg {}header nav li a span {}header nav li a img {}header nav li a svg {}header nav li a span {}.buttons li a span {}header nav li a img {}header nav li a svg {}header nav li a span {}.carousel_widget.main_carousel .caption .right .button {}.slideshow .caption .right .button {}.listing li a .label .thumb {}.buttons li a span {}.carousel_widget.three_onscreen .carousel_item a .label .icon {}.listing li a .label .icon {}header nav li a img {}header nav li a svg {}header nav li a span {}.buttons li a span {}.buttons.menu li a .icon {}.buttons.menu .flyout li a {}.buttons.menu.single .shows .flyout li {}header nav li a img {}header nav li a svg {}header nav li a span {}.listing li:first-child a .label {}.listing li a .label .icon {}.featured .listing li a:active .label {}.featured .listing li a:focus .label {}.listing.heads-up li a:active .label {}.listing.heads-up li a:focus .label {}.buttons li a span {}.carousel_widget.three_onscreen .carousel_item a .label h3 {}.carousel_widget.three_onscreen .carousel_item a .label p {}.carousel_widget.three_onscreen .carousel_item a .label .thumb {}.ar .fixed-palette .btn-prev .svg-icon {}.ar .fixed-palette .btn-next .svg-icon {}
  • Duplicated Properties10

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    blockquote:after, blockquote, q:after, q {content: none} pre {white-space: pre-wrap} pre {white-space: pre-line} .control-nav {background: rgba(0,0,0,.5)} .listing li a .label {background: rgba(0,0,0,.5)} .menu .flyout {background: rgba(0,0,0,.8)} .sort ul {background: rgba(0,0,0,.8)} .carousel_widget.three_onscreen .carousel_item a .label {background: rgba(0,0,0,.5)} .carousel_widget.main_carousel .caption, .slideshow .caption {background: rgba(0,0,0,.7)} .slick-list.dragging {cursor: hand} 
  • Duplicated Selectors2
    body {} /* (2 times) */
  • Importants34

    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

    a, a *, a:link, a:link *, a:visited, a:visited * {text-decoration: none!important} .hide {display: none!important} .invisible {visibility: hidden!important} html[dir=rtl] .buttons li a span {margin-left: 6rem!important} .buttons.menu .flyout li {margin: 0!important} .sort li a {background: 0 0!important} .video_wrapper .BrightcoveExperience, .video_wrapper .mejs-container, .video_wrapper embed, .video_wrapper object, .video_wrapper video {position: absolute!important} .video_wrapper .BrightcoveExperience, .video_wrapper .mejs-container, .video_wrapper embed, .video_wrapper object, .video_wrapper video {height: 100%!important} .video_wrapper .BrightcoveExperience, .video_wrapper .mejs-container, .video_wrapper embed, .video_wrapper object, .video_wrapper video {width: 100%!important} .video_wrapper .mejs-overlay {width: 100%!important} .video_wrapper .mejs-overlay {height: 100%!important} #ima-ad-container>div:first-child {width: 100%!important} #ima-ad-container>div:first-child {height: 100%!important} #ima-seek-bar-div {width: 100%!important} .listing li {margin: 2% 0!important} .carousel_widget.three_onscreen .carousel_item, .carousel_widget.three_onscreen .carousel_wrapper {width: 100%!important} .menu .flyout {margin-top: 0!important} .three-up li {float: none!important} .heads-up li:first-child h3 {font-size: 3rem!important} .ladda-button .ladda-progress {-webkit-transition: .1s linear all!important} .ladda-button .ladda-progress {-moz-transition: .1s linear all!important} .ladda-button .ladda-progress {-ms-transition: .1s linear all!important} .ladda-button .ladda-progress {-o-transition: .1s linear all!important} .ladda-button .ladda-progress {transition: .1s linear all!important} .ladda-button, .ladda-button .ladda-label, .ladda-button .ladda-spinner {-webkit-transition: .3s cubic-bezier(.175,.885,.32,1.275) all!important} .ladda-button, .ladda-button .ladda-label, .ladda-button .ladda-spinner {-moz-transition: .3s cubic-bezier(.175,.885,.32,1.275) all!important} .ladda-button, .ladda-button .ladda-label, .ladda-button .ladda-spinner {-ms-transition: .3s cubic-bezier(.175,.885,.32,1.275) all!important} .ladda-button, .ladda-button .ladda-label, .ladda-button .ladda-spinner {-o-transition: .3s cubic-bezier(.175,.885,.32,1.275) all!important} .ladda-button, .ladda-button .ladda-label, .ladda-button .ladda-spinner {transition: .3s cubic-bezier(.175,.885,.32,1.275) all!important} .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-label, .ladda-button[data-style=zoom-out] .ladda-spinner {-webkit-transition: .3s ease all!important} .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-label, .ladda-button[data-style=zoom-out] .ladda-spinner {-moz-transition: .3s ease all!important} .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-label, .ladda-button[data-style=zoom-out] .ladda-spinner {-ms-transition: .3s ease all!important} .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-label, .ladda-button[data-style=zoom-out] .ladda-spinner {-o-transition: .3s ease all!important} .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-label, .ladda-button[data-style=zoom-out] .ladda-spinner {transition: .3s ease all!important} 
  • Multi Classes Selectors98

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .carousel_widget.main_carousel {}.game.icon {}.carousel_widget.three_onscreen {}.carousel_widget.main_carousel {}.carousel_widget.main_carousel {}.carousel_widget.main_carousel {}.carousel_widget.main_carousel {}.buttons.menu {}.buttons.menu {}.buttons.menu {}.buttons.menu {}.buttons.menu {}.buttons.menu {}.buttons.menu {}.buttons.menu {}.buttons.menu {}.buttons.menu {}.buttons.menu {}.buttons.menu {}.buttons.menu {}.buttons.menu {}.active.sort {}.carousel_wrapper.no_transition {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.disabled.nav_button {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.nav_button.nav_left {}.carousel_widget.three_onscreen {}.nav_button.nav_right {}.active.popup {}.carousel_widget.main_carousel {}.carousel_widget.main_carousel {}.carousel_widget.main_carousel {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.main_carousel {}.carousel_widget.main_carousel {}.carousel_widget.main_carousel {}.half.text {}.carousel_widget.three_onscreen {}.buttons.menu {}.buttons.menu {}.buttons.menu.single {}.buttons.menu.single {}.buttons.menu.single {}.buttons.menu.single {}.carousel_widget.main_carousel {}.carousel_widget.main_carousel {}.carousel_widget.main_carousel {}.carousel_widget.main_carousel {}.carousel_widget.main_carousel {}.buttons.menu {}.buttons.menu {}.buttons.menu.single {}.heads-up.listing {}.heads-up.listing {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.nav_button.show {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.disabled.nav_button.show {}.carousel_widget.three_onscreen {}.disabled.nav_button {}.carousel_widget.three_onscreen {}.disabled.nav_button.show {}.carousel_widget.three_onscreen {}.carousel_widget.three_onscreen {}.disabled.nav_button {}.carousel_widget.three_onscreen {}.disabled.nav_button.show {}.carousel_widget.main_carousel {}.carousel_widget.main_carousel {}.dragging.slick-list {}.slick-loading.slick-slide {}.dragging.slick-slide {}.slick-arrow.slick-hidden {}.animated.infinite {}.animated.hinge {}.animated.bounceIn {}.animated.bounceOut {}.animated.flipOutX {}.animated.flipOutY {}
  • Old Property Prefixes55

    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

    * { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier * { -webkit-box-sizing: border-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier html[dir=rtl] .all-link .icon { -ms-transform: rotate(180deg) } // was required by IE 9 and earlier html[dir=rtl] .go-home .icon { -ms-transform: rotate(180deg) } // was required by IE 9 and earlier .popup { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier #show-picker .btn-next { -moz-transform: rotate(180deg) } // was required by Firefox 15 and earlier #show-picker .btn-next { -ms-transform: rotate(180deg) } // was required by IE 9 and earlier #show-picker .btn-next { -o-transform: rotate(180deg) } // prefix is no longer supported .ar #show-picker .btn-prev { -moz-transform: rotate(180deg) } // was required by Firefox 15 and earlier .ar #show-picker .btn-prev { -ms-transform: rotate(180deg) } // was required by IE 9 and earlier .ar #show-picker .btn-prev { -o-transform: rotate(180deg) } // prefix is no longer supported .ar #show-picker .btn-next { -moz-transform: none } // was required by Firefox 15 and earlier .ar #show-picker .btn-next { -ms-transform: none } // was required by IE 9 and earlier .ar #show-picker .btn-next { -o-transform: none } // prefix is no longer supported .fixed-palette .btn-next .svg-icon { -moz-transform: rotate(180deg) } // was required by Firefox 15 and earlier .fixed-palette .btn-next .svg-icon { -ms-transform: rotate(180deg) } // was required by IE 9 and earlier .fixed-palette .btn-next .svg-icon { -o-transform: rotate(180deg) } // prefix is no longer supported .ar .fixed-palette .btn-prev .svg-icon { -moz-transform: rotate(180deg) } // was required by Firefox 15 and earlier .ar .fixed-palette .btn-prev .svg-icon { -ms-transform: rotate(180deg) } // was required by IE 9 and earlier .ar .fixed-palette .btn-prev .svg-icon { -o-transform: rotate(180deg) } // prefix is no longer supported .ar .fixed-palette .btn-next .svg-icon { -moz-transform: none } // was required by Firefox 15 and earlier .ar .fixed-palette .btn-next .svg-icon { -ms-transform: none } // was required by IE 9 and earlier .ar .fixed-palette .btn-next .svg-icon { -o-transform: none } // prefix is no longer supported .external-link-dialog { -ms-transform: translate3d(-50%,-50%,0) } // was required by IE 9 and earlier .slick-slider { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier .slick-slider .slick-list, .slick-slider .slick-track { -moz-transform: translate3d(0,0,0) } // was required by Firefox 15 and earlier .slick-slider .slick-list, .slick-slider .slick-track { -ms-transform: translate3d(0,0,0) } // was required by IE 9 and earlier .slick-slider .slick-list, .slick-slider .slick-track { -o-transform: translate3d(0,0,0) } // prefix is no longer supported .ladda-button .ladda-progress { -moz-transition: .1s linear all!important } // was required by Firefox 15 and earlier .ladda-button .ladda-progress { -ms-transition: .1s linear all!important } // prefix is no longer supported .ladda-button .ladda-progress { -o-transition: .1s linear all!important } // prefix is no longer supported .ladda-button, .ladda-button .ladda-label, .ladda-button .ladda-spinner { -moz-transition: .3s cubic-bezier(.175,.885,.32,1.275) all!important } // was required by Firefox 15 and earlier .ladda-button, .ladda-button .ladda-label, .ladda-button .ladda-spinner { -ms-transition: .3s cubic-bezier(.175,.885,.32,1.275) all!important } // prefix is no longer supported .ladda-button, .ladda-button .ladda-label, .ladda-button .ladda-spinner { -o-transition: .3s cubic-bezier(.175,.885,.32,1.275) all!important } // prefix is no longer supported .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-label, .ladda-button[data-style=zoom-out] .ladda-spinner { -moz-transition: .3s ease all!important } // was required by Firefox 15 and earlier .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-label, .ladda-button[data-style=zoom-out] .ladda-spinner { -ms-transition: .3s ease all!important } // prefix is no longer supported .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-label, .ladda-button[data-style=zoom-out] .ladda-spinner { -o-transition: .3s ease all!important } // prefix is no longer supported .ladda-button[data-style=zoom-out] .ladda-spinner { -moz-transform: scale(2.5) } // was required by Firefox 15 and earlier .ladda-button[data-style=zoom-out] .ladda-spinner { -ms-transform: scale(2.5) } // was required by IE 9 and earlier .ladda-button[data-style=zoom-out] .ladda-spinner { -o-transform: scale(2.5) } // prefix is no longer supported .ladda-button[data-style=zoom-out][data-loading] .ladda-label { -moz-transform: scale(.5) } // was required by Firefox 15 and earlier .ladda-button[data-style=zoom-out][data-loading] .ladda-label { -ms-transform: scale(.5) } // was required by IE 9 and earlier .ladda-button[data-style=zoom-out][data-loading] .ladda-label { -o-transform: scale(.5) } // prefix is no longer supported .ladda-button[data-style=zoom-out][data-loading] .ladda-spinner { -moz-transform: none } // was required by Firefox 15 and earlier .ladda-button[data-style=zoom-out][data-loading] .ladda-spinner { -ms-transform: none } // was required by IE 9 and earlier .ladda-button[data-style=zoom-out][data-loading] .ladda-spinner { -o-transform: none } // prefix is no longer supported .ladda-button[data-style=zoom-in] .ladda-spinner { -moz-transform: scale(.2) } // was required by Firefox 15 and earlier .ladda-button[data-style=zoom-in] .ladda-spinner { -ms-transform: scale(.2) } // was required by IE 9 and earlier .ladda-button[data-style=zoom-in] .ladda-spinner { -o-transform: scale(.2) } // prefix is no longer supported .ladda-button[data-style=zoom-in][data-loading] .ladda-label { -moz-transform: scale(2.2) } // was required by Firefox 15 and earlier .ladda-button[data-style=zoom-in][data-loading] .ladda-label { -ms-transform: scale(2.2) } // was required by IE 9 and earlier .ladda-button[data-style=zoom-in][data-loading] .ladda-label { -o-transform: scale(2.2) } // prefix is no longer supported .ladda-button[data-style=zoom-in][data-loading] .ladda-spinner { -moz-transform: none } // was required by Firefox 15 and earlier .ladda-button[data-style=zoom-in][data-loading] .ladda-spinner { -ms-transform: none } // was required by IE 9 and earlier .ladda-button[data-style=zoom-in][data-loading] .ladda-spinner { -o-transform: none } // prefix is no longer supported 
  • 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

    .button img.icon {}.button img.icon.game {}header nav li a.current span {}.control-paging li a.active {}.buttons.menu .flyout li a.active {}.sort li a.active {}.buttons.menu li.active .flyout {}.buttons.menu .shows .flyout a.active {}body.ar {}.button img.icon {}
  • Redundant Body Selectors1
    body div 
  • Universal Selectors6

    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

    :focus {}* {}a * {}a:link * {}a:visited * {}[dir=rtl] .slick-slide {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Child Nodes Selectors0
Colors26
Comments3
Comments Length312
Complex Selectors By Attribute0
Empty Rules0
Expressions0
Old IE Fixes0
Imports0
Media Queries16
Not Minified0
Parsing Errors0
Property Resets0
Specificity Id Avg0.02
Specificity Id Total22
Specificity Class Avg1.61
Specificity Class Total1465
Specificity Tag Avg0.71
Specificity Tag Total645
Selectors911
Selector Length Avg1.8935236004390779
Selectors By Attribute119
Selectors By Class1078
Selectors By Id22
Selectors By Pseudo124
Selectors By Tag629
Length49478
Rules600
Declarations1317