Optimize CSS for http://ws.swaragh.co.in/ikst/css/ikst-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

    .sitemap ul li a {}.sitemap >ul>li>a {}.topnav .ulcss > li:hover a {}.topnav .ulcss > li a {}.top-research-link-container ul li a {}.top-research-link-container ul li a span {}.top-research-link-container ul li a:hover {}.top-research-link-container ul li a:hover span {}.top-research-link-container ul li a span:hover {}.logo-quickmenu .ulcss li a {}nav .respmenu ul li {}nav #nav-menu >li> a {}nav #nav-menu >li> a:hover {}nav #nav-menu li:hover> a {}nav .submenu li a {}nav .submenu li a:hover {}.submenu ul li:hover ul {}.menu > li:hover .submenu li {}.menu > li:focus .submenu li {}.right-container .ulcss li a {}.right-container .ulcss li a {}.right-container .ulcss li a:after {}.right-container .ulcss li a {}.right-container .ulcss li a:after {}.right-container .ulcss li a:hover {}.right-container .ulcss li.actlnk >a {}.right-container .ulcss>li:last-child a {}.right-container .ulcss>li:last-child a:after {}.has-sub > ul li a {}.timeline .timeline-item .info img {}.timeline .timeline-item .info .timeline-content {}.timeline .timeline-item .info .timeline-content {}.timeline .timeline-item .info .timeline-content:after {}.timeline .timeline-item .info .timeline-content {}.timeline .timeline-item .info .timeline-content:after {}.timeline .timeline-item .info .timeline-content p {}.timeline .timeline-item .info .timeline-content h2 {}.timeline .timeline-item .info ul li {}.timeline .timeline-item .marker .dot {}.timeline .timeline-item.active .marker .dot {}.timeline .timeline-item:hover .marker .dot {}#rightcontent h5 a>span {}.social li a > i {}.social li a > i.fb {}.social li a > i.linkedin {}.social li a > i.linkedin:hover {}.social li a > i.fb:hover {}.social li a > i.twitr:hover {}#otherlinks ul li ul li {}#otherlinks ul >li:hover ul li:nth-child(1) {}#otherlinks ul >li:hover ul li:nth-child(2) {}#otherlinks ul >li:hover ul li:nth-child(3) {}#otherlinks ul >li:hover ul li:nth-child(4) {}#otherlinks ul >li:hover ul li:nth-child(5) {}#otherlinks ul >li:hover ul li:nth-child(6) {}nav #nav-menu > li > a {}.timeline .timeline-item .info img {}
  • Complex Selectors By Attribute4

    Selectors whose attribute value contains a specified value

    Attribute selectors have a slower lookup time

    [class^="icon-"] {}[class*=" icon-"] {}[class^="icon-"] {}[class*=" icon-"] {}
  • Duplicated Properties4

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    nav {background: linear-gradient(to bottom, #f8f8f8 0%,#aeaeae 100%)} .submenu {top: 42px} .active #menuaccordion li {transform: translateX(0)} .respmenu {top: 46px} 
  • Duplicated Selectors4
    [class^="icon-"], [class*=" icon-"] {} /* (2 times) */.submenu {} /* (2 times) */#menuaccordion a {} /* (2 times) */#leftcontent li img {} /* (2 times) */
  • Importants23

    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

    [class^="icon-"], [class*=" icon-"] {font: 16px 'icomoon' !important} .alignc {text-align: center !important} .alignc {vertical-align: middle !important} .goback {color: #3D3E43 !important} .goback:hover {color: #F62E2E !important} .top-research-link-container ul li a {padding: 20px 0!important} .top-research-link-container ul li a:hover {padding: 15px 0 25px!important} .respmenu {overflow: hidden !important} .galleryleftcontent li {padding: 5px 3px !important} #rightcontent h5 a>span {font-size: 20px!important} .social li a > i {font-size: 26px!important} .social li a > i.fb {font-size: 22px!important} .social li a > i.linkedin {font-size: 22px!important} button {background: #4CA556!important} .nivo-main-image {display: block !important} .nivo-main-image {position: relative !important} .nivo-main-image {width: 100% !important} .nivo-caption a {display: inline !important} .pagination {float: none!important} .pagi-btns button {background-color: #d4361d !important} .pagi-btns button {width: auto !important} .pagi-btns .act1 {background-color: #d1ab7a!important} [class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important} 
  • Multi Classes Selectors7

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .close.timeline-item {}.close.timeline-item {}.active.timeline-item {}.map-loc.textc {}.nivo-controlNav.nivo-thumbs-enabled {}.nivo-controlNav.nivo-thumbs-enabled {}.nivo-controlNav.nivo-thumbs-enabled {}
  • Old Property Prefixes40

    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

    .lb-nav a.lb-prev { -moz-transition: opacity .6s } // was required by Firefox 15 and earlier .lb-nav a.lb-prev { -o-transition: opacity .6s } // prefix is no longer supported .lb-nav a.lb-next { -moz-transition: opacity .6s } // was required by Firefox 15 and earlier .lb-nav a.lb-next { -o-transition: opacity .6s } // prefix is no longer supported .lb-dataContainer { -webkit-border-bottom-left-radius: 4px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .lb-dataContainer { -webkit-border-bottom-right-radius: 4px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .lb-data .lb-close { -moz-transition: opacity .2s } // was required by Firefox 15 and earlier .lb-data .lb-close { -o-transition: opacity .2s } // prefix is no longer supported .submenu { -moz-transition: max-height 1ms linear 1s } // was required by Firefox 15 and earlier .menu  li:hover .submenu, .menu > li:focus .submenu { -moz-transition: none } // was required by Firefox 15 and earlier #menuaccordion li { -o-transform: translateX(-30px) } // prefix is no longer supported #menuaccordion li { -ms-transform: translateX(-30px) } // was required by IE 9 and earlier #menuaccordion li { -moz-transform: translateX(-30px) } // was required by Firefox 15 and earlier .active #menuaccordion li { -o-transform: translateX(0) } // prefix is no longer supported .active #menuaccordion li { -ms-transform: translateX(0) } // was required by IE 9 and earlier .active #menuaccordion li { -moz-transform: translateX(0) } // was required by Firefox 15 and earlier #menuaccordion >li ul { -o-user-select: none } // prefix is no longer supported .respmenu { -moz-transform: translateX(-310px) } // was required by Firefox 15 and earlier .respmenu { -o-transform: translateX(-310px) } // prefix is no longer supported .active { -moz-transform: translateX(0) } // was required by Firefox 15 and earlier .active { -o-transform: translateX(0) } // prefix is no longer supported .active { -ms-transform: translateX(0) } // was required by IE 9 and earlier .portfolio img { -webkit-border-radius: 5px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .timeline .timeline-item .info, .timeline .timeline-item .year { -moz-transition: all 1s ease } // was required by Firefox 15 and earlier .timeline .timeline-item.close .info, .timeline .timeline-item.close .year { -moz-transition: all 1s ease } // was required by Firefox 15 and earlier .timeline .timeline-item .marker .dot { -moz-transition: all 1s ease } // was required by Firefox 15 and earlier .timeline .timeline-item.active .marker .dot, .timeline .timeline-item:hover .marker .dot { -moz-transition: all 1s ease } // was required by Firefox 15 and earlier #otherlinks ul li ul li { -ms-transform: translateY(-25px) } // was required by IE 9 and earlier #otherlinks ul >li:hover ul li:nth-child(1) { -ms-transform: translateY(0) } // was required by IE 9 and earlier #otherlinks ul >li:hover ul li:nth-child(2) { -ms-transform: translateY(32px) } // was required by IE 9 and earlier #otherlinks ul >li:hover ul li:nth-child(3) { -ms-transform: translateY(64px) } // was required by IE 9 and earlier #otherlinks ul >li:hover ul li:nth-child(4) { -ms-transform: translateY(96px) } // was required by IE 9 and earlier #otherlinks ul >li:hover ul li:nth-child(5) { -ms-transform: translateY(128px) } // was required by IE 9 and earlier #otherlinks ul >li:hover ul li:nth-child(6) { -ms-transform: translateY(160px) } // was required by IE 9 and earlier button:hover { -ms-transform: translateY(-2px) } // was required by IE 9 and earlier .nivo-caption { -webkit-box-sizing: border-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .nivo-caption { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier .theme-default .nivo-directionNav a { -moz-transition: all 200ms ease-in-out } // was required by Firefox 15 and earlier .theme-default .nivo-directionNav a { -o-transition: all 200ms ease-in-out } // prefix is no longer supported #back-top a { -moz-transition: 1s } // was required by Firefox 15 and earlier 
  • Qualified Selectors30

    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.lb-disable-scrolling {}.lb-nav a.lb-prev {}.lb-nav a.lb-prev:hover {}.lb-nav a.lb-next {}.lb-nav a.lb-next:hover {}#nav-menu li.acttl >a {}#menuaccordion div.menu-open:after {}#breadcrumb span.bread_home a {}ol.journal-list {}ol.journal-list li {}ol.journal-list li {}h6.event {}h6.event>span {}#leftcontent .portfolio>p.portfolio-name {}#leftcontent .portfolio>p.portfolio-work {}.right-container .ulcss li.actlnk >a {}.social li a > i.fb {}.social li a > i.linkedin {}.social li a > i.linkedin:hover {}.social li a > i.fb:hover {}.social li a > i.twitr:hover {}.nivoSlider a.nivo-imageLink {}.nivo-controlNav a.active {}.theme-default .nivo-controlNav a.active {}.theme-default a.nivo-nextNav {}.theme-default a.nivo-prevNav {}.footer-menu-links1 li.actfooter {}.footer-menu-links2 li.actfooter {}.footer-menu-links1 li.actfooter> a {}.footer-menu-links2 li.actfooter> a {}
  • Redundant Child Nodes Selectors25

    Deteced redundancies for child node selectors

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

    .sitemap ul li a {}.top-research-link-container ul li {}.top-research-link-container ul li a {}.top-research-link-container ul li a span {}.top-research-link-container ul li a:hover {}.top-research-link-container ul li a:hover span {}.top-research-link-container ul li a span:hover {}nav ul li {}nav .respmenu ul li {}.submenu ul li:hover ul {}#menuaccordion ul li {}ol.journal-list li {}ol.journal-list li {}.timeline .timeline-item .info ul li {}#otherlinks ul li ul li {}#otherlinks ul >li {}#otherlinks ul >li:hover ul li:nth-child(1) {}#otherlinks ul >li:hover ul li:nth-child(2) {}#otherlinks ul >li:hover ul li:nth-child(3) {}#otherlinks ul >li:hover ul li:nth-child(4) {}#otherlinks ul >li:hover ul li:nth-child(5) {}#otherlinks ul >li:hover ul li:nth-child(6) {}.tblstyle tr td {}.top-research-link-container ul li {}.top-general-link-container ul li {}
  • Universal Selectors4

    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

    [class^="icon-"] {}[class*=" icon-"] {}[class^="icon-"] {}[class*=" icon-"] {}

CSS Stats

CSS Metrics

Base64 Length60
Redundant Body Selectors0
Colors59
Comments3
Comments Length120
Empty Rules0
Expressions0
Old IE Fixes0
Imports0
Media Queries11
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0.19
Specificity Id Total114
Specificity Class Avg1.04
Specificity Class Total615
Specificity Tag Avg0.92
Specificity Tag Total545
Selectors591
Selector Length Avg1.8223350253807107
Selectors By Attribute6
Selectors By Class519
Selectors By Id114
Selectors By Pseudo157
Selectors By Tag470
Length38462
Rules467
Declarations1300