X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=css%2Fcdm.less;h=7e9a58403da7f6ed0c6c0d75af32106e57cb3047;hb=8359ca6dad9051702d2635f5c2ce6b20ad0d4c2b;hp=e1cf76ec09535a8ef508d2e09044211aee8371d6;hpb=9dd336a2c32d7f9dd6224602cd31a9cb2c3503fd;p=tt-rss.git

diff --git a/css/cdm.less b/css/cdm.less
index e1cf76ec..7e9a5840 100644
--- a/css/cdm.less
+++ b/css/cdm.less
@@ -1,37 +1,34 @@
-@fonts-ui-bold: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
-@fonts-ui:  "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
-
 .cdm {
 	margin-right : 4px;
 
-	.cdmHeader, .cdmFooter {
+	.header, .footer {
 		display : table;
 	}
 
-	.cdmHeader img, .cdmHeader input, .cdmFooter img {
+	.header img, .header input, .footer img {
 		vertical-align : middle;
 	}
 
-	.cdmHeader > div, .cdmFooter > div {
+	.header > div, .footer > div {
 		white-space : nowrap;
 	}
 
-	.cdmHeader > span, .cdmFooter > span.left {
+	.header > span, .footer > span.left {
 		width : 100%;
 	}
 
-	.cdmHeader img, .cdmFooter img {
+	.header img, .footer img {
 		margin : 0px 4px;
 	}
 
-	.cdmHeader {
+	.header {
 		> * {
 			display : table-cell;
 			padding : 5px;
 		}
 
 		span.updated {
-			color : #555;
+			color : @default-text;
 			font-weight : normal;
 			font-size : 11px;
 			white-space : nowrap;
@@ -58,11 +55,11 @@
 		}
 	}
 
-	.cdmFooter {
+	.footer {
 		height : 30px;
 		padding-left : 5px;
 		font-weight : normal;
-		color : #555;
+		color : @default-text;
 		clear : both;
 
 		> * {
@@ -71,11 +68,11 @@
 		}
 	}
 
-	.cdmIntermediate {
+	.intermediate {
 		margin : 10px;
 	}
 
-	.cdmContentInner {
+	.content-inner {
 		margin : 10px;
 		line-height : 1.5;
 		font-size : 16px;
@@ -92,10 +89,10 @@
 
 	}
 
-	.cdmIntermediate img,
-	.cdmIntermediate video,
-	.cdmContentInner img,
-	.cdmContentInner video {
+	.intermediate img,
+	.intermediate video,
+	.content-inner img,
+	.content-inner video {
 		border-width : 0px;
 		max-width : 98%;
 		height : auto;
@@ -106,7 +103,7 @@
 	margin-top : 4px;
 	margin-bottom : 4px;
 
-	.cdmFooter {
+	.footer {
 		border: 0px solid #ddd;
 		border-bottom-width: 1px;
 	}
@@ -118,71 +115,15 @@
 
 }
 
-.cdm.expandable {
-	background-color : #f0f0f0;
-	border: 0px solid #ddd;
-	border-bottom-width: 1px;
-
-	> hr {
-		display : none;
-	}
-
-	div.cdmHeader span.titleWrap {
-		white-space : nowrap;
-		text-overflow : ellipsis;
-		overflow : hidden;
-		max-width : 500px;
-	}
-}
-
-.cdm.expandable.Unread {
-	background : white;
-}
-
-.cdm.expandable.Selected {
-	background : #f9fbff;
-}
-
-.cdm.expandable.active {
-	background : white ! important;
-}
-
-div.cdm.expandable.active div.cdmHeader span.titleWrap {
-	white-space : normal;
-}
-
-div.cdm.expandable div.cdmHeader a.title {
-	font-weight : 600;
-	color : #555;
-	font-size : 14px;
-	-webkit-transition : color 0.2s;
-	transition : color 0.2s;
-	text-rendering: optimizelegibility;
-	font-family : @fonts-ui-bold;
-}
-
-div.cdm.expandable.Unread div.cdmHeader a.title {
-	color : black;
-}
-
-div.cdm.expandable.active div.cdmHeader a.title {
-	color: #0088cc;
-	font-size: 16px;
-	font-weight: 600;
-	text-rendering: optimizelegibility;
-	font-family: @fonts-ui-bold;
-}
-
-div.cdm.expanded div.cdmHeader {
+div.cdm.expanded div.header {
 	background : transparent ! important;
 }
 
-div.cdm.expanded div.cdmHeader a.title {
+div.cdm.expanded div.header a.title {
 	font-size : 16px;
 	color : #999;
 	font-weight : 600;
-	-webkit-transition : color 0.2s;
-	transition : color 0.2s;
+	transition : color 0.2s, background 0.2s;
 	text-rendering: optimizelegibility;
 	font-family : @fonts-ui-bold;
 }
@@ -191,23 +132,23 @@ div.cdm.expanded.active {
 	background : white;
 }
 
-div.cdm.expanded.active div.cdmHeader a.title {
-	color : #0088cc;
+div.cdm.expanded.active div.header a.title {
+	color : @color-link;
 }
 
-div.cdm.expanded.Unread div.cdmHeader a.title {
+div.cdm.expanded.Unread div.header a.title {
 	color : black;
 }
 
-div.cdm.expanded div.cdmContent {
-	color : #555;
+div.cdm.expanded div.content {
+	color : @default-text;
 }
 
-div.cdm.expanded.Unread div.cdmContent {
+div.cdm.expanded.Unread div.content {
 	color : black;
 }
 
-div.cdm.active div.cdmContent {
+div.cdm.active div.content {
 	color : black;
 }
 
@@ -219,65 +160,65 @@ span.cdmExcerpt {
 	cursor : pointer;
 }
 
-div.cdmContent div.postEnclosures {
+div.content div.postEnclosures {
 	margin-top : 1em;
-	color : #555;
+	color : @default-text;
 }
 
-div.cdmFeedTitle {
-	border: 0px solid #0088cc;
+div.feed-title {
+	border: 0px solid @color-link;
 	border-bottom-width: 1px;
 	padding : 5px 3px 5px 5px;
 }
 
-div.cdmFeedTitle a.title {
-	color : #555;
+div.feed-title a.title {
+	color : @default-text;
 	font-weight : bold;
 }
 
-div.cdmFeedTitle a {
-	color : #555;
+div.feed-title a {
+	color : @default-text;
 }
 
-div.cdmFeedTitle a:hover {
-	color : #0088cc;
+div.feed-title a:hover {
+	color : @color-link;
 }
 
-div.cdmHeader span.hlFeed {
+div.header span.feed {
 	float : right;
 	font-weight : normal;
 	font-style : italic;
 }
 
-div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
+div.header div.feed, div.header div.feed a {
 	vertical-align : middle;
-	color : #555;
+	color : @default-text;
 	font-weight : normal;
 	font-style : italic;
 	font-size : 11px;
 }
 
-div.cdm .hlFeed a {
+div.cdm .feed a {
 	border-radius : 4px;
 	display : inline-block;
 	padding : 1px 4px 1px 4px;
 }
 
-div.cdmContentInner p {
+div.content-inner p {
 	/*max-width : 650px;*/
 	-webkit-hyphens: auto;
 	-moz-hyphens: auto;
 	hyphens: auto;
 }
 
-div.cdmContentInner iframe {
+div.content-inner iframe {
 	min-width : 50%;
 	max-width : 98%;
 }
 
-div.cdmHeader span.author {
+div.header span.author {
 	white-space : nowrap;
-	color : #555;
+	color : @default-text;
 	font-size : 11px;
 	font-weight : normal;
 }
@@ -291,7 +232,7 @@ div#floatingTitle {
 	border: 0px solid #ddd;
 	border-bottom-width: 1px;
 	background : white;
-	color : #555;
+	color : @default-text;
 	box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
 
 	> * {
@@ -307,7 +248,7 @@ div#floatingTitle {
 	}
 
 	span.author {
-		color : #555;
+		color : @default-text;
 		font-size : 11px;
 		font-weight : normal;
 	}
@@ -315,8 +256,7 @@ div#floatingTitle {
 	a.title {
 		font-size : 16px;
 		color : #999;
-		-webkit-transition : color 0.2s;
-		transition : color 0.2s;
+		transition : color 0.2s, background 0.2s;
 		font-weight : 600;
 		text-rendering: optimizelegibility;
 		font-family : @fonts-ui-bold;
@@ -326,16 +266,16 @@ div#floatingTitle {
 		margin-left : 0px;
 	}
 
-	div.hlFeed {
+	div.feed {
 		padding-right : 10px;
-		color : #555;
+		color : @default-text;
 		font-weight : normal;
 		font-style : italic;
 		font-size : 11px;
 		white-space : nowrap;
 	}
 
-	div.hlFeed a {
+	div.feed a {
 		border-radius : 4px;
 		display : inline-block;
 		padding : 1px 4px 1px 4px;
@@ -344,12 +284,12 @@ div#floatingTitle {
 	span.updated {
 		padding-right : 10px;
 		white-space : nowrap;
-		color : #555;
+		color : @default-text;
 		font-size : 11px;
 	}
 
-	div.hlFeed a {
-		color : #555;
+	div.feed a {
+		color : @default-text;
 	}
 
 	span.titleWrap {
@@ -358,7 +298,7 @@ div#floatingTitle {
 	}
 
 	.dijit,
-	img.hlScorePic {
+	img.score-pic {
 		display : none;
 	}
 
@@ -368,7 +308,7 @@ div#floatingTitle.Unread a.title {
 	color : black;
 }
 
-.cdm.high .cdmHeader {
+.cdm.high .header {
 	a.title.high,
 	.cdmExcerpt,
 	span.author {
@@ -376,7 +316,7 @@ div#floatingTitle.Unread a.title {
 	}
 }
 
-.cdm.Unread.high .cdmHeader {
+.cdm.Unread.high .header {
 	a.title.high,
 	.cdmExcerpt,
 	span.author {
@@ -384,16 +324,16 @@ div#floatingTitle.Unread a.title {
 	}
 }
 
-.cdm .cdmHeader a.title.low,
-.cdm.low .cdmHeader .cdmExcerpt,
-.cdm.Unread .cdmHeader a.title.low,
-.cdm.Unread.low .cdmHeader .cdmExcerpt,
-.cdm.low .cdmHeader span.author {
+.cdm .header a.title.low,
+.cdm.low .header .cdmExcerpt,
+.cdm.Unread .header a.title.low,
+.cdm.Unread.low .header .cdmExcerpt,
+.cdm.low .header span.author {
 	color : #909090;
 	text-decoration : line-through;
 }
 
-.cdmFeedTitle {
+.feed-title {
 
 	> * {
 		display : table-cell;
@@ -406,14 +346,14 @@ div#floatingTitle.Unread a.title {
 
 	a.catchup {
 		text-align : right;
-		color : #555;
+		color : @default-text;
 		padding-right : 10px;
 		font-size : 11px;
 		white-space : nowrap;
 	}
 
 	a.catchup:hover {
-		color : #0088cc;
+		color : @color-link;
 	}
 
 }