فهرست منبع

css/less updates

Andrew Dolgov 6 سال پیش
والد
کامیت
5e68e24679
13فایلهای تغییر یافته به همراه1386 افزوده شده و 1376 حذف شده
  1. 2 3
      classes/article.php
  2. 8 6
      classes/handler/public.php
  3. 0 0
      css/default.css
  4. 3 1
      css/default.less
  5. 2 1
      css/layout.css
  6. 1 1
      css/prefs.less
  7. 971 967
      css/tt-rss.less
  8. 0 290
      css/utility.css
  9. 290 0
      css/utility.less
  10. 0 105
      css/zoom.css
  11. 107 0
      css/zoom.less
  12. 1 1
      index.php
  13. 1 1
      prefs.php

+ 2 - 3
classes/article.php

@@ -634,12 +634,11 @@ class Article extends Handler_Protected {
 				$rv['content'] .= "<html><head>
 						<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
 						<title>".$line["title"]."</title>".
-					stylesheet_tag("css/default.css")."
-
+						stylesheet_tag("css/default.css")."
 						<link rel=\"shortcut icon\" type=\"image/png\" href=\"images/favicon.png\">
 						<link rel=\"icon\" type=\"image/png\" sizes=\"72x72\" href=\"images/favicon-72px.png\">
 
-					</head><body id=\"ttrssZoom\">";
+					</head><body class=\"claro ttrss_zoom\">";
 			}
 
 			$rv['content'] .= "<div class=\"postReply\" id=\"POST-$id\">";

+ 8 - 6
classes/handler/public.php

@@ -538,14 +538,16 @@ class Handler_Public extends Handler {
 			header('Content-Type: text/html; charset=utf-8');
 			print "<html>
 				<head>
-					<title>Tiny Tiny RSS</title>
-					<link rel=\"stylesheet\" type=\"text/css\" href=\"css/utility.css\">
-					<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
-					<link rel=\"shortcut icon\" type=\"image/png\" href=\"images/favicon.png\">
-					<link rel=\"icon\" type=\"image/png\" sizes=\"72x72\" href=\"images/favicon-72px.png\">
+					<title>Tiny Tiny RSS</title>";
+            print stylesheet_tag("css/utility.css");
+			print stylesheet_tag("css/default.css");
+
+            print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
+                <link rel=\"shortcut icon\" type=\"image/png\" href=\"images/favicon.png\">
+                <link rel=\"icon\" type=\"image/png\" sizes=\"72x72\" href=\"images/favicon-72px.png\">
 
 				</head>
-				<body>
+				<body class='claro'>
 				<img class=\"floatingLogo\" src=\"images/logo_small.png\"
 			  		alt=\"Tiny Tiny RSS\"/>
 					<h1>".__("Subscribe to feed...")."</h1><div class='content'>";

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
css/default.css


+ 3 - 1
css/default.less

@@ -8,4 +8,6 @@
 @import "tt-rss.less";
 @import "cdm.less";
 @import "prefs.less";
-@import "dijit.less";
+@import "dijit.less";
+@import "utility.less";
+@import "zoom.less";

+ 2 - 1
css/layout.css

@@ -1,4 +1,5 @@
-html, body#ttrssMain, body#ttrssPrefs, #main {
+body.ttrss_main,
+body.ttrss_prefs {
 	width: 100%; 
 	height: 100%;
 	border: 0; 

+ 1 - 1
css/prefs.less

@@ -1,4 +1,4 @@
-body#ttrssPrefs {
+body.ttrss_prefs {
 	background-color : #f5f5f5;
 
 	#footer, #header {

+ 971 - 967
css/tt-rss.less

@@ -1,1225 +1,1229 @@
-body {
+body.ttrss_main {
+
 	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%;
-}
+	body#ttrssMain {
+		overflow : hidden;
+		max-height : 100%;
+	}
 
-:focus {
-	outline: none;
-}
+	:focus {
+		outline: none;
+	}
 
-div.postReply {
-	padding : 0px;
+	div.postReply {
+		padding : 0px;
 
-	div.postHeader {
-		padding : 5px;
-		margin-right : 4px;
-		color : #909090;
-		border: 0px solid #ddd;
-		border-bottom-width: 1px;
+		div.postHeader {
+			padding : 5px;
+			margin-right : 4px;
+			color : #909090;
+			border: 0px solid #ddd;
+			border-bottom-width: 1px;
+
+			div.postDate {
+				text-align : right;
+				color : #909090;
+				float : right;
+			}
+
+			div {
+				padding-bottom : 3px;
+			}
+
+			span.author {
+				color : #555;
+				font-size : 11px;
+				font-weight : normal;
+			}
+		}
+
+		div.postTitle {
+			overflow : hidden;
+			text-overflow: ellipsis;
+			white-space : nowrap;
+			font-weight : 600;
+			text-rendering: optimizelegibility;
+			font-family : @fonts-ui-bold;
+		}
 
 		div.postDate {
-			text-align : right;
-			color : #909090;
-			float : right;
+			padding-left : 10px;
+		}
+
+		div.postContent {
+			padding : 10px;
+			font-size : 16px;
+
+			img,
+			video {
+				border-width : 0px;
+				max-width : 98%;
+				height: auto;
+			}
+
+			h1 {
+				font-size : 16px;
+			}
+
+			h2,
+			h3,
+			h4 {
+				font-size : 15px;
+			}
+
+			p {
+				hyphens: auto;
+			}
+
+			iframe {
+				min-width : 50%;
+				max-width : 98%;
+			}
+		}
+
+		div.postEnclosures {
+			color : #555;
 		}
 
-		div {
-			padding-bottom : 3px;
+		img.tagsPic {
+			width : 16px;
+			height : 16px;
+			margin-left : 4px;
+			vertical-align : middle;
 		}
 
 		span.author {
-			color : #555;
-			font-size : 11px;
-			font-weight : normal;
+			font-size : 12px;
 		}
 	}
 
-	div.postTitle {
-		overflow : hidden;
-		text-overflow: ellipsis;
-		white-space : nowrap;
+	div.articleNote {
+		background-color : #fff7d5;
+		padding : 5px;
+		margin : 5px;
+		border: 1px solid #e7d796;
+		color : #9a8c59;
+
+		div.noteEdit {
+			float : right;
+			cursor : pointer;
+		}
+	}
+
+	h1 {
+		font-size : 18px;
 		font-weight : 600;
 		text-rendering: optimizelegibility;
-		font-family : @fonts-ui-bold;
+		font-family : @fonts-ui;
 	}
 
-	div.postDate {
-		padding-left : 10px;
+	h2 {
+		font-size : 16px;
+		font-weight : 600;
+		border: 0px solid @color-accent-light;
+		border-bottom-width: 1px;
+		text-rendering: optimizelegibility;
+		font-family : @fonts-ui;
 	}
 
-	div.postContent {
-		padding : 10px;
-		font-size : 16px;
+	h3 {
+		font-size : 13px;
+		border: 0px solid @color-accent-light;
+		border-bottom-width: 1px;
+		font-weight : 600;
+		text-rendering: optimizelegibility;
+		font-family : @fonts-ui;
+	}
 
-		img,
-		video {
-			border-width : 0px;
-			max-width : 98%;
-			height: auto;
-		}
+	h4 {
+		font-size : 14px;
+		font-weight : 600;
+		text-rendering: optimizelegibility;
+		font-family : @fonts-ui;
+	}
 
- 		h1 {
-			font-size : 16px;
+	hr {
+		border: 0px solid #ccc;
+		border-bottom-width: 1px;
+	}
+
+	a {
+		color: @color-link;
+		text-decoration: none;
+	}
+
+	a:hover {
+		color: darken(@color-link, 20%);
+		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;
+
+		img {
+			vertical-align : middle;
+			max-height : 14px;
 		}
 
-		h2,
-		h3,
-		h4 {
-			font-size : 15px;
+		span.msg {
+			width : 100%;
 		}
 
-		p {
-			hyphens: auto;
+		img.close {
+			cursor : pointer;
 		}
 
-		iframe {
-			min-width : 50%;
-			max-width : 98%;
+		span {
+			display : table-cell;
+			vertical-align : middle;
+			padding : 2px;
 		}
 	}
 
-	div.postEnclosures {
-		color : #555;
+	.notify {
+		border-color : #d7c47a;
+		background-color : #fff7d5;
 	}
 
-	img.tagsPic {
-		width : 16px;
-		height : 16px;
-		margin-left : 4px;
-		vertical-align : middle;
+	.notify.notify_progress {
+		border-color : #d7c47a;
+		background-color : #fff7d5;
 	}
 
-	span.author {
-		font-size : 12px;
+	.notify.notify_info {
+		border-color : @color-accent;
+		background-color : @color-accent-light;
 	}
-}
 
-div.articleNote {
-	background-color : #fff7d5;
-	padding : 5px;
-	margin : 5px;
-	border: 1px solid #e7d796;
-	color : #9a8c59;
-
-	div.noteEdit {
-		float : right;
-		cursor : pointer;
+	.notify.notify_error {
+		background-color : #ffcccc;
+		border-color : #ff0000;
 	}
-}
 
-h1 {
-	font-size : 18px;
-	font-weight : 600;
-	text-rendering: optimizelegibility;
-	font-family : @fonts-ui;
-}
+	.hl {
+		border: 0px solid #ddd;
+		border-bottom-width: 1px;
+		padding : 1px;
 
-h2 {
-	font-size : 16px;
-	font-weight : 600;
-	border: 0px solid @color-accent-light;
-	border-bottom-width: 1px;
-	text-rendering: optimizelegibility;
-	font-family : @fonts-ui;
-}
+		div.hlTitle {
+			display : table-cell;
+			cursor : pointer;
+			width : 100%;
+			vertical-align : middle;
+			overflow : hidden;
+			white-space : nowrap;
+			max-width : 500px;
+			text-overflow : ellipsis;
+			padding: 4px 6px;
+		}
 
-h3 {
-	font-size : 13px;
-	border: 0px solid @color-accent-light;
-	border-bottom-width: 1px;
-	font-weight : 600;
-	text-rendering: optimizelegibility;
-	font-family : @fonts-ui;
-}
+		div.hlLeft {
+			display : table-cell;
+			vertical-align : middle;
+			white-space: nowrap;
+		}
 
-h4 {
-	font-size : 14px;
-	font-weight : 600;
-	text-rendering: optimizelegibility;
-	font-family : @fonts-ui;
-}
+		div.hlRight {
+			display : table-cell;
+			white-space: nowrap;
+			text-align : right;
+			vertical-align : middle;
+		}
 
-hr {
-	border: 0px solid #ccc;
-	border-bottom-width: 1px;
-}
+		div.hlRight img {
+			max-width : 16px;
+			max-height : 16px;
+		}
 
-a {
-	color: @color-link;
-	text-decoration: none;
-}
+		span.hlFeed {
+			display : table-cell;
+			vertical-align : middle;
+			text-align : right;
+		}
 
-a:hover {
-	color: darken(@color-link, 20%);
-	text-decoration: underline;
-}
+		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;
+		}
 
-#notify.visible {
-	transform: translate(0, -35px);
-}
+		span.hlFeed a:hover {
+			color : @color-accent;
+		}
 
-#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;
-
-	img {
-		vertical-align : middle;
-		max-height : 14px;
-	}
+		span.hlUpdated {
+			color : #555;
+			display : table-cell;
+			vertical-align : middle;
+			text-align : right;
+			font-size : 11px;
+			white-space : nowrap;
+			padding-left : 10px;
+		}
 
-	span.msg {
-		width : 100%;
-	}
+		span.hlUpdated div {
+			display : inline-block;
+		}
 
-	img.close {
-		cursor : pointer;
-	}
+		div.hlLeft {
+			padding-left : 8px;
+		}
 
-	span {
-		display : table-cell;
-		vertical-align : middle;
-		padding : 2px;
-	}
-}
+		div.hlLeft input {
+			margin-left : 4px;
+			margin-right : 4px;
+		}
 
-.notify {
-	border-color : #d7c47a;
-	background-color : #fff7d5;
-}
+		div.hlLeft img, div.hlRight img {
+			margin : 0px 4px;
+		}
 
-.notify.notify_progress {
-	border-color : #d7c47a;
-	background-color : #fff7d5;
-}
+		div.hlLeft img {
+			width : 16px;
+			height : 16px;
+		}
 
-.notify.notify_info {
-	border-color : @color-accent;
-	background-color : @color-accent-light;
-}
+		div.hlTitle a {
+			font-weight : 600;
+			text-rendering: optimizelegibility;
+			font-family : @fonts-ui;
+			color : #777;
+		}
 
-.notify.notify_error {
-	background-color : #ffcccc;
-	border-color : #ff0000;
-}
+		a.title.high, span.hlContent.high .contentPreview {
+			color : #00aa00;
+		}
+	}
 
-.hl {
-	border: 0px solid #ddd;
-	border-bottom-width: 1px;
-	padding : 1px;
+	.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
+		color : #00dd00;
+	}
 
-	div.hlTitle {
-		display : table-cell;
-		cursor : pointer;
-		width : 100%;
-		vertical-align : middle;
-		overflow : hidden;
-		white-space : nowrap;
-		max-width : 500px;
-		text-overflow : ellipsis;
-		padding: 4px 6px;
+	.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;
 	}
 
-	div.hlLeft {
-		display : table-cell;
-		vertical-align : middle;
-		white-space: nowrap;
+	.hl.Unread div.hlTitle a {
+		color : black;
 	}
 
-	div.hlRight {
-		display : table-cell;
-		white-space: nowrap;
-		text-align : right;
-		vertical-align : middle;
+	.hl.active {
+		background : @color-accent-light ! important;
 	}
 
-	div.hlRight img {
-		max-width : 16px;
-		max-height : 16px;
+	.hl.active div.hlTitle a {
+		color : @color-accent;
+		/* text-shadow : 1px 1px 2px #fff; */
 	}
 
-	span.hlFeed {
-		display : table-cell;
-		vertical-align : middle;
-		text-align : right;
+	.hl.Selected {
+		background : #f9fbff;
 	}
 
-	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.Grayed {
+		color : #909090;
 	}
 
-	span.hlFeed a:hover {
-		color : @color-accent;
+	div.filterTestHolder {
+		height : 300px;
+		overflow : auto;
+		border-color : #ddd;
+		border-style : solid;
+		margin : 0px 0px 5px 0px;
+		border-width : 1px;
 	}
 
-	span.hlUpdated {
+	#content-insert blockquote,
+	#headlines-frame blockquote,
+	.dijitContentPane blockquote {
+		margin : 5px 0px 5px 0px;
 		color : #555;
-		display : table-cell;
-		vertical-align : middle;
-		text-align : right;
-		font-size : 11px;
-		white-space : nowrap;
 		padding-left : 10px;
+		border: 0px solid #ccc;
+		border-left-width: 4px;
 	}
 
-	span.hlUpdated div {
-		display : inline-block;
+	#content-insert code,
+	#headlines-frame code,
+	.dijitContentPane code {
+		color : #009900;
+		font-family : monospace;
+		font-size : 12px;
 	}
 
-	div.hlLeft {
-		padding-left : 8px;
+	#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;
 	}
 
-	div.hlLeft input {
-		margin-left : 4px;
-		margin-right : 4px;
+	.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;
 	}
 
-	div.hlLeft img, div.hlRight img {
-		margin : 0px 4px;
+	.alert,
+	.alert h4 {
+		color: #c09853;
 	}
 
-	div.hlLeft img {
-		width : 16px;
-		height : 16px;
+	.alert h4 {
+		margin: 0;
 	}
 
-	div.hlTitle a {
-		font-weight : 600;
-		text-rendering: optimizelegibility;
-		font-family : @fonts-ui;
-		color : #777;
+	.alert .close {
+		position: relative;
+		top: -2px;
+		right: -21px;
+		line-height: 20px;
+		cursor : pointer;
 	}
 
-	a.title.high, span.hlContent.high .contentPreview {
-		color : #00aa00;
+	.alert-success {
+		color: #468847;
+		background-color: #dff0d8;
+		border-color: #d6e9c6;
 	}
-}
-
-.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;
-}
+	.alert-success h4 {
+		color: #468847;
+	}
 
-.hl.active {
-	background : @color-accent-light ! important;
-}
+	.alert-danger,
+	.alert-error {
+		color: #b94a48;
+		background-color: #f2dede;
+		border-color: #eed3d7;
+	}
 
-.hl.active div.hlTitle a {
-	color : @color-accent;
-	/* text-shadow : 1px 1px 2px #fff; */
-}
+	.alert-danger h4,
+	.alert-error h4 {
+		color: #b94a48;
+	}
 
-.hl.Selected {
-	background : #f9fbff;
-}
+	.alert-info {
+		color: #3a87ad;
+		background-color: #d9edf7;
+		border-color: #bce8f1;
+	}
 
-.hl.Grayed {
-	color : #909090;
-}
+	.alert-info h4 {
+		color: #3a87ad;
+	}
 
-div.filterTestHolder {
-	height : 300px;
-	overflow : auto;
-	border-color : #ddd;
-	border-style : solid;
-	margin : 0px 0px 5px 0px;
-	border-width : 1px;
-}
+	ul.nomarks {
+		list-style-type : none;
+		margin : 0px;
+		padding : 10px;
+	}
 
-#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;
-}
+	div.prefHelp {
+		color : #555;
+		padding : 5px;
+	}
 
-#content-insert code,
-#headlines-frame code,
-.dijitContentPane code {
-	color : #009900;
-	font-family : monospace;
-	font-size : 12px;
-}
+	.insensitive {
+		color : #555;
+	}
 
-#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;
-}
+	.small {
+		font-size : 11px;
+	}
 
-.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;
-}
+	#main-toolbar {
 
-.alert,
-.alert h4 {
-	color: #c09853;
-}
+		> * {
+			white-space : nowrap;
+			display : table-cell;
+			color : #999;
+			overflow : hidden;
+		}
 
-.alert h4 {
-	margin: 0;
-}
+		> *,
+		table *,
+		.actionChooser * {
+			text-rendering: optimizelegibility;
+			font-family : @fonts-ui;
+			font-size : 12px;
 
-.alert .close {
-	position: relative;
-	top: -2px;
-	right: -21px;
-	line-height: 20px;
-	cursor : pointer;
-}
+		}
 
-.alert-success {
-	color: #468847;
-	background-color: #dff0d8;
-	border-color: #d6e9c6;
-}
+		#headlines-toolbar {
+			padding-right : 4px;
+			width : 100%;
 
-.alert-success h4 {
-	color: #468847;
-}
+			span.holder {
+				display : table;
+				width : 100%;
+			}
 
-.alert-danger,
-.alert-error {
-	color: #b94a48;
-	background-color: #f2dede;
-	border-color: #eed3d7;
-}
+			span.holder > * {
+				display : table-cell;
+			}
 
-.alert-danger h4,
-.alert-error h4 {
-	color: #b94a48;
-}
+			.main {
+				text-align : right;
+			}
 
-.alert-info {
-	color: #3a87ad;
-	background-color: #d9edf7;
-	border-color: #bce8f1;
-}
+			.main,
+			.r {
+				line-height : 24px;
+			}
 
-.alert-info h4 {
-	color: #3a87ad;
-}
+			span.r img {
+				margin-right : 4px;
+				position : relative;
+				top : 3px;
+			}
 
-ul.nomarks {
-	list-style-type : none;
-	margin : 0px;
-	padding : 10px; 
-}
+			span.r .error a {
+				color : red;
+			}
 
-div.prefHelp {
-	color : #555;
-	padding : 5px;
-}
+		}
 
-.insensitive {
-	color : #555;
-}
+		#selected_prompt {
+			font-style : italic;
+			text-align : right;
+			margin-right : 4px;
+		}
 
-.small {
-	font-size : 11px;
-}
+		@media (max-width: 992px) {
+			#selected_prompt {
+				display : none;
+			}
+		}
+	}
 
-#main-toolbar {
 
-	> * {
-		white-space : nowrap;
-		display : table-cell;
+	span.contentPreview {
 		color : #999;
-		overflow : hidden;
-	}
-
-	> *,
-	table *,
-	.actionChooser * {
-		text-rendering: optimizelegibility;
-		font-family : @fonts-ui;
+		font-weight : normal;
 		font-size : 12px;
-
+		padding-left : 4px;
 	}
 
-	#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.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;
+	}
 
-		span.r img {
-			margin-right : 4px;
-			position : relative;
-			top : 3px;
-		}
+	img.markedPic, img.pubPic {
+		cursor : pointer;
+		vertical-align : middle;
+		opacity : 0.5;
+		transition : opacity 0.25s;
+	}
 
-		span.r .error a {
-			color : red;
-		}
+	img.markedPic:hover, img.pubPic:hover {
+		opacity : 1;
+	}
 
+	img[src*='pub_set.png'], img[src*='mark_set.png'] {
+		opacity : 1;
 	}
 
-	#selected_prompt {
-		font-style : italic;
-		text-align : right;
-		margin-right : 4px;
+	div.tagCloudContainer {
+		border : 1px solid #ddd;
+		margin : 5px 0px 5px 0px;
+		padding : 5px;
+		text-align : center;
 	}
 
-	@media (max-width: 992px) {
-		#selected_prompt {
-			display : none;
-		}
+	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;
 
-span.contentPreview {
-	color : #999;
-	font-weight : normal;
-	font-size : 12px;
-	padding-left : 4px;
-}
+		em {
+			color : #555;
+		}
+	}
 
-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; 
-}
 
-img.markedPic, img.pubPic {
-	cursor : pointer;
-	vertical-align : middle;
-	opacity : 0.5;
-	transition : opacity 0.25s;
-}
+	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;
 
-img.markedPic:hover, img.pubPic:hover {
-	opacity : 1;
-}
+		li {
+			margin : 0px;
+			padding : 2px 4px 2px 4px;
+		}
+	}
 
-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;
-}
+	.browseFeedList span.subscribers {
+		color : #808080;
+	}
 
-div.errorExplained {
-	border : 1px solid #ddd;
-	margin : 5px 0px 5px 0px;
-	padding : 5px;
-}
+	ul.compact {
+		list-style-type : none;
+		margin : 0px;
+		padding : 0px;
 
-ul.feedErrorsList {
-	max-height : 300px;
-	overflow : auto;
-	list-style-type : none;
-	border : 1px solid #ddd;
-	margin : 0px 0px 5px 0px;
-	padding : 5px;
+		li {
+			margin : 0px;
+			padding : 0px;
+		}
+	}
 
-	em {
-		color : #555;
+	.noborder {
+		border-width : 0px;
 	}
-}
 
+	#overlay {
+		background : white;
+		left : 0;
+		top : 0;
+		height : 100%;
+		width : 100%;
+		z-index : 100;
+		position : absolute;
+	}
 
-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;
+	#overlay_inner {
+		font-weight : bold;
+		margin : 1em;
+	}
 
-	li {
+	form {
 		margin : 0px;
-		padding : 2px 4px 2px 4px;
+		padding : 0px;
 	}
-}
-
 
-.browseFeedList span.subscribers {
-	color : #808080;
-}
+	div.loadingPrompt {
+		padding : 1em;
+		text-align : center;
+		font-weight : bold;
+	}
 
-ul.compact {
-	list-style-type : none;
-	margin : 0px;
-	padding : 0px;
+	div.whiteBox {
+		margin-left : 1px;
+		text-align : center;
+		padding : 1em 1em 0px 1em;
+		font-size : 11px;
+		border: 0px solid #ddd;
+		border-bottom-width: 1px;
+	}
 
-	li {
+	div.autocomplete {
+		position : absolute;
+		width : 250px;
+		background-color : white;
+		border :1px solid #778899;
 		margin : 0px;
 		padding : 0px;
-	}
-}
 
-.noborder {
-	border-width : 0px;
-}
+		ul {
+			list-style-type : none;
+			margin : 0px;
+			padding : 0px;
+		}
 
-#overlay {
-	background : white;
-	left : 0;
-	top : 0;
-	height : 100%;
-	width : 100%;
-	z-index : 100;
-	position : absolute;
-}
+		ul li.selected {
+			background-color : #fff7d5;
+		}
 
-#overlay_inner {
-	font-weight : bold;
-	margin : 1em;
-}
+		ul li {
+			list-style-type : none;
+			display : block;
+			margin : 0;
+			padding : 2px;
+			height : 32px;
+			cursor : pointer;
+		}
+	}
 
-form {
-	margin : 0px;
-	padding : 0px;
-}
 
-div.loadingPrompt {
-	padding : 1em;
-	text-align : center;
-	font-weight : bold;
-}
+	div#headlines-frame.wide .hlTitle {
+		max-width : none;
+		overflow : visible;
+		white-space : normal;
+	}
 
-div.whiteBox {
-	margin-left : 1px;
-	text-align : center;
-	padding : 1em 1em 0px 1em;
-	font-size : 11px;
-	border: 0px solid #ddd;
-	border-bottom-width: 1px;
-}
+	div#headlines-frame.wide .hl .hlFeed {
+		display : none;
+	}
 
-div.autocomplete {
-	position : absolute;
-	width : 250px;
-	background-color : white;
-	border :1px solid #778899;
-	margin : 0px;
-	padding : 0px;
+	img.hlScorePic {
+		vertical-align : middle;
+		width : 16px;
+		height : 16px;
+	}
 
-	ul {
-		list-style-type : none;
-		margin : 0px;
-		padding : 0px;
+	div.dlgSec {
+		font-size : 12px;
+		color : #555;
+		font-weight : bold;
+		clear : both;
+		height : 20px;
 	}
 
-	ul li.selected {
-		background-color : #fff7d5;
+	div.dlgSecCont {
+		position : relative;
+		left : 150px;
+		top : -20px;
+		float : left;
+		font-size : 12px;
+		font-weight : normal;
+
+		> * {
+			position : relative;
+			top : -2px;
+		}
 	}
 
-	ul li {
-		list-style-type : none;
-		display : block;
-		margin : 0;
-		padding : 2px;
-		height : 32px;
-		cursor : pointer;
+	div.dlgSecCont hr, div.dlgSecSimple hr {
+		height : 0px;
+		line-height : 0px;
+		border : 0px solid transparent;
+		margin : 2px;
 	}
-}
 
+	div.dlgButtons {
+		text-align : right;
+		clear : both;
+	}
 
-div#headlines-frame.wide .hlTitle {
-	max-width : none;
-	overflow : visible;
-	white-space : normal;
-}
+	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#headlines-frame.wide .hl .hlFeed {
-	display : none;
-}
+	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;
+	}
 
-img.hlScorePic {
-	vertical-align : middle;
-	width : 16px;
-	height : 16px;
-}
+	#feed_browser_spinner {
+		vertical-align : middle;
+		height : 18px;
+		width : 18px;
+	}
 
-div.dlgSec {
-	font-size : 12px;
-	color : #555;
-	font-weight : bold;
-	clear : both;
-	height : 20px;
-}
+	div.fatalError {
+		margin-bottom : 10px;
 
-div.dlgSecCont {
-	position : relative;
-	left : 150px;
-	top : -20px;
-	float : left;
-	font-size : 12px;
-	font-weight : normal;
+		button {
+			margin-top : 5px;
+		}
 
-	> * {
-		position : relative;
-		top : -2px;
+		textarea {
+			width : 565px;
+			height : 200px;
+		}
 	}
-}
 
-div.dlgSecCont hr, div.dlgSecSimple hr {
-	height : 0px;
-	line-height : 0px;
-	border : 0px solid transparent;
-	margin : 2px;
-}
+	#ttrssMain #main {
+		border-width : 0px;
+		margin : 0px;
+		padding : 0px;
+	}
 
-div.dlgButtons {
-	text-align : right;
-	clear : both;
-}
+	#header-wrap {
+		border-width : 0px;
+		margin : 0px;
+		padding : 0px;
+	}
 
-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;
-}
+	#content-wrap {
+		padding : 0px;
+		border-width : 0px;
+		margin : 0px;
+	}
 
-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;
-}
+	#feeds-holder {
+		padding : 0px;
+		border: 0px solid #ddd;
+		overflow : hidden;
+		background : #f5f5f5;
+		box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
+		-webkit-overflow-scrolling : touch;
+	}
 
-#feed_browser_spinner {
-	vertical-align : middle;
-	height : 18px;
-	width : 18px;
-}
+	#headlines-wrap-inner {
+		padding : 0px;
+		margin : 0px;
+		border-width : 0px;
+	}
 
-div.fatalError {
-	margin-bottom : 10px;
+	#headlines-frame {
+		padding : 0px;
+		border: 0px #ddd;
+		margin-top : 0px;
+		-webkit-overflow-scrolling : touch;
+		-webkit-transform: translateZ(0);
+		-webkit-backface-visibility: hidden;
+	}
 
-	button {
-		margin-top : 5px;
+	#headlines-toolbar_splitter, #toolbar_splitter {
+		display : none;
 	}
 
-	textarea {
-		width : 565px;
-		height : 200px;
+	#toolbar {
+		padding : 0px;
+		margin : 0px;
+		border-width : 0px;
+		white-space: nowrap;
+		font-size : 12px;
 	}
-}
 
-#ttrssMain #main {
-	border-width : 0px;
-	margin : 0px;
-	padding : 0px;
-}
+	#main-toolbar {
+		background : white;
+		border: 0px solid #ddd;
+		border-bottom-width: 1px;
+		padding-left : 4px;
+		height : 26px;
 
-#header-wrap {
-	border-width : 0px;
-	margin : 0px;
-	padding : 0px;
-}
+	}
 
-#content-wrap {
-	padding : 0px;
-	border-width : 0px;
-	margin : 0px;
-}
+	#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;
+	}
 
-#feeds-holder {
-	padding : 0px;
-	border: 0px solid #ddd;
-	overflow : hidden;
-	background : #f5f5f5;
-	box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
-	-webkit-overflow-scrolling : touch;
-}
+	#footer {
+		text-align : center;
+		color : #555;
+		padding : 4px 4px 8px 4px;
+		border-width : 0px;
+	}
 
-#headlines-wrap-inner {
-	padding : 0px;
-	margin : 0px;
-	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;
+	}
 
-#headlines-frame {
-	padding : 0px;
-	border: 0px #ddd;
-	margin-top : 0px;
-	-webkit-overflow-scrolling : touch;
-	-webkit-transform: translateZ(0);
-	-webkit-backface-visibility: hidden;
-}
+	#feedTree .dijitTreeRow .dijitTreeLabel.Unread {
+		font-weight : bold;
+	}
 
-#headlines-toolbar_splitter, #toolbar_splitter {
-	display : none;
-}
+	#feedTree .dijitTreeRow.Error .dijitTreeLabel {
+		color : red;
+	}
 
-#toolbar {
-	padding : 0px;
-	margin : 0px;
-	border-width : 0px;
-	white-space: nowrap;
-	font-size : 12px;
-}
+	img.feedIcon, img.tinyFeedIcon {
+		width : 16px;
+		height : 16px;
+		line-height : 16px;
+		vertical-align : middle;
+		display : inline-block;
+	}
 
-#main-toolbar {
-	background : white;
-	border: 0px solid #ddd;
-	border-bottom-width: 1px;
-	padding-left : 4px;
-	height : 26px;
+	.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;
+	}
 
-#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;
-}
+	.player:hover {
+		background : #f0f0f0;
+		cursor : pointer;
+	}
 
-#footer {
-	text-align : center;
-	color : #555;
-	padding : 4px 4px 8px 4px;
-	border-width : 0px;
-}
+	#headlines-spacer {
+		height : 100%;
+		margin-left : 1px;
+		text-align : center;
+		color : #555;
+		font-size : 11px;
+		font-style : italic;
 
-#content-insert {
-	padding : 0px;
-	border-color : #ddd;
-	border-width : 0px;
-	line-height: 1.5;
-	font-size : 15px;
-	overflow : auto;
-	-webkit-overflow-scrolling : touch;
-}
+		a, span {
+			color : #555;
+			padding : 10px;
+			display : block;
+		}
 
-#feedTree .dijitTreeRow .dijitTreeLabel.Unread {
-	font-weight : bold;
-}
+		a:hover {
+			color : @color-accent;
+		}
+	}
 
-#feedTree .dijitTreeRow.Error .dijitTreeLabel {
-	color : red;
-}
+	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;
+	}
 
-img.feedIcon, img.tinyFeedIcon {
-	width : 16px;
-	height : 16px;
-	line-height : 16px;
-	vertical-align : middle;
-	display : inline-block;
-}
+	ul#filterDlg_Matches li, ul#filterDlg_Actions li {
+		cursor : pointer;
+		padding : 0px 0px 0px 5px;
+	}
 
-.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;
-}
+	ul.helpKbList {
+		max-height : 300px;
+		overflow : auto;
+		list-style-type : none;
+		border : 1px solid #ddd;
+		margin : 0px 0px 5px 0px;
+		padding : 5px;
 
-.player.playing {
-	color : #00c000;
-	border-color : #00c000;
-}
+		span.hksequence {
+			width : 6em;
+			margin-left : 20px;
+			color : @color-accent;
+			font-weight : bold;
+			display : inline-block;
+		}
 
-.player:hover {
-	background : #f0f0f0;
-	cursor : pointer;
-}
+		h2 {
+			margin-top : 0px;
+		}
+	}
 
-#headlines-spacer {
-	height : 100%;
-	margin-left : 1px;
-	text-align : center;
-	color : #555;
-	font-size : 11px;
-	font-style : italic;
+	span.collapseBtn {
+		cursor : pointer;
 
-	a, span {
-		color : #555;
-		padding : 10px;
+		img {
+			vertical-align : middle;
+		}
+	}
+
+	select.attachments {
 		display : block;
+		margin-top : 10px;
+		max-width : 120px;
 	}
 
-	a:hover {
-		color : @color-accent;
+	#selected_prompt {
+		margin-right : 25px;
+		vertical-align  : middle;
 	}
-}
 
-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;
-}
+	body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
+		box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
+		border-right-color : white;
+	}
 
-ul#filterDlg_Matches li, ul#filterDlg_Actions li {
-	cursor : pointer;
-	padding : 0px 0px 0px 5px;
-}
+	body#ttrssMain #feedTree.dijitTree .dijitTreeContainer {
+		max-width : 100%;
+	}
 
-ul.helpKbList {
-	max-height : 300px;
-	overflow : auto;
-	list-style-type : none;
-	border : 1px solid #ddd;
-	margin : 0px 0px 5px 0px;
-	padding : 5px;
-
-	span.hksequence {
-		width : 6em;
-		margin-left : 20px;
-		color : @color-accent;
-		font-weight : bold;
-		display : inline-block;
+	body#ttrssMain #feedTree.dijitTree .dijitTreeRow {
+		overflow: hidden;
+		text-overflow: ellipsis;
 	}
 
-	h2 {
-		margin-top : 0px;
+	body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
+		padding : 4px 0px 4px;
+		border-width : 1px;
+		color : #333;
 	}
-}
 
-span.collapseBtn {
-	cursor : pointer;
+	body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon {
+		position : relative;
+		top : -2px;
+	}
 
-	img {
-		vertical-align : middle;
+	#filterDlg_feeds select {
+		height : 150px;
+		width : 410px;
 	}
-}
 
-select.attachments {
-	display : block;
-	margin-top : 10px;
-	max-width : 120px;
-}
+	ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
+		margin-right : 5px;
+	}
 
-#selected_prompt {
-	margin-right : 25px;
-	vertical-align  : middle;
-}
+	body#ttrssMain #feedTree {
+		height : 100%;
+		overflow-x : hidden;
+		text-rendering: optimizelegibility;
+		font-family : @fonts-ui;
 
-body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
-	box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
-	border-right-color : white;
-}
+		.counterNode.aux {
+			background : #f0f0f0;
+			color : #999;
+			border-color : #f0f0f0;
+		}
 
