Optimize CSS for https://embed.derp.website/assets/css/app.css
Improve your CSS performance by reducing complexity
Validate CSS for parsing errors and warningsCheck and Cleanup CSS Offenders
- Complex Selectors96
Selectors with uneccessary depth and traversal
Consider simplifying for speed and readability
.cr__lens .cr__fullscreen-wrap .cr__fullscreen-media img {}
.cr__lens .cr__fullscreen-wrap .cr__fullscreen-media video {}
.cr__lens .cr__fullscreen-details a .cr__fullscreen-date {}
.cr__lens .cr__fullscreen-details a:visited .cr__fullscreen-date {}
.cr__lens .cr__fullscreen-details a .cr__fullscreen-watermark {}
.cr__lens .cr__fullscreen-details a:visited .cr__fullscreen-watermark {}
.cr__lens .cr__fullscreen-wrap .cr__fullscreen-media img {}
.cr__lens .cr__fullscreen-wrap .cr__fullscreen-media video {}
.cr__lens .cr__gallery-activity-media-wrap .cr__gallery-activity-media-inner img {}
.cr__lens .cr__gallery-activity-media-wrap .cr__gallery-activity-media-inner video {}
.cr__lens .cr__gallery-activity-media-wrap .cr__gallery-activity-media-inner .cr__gallery-activity-video-play {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-caption {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-actions {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action {}
.cr__lens .cr__header .cr__search-enable .cr__font {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action:first-child {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action:first-child div {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action * {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action .cr__gallery-activity-action-label {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action .cr__gallery-activity-action-label-liked {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action:last-child .cr__gallery-activity-action-label {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action.cr__liked:last-child .cr__gallery-activity-action-label {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action:last-child .cr__gallery-activity-action-label-liked {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action.cr__liked {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action.cr__liked:last-child .cr__gallery-activity-action-label-liked {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay.is-mobile-embed .cr__mobile-cta-icon-container {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay.is-mobile-embed .cr__mobile-cta-icon-container .cr__font {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay.is-mobile-embed .cr__mobile-cta-icon-container .cr__font-instagram {}
.cr__lens .cr__gallery-activity-avatar a img {}
.cr__lens .cr__gallery-collapse .cr__gallery-activity-media-wrap .cr__gallery-activity-media-inner {}
.cr__lens .cr__gallery-collapse .cr__gallery-activity .cr__gallery-activity-hover {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action div {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action:first-child div {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action .cr__gallery-activity-action-label {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action .cr__gallery-activity-action-label-liked {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action.cr__liked:last-child .cr__gallery-activity-action-label-liked {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action:last-child .cr__gallery-activity-action-label {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-caption {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-actions {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action:first-child {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action .cr__font {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action .cr__font-instagram {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action.cr__liked {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action.cr__liked .cr__font {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action.cr__liked .cr__font-instagram {}
.cr__lens .cr__header .cr__search-enable .cr__font {}
.cr__lens .cr__header .cr__search-disable .cr__font {}
.cr__lens .cr__header .cr__search-disable .cr__font {}
.cr__lens .cr__header .cr__search .cr__font {}
.cr__lens .cr__header .cr__search .cr__font {}
.cr__lens .cr__header .cr__search .cr__font.cr__go {}
.cr__lens .cr__header .cr__search ::-webkit-input-placeholder {}
.cr__lens .cr__header .cr__search :-moz-placeholder {}
.cr__lens .cr__header .cr__search ::-moz-placeholder {}
.cr__lens .cr__header .cr__search :-ms-input-placeholder {}
.cr__lens .cr__header .cr__search input {}
.cr__lens .cr__header .cr__search input ::-webkit-input-placeholder {}
.cr__lens .cr__header .cr__search input :-moz-placeholder {}
.cr__lens .cr__header .cr__search input ::-moz-placeholder {}
.cr__lens .cr__header .cr__search input :-ms-input-placeholder {}
.cr__lens .cr__header .cr__stream-buttons a {}
.cr__lens .cr__header .cr__stream-buttons a:visited {}
.cr__lens .cr__header .cr__stream-buttons a.cr__active {}
.cr__lens .cr__header .cr__stream-buttons a:visited.cr__active {}
.cr__lens .cr__header .cr__stream-buttons a:hover {}
.cr__lens .cr__header .cr__stream-buttons a:visited:hover {}
.cr__lens .cr__header .cr__search-enable .cr__font {}
.cr__lens .cr__header .cr__search-disable .cr__font {}
.cr__lens .cr__header .cr__search .cr__font {}
.cr__lens .cr__header .cr__search .cr__font.cr__go {}
.cr__lens .cr__header .cr__search input {}
.cr__lens .cr__header .cr__stream-buttons a {}
.cr__lens .cr__header .cr__stream-buttons a:visited {}
.cr__lens .cr__header .cr__stream-buttons a.cr__active {}
.cr__lens .cr__header .cr__stream-buttons a:hover {}
.cr__lens .cr__menu-item a img {}
.cr__lens .cr__menu-item>div img {}
.cr__lens .cr__auth-term .cr__auth-term-checkbox .cr__checkbox-tick {}
.cr__lens .cr__auth-term input:checked+.cr__auth-term-checkbox {}
.cr__lens .cr__auth-term input:checked+.cr__auth-term-checkbox .cr__checkbox-tick {}
.cr__lens .cr__overlay-profile .cr__input .cr__input-icon {}
.cr__lens .cr__overlay-profile .cr__input input[type=text] {}
.cr__lens .cr__overlay-profile .cr__input input[type=email] {}
.cr__lens .cr__overlay-profile .cr__input input[type=text]:focus {}
.cr__lens .cr__overlay-profile .cr__input input[type=email]:focus {}
.cr__lens .cr__overlay-profile .cr__input.cr__error input[type=text] {}
.cr__lens .cr__overlay-profile .cr__input.cr__error input[type=email] {}
.cr__lens .cr__overlay-profile .cr__required .cr__required-asterisk {}
.cr__lens .cr__overlay-profile .cr__submit-button button {}
.cr__lens .cr__overlay-profile .cr__input .cr__input-icon {}
.cr__lens .cr__overlay-profile .cr__input .cr__input-icon:active {}
.cr__lens .cr__overlay-profile .cr__input .cr__input-icon:hover {}
.cr__lens .cr__overlay-profile .cr__input input[type=text] {}
.cr__lens .cr__overlay-profile .cr__input input[type=email] {}
.cr__lens .cr__slideshow-profile .cr__slideshow-full-name * {}
- Complex Selectors By Attribute4
Selectors whose attribute value contains a specified value
Attribute selectors have a slower lookup time
.cr__lens .cr__font[class*=" icon-"] {}
.cr__lens .cr__font[class^=icon-] {}
.cr__lens .cr__font-instagram[class*=" icon-"] {}
.cr__lens .cr__font-instagram[class^=icon-] {}
- Duplicated Properties6
Duplicate properties detected for your selector
Remove or combine duplicate properties to clean up your css
.cr__lens * {text-rendering: geometricPrecision}
.cr__lens .cr__dimmer {background: rgba(0,0,0,.85)}
.cr__lens .cr__fullscreen-action:last-child .cr__fullscreen-action-label {display: none}
.cr__lens .cr__fullscreen-action.cr__liked:last-child .cr__fullscreen-action-label-liked {display: none}
.cr__lens .cr__overlay-close {z-index: 999999}
.cr__lens .cr__slideshow-branding {z-index: 999999}
- Duplicated Selectors2
.cr__lens button {} /* (2 times) */
.cr__lens .cr__editorial-wrap {} /* (2 times) */
- Importants42
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
.cr__dimmed-fullscreen, .cr__dimmed-overlay, .cr__dimmed-slideshow {overflow: hidden!important}
.cr__lens .cr__catalyst {color: #fff!important}
.cr__lens .cr__catalyst:hover, .cr__lens .cr__catalyst:visited {color: #fff!important}
.cr__lens a.cr__fullscreen-play, .cr__lens a:visited.cr__fullscreen-play {color: #868789!important}
.cr__lens a.cr__fullscreen-play:hover, .cr__lens a:visited.cr__fullscreen-play:hover {color: #c7c9cc!important}
.cr__lens .cr__fullscreen-avatar {width: 40px!important}
.cr__lens .cr__fullscreen-details a, .cr__lens .cr__fullscreen-details a:visited {color: #FFF!important}
.cr__lens .cr__fullscreen-action {color: #FFF!important}
.cr__lens .cr__fullscreen-action.cr__liked {background-color: #FFF!important}
.cr__lens .cr__fullscreen-action.cr__liked {color: #5f6062!important}
.cr__lens .cr__fullscreen-likes {color: #FFF!important}
.cr__lens .cr__fullscreen-likes.cr__liked {color: #5f6062!important}
.cr__lens .cr__fullscreen-likes .cr__font, .cr__lens .cr__fullscreen-likes .cr__font-instagram {margin: -5px 8px 0 0!important}
.cr__lens a.cr__fullscreen-close, .cr__lens a:visited.cr__fullscreen-close {color: #868789!important}
.cr__lens a.cr__fullscreen-close:hover, .cr__lens a:visited.cr__fullscreen-close:hover {color: #c7c9cc!important}
.cr__lens.cr__ios .cr__fullscreen-video-play {display: none!important}
.cr__lens .cr__fullscreen-wrap {height: 100%!important}
.cr__lens .cr__fullscreen-wrap {width: 100%!important}
.cr__lens .cr__fullscreen-profile {left: 10px!important}
.cr__lens .cr__fullscreen-profile {top: 10px!important}
.cr__lens .cr__fullscreen-details a, .cr__lens .cr__fullscreen-details a:visited {color: #5f6062!important}
.cr__lens .cr__gallery-activity-likes.cr__liked {color: #5f6062!important}
.cr__lens .cr__gallery-activity-likes .cr__font, .cr__lens .cr__gallery-activity-likes .cr__font-instagram {margin: -5px 8px 0 0!important}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action.cr__liked {background: #FFF!important}
.cr__lens .cr__gallery-activity-timestamp a, .cr__lens .cr__gallery-activity-timestamp a:visited {color: #5f6062!important}
.cr__lens .cr__gallery-activity-intents a, .cr__lens .cr__gallery-activity-intents a:visited {color: #5f6062!important}
.cr__lens .cr__gallery-activity-intents a:active, .cr__lens .cr__gallery-activity-intents a:focus, .cr__lens .cr__gallery-activity-intents a:hover {color: #c7c9cc!important}
.cr__lens .cr__header .cr__search-disable {color: #FFF!important}
.cr__lens .cr__overlay a, .cr__lens .cr__overlay a:visited {text-decoration: none!important}
.cr__lens .cr__overlay a:active, .cr__lens .cr__overlay a:hover {text-decoration: underline!important}
.cr__lens .cr__auth-term input {display: none!important}
.cr__lens .cr__overlay-profile .cr__input input[type=text], .cr__lens .cr__overlay-profile .cr__input input[type=email] {box-shadow: none!important}
.cr__lens .cr__overlay-profile .cr__input input[type=text], .cr__lens .cr__overlay-profile .cr__input input[type=email] {transition: none!important}
.cr__lens .cr__share-button.cr__share-button-disabled {background-color: #858689!important}
.cr__lens .cr__social-button span {line-height: 80px!important}
.cr__lens .cr__slideshow-media img {height: auto!important}
.cr__lens .cr__slideshow-media img {width: 100%!important}
.cr__lens .cr__slideshow-pause, .cr__lens .cr__slideshow-play, .cr__lens .cr__slideshow-stop {color: #868789!important}
.cr__lens .cr__slideshow-avatar {width: 60px!important}
.cr__lens .cr__slideshow-likes .cr__font {margin: -5px 10px 0 0!important}
.cr__lens .cr__slideshow-media img {height: inherit!important}
.cr__lens .cr__slideshow-media img {width: inherit!important}
- Multi Classes Selectors161
Selectors with multiple classes
Unnecessary specificity, consider reducing to single class or id instead
.cr__lens.cr__overflow-hidden {}
.cr__crowdriff-font-23.cr__font {}
.cr__font.cr__user {}
.cr__font.cr__search {}
.cr__font.cr__mail {}
.cr__crowdriff-font-22.cr__font {}
.cr__font.cr__tag {}
.cr__font.cr__plus-1 {}
.cr__font.cr__location-1 {}
.cr__camera-alt.cr__font {}
.cr__floppy.cr__font {}
.cr__archive.cr__font {}
.cr__box.cr__font {}
.cr__cog-1.cr__font {}
.cr__block.cr__font {}
.cr__eye-1.cr__font {}
.cr__font.cr__th-thumb {}
.cr__crowdriff-font-24.cr__font {}
.cr__font.cr__mic {}
.cr__direction.cr__font {}
.cr__crowdriff-font-20.cr__font {}
.cr__font.cr__pencil {}
.cr__font.cr__link-ext-alt {}
.cr__font.cr__pin {}
.cr__attach.cr__font {}
.cr__flag.cr__font {}
.cr__camera.cr__font {}
.cr__font.cr__play {}
.cr__crowdriff-font-16.cr__font {}
.cr__font.cr__left-open-big {}
.cr__font.cr__right-open-big {}
.cr__crowdriff-font-18.cr__font {}
.cr__font.cr__pause {}
.cr__crowdriff-font-17.cr__font {}
.cr__crowdriff-font-21.cr__font {}
.cr__font.cr__stop {}
.cr__font.cr__quote-right {}
.cr__crowdriff-font-13.cr__font {}
.cr__crowdriff-font-15.cr__font {}
.cr__crowdriff-font-14.cr__font {}
.cr__crowdriff-font-19.cr__font {}
.cr__crowdriff-font-06.cr__font {}
.cr__crowdriff-font-07.cr__font {}
.cr__crowdriff-font-08.cr__font {}
.cr__crowdriff-font-09.cr__font {}
.cr__crowdriff-font-10.cr__font {}
.cr__crowdriff-font-11.cr__font {}
.cr__crowdriff-font-12.cr__font {}
.cr__crowdriff-font-01.cr__font {}
.cr__crowdriff-font-02.cr__font {}
.cr__crowdriff-font-03.cr__font {}
.cr__crowdriff-font-04.cr__font {}
.cr__crowdriff-font-05.cr__font {}
.cr__font.cr__keyboard {}
.cr__font.cr__trash {}
.cr__down-open-big.cr__font {}
.cr__font.cr__right-dir {}
.cr__down-dir.cr__font {}
.cr__font.cr__up {}
.cr__down.cr__font {}
.cr__ccw.cr__font {}
.cr__arrows-ccw.cr__font {}
.cr__back-in-time.cr__font {}
.cr__font.cr__lightbulb {}
.cr__font.cr__right-open {}
.cr__angle-circled-right.cr__font {}
.cr__font.cr__right-big {}
.cr__binoculars.cr__font {}
.cr__coffee.cr__font {}
.cr__font.cr__food {}
.cr__flight.cr__font {}
.cr__font.cr__paper-plane {}
.cr__font.cr__megaphone {}
.cr__bell-alt.cr__font {}
.cr__basket.cr__font {}
.cr__dot-3.cr__font {}
.cr__12.cr__font {}
.cr__14.cr__font {}
.cr__16.cr__font {}
.cr__18.cr__font {}
.cr__20.cr__font {}
.cr__24.cr__font {}
.cr__28.cr__font {}
.cr__32.cr__font {}
.cr__36.cr__font {}
.cr__40.cr__font {}
.cr__font-instagram.cr__instagram-logo {}
.cr__font-instagram.cr__instagram-comment {}
.cr__font-instagram.cr__instagram-like {}
.cr__12.cr__font-instagram {}
.cr__14.cr__font-instagram {}
.cr__16.cr__font-instagram {}
.cr__18.cr__font-instagram {}
.cr__20.cr__font-instagram {}
.cr__24.cr__font-instagram {}
.cr__28.cr__font-instagram {}
.cr__32.cr__font-instagram {}
.cr__36.cr__font-instagram {}
.cr__40.cr__font-instagram {}
.cr__fullscreen-pager.cr__fullscreen-prev {}
.cr__fullscreen-next.cr__fullscreen-pager {}
.cr__fullscreen-overlay-button.cr__fullscreen-overlay-hide {}
.cr__fullscreen-action.cr__liked {}
.cr__fullscreen-action.cr__liked {}
.cr__fullscreen-action.cr__liked {}
.cr__fullscreen-action.cr__liked {}
.cr__fullscreen-action.cr__liked {}
.cr__fullscreen-action.cr__liked {}
.cr__fullscreen-action.cr__liked {}
.cr__fullscreen-likes.cr__liked {}
.cr__ios.cr__lens {}
.cr__lens.cr__menu-active {}
.cr__gallery-collapse.cr__gallery-wrap {}
.cr__gallery-collapse.cr__gallery-wrap {}
.cr__gallery-activity-likes.cr__liked {}
.cr__gallery-activity-action.cr__liked {}
.cr__gallery-activity-action.cr__liked {}
.cr__gallery-activity-action.cr__liked {}
.cr__gallery-activity-overlay.is-mobile-embed {}
.cr__gallery-activity-overlay.is-mobile-embed {}
.cr__gallery-activity-overlay.is-mobile-embed {}
.cr__gallery-activity-overlay.is-mobile-embed {}
.cr__gallery-activity-action.cr__liked {}
.cr__gallery-activity-action.cr__liked {}
.cr__gallery-activity-action.cr__liked {}
.cr__gallery-activity-action.cr__liked {}
.cr__font.cr__go {}
.cr__header.cr__search-enabled {}
.cr__header.cr__search-enabled {}
.cr__header.cr__search-enabled {}
.cr__fixed.cr__lens {}
.cr__fixed.cr__lens {}
.cr__font.cr__go {}
.cr__header.cr__search-enabled {}
.cr__fixed.cr__lens {}
.cr__hero-button.cr__hero-button-authed {}
.cr__hero-button.cr__hero-button-authed {}
.cr__hero-button.cr__hero-button-authed {}
.cr__font.cr__menu-icon {}
.cr__lens.cr__menu-active {}
.cr__fixed.cr__lens {}
.cr__fixed.cr__lens {}
.cr__auth-term.cr__error {}
.cr__error.cr__input {}
.cr__error.cr__input {}
.cr__facebook.cr__share-button {}
.cr__facebook.cr__share-button {}
.cr__facebook.cr__share-button {}
.cr__facebook.cr__share-button {}
.cr__share-button.cr__twitter {}
.cr__share-button.cr__twitter {}
.cr__share-button.cr__twitter {}
.cr__share-button.cr__twitter {}
.cr__share-button.cr__share-button-disabled {}
.cr__facebook.cr__social-button {}
.cr__facebook.cr__social-button {}
.cr__instagram.cr__social-button {}
.cr__instagram.cr__social-button {}
.cr__social-button.cr__twitter {}
.cr__social-button.cr__twitter {}
.cr__liked.cr__slideshow-likes {}
- Qualified Selectors41
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
.cr__lens a.cr__fullscreen-play {}
.cr__lens a:visited.cr__fullscreen-play {}
.cr__lens a.cr__fullscreen-play .cr__font {}
.cr__lens a:visited.cr__fullscreen-play .cr__font {}
.cr__lens a.cr__fullscreen-play:hover {}
.cr__lens a:visited.cr__fullscreen-play:hover {}
.cr__lens .cr__fullscreen-profile a.cr__fullscreen-screen-name {}
.cr__lens .cr__fullscreen-profile a:visited.cr__fullscreen-screen-name {}
.cr__lens .cr__fullscreen-details a.cr__facebook:active {}
.cr__lens .cr__fullscreen-details a.cr__facebook:hover {}
.cr__lens .cr__fullscreen-details a:visited.cr__facebook:active {}
.cr__lens .cr__fullscreen-details a:visited.cr__facebook:hover {}
.cr__lens .cr__fullscreen-details a.cr__instagram:active {}
.cr__lens .cr__fullscreen-details a.cr__instagram:hover {}
.cr__lens .cr__fullscreen-details a:visited.cr__instagram:active {}
.cr__lens .cr__fullscreen-details a:visited.cr__instagram:hover {}
.cr__lens .cr__fullscreen-details a.cr__twitter:active {}
.cr__lens .cr__fullscreen-details a.cr__twitter:hover {}
.cr__lens .cr__fullscreen-details a:visited.cr__twitter:active {}
.cr__lens .cr__fullscreen-details a:visited.cr__twitter:hover {}
.cr__lens a.cr__fullscreen-close {}
.cr__lens a:visited.cr__fullscreen-close {}
.cr__lens a.cr__fullscreen-close:hover {}
.cr__lens a:visited.cr__fullscreen-close:hover {}
.cr__lens a.cr__fullscreen-play {}
.cr__lens a:visited.cr__fullscreen-play {}
.cr__lens .cr__fullscreen-profile a.cr__fullscreen-screen-name {}
.cr__lens .cr__fullscreen-profile a:visited.cr__fullscreen-screen-name {}
.cr__lens a.cr__fullscreen-close {}
.cr__lens a:visited.cr__fullscreen-close {}
.cr__lens .cr__header .cr__stream-buttons a.cr__active {}
.cr__lens .cr__header .cr__stream-buttons a:visited.cr__active {}
.cr__lens .cr__header .cr__stream-buttons a.cr__active {}
.cr__lens .cr__menu-item a.cr__internal {}
.cr__lens .cr__menu-item>div.cr__internal {}
.cr__lens .cr__menu-item a.cr__internal:visited {}
.cr__lens .cr__menu-item>div.cr__internal:visited {}
.cr__lens .cr__menu-item a.cr__internal:hover {}
.cr__lens .cr__menu-item>div.cr__internal:hover {}
.cr__lens .cr__slideshow-profile a.cr__slideshow-screen-name {}
.cr__lens .cr__slideshow-profile a:visited.cr__slideshow-screen-name {}
- Universal Selectors21
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
.cr__lens [hidden] {}
.cr__lens * {}
.cr__lens :after {}
.cr__lens {}
.cr__lens * {}
.cr__lens .cr__fullscreen-profile * {}
.cr__lens .cr__fullscreen-details * {}
.cr__lens .cr__fullscreen-intents * {}
.cr__lens .cr__gallery-activity .cr__gallery-activity-overlay .cr__gallery-activity-action * {}
.cr__lens .cr__header :focus {}
.cr__lens .cr__header .cr__search ::-webkit-input-placeholder {}
.cr__lens .cr__header .cr__search :-moz-placeholder {}
.cr__lens .cr__header .cr__search ::-moz-placeholder {}
.cr__lens .cr__header .cr__search :-ms-input-placeholder {}
.cr__lens .cr__header .cr__search input ::-webkit-input-placeholder {}
.cr__lens .cr__header .cr__search input :-moz-placeholder {}
.cr__lens .cr__header .cr__search input ::-moz-placeholder {}
.cr__lens .cr__header .cr__search input :-ms-input-placeholder {}
.cr__lens .cr__slideshow-profile .cr__slideshow-full-name * {}
.cr__lens .cr__slideshow-details * {}
.cr__lens .cr__mouse-inactive * {}
CSS Stats
- Colors
#ffffff (44 times)
#5f6062 (26 times)
rgba(255,255,255,0.75) (9 times)
#868789 (8 times)
#c7c9cc (7 times)
#f9f9f9 (6 times)
#2ba9e1 (5 times)
rgba(255,255,255,0.9) (5 times)
#eaeaea (5 times)
#3b5999 (5 times)
#3f729b (4 times)
#191919 (4 times)
rgba(0,0,0,0.2) (4 times)
#000000 (3 times)
rgba(0,0,0,0.85) (2 times)
rgba(0,0,0,0) (2 times)
#333333 (2 times)
#2f2f33 (2 times)
rgba(0,0,0,0.75) (1 time)
#1e90ff (1 time)
rgba(255,255,255,0.5) (1 time)
rgba(0,0,0,0.8) (1 time)
#ffff00 (1 time)
rgba(255,255,255,0.85) (1 time)
rgba(0,0,0,0.1) (1 time)
rgba(0,0,0,0.3) (1 time)
#344e87 (1 time)
#1e9cd4 (1 time)
#858689 (1 time)
#0c0c0c (1 time)
- Media Queries
media only screen and (min-width:768px) (1 rule)
media only screen and (max-width:767px) (2 rules)
media only screen and (min-width:768px) (11 rule)
media only screen and (min-width:768px) (1 rule)
media only screen and (max-width:767px) (3 rules)
media only screen and (min-width:768px) (22 rules)
media only screen and (min-width:768px) (19 rules)
media only screen and (min-width:768px) (1 rule)
media only screen and (min-width:768px) (1 rule)
media only screen and (min-width:768px) (4 rules)
media only screen and (min-width:768px) (3 rules)
media only screen and (min-width:768px) (1 rule)
media only screen and (min-width:768px) (3 rules)
CSS Metrics
Base64 Length | 0 |
Redundant Body Selectors | 0 |
Redundant Child Nodes Selectors | 0 |
Colors | 30 |
Comments | 2 |
Comments Length | 87 |
Empty Rules | 0 |
Expressions | 0 |
Old IE Fixes | 0 |
Imports | 0 |
Media Queries | 13 |
Not Minified | 0 |
Parsing Errors | 0 |
Old Property Prefixes | 0 |
Property Resets | 0 |
Specificity Id Avg | 0 |
Specificity Id Total | 0 |
Specificity Class Avg | 2.79 |
Specificity Class Total | 1956 |
Specificity Tag Avg | 0.44 |
Specificity Tag Total | 310 |
Selectors | 701 |
Selector Length Avg | 2.5991440798858774 |
Selectors By Attribute | 26 |
Selectors By Class | 1634 |
Selectors By Id | 0 |
Selectors By Pseudo | 228 |
Selectors By Tag | 208 |
Length | 56831 |
Rules | 524 |
Declarations | 1499 |