X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=css%2Ftt-rss.less;h=efe73944a008c8358eed38d13291bd59b5e9fd76;hb=HEAD;hp=1f371908f975d1a03ad9dbde4165eb2bf2290ef3;hpb=f830f853a919c458d06bdc6ce292b8ae73a801f3;p=tt-rss.git

diff --git a/css/tt-rss.less b/css/tt-rss.less
old mode 100644
new mode 100755
index 1f371908..efe73944
--- a/css/tt-rss.less
+++ b/css/tt-rss.less
@@ -9,19 +9,18 @@ body.ttrss_main {
 		outline: none;
 	}
 
-	div.postReply {
+	div.post {
 		padding : 0px;
 
-		div.postHeader {
+		div.header {
 			padding : 5px;
-			margin-right : 4px;
 			color : #909090;
 			border: 0px solid #ddd;
 			border-bottom-width: 1px;
+			background: #f0f0f0;
 
-			div.postDate {
+			div.date {
 				text-align : right;
-				color : #909090;
 				float : right;
 			}
 
@@ -36,8 +35,9 @@ body.ttrss_main {
 			}
 		}
 
-		div.postTitle {
+		div.title {
 			overflow : hidden;
+			font-size : 15px;
 			text-overflow: ellipsis;
 			white-space : nowrap;
 			font-weight : 600;
@@ -45,11 +45,11 @@ body.ttrss_main {
 			font-family : @fonts-ui-bold;
 		}
 
-		div.postDate {
+		div.date {
 			padding-left : 10px;
 		}
 
-		div.postContent {
+		div.content {
 			padding : 10px;
 			font-size : 16px;
 
@@ -219,8 +219,9 @@ body.ttrss_main {
 		border: 0px solid #ddd;
 		border-bottom-width: 1px;
 		padding : 1px;
+		transition : color 0.2s, background 0.2s;
 
-		div.hlTitle {
+		div.title {
 			display : table-cell;
 			cursor : pointer;
 			width : 100%;
@@ -232,31 +233,31 @@ body.ttrss_main {
 			padding: 4px 6px;
 		}
 
-		div.hlLeft {
+		div.left {
 			display : table-cell;
 			vertical-align : middle;
 			white-space: nowrap;
 		}
 
-		div.hlRight {
+		div.right {
 			display : table-cell;
 			white-space: nowrap;
 			text-align : right;
 			vertical-align : middle;
 		}
 
-		div.hlRight img {
+		div.right img {
 			max-width : 16px;
 			max-height : 16px;
 		}
 
-		span.hlFeed {
+		span.feed {
 			display : table-cell;
 			vertical-align : middle;
 			text-align : right;
 		}
 
-		span.hlFeed a {
+		span.feed a {
 			border-radius : 4px;
 			display : inline-block;
 			padding : 1px 4px 1px 4px;
@@ -267,11 +268,11 @@ body.ttrss_main {
 			white-space : nowrap;
 		}
 
-		span.hlFeed a:hover {
+		span.feed a:hover {
 			color : @color-accent;
 		}
 
-		span.hlUpdated {
+		span.updated {
 			color : @default-text;
 			display : table-cell;
 			vertical-align : middle;
@@ -281,65 +282,74 @@ body.ttrss_main {
 			padding-left : 10px;
 		}
 
-		span.hlUpdated div {
+		span.updated div {
 			display : inline-block;
 		}
 
-		div.hlLeft {
+		div.left {
 			padding-left : 8px;
 		}
 
-		div.hlLeft input {
+		div.left input {
 			margin-left : 4px;
 			margin-right : 4px;
 		}
 
-		div.hlLeft img, div.hlRight img {
+		div.left img, div.right img {
 			margin : 0px 4px;
 		}
 
-		div.hlLeft img {
+		div.left img {
 			width : 16px;
 			height : 16px;
 		}
 
-		div.hlTitle a {
+		div.title a {
 			font-weight : 600;
 			text-rendering: optimizelegibility;
 			font-family : @fonts-ui;
 			color : #777;
 		}
 
-		a.title.high, span.hlContent.high .contentPreview {
+		a.title.high, span.hl-content.high .preview {
 			color : #00aa00;
 		}
 	}
 
-	.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
+	.hl.Unread a.title.high, .hl.Unread span.hl-content.high .preview {
 		color : #00dd00;
 	}
 
-	.hl a.title.low, span.hlContent.low .contentPreview,
-	.hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
+	.hl a.title.low, span.hl-content.low .preview,
+	.hl.Unread a.title.low, .hl.Unread span.hl-content.low .preview {
 		color : #909090;
 		text-decoration : line-through;
 	}
 
-	.hl.Unread div.hlTitle a {
+	.hl.Unread div.title a {
 		color : black;
 	}
 
-	.hl.active {
-		background : @color-accent-light ! important;
-	}
-
-	.hl.active div.hlTitle a {
+	.hl.active div.title a {
 		color : @color-accent;
 		/* text-shadow : 1px 1px 2px #fff; */
 	}
 
+	.hl.active {
+		background : @color-accent ! important;
+	}
+
+	.hl.active,
 	.hl.Selected {
-		background : #f9fbff;
+		color : white;
+		background : desaturate(@color-accent, 25%);
+
+		a,
+		.feed a,
+		.hl-content a.title,
+		span {
+			color : white;
+		}
 	}
 
 	.hl.Grayed {
@@ -531,7 +541,7 @@ body.ttrss_main {
 	}
 
 
-	span.contentPreview {
+	span.preview {
 		color : #999;
 		font-weight : normal;
 		font-size : 12px;
@@ -694,17 +704,17 @@ body.ttrss_main {
 	}
 
 
-	div#headlines-frame.wide .hlTitle {
+	div#headlines-frame.wide .title {
 		max-width : none;
 		overflow : visible;
 		white-space : normal;
 	}
 
-	div#headlines-frame.wide .hl .hlFeed {
+	div#headlines-frame.wide .hl .feed {
 		display : none;
 	}
 
-	img.hlScorePic {
+	img.score-pic {
 		vertical-align : middle;
 		width : 16px;
 		height : 16px;
@@ -818,6 +828,10 @@ body.ttrss_main {
 			color : red;
 		}
 
+		#feedTree .dijitTreeRow.UpdatesDisabled .dijitTreeLabel {
+			color : #909090;
+		}
+
 		#feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
 			box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
 			border-right-color : white;
@@ -903,6 +917,13 @@ body.ttrss_main {
 		display : none;
 	}
 
+	#content-insert_splitter.dijitSplitterH {
+		background : #f0f0f0;
+		border-color: #ddd;
+		border-top-width : 1px;
+		border-style : solid;
+	}
+
 	#toolbar {
 		padding : 0px;
 		margin : 0px;
@@ -944,7 +965,6 @@ body.ttrss_main {
 		border-color : #ddd;
 		border-width : 0px;
 		line-height: 1.5;
-		font-size : 15px;
 		overflow : auto;
 		-webkit-overflow-scrolling : touch;
 	}
@@ -1037,14 +1057,6 @@ body.ttrss_main {
 		}
 	}
 
-	span.collapseBtn {
-		cursor : pointer;
-
-		img {
-			vertical-align : middle;
-		}
-	}
-
 	select.attachments {
 		display : block;
 		margin-top : 10px;
@@ -1187,3 +1199,7 @@ body.ttrss_login {
 	}
 }
 
+::selection {
+	background : @color-accent;
+	color : white;
+}