-body#ttrssMain #feedTree.dijitTree .dijitTreeContainer {
-	max-width : 100%;
-}
+		.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.dijitTree .dijitTreeRow {
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
+		.dijitTreeNode .loadingExpando {
+			left : -3px;
+			height : 22px;
+			position : relative;
+			top : -3px;
+		}
 
-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;
-}
+	span.highlight {
+		background-color : #ffff00;
+		color : #cc90cc;
+	}
 
-#filterDlg_feeds select {
-	height : 150px;
-	width : 410px;
-}
+	div.enclosure_title {
 
-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 #headlines-frame .dijitCheckBox {
+		border-width : 0px;
+		opacity : 0.5;
+	}
 
-	.counterNode.aux {
-		background : #f0f0f0;
-		color : #999;
-		border-color : #f0f0f0;
+	body#ttrssMain #headlines-frame .dijitCheckBoxHover,
+	body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
+		opacity : 1;
 	}
 
-	.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;
+	body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
+		width : 16px;
+		height : 16px;
 		vertical-align : middle;
-		float : right;
 		position : relative;
-		line-height : 14px;
-		margin-right : 8px;
-		margin-top : 2px;
-		min-width : 23px;
-		height : 14px;
 	}
 
-	.dijitTreeNode .loadingExpando {
-		left : -3px;
-		height : 22px;
-		position : relative;
-		top : -3px;
+	.dijitDropDownButton.attachments .dijitButtonText {
+		font-size : 12px;
 	}
 
-}
-
-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;
-} 
+	.dijitDropDownButton.attachments {
+		display : inline-block;
+	}
 
-.dijitDropDownButton.attachments .dijitButtonText {
-	font-size : 12px;
-}
+	#editTagsDlg{
+		overflow: visible;
+	}
 
-.dijitDropDownButton.attachments {
-	display : inline-block;
-}
+	body#ttrssZoom {
+		margin-left : auto;
+		margin-right : auto;
+		padding : 20px;
+		max-width : 770px;
+		background : #f5f5f5;
 
-#editTagsDlg{
-	overflow: visible;
-}
+		div.postHeader div.postFeedTitle {
+			float : left;
+			text-align : right;
+			padding-left : 0px;
+			font-size : 11px;
+		}
 
-body#ttrssZoom {
-	margin-left : auto;
-	margin-right : auto;
-	padding : 20px;
-	max-width : 770px;
-	background : #f5f5f5;
+		div.postHeader a.postComments {
+			text-align : right;
+			padding-left : 0px;
+			font-size : 11px;
+		}
 
-	div.postHeader div.postFeedTitle {
-		float : left;
-		text-align : right;
-		padding-left : 0px;
-		font-size : 11px;
-	}
+		div.postHeader div.postDate {
+			float : none;
+			text-align : right;
+			padding-left : 0px;
+			color : #777;
+			font-size : 11px;
+		}
 
-	div.postHeader a.postComments {
-		text-align : right;
-		padding-left : 0px;
-		font-size : 11px;
-	}
+		div.postHeader div.postTags {
+			color : #777;
+			font-size : 11px;
+		}
 
-	div.postHeader div.postDate {
-		float : none;
-		text-align : right;
-		padding-left : 0px;
-		color : #777;
-		font-size : 11px;
-	}
+		div.postHeader div.postTitle {
+			white-space : normal;
+			font-size : 16px;
+		}
 
-	div.postHeader div.postTags {
-		color : #777;
-		font-size : 11px;
-	}
+		div.postContent {
+			font-size : 15px;
+			line-height : 1.5;
+		}
 
-	div.postHeader div.postTitle {
-		white-space : normal;
-		font-size : 16px;
-	}
+		div.postContent p {
+			-webkit-hyphens: auto;
+			-moz-hyphens: auto;
+			hyphens: auto;
+		}
 
-	div.postContent {
-		font-size : 15px;
-		line-height : 1.5;
-	}
+		div.postHeader {
+			margin : 10px;
+			border-width : 0px 0px 1px 0px;
+			border-style : solid;
+			border-color : #eee;
+			background : white;
+		}
 
-	div.postContent p {
-		-webkit-hyphens: auto;
-		-moz-hyphens: auto;
-		hyphens: auto;
-	}
+		div.postReply {
+			border : 1px solid #ddd;
+			background : white;
+			box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
+			border-radius : 6px;
+		}
 
-	div.postHeader {
-		margin : 10px;
-		border-width : 0px 0px 1px 0px;
-		border-style : solid;
-		border-color : #eee;
-		background : white;
-	}
+		div.footer {
+			margin-top : 1em;
+			text-align : center;
+		}
 
-	div.postReply {
-		border : 1px solid #ddd;
-		background : white;
-		box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-		border-radius : 6px;
-	}
+		div.postContent img {
+			max-width : 730px;
+			height : auto;
+		}
 
-	div.footer {
-		margin-top : 1em;
-		text-align : center;
-	}
+		div.postContent blockquote {
+			margin : 5px 0px 5px 0px;
+			color : #555;
+			padding-left : 10px;
+			border-width : 0px 0px 0px 4px;
+			border-color : #ccc;
+			border-style : solid;
+		}
 
-	div.postContent img {
-		max-width : 730px;
-		height : auto;
-	}
+		div.postContent code {
+			color : #009900;
+			font-family : monospace;
+			font-size : 12px;
+		}
 
-	div.postContent blockquote {
-		margin : 5px 0px 5px 0px;
-		color : #555;
-		padding-left : 10px;
-		border-width : 0px 0px 0px 4px;
-		border-color : #ccc;
-		border-style : solid;
-	}
+		div.postContent pre {
+			margin : 5px 0px 5px 0px;
+			padding : 10px;
+			color : #555;
+			font-family : monospace;
+			font-size : 12px;
+			border-width : 0px;
+			border-color : #ccc;
+			border-style : solid;
+			background : #f5f5f5;
+			display : block;
+			max-width : 98%;
+			overflow : auto;
+		}
 
-	div.postContent code {
-		color : #009900;
-		font-family : monospace;
-		font-size : 12px;
-	}
 
-	div.postContent pre {
-		margin : 5px 0px 5px 0px;
-		padding : 10px;
-		color : #555;
-		font-family : monospace;
-		font-size : 12px;
-		border-width : 0px;
-		border-color : #ccc;
-		border-style : solid;
-		background : #f5f5f5;
-		display : block;
-		max-width : 98%;
-		overflow : auto;
 	}
 
 
 }
 
+

+ 0 - 290
css/utility.css

