Description
When using the circle hover, it is breaking the circle of the Season view of a show and converting it into a square. As you can see from the screen shots, the circle on the episode is converted to a square in the season view only. I would like it to remain a circle. When I remove circlehover css, it shows the circle on the episode list correctly . Am am using server 10.10.3 on windows. Bug happens on JMP and browser.
this is my entire CSS:
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/rounding_circlehover.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/titlepage/title_banner-logo.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/type/dark_withaccent.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fields/fields_border.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/login/login_frame.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/base.css');@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/accentlist.css');@import
url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fixes.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/cornerindicator/indicator_corner.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/smallercast.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/header/header_transparent.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/effects/hoverglow.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/effects/glassy.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/effects/pan-animation.css');
@import url('https://ctalvio.github.io/Monochromic/backdrop-hack_style.css');
:root {--accent: 85.00420444000001,77.00646060000001,106.998;}
.backdropImage {filter: blur(0px);}
.backdropImage {filter: saturate(120%);}
.backdropImage {filter: contrast(120%);}
.backdropImage {filter: brightness(70%);}
:root {--rounding: 12px;}
.backdropImage {
display: none;
}
/Login background/
#loginPage {background: url(https://images.squarespace-cdn.com/content/v1/663921d372863346f9394e64/59df008a-e0ce-472a-bedf-25f9824e67b8/WealthCo_Abstract_Background_Dark_v2.jpg) !important;}
.backgroundContainer {
background-color: rgba(0, 0, 0, 0);
background-image: url('https://images.squarespace-cdn.com/content/v1/663921d372863346f9394e64/59df008a-e0ce-472a-bedf-25f9824e67b8/WealthCo_Abstract_Background_Dark_v2.jpg');
filter: blur(30px);
background-size: cover;
}
/* Darken background, only works with blue radiance */
.backgroundContainer {
background-color: #000000;
filter: brightness(70%);
}
.playedIndicator {
background: #594D57;
}
/* Make count indicator icon dark and transparent */
.countIndicator {background: #29273f50;}
.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred {
background: none;
background-color: rgba(0, 0, 0, 0);
}
/Size episode preview images in a more compact way/
.listItemImage.listItemImage-large.itemAction.lazy {
transition: filter 0.2s
}
.listItemImageButton-icon {
padding: 0;
}
.secondary.listItem-overview.listItemBodyText {
height: unset !important;
margin: 0;
}
.listItemImageButton {
margin: auto;
font-size: 1.6em !important;
}
@media all and (min-width: 100em){
.listItemImage.listItemImage-large.itemAction.lazy {
height: 160px !important;
}
.listItem-content {
height: unset !important;
}
.secondary.listItem-overview.listItemBodyText {
height: unset !important;
margin: 0;
}
}
@media all and (max-width: 100em){
.listItemImage.listItemImage-large.itemAction.lazy {
height: 160px !important;
}
.listItem-content {
height: unset !important;
}
.secondary.listItem-overview.listItemBodyText {
height: unset !important;
margin: 0;
}
}
.missingIndicator, .unairedIndicator {
background: #ae3030eb;
padding: .3em .6em;
color: #fff;
}
.layout-mobile .listItemImageButton {
background: rgba(0, 0, 0, 0);
}
Screenshots