Optimize CSS for http://css-weekly.com/wp-content/themes/cssweekly/css/style.css?v=3

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors3

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .box-newsletter .social-media .social-media-links a {}.details-list>li:hover h3 a {}.box-newsletter .social-media .social-media-links a {}
  • Complex Selectors By Attribute4

    Selectors whose attribute value contains a specified value

    Attribute selectors have a slower lookup time

    a[href^="javascript:"]:after {}a[href^="#"]:after {}a[href^="javascript:"]:after {}a[href^="#"]:after {}
  • Duplicated Properties96

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    pre {white-space: pre-wrap} q, q:after {content: none} .box, .subscribe-box, .subscribers-nr, .box-sidebar, .box-books {border: 1px solid rgba(0,0,0,0.15)} .box-newsletter .section-title, .archives-list .section-title {margin: 40px 0 0 0} #email, .submit {border-radius: 50px 0 0 50px / 45px 0 0 40px} #email, .submit {border: 1px solid #e6e6e6} #email, .submit {border: 1px solid #D1D1D1} .submit {padding: 16px 10px 12px 33px} .submit {padding: 16px 10px 12px 30px} .submit {padding: 15px 10px 13px 37px} .submit {padding: 15px 10px 13px 27px} .submit {background-image: url(imgs/icons/arrow.png),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f7),color-stop(100%, #e9e6e2))} .submit {background-image: url(imgs/icons/arrow.png),-webkit-linear-gradient(top, #f8f8f7,#e9e6e2)} .submit {background-image: url(imgs/icons/arrow.png),linear-gradient(to bottom, #f8f8f7,#e9e6e2)} .submit {background-size: 16px, 100%} .submit:hover, .submit:focus {background-image: url(imgs/icons/arrow.png),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd),color-stop(100%, #e9e7e3))} .submit:hover, .submit:focus {background-image: url(imgs/icons/arrow.png),-webkit-linear-gradient(top, #fdfdfd,#e9e7e3)} .submit:hover, .submit:focus {background-image: url(imgs/icons/arrow.png),linear-gradient(to bottom, #fdfdfd,#e9e7e3)} .submit:hover, .submit:focus {background-size: 16px, 100%} .submit:active, .submit.active {background-image: url(imgs/icons/arrow.png),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd),color-stop(100%, #e9e7e3))} .submit:active, .submit.active {background-image: url(imgs/icons/arrow.png),-webkit-linear-gradient(top, #fdfdfd,#e9e7e3)} .submit:active, .submit.active {background-image: url(imgs/icons/arrow.png),linear-gradient(to bottom, #fdfdfd,#e9e7e3)} .submit:active, .submit.active {background-size: 16px, 100%} .submit.loading {background-image: url(imgs/loading.gif),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f7),color-stop(100%, #e9e6e2))} .submit.loading {background-image: url(imgs/loading.gif),-webkit-linear-gradient(top, #f8f8f7,#e9e6e2)} .submit.loading {background-image: url(imgs/loading.gif),linear-gradient(to bottom, #f8f8f7,#e9e6e2)} .submit.loading {background-size: 16px, 100%} .testimonials, .archives-list {max-width: 730px} .testimonials article, .archives-list article {width: 270px} .testimonials article, .archives-list article {width: 320px} .testimonials article, .archives-list article {margin: 0 40px 40px 0} .testimonials h2, .archives-list h2 {font-size: 17px} .testimonials p, .archives-list p {font-size: 14px} .archives-list article {margin: 0 0 4%} .archives-list article {display: block} .archives-list article {border: 1px solid rgba(0,0,0,0.15)} .archives-list img {max-width: 102%} .archives-list .title a {color: #523E3B} .latest-issue p {max-width: 500px} .btn {border: 1px solid rgba(93,109,58,0.4)} .btn {background-image: linear-gradient(#cae285 0%,#9fcb56 99%)} .btn:hover, .btn:focus {background-image: linear-gradient(#c1dd70 0%,#94c542 99%)} .btn:active {background-image: linear-gradient(#c1dd70 0%,#94c542 99%)} .newsletter-article .btn, .article-body .btn {border: 1px solid rgba(93,109,58,0.4)} .btn-neutral {background-image: linear-gradient(to bottom, #e5e9e9,#e5e9e9)} .btn-neutral:hover, .btn-neutral:active {background-image: linear-gradient(to bottom, #edf1f1,#edf1f1)} .btn-arrow {background-image: url(imgs/icons/arrow-green.png),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cae285),color-stop(99%, #9fcb56))} .btn-arrow {background-image: url(imgs/icons/arrow-green.png),-webkit-linear-gradient(#cae285 0%,#9fcb56 99%)} .btn-arrow {background-image: url(imgs/icons/arrow-green.png),linear-gradient(#cae285 0%,#9fcb56 99%)} .btn-arrow {background-size: 18px, 100%} .btn-arrow:hover {background-image: url(imgs/icons/arrow-green.png),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c1dd70),color-stop(99%, #94c542))} .btn-arrow:hover {background-image: url(imgs/icons/arrow-green.png),-webkit-linear-gradient(#c1dd70 0%,#94c542 99%)} .btn-arrow:hover {background-image: url(imgs/icons/arrow-green.png),linear-gradient(#c1dd70 0%,#94c542 99%)} .btn-arrow:hover {background-size: 18px, 100%} .btn-arrow:active {background-image: url(imgs/icons/arrow-green.png),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c1dd70),color-stop(99%, #94c542))} .btn-arrow:active {background-image: url(imgs/icons/arrow-green.png),-webkit-linear-gradient(#c1dd70 0%,#94c542 99%)} .btn-arrow:active {background-image: url(imgs/icons/arrow-green.png),linear-gradient(#c1dd70 0%,#94c542 99%)} .btn-arrow:active {background-size: 18px, 100%} .btn-circle {background-image: linear-gradient(to bottom, rgba(117,88,84,0.5),rgba(176,152,128,0.5))} .btn-circle:hover {background-image: linear-gradient(to bottom, rgba(117,88,84,0.9),rgba(176,152,128,0.9))} .page-footer {max-width: 860px} .section-title, .archives-list .section-title {border-bottom: 1px solid rgba(0,0,0,0.15)} .textarea-field {width: 572px} .popup {border: 1px solid rgba(0,0,0,0.5)} .popup {-webkit-transform: translate3d(-50%, 0, 0) scale(1)} .popup {transform: translate3d(-50%, 0, 0) scale(1)} .popup .section-title {border-bottom: 1px solid #ccc} .popup .contact {height: calc(100% - 70px)} .icn-web: {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcNJREFUeNqsV81tgzAUxsAhR7JARa89dYBKdTcg6gLJBMkGwAhMkPbUXCrRCUqlDsCtx6adgBH6nvQcWa7BhucnPTm8AJ/f72dEFFAe7+9uYdmDFqAZmQfQFrR+/fg8q3uTgKAVLC+gCL7S/lqR7XCTX4mvn98OjXEg0CMsJV3iizega9IN2VBK2mAkAoFu6fIJwrnzuO86CRDegwsUBUL8BqGW8DPH/MfMQip9QDVpaC04Od6rnHqCRlquMw5wYXgxSzjAmeEFhj9DnXhGqt4O0U6ZlvNv1AlwlZ6WAzxQUZ0J9F2Lwlg7KY+blAG8A9DWAMXNPIB9mOhhHJ29YPaxDbT3GTAiNCjYc7qWlFNp63Uxk2Wmwtsb3umC4a10QzoyBkvLw60DtNB6W6fDxgz/P4+NHXc0HHDNLNVrzamvCF+WCQl6mVwU3tmgFN5lwC6WoSk0VkjHpcDpDJYxW2bLmQGpi2VoCq0tm2BJbGMZD5HcDSwliQvLcIAHwwufw53kHAIUcGt44XuirLl9XCuP6cW+x9iKU1zCMp/1URm5WIYF7CCHSZZZKol24O7gwP1M7ZVr3z9YfCeixFOob60/AQYAn/LyWLRwHFIAAAAASUVORK5CYII=")} .icn-twitter: {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcBJREFUeNrslj9SwkAUxhPgACmtnNjamNLCGUNpJY4HMDmBeALkBMoJwAM4hNIKmLEHKi2jJ6C09HvOF2YJCWzWhIo382bJy+b92Pdndy3rIHsSuwwnt5cXPoYO1FfMMfTldfr+qMxzMLTFZtPgYhhCmzAuC0L7GIItU+bQLvQa2oJGYIQJuI3hiZO04cp3uiJ+T6BOjYYzjh50zAjsgjoMbxGRhc0kQgnYUV4KfAbHwQ4nfuo7HZFvJpLjBLxITRCHfcDHLJws8QzqcCD5lR8NGqKcsAnUB1wqtMd/Ozcs/kkCXWsnOB+y6rScQF1qEXAzeagRKsARk6+bK/c/vd9Q8tWpeLNaa9GaUuZVy2IDjNhH3OKqlChrxSJhhdA43Q0rMF5IpTbTuahitekVr5q8grD38qpalXbJ0GdEc2MhdfXh4+s7PnWPZbs8L7GFbuD3ZyuY8DfAXcO9OC1XWO1n1ot6lhHwEeBTxXRkAA3ZppY2WAm7zf3bMYAOCt25eAkQ2J1BuCWnD7ugf2AeEPfKnu0Y5nNCqNb2m9y5PMIDA6CAejqrzA0171Et3gi9nKNvSdiUN8Z9HDAHMZdfAQYA7S2W0wI2IpEAAAAASUVORK5CYII=")} .icn-facebook: {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJlJREFUeNpiYSATBNvbOACpfCAG0QJYlDSuPXikAZd+FjItBRlYz0ABYCLD0gRKLSXLYiDoZ6ACYCLRtwE44pNkQGocG+AQ/wDEhUD8AJigDtDCYlzgAtDCBbSOY6wW0yNxYQMfB8pikgEjDQsKvCXXgPmYlhZfGCiLPwxKHzNSqVbCm5BGTOIatXjU4lGLRy0etXiIWwwQYADoXSHQazWwmwAAAABJRU5ErkJggg==")} .icn-github: {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAklJREFUeNrMV71SwkAQTiI9sbNyQmsVOgtngp2dMD6ApLPEzk54gsATAA/ggKUVYcYeqLQj+gJiZ6ffORvmPPZCCFe4MzvHXO72u59v9z5KVk67Cs48NDW4aAPl8xSewOOH6XOSJ56dA7CJ5ppA81gMH2IBg0LAAPTR9OG+Vczm8BALmHMfHQ1oC81sD1CL5s4o1oYdMKBil3eWObs48Y69l7f3Ry0wQCM0N5Z58wHuAvxpAxigdTRd5p6+4O6OQAn5kdR3CvAFwF/X5AKoCLxUAUAMW1pURKmULmhFv12JCwLsFvPGNO9bWZCYU8H3VYk6WsyuYmkBItBYMF3HUs23WElDl7Datm63YvUIVNnnYhF7KZ3Sn12LdKpr7tAzQCouhsCqO0z5S61jAFgXI7B1x4FjPjSRR4j/wV2jozmO2GAOc7E8RzN4YRB4kbtWw8oGgcu7APsGgf1/B8xVIpcEwL6MbmpqxNzJYHBEYqAoqE/1nWW6Q3rJ0lSYCQLUCoCKOZOMV21qMzU11UpN5XkcUpuogo6EYCoGL7dw5PcNKEmlrU+/Re0OKf8iiSA+FfhzzemMcr7bnTWrSRHOpSB92vlYmTTgnkXqG+QRgKn6lNMpVB73FgY1qF+s8hbeywj6uQV0RbE25S0pjZHU1UjVRA5CtdHcZwwJZa1ta3KvrxArPQmtUN8CHKrzHOa+xIAq6aeUWDXp78uuoq/KLZYtmUSWKqM6d7EugbIaraSbJZSgIBSOsEc5HTAsl21MY6bE/sw/bz8CDABa8tGcRp9mJwAAAABJRU5ErkJggg==")} .icn-linkedin: {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNpiYBhpgBHGCLa3mQ+kEmhs34K1B48kghhMSIIJdPAo3A6mgQpqQhZfgGK6WpwIjA9DEAax6WXxBaCFC2AcKPsCPYOa7nFsAMxeCUhZDcQ2oFU+/o8jcTFQ01JgtIHtZCGgjhQLP0AdKkCMPnwWOwJddwBLiKCLvwdSjUCxCUhiCkAKVBI60DJxBSJbCg3OByBxIH5AM4tBvgf60AGE0cRBQT+RZhYDLewHUvtBGMrGljhpEtQFONgDWoBcGBCLofE8NIrMUYuHj8WEaidapHTG0TheQAf7FjCMWAAQYADblkx/qgvp2QAAAABJRU5ErkJggg==")} .icn-googleplus: {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAidJREFUeNqsVt1twjAQTlDeywYNEzS8VwImIFUXSCYonQCYgDJBYIAqYQJA6nuzAekG6QY9S5+l09XEduCkUxI7uc/3913CoENeJ88ZXeakU9JhYJcP0vXn+aulb9U3R7VIz6F8MboCmNClJI1JK9It6QNpijUtLemJtCE9EMApcJToCugRHuZkbMf21thLsDSER++Bp4QCVBm6wGBNBseGg/F3tOSITMLW1P0G9zNuQ0VGerxgBg+mkyJ/a2Y0QB00OqcGkevhQCy8OUZqJ55T31BHLISxY+Vqr2seWhRWyOx1VjX3OBZ7Txb8U3CDcOBG7E1RSNfkt+Nbd2AKRyMMKNCs49tHdr+/tZ1WdFkKghjjULKtLkiPemek8t431Mrrlcid8roEqXDQgoHOfEH/ecwMb9DTXCqkYopq7uVpJzBrL9WfE3gei8qf+XCzM7DhIKUgipEp971ybBHZWst79bFNzuI5U1Gw9Hr/UCPXmk4Lg+c1xmd9j6r2/fNo0O/OFR4JwBTjLmYtdMBsrlkEChyK83wp566Tx4K1rOEDiUhKda70ARthS0aTL7ac0X5+y1zWVc3/JirXUwO86Wg5KzDn4h/Pztj2GY8Dy7gLHCva++fABJzJaWSRuQb1odABaxsuBdrGRi4JKrvFL64fgQDkWxRHi/xVssJBkwt0gp7J/ZgLpy9EofFD1KxyE5bTvM+UCg3hSxldmsJdA3Dv6yWXPwEGABlI1NVhQ3iRAAAAAElFTkSuQmCC")} .box-wide {max-width: 780px} .subscribe-box {max-width: 520px} #email {padding: 11px 25px 9px} .submit {padding: 11px 10px 9px 40px} .submit {padding: 11px 10px 9px 27px} .submit {background-position: 16px 13px, 0 0} .submit {background-position: -16px 13px, 0 0} .submit.loading {background-position: 14px 12px, 0 0} .submit.loading {padding: 11px 10px 9px 39px} #email {padding: 9px 25px 9px} .submit {padding: 10px 10px 8px 33px} .submit {padding: 9px 10px 9px 23px} .submit {background-position: 12px 11px, 0 0} .submit {background-position: -12px 11px, 0 0} .submit.loading {background-position: 10px 10px, 0 0} .submit {padding: 10px 10px 8px 27px} .submit {padding: 9px 10px 9px 19px} .submit {background-position: -18px 11px, 0 0} .submit.loading {background-position: 7px 10px, 0 0} .submit {background-position: 19px 11px, 0 0} .submit {background-position: -19px 11px, 0 0} .submit.loading {background-position: 18px 11px, 0 0} 
  • Duplicated Selectors41
    body {} /* (3 times) */.social-media {} /* (2 times) */button, input, select, textarea {} /* (2 times) */a {} /* (2 times) */a:hover {} /* (2 times) */.page-header {} /* (2 times) */.logo {} /* (2 times) */.page-nav {} /* (2 times) */.article-body {} /* (2 times) */.icons-sprite, .arrow-purple, .twitter, .twitter:hover, .box-sidebar .twitter, .facebook, .facebook:hover, .box-sidebar .facebook, .rss, .rss:hover, .box-sidebar .rss {} /* (2 times) */.box-newsletter .social-media {} /* (2 times) */.archives-list {} /* (2 times) */.archives-list article {} /* (2 times) */.archives-list article.alt {} /* (2 times) */.page-footer {} /* (2 times) */.twitter, .facebook, .rss {} /* (2 times) */.testimonials .section-title {} /* (2 times) */.already-subscribed {} /* (2 times) */.box-sidebar .social-media {} /* (2 times) */.box-sidebar .social-media a {} /* (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

    * {background: transparent !important} * {color: black !important} * {box-shadow: none !important} * {text-shadow: none !important} * {-webkit-filter: none !important} * {filter: none !important} * {-ms-filter: none !important} img {max-width: 100% !important} .box-sidebar-fixed {margin-top: 20px !important} .hidden {display: none !important} * {background: transparent !important} * {color: black !important} * {text-shadow: none !important} * {-webkit-filter: none !important} * {filter: none !important} * {-ms-filter: none !important} img {max-width: 100% !important} 
  • Multi Classes Selectors87

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .twitter.twitter-active {}.facebook.facebook-active {}.rss.rss-active {}.alt.comment-field {}.floated.newsletter-article {}.article-body.floated {}.floated.newsletter-article {}.article-body.floated {}.floated.newsletter-article {}.article-body.floated {}.newsletter-article.text-only {}.article-body.text-only {}.newsletter-article.text-only {}.article-body.text-only {}.active.submit {}.active.submit {}.loading.submit {}.loading.submit {}.btn-circle.btn-circle-next {}.btn-circle.btn-circle-next {}.btn-circle.btn-circle-prev {}.btn-circle.btn-circle-prev {}.input-error.input-field {}.ad-availability-table.visible {}.btn-circle.btn-circle-next {}.btn-circle.btn-circle-prev {}.closed.popup-overlay {}.closed.popup {}.mail-sent.popup {}.mail-sent.popup {}.active.supporter-link {}.lazyload.supporter-img {}.lazyload.supporter-img {}.active.supporter-link {}.lazyload.supporter-img {}.newsletter-article.supporter-article {}.lazyload.supporter-img {}.css3-eye.left {}.css3-eye.right {}.css3-arm.left {}.css3-arm.left {}.css3-arm.left {}.css3-arm.left {}.css3-arm.right {}.css3-arm.right {}.css3-arm.right {}.css3-arm.right {}.css3-eye.left {}.css3-eye.right {}.css3-mouth.smile1 {}.css3-mouth.smile2 {}.css3-mouth.smile3 {}.css3-arm.left {}.css3-arm.right {}.css3-eye.left {}.css3-eye.right {}.css3-mouth.smile1 {}.css3-mouth.smile2 {}.css3-mouth.smile3 {}.css3-arm.left {}.css3-arm.right {}.css3-eye.left {}.css3-eye.right {}.css3-mouth.smile1 {}.css3-mouth.smile2 {}.css3-mouth.smile3 {}.css3-arm.left {}.css3-arm.right {}.css3-eye.left {}.css3-eye.right {}.css3-mouth.smile1 {}.css3-mouth.smile2 {}.css3-mouth.smile3 {}.css3-arm.left {}.css3-arm.right {}.loading.submit {}.loading.submit {}.floated.newsletter-article {}.loading.submit {}.loading.submit {}.floated.newsletter-article {}.loading.submit {}.loading.submit {}.loading.submit {}.loading.submit {}.focusable.visuallyhidden {}.focusable.visuallyhidden {}
  • Old IE Fixes10

    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

    audio, canvas, video {*display: inline} audio, canvas, video {*zoom: 1} legend {*margin-left: -7px} button, input, select, textarea {*vertical-align: middle} button, input[type="button"], input[type="reset"], input[type="submit"] {*overflow: visible} input[type="checkbox"], input[type="radio"] {*width: 13px} input[type="checkbox"], input[type="radio"] {*height: 13px} * {-ms-filter: none !important} .clearfix, .subscribe-box, .latest-issue {*zoom: 1} * {-ms-filter: none !important} 
  • Old Property Prefixes57

    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

    * { -ms-filter: none !important } // prefix is no longer supported .testimonials, .archives-list { -ms-transform-origin: top center } // was required by IE 9 and earlier .testimonials-aside { -ms-transform: scale(0.7) } // was required by IE 9 and earlier .popup { -ms-transform: translate(-50%, 0) } // was required by IE 9 and earlier .popup { -ms-transform-origin: center center } // was required by IE 9 and earlier .icn-supporter: { -ms-transform: scale(0.6) } // was required by IE 9 and earlier .icn-supporter: { -ms-transform-origin: center center } // was required by IE 9 and earlier .css3-arm { -ms-transform-origin: right bottom } // was required by IE 9 and earlier .hurray .p1 .css3-arm.left, .hurray .p2 .css3-arm.left, .hurray .p3 .css3-arm.left, .hurray .p4 .css3-arm.left { -ms-transform: rotate(65deg) translateX(0) } // was required by IE 9 and earlier .hurray .p1 .css3-arm.right, .hurray .p2 .css3-arm.right, .hurray .p3 .css3-arm.right, .hurray .p4 .css3-arm.right { -ms-transform: rotate(115deg) translateX(0) } // was required by IE 9 and earlier .p1 .css3-arm.left { -ms-transform: rotate(65deg) translateX(110px) } // was required by IE 9 and earlier .p1 .css3-arm.right { -ms-transform: rotate(115deg) translateX(110px) } // was required by IE 9 and earlier .p1 .left .finger1, .p1 .right .finger4 { -ms-transform: rotate(-9deg) } // was required by IE 9 and earlier .p1 .left .finger2, .p1 .right .finger2 { -ms-transform: rotate(-3deg) } // was required by IE 9 and earlier .p1 .left .finger3, .p1 .right .finger3 { -ms-transform: rotate(-3deg) } // was required by IE 9 and earlier .p1 .left .finger4, .p1 .right .finger1 { -ms-transform: rotate(2deg) } // was required by IE 9 and earlier .p1 .left .finger5 { -ms-transform: rotate(46deg) } // was required by IE 9 and earlier .p1 .right .finger5 { -ms-transform: rotate(-57deg) } // was required by IE 9 and earlier .active .p1 .css3-head { -ms-transform: translateY(-95px) } // was required by IE 9 and earlier .active .p1 .css3-body { -ms-transform: translateY(-40px) } // was required by IE 9 and earlier .p2 .css3-arm.left { -ms-transform: rotate(65deg) translateX(90px) } // was required by IE 9 and earlier .p2 .css3-arm.right { -ms-transform: rotate(115deg) translateX(90px) } // was required by IE 9 and earlier .p2 .left .finger1, .p2 .right .finger4 { -ms-transform: rotate(-9deg) } // was required by IE 9 and earlier .p2 .left .finger2, .p2 .right .finger2 { -ms-transform: rotate(-3deg) } // was required by IE 9 and earlier .p2 .left .finger3, .p2 .right .finger3 { -ms-transform: rotate(-3deg) } // was required by IE 9 and earlier .p2 .left .finger4, .p2 .right .finger1 { -ms-transform: rotate(2deg) } // was required by IE 9 and earlier .p2 .left .finger5 { -ms-transform: rotate(46deg) } // was required by IE 9 and earlier .p2 .right .finger5 { -ms-transform: rotate(-57deg) } // was required by IE 9 and earlier .active .p2 .css3-head { -ms-transform: translateY(-95px) } // was required by IE 9 and earlier .active .p2 .css3-body { -ms-transform: translateY(-30px) } // was required by IE 9 and earlier .p3 .css3-arm.left { -ms-transform: rotate(65deg) translateX(80px) } // was required by IE 9 and earlier .p3 .css3-arm.right { -ms-transform: rotate(115deg) translateX(80px) } // was required by IE 9 and earlier .p3 .left .finger1, .p3 .right .finger4 { -ms-transform: rotate(-9deg) } // was required by IE 9 and earlier .p3 .left .finger2, .p3 .right .finger2 { -ms-transform: rotate(-3deg) } // was required by IE 9 and earlier .p3 .left .finger3, .p3 .right .finger3 { -ms-transform: rotate(-3deg) } // was required by IE 9 and earlier .p3 .left .finger4, .p3 .right .finger1 { -ms-transform: rotate(2deg) } // was required by IE 9 and earlier .p3 .left .finger5 { -ms-transform: rotate(46deg) } // was required by IE 9 and earlier .p3 .right .finger5 { -ms-transform: rotate(-57deg) } // was required by IE 9 and earlier .active .p3 .css3-head { -ms-transform: translateY(-70px) } // was required by IE 9 and earlier .active .p3 .css3-body { -ms-transform: translateY(-32px) } // was required by IE 9 and earlier .p4 .css3-arm.left { -ms-transform: rotate(65deg) translateX(110px) } // was required by IE 9 and earlier .p4 .css3-arm.right { -ms-transform: rotate(115deg) translateX(110px) } // was required by IE 9 and earlier .p4 .left .finger1, .p4 .right .finger4 { -ms-transform: rotate(-9deg) } // was required by IE 9 and earlier .p4 .left .finger2, .p4 .right .finger2 { -ms-transform: rotate(-3deg) } // was required by IE 9 and earlier .p4 .left .finger3, .p4 .right .finger3 { -ms-transform: rotate(-3deg) } // was required by IE 9 and earlier .p4 .left .finger4, .p4 .right .finger1 { -ms-transform: rotate(2deg) } // was required by IE 9 and earlier .p4 .left .finger5 { -ms-transform: rotate(46deg) } // was required by IE 9 and earlier .p4 .right .finger5 { -ms-transform: rotate(-57deg) } // was required by IE 9 and earlier .active .p4 .css3-head { -ms-transform: translateY(-95px) } // was required by IE 9 and earlier .active .p4 .css3-body { -ms-transform: translateY(-80px) } // was required by IE 9 and earlier .css3-guy { -ms-transform-origin: center bottom } // was required by IE 9 and earlier .p1 { -ms-transform: scale(0.8) } // was required by IE 9 and earlier .p2 { -ms-transform: scale(0.7) } // was required by IE 9 and earlier .p3 { -ms-transform: scale(0.7) } // was required by IE 9 and earlier .p4 { -ms-transform: scale(0.8) } // was required by IE 9 and earlier .testimonials-aside { -ms-transform: scale(0.6) } // was required by IE 9 and earlier * { -ms-filter: none !important } // prefix is no longer supported 
  • Property Resets2
    .box-wide .comment-field: "margin" resets "margin-right" property set earlier .sidebar-advertise: "padding" resets "padding-top" property set earlier 
  • Qualified Selectors7

    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

    .page-nav a.active {}.archives-list article.alt {}.ad img.no-border {}.advertising-options a.selected {}.archives-list article.alt {}.testimonials article.alt {}.archives-list article.alt {}
  • Redundant Child Nodes Selectors1

    Deteced redundancies for child node selectors

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

    .details-list ul li {}
  • 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

    [hidden] {}::-moz-selection {}::selection {}* {}* {}* {}

CSS Stats

CSS Metrics

Base64 Length11076
Redundant Body Selectors0
Colors66
Comments0
Comments Length0
Empty Rules0
Expressions0
Imports0
Media Queries29
Not Minified0
Parsing Errors0
Specificity Id Avg0.01
Specificity Id Total12
Specificity Class Avg1.39
Specificity Class Total1373
Specificity Tag Avg0.39
Specificity Tag Total388
Selectors991
Selector Length Avg1.5499495459132189
Selectors By Attribute21
Selectors By Class1194
Selectors By Id12
Selectors By Pseudo124
Selectors By Tag331
Length71542
Rules722
Declarations1926