@@ -1,290 +0,0 @@
-body.sanity_failed {
-	background : #900;
-}
-
-body {
-	background : #f5f5f5;
-	color : black;
-	padding : 0px;
-	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-	font-size: 14px;
-	margin-left : auto;
-	margin-right : auto;
-	max-width : 800px;
-}
-
-body.small_margins {
-	margin : 1em;
-	max-width : none;
-}
-
-form {
-	margin : 10px 0px 0px 0px;
-	padding : 0px;
-}
-
-div.content {
-	overflow : hidden;
-	background : white;
-	border : 1px solid #ddd;
-	padding : 10px;
-	border-radius : 6px;
-	box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-}
-
-p.warning {
-	color : red;
-}
-
-p.query, code {
-	color : green;
-}
-
-p.insensitive {
-	color : gray;
-}
-
-div.insensitive-small {
-	color : gray;
-	font-size : 10px;
-}
-
-.floatingLogo {
-	display : none;
-}
-
-a {
-	color : rgb(82, 168, 236);
-	text-decoration : none;
-}
-
-a:hover {
-	color : black;
-}
-
-.alert {
-	padding: 8px 35px 8px 14px;
-	margin-bottom: 20px;
-	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-	background-color: #fcf8e3;
-	border: 1px solid #fbeed5;
-	-webkit-border-radius: 4px;
-	-moz-border-radius: 4px;
-	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;
-}
-
-h1 {
-	color : rgb(82, 168, 236);
-	font-size : 32px;
-	margin : 20px 0px 5px 0px;
-	text-shadow : 0 0 6px #fff;
-}
-
-h2 {
-	color : rgb(82, 168, 236);
-	font-size : 14pt;
-	border-width : 0px 0px 1px 0px;
-	border-color : #f0f0f0;
-	border-style : solid;
-}
-
-div.content > h2 {
-	margin-top : 0px;
-}
-
-div.rss h1 {
-	border-width : 0px 0px 1px 0px;
-	border-color : gray;
-	border-style : dotted;
-	color : gray;
-}
-
-div.rss h2 {
-	font-size : 12pt;
-}
-
-div.rss a.extlink {
-	color : gray;
-	border-width : 0px 0px 1px 0px;
-	border-color : #778899;
-	border-style : dotted;
-	font-size : 9pt;
-}
-
-div.rss img {
-	max-width : 775px;
-}
-
-div.rss p.description {
-	color : gray;
-	font-size : 9pt;
-}
-
-div.rss div.content {
-	margin-top : 0.5em;
-}
-
-div.rss img.feedicon {
-	float : right;
-}
-
-div.rss hr {
-	border-width : 0px 0px 1px 0px;
-	border-style : dashed;
-	border-color : #e0e0e0;
-}
-
-body#sharepopup {
-	background-color : white;
-	background-image : url("../images/toolbar.png");
-	background-repeat : repeat-x;
-	background-position : bottom;
-	margin : 10px;
-	padding : 0px;
-}
-
-body#sharepopup h1 {
-	font-size : 14px;
-	margin : 0px;
-	color : rgb(82, 168, 236);
-}
-
-body#sharepopup table {
-	background : white;
-	border : 1px solid rgb(82, 168, 236);
-	padding : 5px;
-}
-
-body#sharepopup form {
-	height : 100%;
-}
-
-body#sharepopup input {
-	width : 100%;
-}
-
-div.autocomplete {
-	position : absolute;
-	width : 250px;
-	background-color : white;
-	border :1px solid #778899;
-	margin : 0px;
-	padding : 0px;
-	z-index : 4;
-}
-
-div.autocomplete ul {
-	list-style-type : none;
-	margin : 0px;
-	padding : 0px;
-	font-size : 10px;
-}
-
-div.autocomplete ul li.selected {
-	background-color : #fff7d5;
-}
-
-div.autocomplete ul li {
-	list-style-type : none;
-	display : block;
-	margin : 0;
-	padding : 2px;
-	height : 32px;
-	cursor : pointer;
-}
-
-fieldset {
-	border-width : 0px;
-	padding : 0px 0px 5px 0px;
-	margin : 0px;
-}
-
-fieldset input {
-	font-family : sans-serif;
-	font-size : medium;
-	border-spacing : 2px;
-	border : 1px solid #b5bcc7;
-	padding : 2px;
-}
-
-fieldset label {
-	width : 120px;
-	margin-right : 20px;
-	display : inline-block;
-	text-align : right;
-	color : gray;
-}
-
-body.otp {
-	margin : 1em;
-	padding : 0px;
-}
-
-form.otpform {
-	margin : 0px;
-	padding : 0px;
-}
-
-form.otpform label {
-	margin : 0px;
-	padding : 0px;
-}
-
-body.otp div.content {
-	display : inline-block;
-	width : auto;
-}
-
-span.hint {
-	font-size : 10px;
-	color : gray;
-}

+ 290 - 0
css/utility.less

@@ -0,0 +1,290 @@
+body.sanity_failed {
+	background : #900;
+}
+
+body.ttrss_utility {
+	background : #f5f5f5;
+	color : black;
+	padding : 0px;
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+	font-size: 14px;
+	margin-left : auto;
+	margin-right : auto;
+	max-width : 800px;
+
+	form {
+		margin : 10px 0px 0px 0px;
+		padding : 0px;
+	}
+
+	div.content {
+		overflow : hidden;
+		background : white;
+		border : 1px solid #ddd;
+		padding : 10px;
+		border-radius : 6px;
+		box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
+	}
+
+	p.warning {
+		color : red;
+	}
+
+	p.query, code {
+		color : green;
+	}
+
+	p.insensitive {
+		color : gray;
+	}
+
+	div.insensitive-small {
+		color : gray;
+		font-size : 10px;
+	}
+
+	.floatingLogo {
+		display : none;
+	}
+
+	a {
+		color : rgb(82, 168, 236);
+		text-decoration : none;
+	}
+
+	a:hover {
+		color : black;
+	}
+
+	.alert {
+		padding: 8px 35px 8px 14px;
+		margin-bottom: 20px;
+		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+		background-color: #fcf8e3;
+		border: 1px solid #fbeed5;
+		-webkit-border-radius: 4px;
+		-moz-border-radius: 4px;
+		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;
+	}
+
+	h1 {
+		color : rgb(82, 168, 236);
+		font-size : 32px;
+		margin : 20px 0px 5px 0px;
+		text-shadow : 0 0 6px #fff;
+	}
+
+	h2 {
+		color : rgb(82, 168, 236);
+		font-size : 14pt;
+		border-width : 0px 0px 1px 0px;
+		border-color : #f0f0f0;
+		border-style : solid;
+	}
+
+	div.content > h2 {
+		margin-top : 0px;
+	}
+
+	div.rss h1 {
+		border-width : 0px 0px 1px 0px;
+		border-color : gray;
+		border-style : dotted;
+		color : gray;
+	}
+
+	div.rss h2 {
+		font-size : 12pt;
+	}
+
+	div.rss a.extlink {
+		color : gray;
+		border-width : 0px 0px 1px 0px;
+		border-color : #778899;
+		border-style : dotted;
+		font-size : 9pt;
+	}
+
+	div.rss img {
+		max-width : 775px;
+	}
+
+	div.rss p.description {
+		color : gray;
+		font-size : 9pt;
+	}
+
+	div.rss div.content {
+		margin-top : 0.5em;
+	}
+
+	div.rss img.feedicon {
+		float : right;
+	}
+
+	div.rss hr {
+		border-width : 0px 0px 1px 0px;
+		border-style : dashed;
+		border-color : #e0e0e0;
+	}
+
+	body#sharepopup {
+		background-color : white;
+		background-image : url("../images/toolbar.png");
+		background-repeat : repeat-x;
+		background-position : bottom;
+		margin : 10px;
+		padding : 0px;
+	}
+
+	body#sharepopup h1 {
+		font-size : 14px;
+		margin : 0px;
+		color : rgb(82, 168, 236);
+	}
+
+	body#sharepopup table {
+		background : white;
+		border : 1px solid rgb(82, 168, 236);
+		padding : 5px;
+	}
+
+	body#sharepopup form {
+		height : 100%;
+	}
+
+	body#sharepopup input {
+		width : 100%;
+	}
+
+	div.autocomplete {
+		position : absolute;
+		width : 250px;
+		background-color : white;
+		border :1px solid #778899;
+		margin : 0px;
+		padding : 0px;
+		z-index : 4;
+	}
+
+	div.autocomplete ul {
+		list-style-type : none;
+		margin : 0px;
+		padding : 0px;
+		font-size : 10px;
+	}
+
+	div.autocomplete ul li.selected {
+		background-color : #fff7d5;
+	}
+
+	div.autocomplete ul li {
+		list-style-type : none;
+		display : block;
+		margin : 0;
+		padding : 2px;
+		height : 32px;
+		cursor : pointer;
+	}
+
+	fieldset {
+		border-width : 0px;
+		padding : 0px 0px 5px 0px;
+		margin : 0px;
+	}
+
+	fieldset input {
+		font-family : sans-serif;
+		font-size : medium;
+		border-spacing : 2px;
+		border : 1px solid #b5bcc7;
+		padding : 2px;
+	}
+
+	fieldset label {
+		width : 120px;
+		margin-right : 20px;
+		display : inline-block;
+		text-align : right;
+		color : gray;
+	}
+
+	body.otp {
+		margin : 1em;
+		padding : 0px;
+	}
+
+	form.otpform {
+		margin : 0px;
+		padding : 0px;
+	}
+
+	form.otpform label {
+		margin : 0px;
+		padding : 0px;
+	}
+
+	body.otp div.content {
+		display : inline-block;
+		width : auto;
+	}
+
+	span.hint {
+		font-size : 10px;
+		color : gray;
+	}
+}
+
+body.small_margins {
+	margin : 1em;
+	max-width : none;
+}

