浏览代码

Fix #5058 origine compact theme (#6197)

* basic fix

* theme's fix
maTh 2 年之前
父节点
当前提交
c0db581f2b

+ 2 - 2
p/themes/Alternative-Dark/adark.css

@@ -759,11 +759,11 @@ kbd {
 	background: var(--background-color-hover);
 }
 
-.flux .item.title a {
+.flux .flux_header .item.title a {
 	color: var(--font-color-light);
 }
 
-.flux .item.title .author {
+.flux .flux_header .item.title .author {
 	color: var(--font-color-dark);
 }
 

+ 2 - 2
p/themes/Alternative-Dark/adark.rtl.css

@@ -759,11 +759,11 @@ kbd {
 	background: var(--background-color-hover);
 }
 
-.flux .item.title a {
+.flux .flux_header .item.title a {
 	color: var(--font-color-light);
 }
 
-.flux .item.title .author {
+.flux .flux_header .item.title .author {
 	color: var(--font-color-dark);
 }
 

+ 1 - 1
p/themes/Dark/dark.css

@@ -452,7 +452,7 @@ button.as-link[disabled] {
 	background-color: var(--dark-background-color1);
 }
 
-.flux_header .item.title a {
+.flux .flux_header .item.title a {
 	color: var(--dark-font-color8);
 }
 

+ 1 - 1
p/themes/Dark/dark.rtl.css

@@ -452,7 +452,7 @@ button.as-link[disabled] {
 	background-color: var(--dark-background-color1);
 }
 
-.flux_header .item.title a {
+.flux .flux_header .item.title a {
 	color: var(--dark-font-color8);
 }
 

+ 3 - 3
p/themes/Nord/nord.css

@@ -814,18 +814,18 @@ li.item.active {
 	transition: .3s;
 }
 
-.flux .item.title a {
+.flux .flux_header .item.title a {
 	color: var(--text-default);
 }
 
-.flux .item.title .summary {
+.flux .flux_header .item.title .summary {
 	color: var(--text-accent);
 	font-size: 0.8rem;
 	font-style: italic;
 	opacity: 0.8;
 }
 
-.flux .item.title .author {
+.flux .flux_header .item.title .author {
 	color: var(--text-accent);
 	opacity: 0.8;
 }

+ 3 - 3
p/themes/Nord/nord.rtl.css

@@ -814,18 +814,18 @@ li.item.active {
 	transition: .3s;
 }
 
-.flux .item.title a {
+.flux .flux_header .item.title a {
 	color: var(--text-default);
 }
 
-.flux .item.title .summary {
+.flux .flux_header .item.title .summary {
 	color: var(--text-accent);
 	font-size: 0.8rem;
 	font-style: italic;
 	opacity: 0.8;
 }
 
-.flux .item.title .author {
+.flux .flux_header .item.title .author {
 	color: var(--text-accent);
 	opacity: 0.8;
 }

+ 2 - 2
p/themes/Pafat/pafat.css

@@ -815,8 +815,8 @@ a.signin {
 	border-left: 2px solid var(--border-left-article-unread);
 }
 
-.flux .item.title a,
-.flux.not_read:not(.current):hover .item.title {
+.flux .flux_header .item.title a,
+.flux.not_read:not(.current):hover .flux_header .item.title {
 	color: var(--font-color-link-title);
 }
 

+ 2 - 2
p/themes/Pafat/pafat.rtl.css

@@ -815,8 +815,8 @@ a.signin {
 	border-right: 2px solid var(--border-left-article-unread);
 }
 
-.flux .item.title a,
-.flux.not_read:not(.current):hover .item.title {
+.flux .flux_header .item.title a,
+.flux.not_read:not(.current):hover .flux_header .item.title {
 	color: var(--font-color-link-title);
 }
 

+ 15 - 15
p/themes/base-theme/frss.css

@@ -1282,50 +1282,50 @@ a.website:hover .favicon {
 	position: initial;
 }
 
-.flux .item.title a {
+.flux .flux_header .item.title a {
 	color: var(--frss-font-color-dark);
 	text-decoration: none;
 }
 
-.flux .item.thumbnail {
+.flux .flux_header .item.thumbnail {
 	line-height: 0;
 	padding: var(--frss-padding-top-bottom) var(--frss-padding-flux-items);
 	height: 80px;
 }
 
-.flux .item.thumbnail .item-element {
+.flux .flux_header .item.thumbnail .item-element {
 	padding: 0;
 }
 
-.flux .item.thumbnail.small {
+.flux .flux_header .item.thumbnail.small {
 	height: 40px;
 }
 
-.flux .item.thumbnail.portrait {
+.flux .flux_header .item.thumbnail.portrait {
 	width: 60px;
 }
 
-.flux .item.thumbnail.square {
+.flux .flux_header .item.thumbnail.square {
 	width: 80px;
 }
 
-.flux .item.thumbnail.landscape {
+.flux .flux_header .item.thumbnail.landscape {
 	width: 128px;
 }
 
-.flux .item.thumbnail.portrait.small {
+.flux .flux_header .item.thumbnail.portrait.small {
 	width: 30px;
 }
 
-.flux .item.thumbnail.square.small {
+.flux .flux_header .item.thumbnail.square.small {
 	width: 40px;
 }
 
-.flux .item.thumbnail.landscape.small {
+.flux .flux_header .item.thumbnail.landscape.small {
 	width: 64px;
 }
 
-.flux .item.thumbnail img {
+.flux .flux_header .item.thumbnail img {
 	background: repeating-linear-gradient( -45deg, var(--frss-noThumbnailImage-background-color), var(--frss-noThumbnailImage-background-color) 5px, transparent 5px, transparent 10px );
 	display: inline-block;
 	width: 100%;
@@ -1334,7 +1334,7 @@ a.website:hover .favicon {
 	object-fit: cover;
 }
 
-.flux .item.title .summary {
+.flux .flux_header .item.title .summary {
 	display: -webkit-box;
 	color: var(--frss-font-color-grey-dark);
 	font-size: 0.9rem;
@@ -1346,19 +1346,19 @@ a.website:hover .favicon {
 	white-space: break-spaces;
 }
 
-.flux .item.title .author {
+.flux .flux_header .item.title .author {
 	padding-left: 1rem;
 	color: var(--frss-font-color-grey-dark);
 	font-weight: normal;
 }
 
-.flux .item.date {
+.flux .flux_header .item.date {
 	width: 155px;
 	text-align: right;
 	overflow: hidden;
 }
 
-.flux .item > a {
+.flux .flux_header .item > a {
 	display: block;
 	white-space: nowrap;
 	text-overflow: ellipsis;

+ 15 - 15
p/themes/base-theme/frss.rtl.css

@@ -1282,50 +1282,50 @@ a.website:hover .favicon {
 	position: initial;
 }
 
-.flux .item.title a {
+.flux .flux_header .item.title a {
 	color: var(--frss-font-color-dark);
 	text-decoration: none;
 }
 
-.flux .item.thumbnail {
+.flux .flux_header .item.thumbnail {
 	line-height: 0;
 	padding: var(--frss-padding-top-bottom) var(--frss-padding-flux-items);
 	height: 80px;
 }
 
-.flux .item.thumbnail .item-element {
+.flux .flux_header .item.thumbnail .item-element {
 	padding: 0;
 }
 
-.flux .item.thumbnail.small {
+.flux .flux_header .item.thumbnail.small {
 	height: 40px;
 }
 
-.flux .item.thumbnail.portrait {
+.flux .flux_header .item.thumbnail.portrait {
 	width: 60px;
 }
 
-.flux .item.thumbnail.square {
+.flux .flux_header .item.thumbnail.square {
 	width: 80px;
 }
 
-.flux .item.thumbnail.landscape {
+.flux .flux_header .item.thumbnail.landscape {
 	width: 128px;
 }
 
-.flux .item.thumbnail.portrait.small {
+.flux .flux_header .item.thumbnail.portrait.small {
 	width: 30px;
 }
 
-.flux .item.thumbnail.square.small {
+.flux .flux_header .item.thumbnail.square.small {
 	width: 40px;
 }
 
-.flux .item.thumbnail.landscape.small {
+.flux .flux_header .item.thumbnail.landscape.small {
 	width: 64px;
 }
 
-.flux .item.thumbnail img {
+.flux .flux_header .item.thumbnail img {
 	background: repeating-linear-gradient( 45deg, var(--frss-noThumbnailImage-background-color), var(--frss-noThumbnailImage-background-color) 5px, transparent 5px, transparent 10px );
 	display: inline-block;
 	width: 100%;
@@ -1334,7 +1334,7 @@ a.website:hover .favicon {
 	object-fit: cover;
 }
 
-.flux .item.title .summary {
+.flux .flux_header .item.title .summary {
 	display: -webkit-box;
 	color: var(--frss-font-color-grey-dark);
 	font-size: 0.9rem;
@@ -1346,19 +1346,19 @@ a.website:hover .favicon {
 	white-space: break-spaces;
 }
 
-.flux .item.title .author {
+.flux .flux_header .item.title .author {
 	padding-right: 1rem;
 	color: var(--frss-font-color-grey-dark);
 	font-weight: normal;
 }
 
-.flux .item.date {
+.flux .flux_header .item.date {
 	width: 155px;
 	text-align: left;
 	overflow: hidden;
 }
 
-.flux .item > a {
+.flux .flux_header .item > a {
 	display: block;
 	white-space: nowrap;
 	text-overflow: ellipsis;