From: Andrew Dolgov <noreply@madoka.volgo-balt.ru>
Date: Wed, 29 Nov 2017 14:00:29 +0000 (+0300)
Subject: add some less files for base css
X-Git-Tag: 17.12~108
X-Git-Url: https://git.wh0rd.org/?p=tt-rss.git;a=commitdiff_plain;h=481ab9acbfdd0d9de3b52da17f33f5381150b9bc

add some less files for base css
---

diff --git a/css/Makefile b/css/Makefile
new file mode 100644
index 00000000..c0c51abd
--- /dev/null
+++ b/css/Makefile
@@ -0,0 +1,5 @@
+#cdm.css: cdm.less
+#	lessc $^ > $@ 
+
+#tt-rss.css: tt-rss.less
+#	lessc $^ > $@
diff --git a/css/cdm.less b/css/cdm.less
new file mode 100644
index 00000000..ebefeabb
--- /dev/null
+++ b/css/cdm.less
@@ -0,0 +1,424 @@
+@fonts-ui: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold",	"Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
+
+.cdm {
+	margin-right : 4px;
+
+	.cdmHeader, .cdmFooter {
+		display : table;
+	}
+
+	.cdmHeader img, .cdmHeader input, .cdmFooter img {
+		vertical-align : middle;
+	}
+
+	.cdmHeader > div, .cdmFooter > div {
+		white-space : nowrap;
+	}
+
+	.cdmHeader > span, .cdmFooter > span.left {
+		width : 100%;
+	}
+
+	.cdmHeader img, .cdmFooter img {
+		margin : 0px 4px;
+	}
+
+	.cdmHeader {
+		> * {
+			display : table-cell;
+			padding : 5px;
+		}
+
+		span.updated {
+			color : #555;
+			font-weight : normal;
+			font-size : 11px;
+			white-space : nowrap;
+			vertical-align : middle;
+		}
+
+		input {
+			margin-right : 5px;
+		}
+
+		div.updPic {
+			width : 25px;
+			display : inline-block;
+			text-align : center;
+		}
+
+		div.updPic img {
+			vertical-align : middle;
+		}
+
+		input {
+			margin-left : 4px;
+			margin-right : 4px;
+		}
+	}
+
+	.cdmFooter {
+		height : 30px;
+		padding-left : 5px;
+		font-weight : normal;
+		color : #555;
+		clear : both;
+
+		> * {
+			display : table-cell;
+			vertical-align : middle;
+		}
+	}
+
+	.cdmIntermediate {
+		margin : 10px;
+	}
+
+	.cdmContentInner {
+		margin : 10px;
+		line-height : 1.5;
+		font-size : 16px;
+
+		h1 {
+			font-size : 16px;
+		}
+
+		h2,
+		h3,
+		h4 {
+			font-size : 15px;
+		}
+
+	}
+
+	.cdmIntermediate img,
+	.cdmIntermediate video,
+	.cdmContentInner img,
+	.cdmContentInner video {
+		border-width : 0px;
+		max-width : 98%;
+		height : auto;
+	}
+}
+
+.cdm.expanded {
+	margin-top : 4px;
+	margin-bottom : 4px;
+
+	.cdmFooter {
+		border-style : solid;
+		border-width : 0px 0px 1px 0px;
+		border-color : #ddd;
+	}
+
+	> hr {
+		margin-top : 0px;
+		margin-bottom : 0px;
+	}
+
+}
+
+.cdm.expandable {
+	background-color : #f0f0f0;
+	border-width : 0px 0px 1px 0px;
+	border-color : #ddd;
+	border-style : solid;
+
+	> 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;
+}
+
+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;
+}
+
+div.cdm.expanded div.cdmHeader {
+	background : transparent ! important;
+}
+
+div.cdm.expanded div.cdmHeader a.title {
+	font-size : 16px;
+	color : #999;
+	font-weight : 600;
+	-webkit-transition : color 0.2s;
+	transition : color 0.2s;
+	text-rendering: optimizelegibility;
+	font-family : @fonts-ui;
+}
+
+div.cdm.expanded.active {
+	background : white;
+}
+
+div.cdm.expanded.active div.cdmHeader a.title {
+	color : #0088cc;
+}
+
+div.cdm.expanded.Unread div.cdmHeader a.title {
+	color : black;
+}
+
+div.cdm.expanded div.cdmContent {
+	color : #555;
+}
+
+div.cdm.expanded.Unread div.cdmContent {
+	color : black;
+}
+
+div.cdm.active div.cdmContent {
+	color : black;
+}
+
+span.cdmExcerpt {
+	white-space : nowrap;
+	font-size : 11px;
+	color : #999;
+	font-weight : normal;
+	cursor : pointer;
+}
+
+div.cdmContent div.postEnclosures {
+	margin-top : 1em;
+	color : #555;
+}
+
+div.cdmFeedTitle {
+	border-color : #0088cc;
+	border-width : 0px 0px 1px 0px;
+	border-style : solid;
+	padding : 5px 3px 5px 5px;
+}
+
+div.cdmFeedTitle a.title {
+	color : #555;
+	font-weight : bold;
+}
+
+div.cdmFeedTitle a {
+	color : #555;
+}
+
+div.cdmFeedTitle a:hover {
+	color : #0088cc;
+}
+
+div.cdmHeader span.hlFeed {
+	float : right;
+	font-weight : normal;
+	font-style : italic;
+}
+
+div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
+	vertical-align : middle;
+	color : #555;
+	font-weight : normal;
+	font-style : italic;
+	font-size : 11px;
+}
+
+div.cdm .hlFeed a {
+	border-radius : 4px;
+	display : inline-block;
+	padding : 1px 4px 1px 4px;
+}
+
+div.cdmContentInner p {
+	/*max-width : 650px;*/
+	-webkit-hyphens: auto;
+	-moz-hyphens: auto;
+	hyphens: auto;
+}
+
+div.cdmContentInner iframe {
+	min-width : 50%;
+	max-width : 98%;
+}
+
+div.cdmHeader span.author {
+	white-space : nowrap;
+	color : #555;
+	font-size : 11px;
+	font-weight : normal;
+}
+
+div#floatingTitle {
+	position : absolute;
+	z-index : 5;
+	top : 0px;
+	right : 0px;
+	left : 0px;
+	border-color : #ddd;
+	border-width : 0px 0px 1px 0px;
+	border-style : solid;
+	background : white;
+	color : #555;
+	box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
+
+	> * {
+		display : table-cell;
+		white-space : nowrap;
+		vertical-align : middle;
+		padding : 9px 5px;
+	}
+
+	img {
+		margin-right : 4px;
+		margin-left : 4px;
+	}
+
+	span.author {
+		color : #555;
+		font-size : 11px;
+		font-weight : normal;
+	}
+
+	a.title {
+		font-size : 16px;
+		color : #999;
+		-webkit-transition : color 0.2s;
+		transition : color 0.2s;
+		font-weight : 600;
+		text-rendering: optimizelegibility;
+		font-family : @fonts-ui;
+	}
+
+	img.anchor {
+		margin-left : 0px;
+	}
+
+	div.hlFeed {
+		padding-right : 10px;
+		color : #555;
+		font-weight : normal;
+		font-style : italic;
+		font-size : 11px;
+		white-space : nowrap;
+	}
+
+	div.hlFeed a {
+		border-radius : 4px;
+		display : inline-block;
+		padding : 1px 4px 1px 4px;
+	}
+
+	span.updated {
+		padding-right : 10px;
+		white-space : nowrap;
+		color : #555;
+		font-size : 11px;
+	}
+
+	div.hlFeed a {
+		color : #555;
+	}
+
+	span.titleWrap {
+		width : 100%;
+		white-space : normal;
+	}
+
+	.dijit,
+	img.hlScorePic {
+		display : none;
+	}
+
+}
+
+div#floatingTitle.Unread a.title {
+	color : black;
+}
+
+.cdm.high .cdmHeader {
+	a.title.high,
+	.cdmExcerpt,
+	span.author {
+		color : #00aa00;
+	}
+}
+
+.cdm.Unread.high .cdmHeader {
+	a.title.high,
+	.cdmExcerpt,
+	span.author {
+		color : #00dd00;
+	}
+}
+
+.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 {
+	color : #909090;
+	text-decoration : line-through;
+}
+
+.cdmFeedTitle {
+
+	> * {
+		display : table-cell;
+		vertical-align : middle;
+	}
+
+	a.title {
+		width : 100%;
+	}
+
+	a.catchup {
+		text-align : right;
+		color : #555;
+		padding-right : 10px;
+		font-size : 11px;
+		white-space : nowrap;
+	}
+
+	a.catchup:hover {
+		color : #0088cc;
+	}
+
+}
+
+
diff --git a/css/tt-rss.less b/css/tt-rss.less
new file mode 100644
index 00000000..5a651930
--- /dev/null
+++ b/css/tt-rss.less
@@ -0,0 +1,1183 @@
+@fonts-ui: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold",	"Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
+@color-accent: rgb(82, 168, 236);
+@color-accent-light: #ecf4ff;
+
+body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
+	background : white;
+	color : black;
+	margin : 0px;
+	padding : 0px;
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+	font-size: 14px;
+}
+
+body#ttrssMain {
+	overflow : hidden;
+	max-height : 100%;
+}
+
+div.postReply {
+	padding : 0px;
+
+	div.postHeader {
+		padding : 5px;
+		margin-right : 4px;
+		color : #909090;
+		border-width : 0px 0px 1px 0px;
+		border-color : #ddd;
+		border-style : solid;
+	}
+
+	div.postTitle {
+		overflow : hidden;
+		text-overflow: ellipsis;
+		white-space : nowrap;
+		font-weight : 600;
+		text-rendering: optimizelegibility;
+		font-family : @fonts-ui;
+	}
+
+	div.postDate {
+		padding-left : 10px;
+	}
+
+	div.postContent {
+		padding : 10px;
+		font-size : 16px;
+	}
+
+	div.postContent img,
+	div.postContent video {
+		border-width : 0px;
+		max-width : 98%;
+		height: auto;
+	}
+
+	div.postEnclosures {
+		color : #555;
+	}
+
+	img.tagsPic {
+		width : 16px;
+		height : 16px;
+		margin-left : 4px;
+		vertical-align : middle;
+	}
+
+	span.author {
+		font-size : 12px;
+	}
+}
+
+div.articleNote {
+	background-color : #fff7d5;
+	padding : 5px;
+	margin : 5px;
+	border-style : solid;
+	border-color : #e7d796;
+	border-width : 1px;
+	color : #9a8c59;
+
+	div.noteEdit {
+		float : right;
+		cursor : pointer;
+	}
+}
+
+h1 {
+	font-size : 18px;
+	font-weight : 600;
+	text-rendering: optimizelegibility;
+	font-family : @fonts-ui;
+}
+
+h2 {
+	font-size : 16px;
+	font-weight : 600;
+	border: 0px solid @color-accent-light;
+	border-bottom-width: 1px;
+	text-rendering: optimizelegibility;
+	font-family : @fonts-ui;
+}
+
+h3 {
+	font-size : 13px;
+	border: 0px solid @color-accent-light;
+	border-bottom-width: 1px;
+	font-weight : 600;
+	text-rendering: optimizelegibility;
+	font-family : @fonts-ui;
+}
+
+h4 {
+	font-size : 14px;
+	font-weight : 600;
+	text-rendering: optimizelegibility;
+	font-family : @fonts-ui;
+}
+
+hr {
+	border: 0px solid #ccc;
+	border-bottom-width: 1px;
+}
+
+a {
+	color: #0088cc;
+	text-decoration: none;
+}
+
+a:hover {
+	color: #005580;
+	text-decoration: underline;
+}
+
+#notify.visible {
+	transform: translate(0, -35px);
+}
+
+#notify {
+	bottom : -35px;
+	right : 0px;
+	height : 20px;
+	left : 0px;
+	border-width : 1px 0px 0px 0px;
+	border-style : solid;
+	position : fixed;	
+	font-size : 12px;
+	z-index : 99;
+	padding : 5px;
+	box-shadow : 0px -2px 2px rgba(0,0,0,0.1);
+
+	transition: all 0.5s ease-in-out;
+	-webkit-transition: all 0.5s ease-in-out;
+   -moz-transition: all 0.5s ease-in-out;
+   -o-transition: all 0.5s ease-in-out;
+
+	img {
+		vertical-align : middle;
+		max-height : 14px;
+	}
+
+	span.msg {
+		width : 100%;
+	}
+
+	img.close {
+		cursor : pointer;
+	}
+
+	span {
+		display : table-cell;
+		vertical-align : middle;
+		padding : 2px;
+	}
+}
+
+.notify {
+	border-color : #d7c47a;
+	background-color : #fff7d5;
+}
+
+.notify.notify_progress {
+	border-color : #d7c47a;
+	background-color : #fff7d5;
+}
+
+.notify.notify_info {
+	border-color : @color-accent;
+	background-color : @color-accent-light;
+}
+
+.notify.notify_error {
+	background-color : #ffcccc;
+	border-color : #ff0000;
+}
+
+.hl {
+	border: 0px solid #ddd;
+	border-bottom-width: 1px;
+	padding : 1px;
+
+	div.hlTitle a {
+		font-weight : 600;
+		text-rendering: optimizelegibility;
+		font-family : @fonts-ui;
+		color : #777;
+	}
+
+	.hlTitle {
+		overflow : hidden;
+		white-space : nowrap;
+		max-width : 500px;
+		text-overflow : ellipsis;
+		padding-left : 6px;
+		padding-right : 6px;
+	}
+
+	a.title.high, span.hlContent.high .contentPreview {
+		color : #00aa00;
+	}
+}
+
+.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
+	color : #00dd00;
+}
+
+.hl a.title.low, span.hlContent.low .contentPreview,
+.hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
+	color : #909090;
+	text-decoration : line-through;
+}
+
+.hl.Unread div.hlTitle a {
+	color : black;
+}
+
+.hl.active {
+	background : @color-accent-light ! important;
+}
+
+.hl.active div.hlTitle a {
+	color : @color-accent;
+	/* text-shadow : 1px 1px 2px #fff; */
+}
+
+.hl.Selected {
+	background : #f9fbff;
+}
+
+.hl.Grayed {
+	color : #909090;
+}
+
+div.filterTestHolder {
+	height : 300px;
+	overflow : auto;
+	border-color : #ddd;
+	border-style : solid;
+	margin : 0px 0px 5px 0px;
+	border-width : 1px;
+}
+
+#content-insert blockquote,
+#headlines-frame blockquote,
+.dijitContentPane blockquote {
+	margin : 5px 0px 5px 0px;
+	color : #555;
+	padding-left : 10px;
+	border: 0px solid #ccc;
+	border-left-width: 4px;
+}
+
+#content-insert code,
+#headlines-frame code,
+.dijitContentPane code {
+	color : #009900;
+	font-family : monospace;
+	font-size : 12px;
+}
+
+#content-insert pre,
+#headlines-frame pre,
+.dijitContentPane pre {
+	margin: 5px 0px 5px 0px;
+	padding: 10px;
+	color: #555;
+	font-family: monospace;
+	font-size: 12px;
+	border: 0px solid #ccc;
+	background: #f5f5f5;
+	display: block;
+	max-width: 98%;
+	overflow: auto;
+}
+
+.alert {
+	padding: 8px 35px 8px 14px;
+	margin-bottom: 10px;
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+	background-color: #fcf8e3;
+	border: 1px solid #fbeed5;
+	border-radius: 4px;
+}
+
+.alert,
+.alert h4 {
+	color: #c09853;
+}
+
+.alert h4 {
+	margin: 0;
+}
+
+.alert .close {
+	position: relative;
+	top: -2px;
+	right: -21px;
+	line-height: 20px;
+	cursor : pointer;
+}
+
+.alert-success {
+	color: #468847;
+	background-color: #dff0d8;
+	border-color: #d6e9c6;
+}
+
+.alert-success h4 {
+	color: #468847;
+}
+
+.alert-danger,
+.alert-error {
+	color: #b94a48;
+	background-color: #f2dede;
+	border-color: #eed3d7;
+}
+
+.alert-danger h4,
+.alert-error h4 {
+	color: #b94a48;
+}
+
+.alert-info {
+	color: #3a87ad;
+	background-color: #d9edf7;
+	border-color: #bce8f1;
+}
+
+.alert-info h4 {
+	color: #3a87ad;
+}
+
+ul.nomarks {
+	list-style-type : none;
+	margin : 0px;
+	padding : 10px; 
+}
+
+div.prefHelp {
+	color : #555;
+	padding : 5px;
+}
+
+.insensitive {
+	color : #555;
+}
+
+.small {
+	font-size : 11px;
+}
+
+#main-toolbar {
+
+	> * {
+		white-space : nowrap;
+		display : table-cell;
+		color : #999;
+		overflow : hidden;
+	}
+
+	> *,
+	table *,
+	.actionChooser * {
+		text-rendering: optimizelegibility;
+		font-family : @fonts-ui;
+		font-size : 12px;
+
+	}
+
+	#headlines-toolbar {
+		padding-right : 4px;
+		width : 100%;
+
+		span.holder {
+			display : table;
+			width : 100%;
+		}
+
+		span.holder > * {
+			display : table-cell;
+		}
+
+		.main {
+			text-align : right;
+		}
+
+		.main,
+		.r {
+			line-height : 24px;
+		}
+
+		span.r img {
+			margin-right : 4px;
+			position : relative;
+			top : 3px;
+		}
+
+		span.r .error a {
+			color : red;
+		}
+
+	}
+
+	#selected_prompt {
+		font-style : italic;
+		text-align : right;
+		margin-right : 4px;
+	}
+
+	@media (max-width: 992px) {
+		#selected_prompt {
+			display : none;
+		}
+	}
+}
+
+
+span.contentPreview {
+	color : #999;
+	font-weight : normal;
+	font-size : 12px;
+	padding-left : 4px;
+}
+
+span.hlLabelRef {
+	background-color : #fff7d5;	
+	font-size : 8px;
+	color : #063064;
+	font-weight : normal;
+	margin-left : 2px;
+	padding : 1px 4px 1px 4px;
+	display : inline-block;
+	vertical-align : middle;
+	white-space: nowrap;
+	border-radius : 4px; 
+}
+
+.postHeader {
+
+	div.postDate {
+		text-align : right;
+		color : #909090;
+		float : right;
+	}
+
+	div {
+		padding-bottom : 3px;
+	}
+
+}
+
+
+#feedUpdateErrors {
+	display : none;
+}
+
+#allEntryTags {
+	border-width : 0px 0px 1px 0px;
+	border-style : solid;
+	border-color : #ddd;
+	padding-bottom : 5px;
+	display : none;
+}
+
+img.markedPic, img.pubPic {
+	cursor : pointer;
+	vertical-align : middle;
+	opacity : 0.5;
+	-webkit-transition : opacity 0.25s;
+	transition : opacity 0.25s;
+}
+
+img.markedPic:hover, img.pubPic:hover {
+	opacity : 1;
+}
+
+img[src*='pub_set.png'], img[src*='mark_set.png'] {
+	opacity : 1;
+}
+
+div.tagCloudContainer {
+	border : 1px solid #ddd;
+	margin : 5px 0px 5px 0px;
+	padding : 5px;
+	text-align : center;
+}
+
+div.errorExplained {
+	border : 1px solid #ddd;
+	margin : 5px 0px 5px 0px;
+	padding : 5px;
+}
+
+ul.feedErrorsList {
+	max-height : 300px;
+	overflow : auto;
+	list-style-type : none;
+	border : 1px solid #ddd;
+	margin : 0px 0px 5px 0px;
+	padding : 5px;
+
+	em {
+		color : #555;
+	}
+}
+
+
+ul.browseFeedList {
+	height : 300px;
+	overflow : auto;
+	border-width : 0px 1px 1px 1px;
+	border-color : #ddd;
+	border-style : solid;
+	margin : 0px 0px 5px 0px;
+	background-color : white;
+	list-style-type : none;
+	padding : 0px;
+
+	li {
+		margin : 0px;
+		padding : 2px 4px 2px 4px;
+	}
+}
+
+
+span.subscribers {
+	color : #808080;
+}
+
+div.subscribers {
+	color : #808080;
+	font-size : 12px;
+	float : right;
+}
+
+div.browserDetails {
+	margin : 5px 5px 5px 5px;
+	padding : 5px;
+}
+
+ul.compact {
+	list-style-type : none;
+	margin : 0px;
+	padding : 0px;
+
+	li {
+		margin : 0px;
+		padding : 0px;
+	}
+}
+
+.noborder {
+	border-width : 0px;
+}
+
+#overlay {
+	background : white;
+	left : 0;
+	top : 0;
+	height : 100%;
+	width : 100%;
+	z-index : 100;
+	position : absolute;
+}
+
+#overlay_inner {
+	font-weight : bold;
+	margin : 1em;
+}
+
+form {
+	margin : 0px;
+	padding : 0px;
+}
+
+div.loadingPrompt {
+	padding : 1em;
+	text-align : center;
+	font-weight : bold;
+}
+
+div.whiteBox {
+	margin-left : 1px;
+	text-align : center;
+	padding : 1em 1em 0px 1em;
+	font-size : 11px;
+	border-width : 0px 0px 1px 0px;
+	border-style : solid;
+	border-color : #ddd;
+}
+
+div.autocomplete {
+	position : absolute;
+	width : 250px;
+	background-color : white;
+	border :1px solid #778899;
+	margin : 0px;
+	padding : 0px;
+
+	ul {
+		list-style-type : none;
+		margin : 0px;
+		padding : 0px;
+	}
+
+	ul li.selected {
+		background-color : #fff7d5;
+	}
+
+	ul li {
+		list-style-type : none;
+		display : block;
+		margin : 0;
+		padding : 2px;
+		height : 32px;
+		cursor : pointer;
+	}
+}
+
+
+div#headlines-frame.wide .hlTitle {
+	max-width : auto;
+	overflow : visible;
+	white-space : normal;
+}
+
+div#headlines-frame.wide .hl .hlFeed {
+	display : none;
+}
+
+img.hlScorePic {
+	vertical-align : middle;
+	width : 16px;
+	height : 16px;
+}
+
+div.dlgSec {
+	font-size : 12px;
+	color : #555;
+	font-weight : bold;
+	clear : both;
+	height : 20px;
+}
+
+div.dlgSecCont {
+	position : relative;
+	left : 150px;
+	top : -20px;
+	float : left;
+	font-size : 12px;
+	font-weight : normal;
+}
+
+div.dlgSecCont hr, div.dlgSecSimple hr {
+	height : 0px;
+	line-height : 0px;
+	border : 0px solid transparent;
+	margin : 2px;
+}
+
+div.dlgSecCont > * {
+	position : relative;
+	top : -2px;
+}
+
+div.dlgButtons {
+	text-align : right;
+	clear : both;
+}
+
+span.labelColorIndicator {
+	height : 16px;
+	width : 16px;
+	border-radius : 4px;
+	line-height : 14px;
+	vertical-align : middle;
+	font-size : 9px;
+	display : inline-block;
+	border : 1px solid #ccc;
+	background-color : #fff7d5;	
+	color : #063064;
+	text-align : center;
+}
+
+div#cmdline {
+	position : absolute;
+	left : 5px;
+	bottom : 5px;
+	font-size : 11px;
+	color : #555;
+	font-weight : bold;
+	background-color : white;
+	border : 1px solid @color-accent;
+	padding : 3px 5px 3px 5px;
+	z-index : 5;
+}
+
+#feed_browser_spinner {
+	vertical-align : middle;
+	height : 18px;
+	width : 18px;
+}
+
+div.hlTitle {
+	display : table-cell;
+	cursor : pointer;
+	width : 100%;
+	vertical-align : middle;
+	padding-top : 4px;
+	padding-bottom : 4px;
+}
+
+div.hlLeft {
+	display : table-cell;
+	vertical-align : middle;
+	white-space: nowrap;
+}
+
+div.hlRight {
+	display : table-cell;
+	white-space: nowrap;
+	text-align : right;
+	vertical-align : middle;
+}
+
+div.hlRight img {
+	max-width : 16px;
+	max-height : 16px;
+}
+
+.hl span.hlFeed {
+	display : table-cell;
+	vertical-align : middle;
+	text-align : right;
+}
+
+.hl span.hlFeed a {
+	border-radius : 4px;
+	display : inline-block;
+	padding : 1px 4px 1px 4px;
+	font-size : 11px;
+	font-style : italic;
+	font-weight : normal;
+	color : #555;
+	white-space : nowrap;
+}
+
+.hl span.hlFeed a:hover {
+	color : @color-accent;
+}
+
+.hl span.hlUpdated {
+	color : #555;
+	display : table-cell;
+	vertical-align : middle;
+	text-align : right;
+	font-size : 11px;
+	white-space : nowrap;
+	padding-left : 10px;
+}
+
+span.hlUpdated div {
+	display : inline-block;
+}
+
+div.hlLeft {
+	padding-left : 8px;
+}
+
+div.hlLeft input {
+	margin-left : 4px;
+	margin-right : 4px;
+}
+
+div.hlLeft img, div.hlRight img {
+	margin : 0px 4px;
+}
+
+div.hlLeft img {
+	width : 16px;
+	height : 16px;
+}
+
+div.fatalError {
+	margin-bottom : 10px;
+}
+
+div.fatalError button {
+	margin-top : 5px;
+}
+
+div.fatalError textarea {
+	width : 565px;
+	height : 200px;
+}
+
+#ttrssMain #main {
+	border-width : 0px;
+	margin : 0px;
+	padding : 0px;
+}
+
+#header-wrap {
+	border-width : 0px;
+	margin : 0px;
+	padding : 0px;
+}
+
+#content-wrap {
+	padding : 0px;
+	border-width : 0px;
+	margin : 0px;
+}
+
+#feeds-holder {
+	padding : 0px;
+	border-width : 0px 0px 0px 0px;
+	border-style : solid;
+  	border-color : #ddd;
+	overflow : hidden;
+	background : #f5f5f5;
+	box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
+	-webkit-overflow-scrolling : touch;
+}
+
+#headlines-wrap-inner {
+	padding : 0px;
+	margin : 0px;
+	border-width : 0px;
+}
+
+#headlines-frame {
+	padding : 0px;
+	border-width : 0px;
+	border-color : #ddd;
+	margin-top : 0px;
+	-webkit-overflow-scrolling : touch;
+}
+
+#headlines-toolbar_splitter, #toolbar_splitter {
+	display : none;
+}
+
+#toolbar {
+	padding : 0px;
+	margin : 0px;
+	border-width : 0px;
+	white-space: nowrap;
+	font-size : 12px;
+}
+
+#main-toolbar {
+	background : white;
+	border-width : 0px 0px 1px 0px;
+	border-color : #ddd;
+	border-style : solid;
+	padding-left : 4px;
+	height : 26px;
+
+}
+
+#header {
+	border-width : 0px;
+	text-align : right;
+	color : #555;
+	padding : 5px 5px 0px 0px;
+	margin : 0px;
+	position : absolute;
+	right : 0px;
+	top : 0px;
+	z-index : 5;
+}
+
+#footer {
+	text-align : center;
+	color : #555;
+	padding : 4px 4px 8px 4px;
+	border-width : 0px;
+}
+
+#content-insert {
+	padding : 0px;
+	border-color : #ddd;
+	border-width : 0px;
+	line-height: 1.5;
+	font-size : 15px;
+	overflow : auto;
+	-webkit-overflow-scrolling : touch;
+}
+
+#feedTree .dijitTreeRow .dijitTreeLabel.Unread {
+	font-weight : bold;
+}
+
+#feedTree .dijitTreeRow.Error .dijitTreeLabel {
+	color : red;
+}
+
+img.feedIcon, img.tinyFeedIcon {
+	width : 16px;
+	height : 16px;
+	line-height : 16px;
+	vertical-align : middle;
+	display : inline-block;
+}
+
+.player {
+	display : inline-block;
+	color : #555;
+	font-size : 11px;
+	font-family : sans-serif;
+	border : 1px solid #555;
+	padding : 0px 4px 0px 4px;
+	margin : 0px 2px 0px 2px;
+	width : 50px;
+	text-align : center;
+	background : white;
+}
+
+.player.playing {
+	color : #00c000;
+	border-color : #00c000;
+}
+
+.player:hover {
+	background : #f0f0f0;
+	cursor : pointer;
+}
+
+#headlines-spacer {
+	height : 100%;
+	margin-left : 1px;
+	text-align : center;
+	color : #555;
+	font-size : 11px;
+	font-style : italic;
+}
+
+#headlines-spacer a, #headlines-spacer span {
+	color : #555;
+	padding : 10px;
+	display : block;
+}
+
+#headlines-spacer a:hover {
+	color : @color-accent;
+}
+
+ul#filterDlg_Matches, ul#filterDlg_Actions {
+	max-height : 100px;
+	overflow : auto;
+	list-style-type : none;
+	border-style : solid;
+  	border-color : #ddd;
+	border-width : 0px 1px 1px 1px;
+	background-color : white;
+	margin : 0px 0px 5px 0px;
+	padding : 0px;
+}
+
+ul#filterDlg_Matches li, ul#filterDlg_Actions li {
+	cursor : pointer;
+	padding : 0px 0px 0px 5px;
+}
+
+ul.helpKbList {
+	max-height : 300px;
+	overflow : auto;
+	list-style-type : none;
+	border : 1px solid #ddd;
+	margin : 0px 0px 5px 0px;
+	padding : 5px;
+}
+
+ul.helpKbList span.hksequence {
+	width : 6em;
+	margin-left : 20px;
+	color : @color-accent;
+	font-weight : bold;
+	display : inline-block;
+}
+
+ul.helpKbList h2 {
+	margin-top : 0px;
+}
+
+span.collapseBtn {
+	cursor : pointer;
+}
+
+span.collapseBtn img {
+	vertical-align : middle;
+}
+
+div.postContent h1 {
+	font-size : 16px;
+}
+
+div.postContent h2,
+div.postContent h3,
+div.postContent h4 {
+	font-size : 15px;
+}
+
+div.postContent p {
+	/*max-width : 650px;*/
+	-webkit-hyphens: auto;
+	-moz-hyphens: auto;
+	hyphens: auto;
+}
+
+div.postContent iframe {
+	min-width : 50%;
+	max-width : 98%;
+}
+
+div.postHeader span.author {
+	color : #555;
+	font-size : 11px;
+	font-weight : normal;
+}
+
+select.attachments {
+	display : block;
+	margin-top : 10px;
+	max-width : 120px;
+}
+
+#selected_prompt {
+	margin-right : 25px;
+	vertical-align  : middle;
+}
+
+span.sel_links {
+	margin-right : 4px;
+	vertical-align  : middle;
+}
+
+/*#feedTree img.feedIcon {
+	position : relative;
+	top : -2px;
+}*/
+
+body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
+	box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
+	border-right-color : white;
+}
+
+body#ttrssMain #feedTree.dijitTree .dijitTreeContainer {
+	max-width : 100%;
+}
+
+body#ttrssMain #feedTree.dijitTree .dijitTreeRow {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
+	padding : 4px 0px 4px;
+	border-width : 1px;
+	color : #333;
+}
+
+body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon {
+	position : relative;
+	top : -2px;
+}
+
+#filterDlg_feeds select {
+	height : 150px;
+	width : 410px;
+}
+
+ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
+	margin-right : 5px;
+}
+
+body#ttrssMain #feedTree { 
+	height : 100%;
+	overflow-x : hidden;
+	text-rendering: optimizelegibility;
+	font-family : @fonts-ui;
+}
+
+body#ttrssMain #feedTree .counterNode.aux {
+	background : #f0f0f0;
+	color : #999;
+	border-color : #f0f0f0;
+}
+
+body#ttrssMain #feedTree .counterNode {
+	font-weight : bold;
+	display : inline-block;
+	font-size : 9px;
+	text-align : center;
+	border : 1px solid @color-accent;
+	color : white;
+	background : @color-accent;
+	border-radius : 4px;
+	vertical-align : middle;
+	float : right;
+	position : relative;
+	line-height : 14px;
+	margin-right : 8px;
+	margin-top : 2px;
+	min-width : 23px;
+	height : 14px;
+}
+
+body#ttrssMain #feedTree .dijitTreeNode .loadingExpando {
+	left : -3px;
+	height : 22px;
+	position : relative;
+	top : -3px;
+}
+
+
+span.highlight {
+	background-color : #ffff00;
+	color : #cc90cc;
+}
+
+div.enclosure_title {
+
+}
+
+body#ttrssMain #headlines-frame .dijitCheckBox {
+	border-width : 0px;
+	opacity : 0.5;
+}
+
+body#ttrssMain #headlines-frame .dijitCheckBoxHover,
+body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
+	opacity : 1;
+}
+
+body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
+	width : 16px;
+	height : 16px;
+	vertical-align : middle;
+	position : relative;
+} 
+
+#headlines-frame {
+	-webkit-transform: translateZ(0);
+	-webkit-backface-visibility: hidden;
+}
+
+:focus {
+	outline: none; 
+}
+
+.dijitDropDownButton.attachments .dijitButtonText {
+	font-size : 12px;
+}
+
+.dijitDropDownButton.attachments {
+	display : inline-block;
+}
+
+#editTagsDlg{
+	overflow: visible;
+}
\ No newline at end of file