+ 0 - 105
css/zoom.css

@@ -1,105 +0,0 @@
-body#ttrssZoom {
-	margin-left : auto;
-	margin-right : auto;
-	padding : 20px;
-	max-width : 770px;
-	background : #f5f5f5;
-}
-
-body#ttrssZoom div.postHeader div.postFeedTitle {
-	float : left;
-	text-align : right;
-	padding-left : 0px;
-	font-size : 11px;
-}
-
-body#ttrssZoom div.postHeader a.postComments {
-	text-align : right;
-	padding-left : 0px;
-	font-size : 11px;
-}
-
-body#ttrssZoom div.postHeader div.postDate {
-	float : none;
-	text-align : right;
-	padding-left : 0px;
-	color : #777;
-	font-size : 11px;
-}
-
-body#ttrssZoom div.postHeader div.postTags {
-	color : #777;
-	font-size : 11px;
-}
-
-body#ttrssZoom div.postHeader div.postTitle {
-	white-space : normal;
-	font-size : 16px;
-}
-
-body#ttrssZoom div.postContent {
-	font-size : 15px;
-	line-height : 1.5;
-}
-
-body#ttrssZoom div.postContent p {
-	-webkit-hyphens: auto;
-	-moz-hyphens: auto;
-	hyphens: auto;
-}
-
-body#ttrssZoom div.postHeader {
-	margin : 10px;
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-	border-color : #eee;
-	background : white;
-}
-
-body#ttrssZoom div.postReply {
-	border : 1px solid #ddd;
-	background : white;
-	box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-	border-radius : 6px;
-}
-
-body#ttrssZoom div.footer {
-	margin-top : 1em;
-	text-align : center;
-}
-
-body#ttrssZoom div.postContent img {
-	max-width : 730px;
-	height : auto;
-} 
-
-body#ttrssZoom div.postContent blockquote {
-	margin : 5px 0px 5px 0px;
-	color : #555;
-	padding-left : 10px;
-	border-width : 0px 0px 0px 4px;
-	border-color : #ccc;
-	border-style : solid;
-}
-
-body#ttrssZoom div.postContent code {
-	color : #009900;
-	font-family : monospace;
-	font-size : 12px;
-}
-
-body#ttrssZoom div.postContent pre {
-	margin : 5px 0px 5px 0px;
-	padding : 10px;
-	color : #555;
-	font-family : monospace;
-	font-size : 12px;
-	border-width : 0px;
-	border-color : #ccc;
-	border-style : solid;
-	background : #f5f5f5;
-	display : block;
-	max-width : 98%;
-	overflow : auto;
-}
-

+ 107 - 0
css/zoom.less

@@ -0,0 +1,107 @@
+body.ttrss_zoom {
+	margin-left : auto;
+	margin-right : auto;
+	padding : 20px;
+	max-width : 770px;
+	background : #f5f5f5;
+
+	div.postHeader div.postFeedTitle {
+		float : left;
+		text-align : right;
+		padding-left : 0px;
+		font-size : 11px;
+	}
+
+	div.postHeader a.postComments {
+		text-align : right;
+		padding-left : 0px;
+		font-size : 11px;
+	}
+
+	div.postHeader div.postDate {
+		float : none;
+		text-align : right;
+		padding-left : 0px;
+		color : #777;
+		font-size : 11px;
+	}
+
+	div.postHeader div.postTags {
+		color : #777;
+		font-size : 11px;
+	}
+
+	div.postHeader div.postTitle {
+		white-space : normal;
+		font-size : 16px;
+	}
+
+	div.postContent {
+		font-size : 15px;
+		line-height : 1.5;
+	}
+
+	div.postContent p {
+		-webkit-hyphens: auto;
+		-moz-hyphens: auto;
+		hyphens: auto;
+	}
+
+	div.postHeader {
+		margin : 10px;
+		border-width : 0px 0px 1px 0px;
+		border-style : solid;
+		border-color : #eee;
+		background : white;
+	}
+
+	div.postReply {
+		border : 1px solid #ddd;
+		background : white;
+		box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
+		border-radius : 6px;
+	}
+
+	div.footer {
+		margin-top : 1em;
+		text-align : center;
+	}
+
+	div.postContent img {
+		max-width : 730px;
+		height : auto;
+	}
+
+	div.postContent blockquote {
+		margin : 5px 0px 5px 0px;
+		color : #555;
+		padding-left : 10px;
+		border-width : 0px 0px 0px 4px;
+		border-color : #ccc;
+		border-style : solid;
+	}
+
+	div.postContent code {
+		color : #009900;
+		font-family : monospace;
+		font-size : 12px;
+	}
+
+	div.postContent pre {
+		margin : 5px 0px 5px 0px;
+		padding : 10px;
+		color : #555;
+		font-family : monospace;
+		font-size : 12px;
+		border-width : 0px;
+		border-color : #ccc;
+		border-style : solid;
+		background : #f5f5f5;
+		display : block;
+		max-width : 98%;
+		overflow : auto;
+	}
+
+
+}
+

+ 1 - 1
index.php

@@ -143,7 +143,7 @@
 	</script>
 </head>
 
-<body id="ttrssMain" class="claro">
+<body class="claro ttrss_main">
 
 <div id="overlay" style="display : block">
 	<div id="overlay_inner">

+ 1 - 1
prefs.php

@@ -109,7 +109,7 @@
 
 </head>
 
-<body id="ttrssPrefs" class="claro">
+<body class="claro ttrss_main ttrss_prefs">
 
 <div id="notify" class="notify"></div>
 <div id="cmdline" style="display : none"></div>

برخی فایل ها در این مقایسه diff نمایش داده نمی شوند زیرا تعداد فایل ها بسیار زیاد است