1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-10-11 15:37:12 +02:00
theme.park/CSS/addons/radarr/radarr-4k-logo.css

76 lines
2.2 KiB
CSS
Raw Normal View History

2020-05-16 20:20:17 +02:00
/* Desktop */
2020-04-04 14:12:22 +02:00
@media (min-width: 752px) {
2021-05-13 18:55:53 +02:00
.navbar-brand>img,
.PageHeader-logoFull-Ctqrg {
2020-04-04 14:12:22 +02:00
display:none !important;
}
2021-05-13 18:55:53 +02:00
.navbar > .container-fluid .navbar-brand:before,
.PageHeader-logoFull-Ctqrg:before {
2021-05-01 11:35:25 +02:00
background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr4k.png");
2020-04-04 14:12:22 +02:00
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: 767px) {
.navbar-brand .visible-xs img {
display: none !important;
}
.navbar-brand .visible-xs {
display: inline !important;
}
.navbar > .container-fluid .navbar-brand:before {
2021-05-01 11:35:25 +02:00
background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr4k.png");
2020-04-04 14:12:22 +02:00
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;
}
2020-05-16 20:20:17 +02:00
}
/* Radarr V3*/
@media (min-width: 752px) {
2021-05-13 18:55:53 +02:00
[class*="PageHeader-logoFull-"] {
2020-05-16 20:20:17 +02:00
display: none !important;
}
2021-05-13 18:55:53 +02:00
[class*="PageHeader-logoContainer-"]:before {
2021-05-01 11:35:25 +02:00
background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr4k-v3.png");
2020-05-16 20:20:17 +02:00
display: inline-block;
width: 148px;
height: 48px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
@media (max-width: 767px) {
2021-05-13 18:55:53 +02:00
[class*="PageHeader-logo-"] {
2020-05-16 20:20:17 +02:00
display: none !important;
2021-05-13 18:55:53 +02:00
}
[class*="PageHeader-logoContainer-"]{
2021-05-01 11:35:25 +02:00
background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-v3-mobile.png");
2020-05-16 20:20:17 +02:00
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
2020-06-19 15:23:23 +02:00
}