Optimize CSS for https://embed.derp.website/assets/css/app.css

Check and Cleanup CSS Offenders

• Complex Selectors102

  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-controls a.cr__slideshow-pause .cr__font {}.cr__lens .cr__slideshow-controls a.cr__slideshow-play .cr__font {}.cr__lens .cr__slideshow-controls a.cr__slideshow-stop .cr__font {}.cr__lens .cr__slideshow-controls a:visited.cr__slideshow-pause .cr__font {}.cr__lens .cr__slideshow-controls a:visited.cr__slideshow-play .cr__font {}.cr__lens .cr__slideshow-controls a:visited.cr__slideshow-stop .cr__font {}.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) */

• Importants41

  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-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 Selectors59

  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-controls a.cr__slideshow-pause {}.cr__lens .cr__slideshow-controls a.cr__slideshow-play {}.cr__lens .cr__slideshow-controls a.cr__slideshow-stop {}.cr__lens .cr__slideshow-controls a:visited.cr__slideshow-pause {}.cr__lens .cr__slideshow-controls a:visited.cr__slideshow-play {}.cr__lens .cr__slideshow-controls a:visited.cr__slideshow-stop {}.cr__lens .cr__slideshow-controls a.cr__slideshow-pause .cr__font {}.cr__lens .cr__slideshow-controls a.cr__slideshow-play .cr__font {}.cr__lens .cr__slideshow-controls a.cr__slideshow-stop .cr__font {}.cr__lens .cr__slideshow-controls a:visited.cr__slideshow-pause .cr__font {}.cr__lens .cr__slideshow-controls a:visited.cr__slideshow-play .cr__font {}.cr__lens .cr__slideshow-controls a:visited.cr__slideshow-stop .cr__font {}.cr__lens .cr__slideshow-controls a.cr__slideshow-pause:hover {}.cr__lens .cr__slideshow-controls a.cr__slideshow-play:hover {}.cr__lens .cr__slideshow-controls a.cr__slideshow-stop:hover {}.cr__lens .cr__slideshow-controls a:visited.cr__slideshow-pause:hover {}.cr__lens .cr__slideshow-controls a:visited.cr__slideshow-play:hover {}.cr__lens .cr__slideshow-controls a:visited.cr__slideshow-stop:hover {}.cr__lens .cr__slideshow-profile a.cr__slideshow-screen-name {}.cr__lens .cr__slideshow-profile a:visited.cr__slideshow-screen-name {}

• Universal Selectors22

  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 :focus {}.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