/* Desktop */ @media (min-width: 752px) { .navbar-brand>img { display:none !important; } .navbar > .container-fluid .navbar-brand:before { background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png"); display: inline-block; width: 128px; height: 128px; content:""; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } } /* Mobile */ @media (max-width: 1200px) { .navbar-brand .visible-xs img, .logo-text { display: none !important; } .navbar-brand .visible-xs { display: inline !important; } .navbar > .container-fluid .navbar-brand:before { background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png"); display: inline-block; width: 64px; height: 64px; content:""; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; margin-bottom: -12px; } } @media (max-width: 767px) { .navbar-brand .visible-xs img { display: none !important; } .navbar-brand .visible-xs { display: inline !important; } .navbar > .container-fluid .navbar-brand:before { background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png"); display: inline-block; width: 32px; height: 32px; content:""; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; margin-bottom: -12px; } } /* Sonarr V3*/ @media (min-width: 752px) { .PageHeader\/logo\/2y8vm { display: none !important; } .PageHeader\/logoContainer\/3bOb3:before { background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png"); display: inline-block; width: 32px; height: 32px; content:""; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } } @media (max-width: 767px) { .PageHeader\/logo\/2y8vm { display: none !important; } .PageHeader\/logoContainer\/3bOb3:before { background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png"); display: inline-block; width: 32px; height: 32px; content:""; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } }