Browse Source

generate base css files using lessc

Andrew Dolgov 2 years ago
parent
commit
9dd336a2c3
15 changed files with 1012 additions and 2583 deletions
  1. 2 4
      classes/article.php
  2. 1 1
      classes/handler/public.php
  3. 3 4
      css/Makefile
  4. 0 413
      css/cdm.css
  5. 14 19
      css/cdm.less
  6. 0 666
      css/dijit.css
  7. 666 0
      css/dijit.less
  8. 1 1
      css/layout.css
  9. 0 1192
      css/tt-rss.css
  10. 321 272
      css/tt-rss.less
  11. 0 2
      css/utility.css
  12. 1 2
      include/login_form.php
  13. 1 1
      install/index.php
  14. 1 1
      register.php
  15. 1 5
      themes/default.php

+ 2 - 4
classes/article.php

@@ -43,7 +43,7 @@ class Article extends Handler_Protected {
 		} else if ($mode == "raw") {
 			if (isset($_REQUEST['html'])) {
 				header("Content-Type: text/html");
-				print '<link rel="stylesheet" type="text/css" href="css/tt-rss.css"/>';
+				print '<link rel="stylesheet" type="text/css" href="css/default.css"/>';
 			}
 
 			$article = $this->format_article($id, false, isset($_REQUEST["zoom"]));
@@ -601,9 +601,7 @@ 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/tt-rss.css").
-					stylesheet_tag("css/zoom.css").
-					stylesheet_tag("css/dijit.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\">

+ 1 - 1
classes/handler/public.php

@@ -387,7 +387,7 @@ class Handler_Public extends Handler {
 		<link rel=\"icon\" type=\"image/png\" sizes=\"72x72\" href=\"images/favicon-72px.png\">";
 
 		echo stylesheet_tag("css/utility.css");
-		echo stylesheet_tag("css/dijit.css");
+		echo stylesheet_tag("css/default.css");
 		echo javascript_tag("lib/prototype.js");
 		echo javascript_tag("lib/scriptaculous/scriptaculous.js?load=effects,controls");
 		print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>

+ 3 - 4
css/Makefile

@@ -1,5 +1,4 @@
-#cdm.css: cdm.less
-#	lessc $^ > [email protected] 
 
-#tt-rss.css: tt-rss.less
-#	lessc $^ > [email protected]
+default.css: *.less
+	cat $^  | lessc -x - > [email protected]
+

+ 0 - 413
css/cdm.css

@@ -1,413 +0,0 @@
-div.cdmHeader img, div.cdmHeader input, div.cdmFooter img {
-	vertical-align : middle;
-}
-
-div.cdmHeader, div.cdmFooter {
-	display : table;
-}
-
-div.cdmHeader > * {
-	display : table-cell;
-	padding : 5px;
-}
-
-div.cdmFooter > * {
-	display : table-cell;
-	vertical-align : middle;
-}
-
-div.cdmHeader > div, div.cdmFooter > div {
-	white-space : nowrap;
-}
-
-div.cdmHeader > span, div.cdmFooter > span.left {
-	width : 100%;
-}
-
-div.cdmHeader span.updated {
-	color : #555;
-	font-weight : normal;
-	font-size : 11px;
-	white-space : nowrap;
-	vertical-align : middle;
-}
-
-div.cdmHeader input {
-	margin-right : 5px;
-}
-
-div.cdmHeader div.updPic {
-	width : 25px;
-	display : inline-block;
-	text-align : center;
-}
-
-div.cdmHeader div.updPic img {
-	vertical-align : middle;
-}
-
-div.cdmHeader img, div.cdmFooter img {
-	margin : 0px 4px;
-}
-
-div.cdmHeader input {
-	margin-left : 4px;
-	margin-right : 4px;
-}
-
-div.cdmIntermediate {
-	margin : 10px;
-}
-
-div.cdmContentInner {
-	margin : 10px;
-	line-height : 1.5;
-	font-size : 16px;
-}
-
-div.cdmIntermediate img,
-div.cdmIntermediate video,
-div.cdmContentInner img,
-div.cdmContentInner video {
-	border-width : 0px;
-	max-width : 98%;
-	height : auto;
-}
-
-div.cdmContentInner h1 {
-	font-size : 16px;
-}
-
-div.cdmContentInner h2,
-div.cdmContentInner h3,
-div.cdmContentInner h4 {
-	font-size : 15px;
-}
-
-div.cdmFooter {
-	height : 30px;
-	padding-left : 5px;
-	font-weight : normal;
-	color : #555;
-	clear : both;
-}
-
-div.cdm {
-	margin-right : 4px;
-}
-
-div.cdm.expanded {
-	margin-top : 4px;
-	margin-bottom : 4px;
-}
-
-div.cdm.expanded div.cdmFooter {
-	border-style : solid;
-	border-width : 0px 0px 1px 0px;
-	border-color : #ddd;
-}
-
-div.cdm.expandable {
-	background-color : #f0f0f0;
-	border-width : 0px 0px 1px 0px;
-	border-color : #ddd;
-	border-style : solid;
-}
-
-div.cdm.expandable > hr {
-	display : none;
-}
-
-div.cdm.expanded > hr {
-	margin-top : 0px;
-	margin-bottom : 0px;
-}
-
-div.cdm.expandable.Unread {
-	background : white;
-}
-
-div.cdm.expandable.Selected {
-	background : #f9fbff;
-}
-
-div.cdm.expandable.active {
-	background : white ! important;
-}
-
-div.cdm.expandable div.cdmHeader span.titleWrap {
-	white-space : nowrap;
-	text-overflow : ellipsis;
-	overflow : hidden;
-	max-width : 500px;
-}
-
-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 : "Segoe WP Semibold", "Segoe UI Semibold", 
-		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-		Helvetica, Arial, sans-serif;
-}
-
-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 : "Segoe WP Semibold", "Segoe UI Semibold", 
-		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-		Helvetica, Arial, sans-serif;
-}
-
-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 : "Segoe WP Semibold", "Segoe UI Semibold", 
-		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-		Helvetica, Arial, sans-serif;
-}
-
-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);
-}
-
-div#floatingTitle > * {
-	display : table-cell;
-	white-space : nowrap;
-	vertical-align : middle;
-	padding : 9px 5px;
-}
-
-div#floatingTitle img {
-	margin-right : 4px;
-	margin-left : 4px;
-}
-
-div#floatingTitle span.author {
-	color : #555;
-	font-size : 11px;
-	font-weight : normal;
-}
-
-div#floatingTitle a.title {
-	font-size : 16px;
-	color : #999;
-	-webkit-transition : color 0.2s;
-	transition : color 0.2s;
-	font-weight : 600;
-	text-rendering: optimizelegibility;
-	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-		Helvetica, Arial, sans-serif;
-}
-
-div#floatingTitle.Unread a.title {
-	color : black;
-}
-
-div#floatingTitle img.anchor {
-	margin-left : 0px;
-}
-
-div#floatingTitle div.hlFeed {
-	padding-right : 10px;
-	color : #555;
-	font-weight : normal;
-	font-style : italic;
-	font-size : 11px;
-	white-space : nowrap;
-}
-
-div#floatingTitle div.hlFeed a {
-	border-radius : 4px;
-	display : inline-block;
-	padding : 1px 4px 1px 4px;
-}
-
-div#floatingTitle span.updated {
-	padding-right : 10px;
-	white-space : nowrap;
-	color : #555;
-	font-size : 11px;
-}
-
-div#floatingTitle div.hlFeed a {
-	color : #555;
-}
-
-div#floatingTitle span.titleWrap {
-	width : 100%;
-	white-space : normal;
-}
-
-div#floatingTitle .dijit,
-div#floatingTitle img.hlScorePic { 
-	display : none;
-}
-
-.cdm.high .cdmHeader a.title.high, .cdm.high .cdmHeader .cdmExcerpt,
-.cdm.high .cdmHeader span.author {
-	color : #00aa00;
-}
-
-.cdm.Unread.high .cdmHeader a.title.high, .cdm.Unread.high .cdmHeader .cdmExcerpt,
-.cdm.Unread.high .cdmHeader 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;
-}
-
-div.cdmFeedTitle > * {
-	display : table-cell;
-	vertical-align : middle;
-}
-
-div.cdmFeedTitle a.title {
-	width : 100%;
-}
-
-div.cdmFeedTitle a.catchup {
-	text-align : right;
-	color : #555;
-	padding-right : 10px;
-	font-size : 11px;
-	white-space : nowrap;
-}
-
-div.cdmFeedTitle a.catchup:hover {
-	color : #0088cc;
-}
-

+ 14 - 19
css/cdm.less

@@ -1,4 +1,5 @@
[email protected]: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold",	"Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
[email protected]: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
[email protected]:  "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
 
 .cdm {
 	margin-right : 4px;
@@ -106,9 +107,8 @@
 	margin-bottom : 4px;
 
 	.cdmFooter {
-		border-style : solid;
-		border-width : 0px 0px 1px 0px;
-		border-color : #ddd;
+		border: 0px solid #ddd;
+		border-bottom-width: 1px;
 	}
 
 	> hr {
@@ -120,9 +120,8 @@
 
 .cdm.expandable {
 	background-color : #f0f0f0;
-	border-width : 0px 0px 1px 0px;
-	border-color : #ddd;
-	border-style : solid;
+	border: 0px solid #ddd;
+	border-bottom-width: 1px;
 
 	> hr {
 		display : none;
@@ -159,7 +158,7 @@ div.cdm.expandable div.cdmHeader a.title {
 	-webkit-transition : color 0.2s;
 	transition : color 0.2s;
 	text-rendering: optimizelegibility;
-	font-family : @fonts-ui;
+	font-family : @fonts-ui-bold;
 }
 
 div.cdm.expandable.Unread div.cdmHeader a.title {
@@ -171,7 +170,7 @@ div.cdm.expandable.active div.cdmHeader a.title {
 	font-size: 16px;
 	font-weight: 600;
 	text-rendering: optimizelegibility;
-	font-family: @fonts-ui;
+	font-family: @fonts-ui-bold;
 }
 
 div.cdm.expanded div.cdmHeader {
@@ -185,7 +184,7 @@ div.cdm.expanded div.cdmHeader a.title {
 	-webkit-transition : color 0.2s;
 	transition : color 0.2s;
 	text-rendering: optimizelegibility;
-	font-family : @fonts-ui;
+	font-family : @fonts-ui-bold;
 }
 
 div.cdm.expanded.active {
@@ -226,9 +225,8 @@ div.cdmContent div.postEnclosures {
 }
 
 div.cdmFeedTitle {
-	border-color : #0088cc;
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
+	border: 0px solid #0088cc;
+	border-bottom-width: 1px;
 	padding : 5px 3px 5px 5px;
 }
 
@@ -290,9 +288,8 @@ div#floatingTitle {
 	top : 0px;
 	right : 0px;
 	left : 0px;
-	border-color : #ddd;
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
+	border: 0px solid #ddd;
+	border-bottom-width: 1px;
 	background : white;
 	color : #555;
 	box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
@@ -322,7 +319,7 @@ div#floatingTitle {
 		transition : color 0.2s;
 		font-weight : 600;
 		text-rendering: optimizelegibility;
-		font-family : @fonts-ui;
+		font-family : @fonts-ui-bold;
 	}
 
 	img.anchor {
@@ -420,5 +417,3 @@ div#floatingTitle.Unread a.title {
 	}
 
 }
-
-

+ 0 - 666
css/dijit.css

@@ -1,666 +0,0 @@
-/* Tree */
-
-.claro .dijitTreeRow .dijitCheckBox {
-	position : relative;
-	top : -2px;
-}
-
-.claro .dijitTreeLabel {
-	outline : 0;
-}
-
-.claro .dijitTree .feedParam {
-	color : #555;
-	float : right;
-	margin-right : 1em;
-}
-
-.claro .dijitTree .filterRules {
-	display : block;
-	color : #ccc;
-	font-size : 10px;
-	margin-left : 100px;
-}
-
-.claro .dijitTree .filterRules span {
-	display : block;
-	color : green;
-}
-
-#filterDlg_Matches span.filterRule {
-	color : green;
-}
-
-.claro .dijitTree .filterRules span.inverse,
-#filterDlg_Matches span.filterRule.inverse {
-	color : red;
-}
-
-
-.claro .dijitTree .labelParam {
-	float : right;
-	margin-right : 1em;
-}
-
-.claro .dijitTree .dijitTreeLabel.filterDisabled,
-.claro .dijitTree .labelParam.filterDisabled {
-	color : #555;
-	text-decoration: line-through;
-}
-
-.claro .dijitTreeRow.Error {
-	color : red;
-}
-
-.claro .dijitTreeRow.Hidden {
-	display : none;
-}
-
-.claro .dijitTreeNode .loadingNode {
-	margin-left : 3px;
-	height : 9px;
-}
-
-.claro .dijitFolderClosed,
-.claro .dijitFolderOpened {
-	display : none;
-}
-
-.claro .dijitTreeNode .dijitCheckBox {
-	margin-left : 4px;
-}
-
-.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
-	margin-left : 5px;
-}
-
-.claro .dijitTree .dijitTreeExpando {
-	margin-top : 0px;
-	opacity : 0.6;
-}
-
-.claro .dijitTree .dijitTreeNode {
-	padding : 0px;
-	border-width : 0px;
-}
-
-/*.claro .dijitTree .dijitTreeRow {
-	max-width: 100%;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}*/
-
-.claro .dijitTree .dijitTreeRowSelected {
-	background : white;
-}
-
-.claro .dijitTree .dijitTreeRowHover {
-	background : #f0f0f0;
-	border-color : #ddd;
-}
-
-.claro .dijitTree .dijitTreeRowSelected {
-	background : white;
-	border-color : #ddd;
-}
-
-.claro .dijitTreeRowSelected .dijitTreeLabel {
-	text-shadow : 1px 1px 2px #fff;
-}
-
-.claro .dijitTreeRow .dijitTreeExpando {
-	background-image: url("../images/treeExpandImages.png");
-	position : relative;
-	top : -1px;
-}
-
-.claro .dijitTreeRow .dijitTreeExpandoLeaf {
-	background : none;
-} 
-
-/* Toolbar */
-
-.claro .dijitToolbar {
-	background : #f5f5f5;
-	border-color : #ddd;
-	/* text-rendering: optimizelegibility;
-	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-		"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
-		Helvetica, Arial, sans-serif; */
-}
-
-/* .claro .dijitToolbar {
-	text-shadow : 1px 1px 2px #fff;
-} */
-
-.claro .dijitDialog .dijitToolbar {
-	border : 1px solid #ddd;
-}
-
-/* Dialog */
-
-.claro .dijitDialog h2 {
-	margin-top : 0px;
-	margin-bottom : 4px;
-	border-width : 0px;
-}
-
-.claro .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
-	font-size : 13px;
-	padding-top : 3px;
-	padding-bottom : 3px;
-}
-
-/* Checkbox */
-
-.claro .dijitCheckBox {
-	background-image : url("../images/untick.png");
-	background-color : transparent;
-	width : 15px;
-	height : 15px;
-	margin : 1px;
-	opacity : 0.7;
-	background-position : center center;	
-	transition : opacity 0.25s;
-	-webkit-transition : opacity 0.25s;
-	/* border : 1px solid #b5bcc7; */
-	padding : 1px;
-}
-
- .claro .dijitCheckBox:hover {
-	opacity : 1;
-}
-
-.claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
-	opacity : 0.7;
-}
-
-.claro .dijitCheckBox.dijitCheckBoxChecked {
-	border-color : #69C671;
-	background-image : url("../images/tick.png");
-	opacity : 1;
-}
-
-/* Various buttons */
-
-.claro .dijitButton.danger .dijitButtonText {
-	color: #ffffff;
-}
-
-.claro .dijitButton.danger {
-	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-	background-color: #da4f49;
-	*background-color: #bd362f;
-	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
-	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
-	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
-	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
-	background-repeat: repeat-x;
-	border-color: #bd362f #bd362f #802420;
-	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
-	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-}
-
-.claro .dijitButton.dijitButtonDisabled.danger,
-.claro .dijitButton.dijitButtonActive.danger,
-.claro .dijitButton.dijitButtonHover.danger,
-.claro .dijitButton.dijitFocused.danger {
-	color: #ffffff;
-	background-color: #bd362f;
-	*background-color: #a9302a;
-}
-
-.claro .dijitButton.dijitButtonActive.danger {
-	background-color: #942a25 \9;
-}
-
-.claro .dijitDropDownButton {
-	margin : 0px;
-}
-
-.claro .dijitDropDownButton .dijitButtonNode {
-	padding : 0px;
-}
-
-.claro .dijitButton.dijitButtonActive.danger {
-	color: rgba(255, 255, 255, 0.75);
-}
-
-.claro .dijitButton .dijitButtonNode,
-.claro .dijitDropDownButton .dijitButtonNode,
-.claro .dijitComboButton .dijitButtonNode, 
-.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
-.claro .dijitToolbar .dijitComboButton,
-.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
-.claro .dijitToolbar .dijitComboButton .dijitButtonNode {
-	background : none;
-	border-color : transparent;
-	box-shadow : none;
-}
-
-button,
-input[type="submit"] {
-	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-	font-size : 14px;
-}
-
-button,
-input[type="submit"],
-.claro .dijitButton,
-.claro .dijitDropDownButton .dijitDownArrowButton,
-.claro .dijitComboButton {
-  display: inline-block;
-  padding: 4px 12px;
-  margin-bottom: 0;
-  font-size: 14px;
-  line-height: 20px;
-  color: #333333;
-  text-align: center;
-  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-  vertical-align: middle;
-  cursor: pointer;
-  background-color: #f5f5f5;
-  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
-  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
-  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
-  background-repeat: repeat-x;
-  border: 1px solid #cccccc;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  border-bottom-color: #b3b3b3;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-button:hover,
-button:focus,
-button:active,
-input[type="submit"]:hover,
-input[type="submit"]:focus,
-input[type="submit"]:active,
-.claro .dijitButton:hover,
-.claro .dijitButton:focus,
-.claro .dijitButton:active,
-.claro .dijitDropDownButton .dijitDownArrowButton:hover,
-.claro .dijitDropDownButton .dijitDownArrowButton:focus,
-.claro .dijitDropDownButton .dijitDownArrowButton:active,
-.claro .dijitComboButton:hover,
-.claro .dijitComboButton:focus,
-.claro .dijitComboButton:active,
-.claro .dijitButton.dijitButtonDisabled {
-  color: #333333;
-  background-color: #e6e6e6;
-}
-
-button:active,
-input[type="submit"]:active,
-.claro .dijitButton:active,
-.claro .dijitDropDownButton .dijitDownArrowButton:active,
-.claro .dijitComboButton:active {
-	background-color: #cccccc \9;
-}
-
-.claro .dijitToolbar .dijitButton,
-.claro .dijitToolbar .dijitButton.dijitHover,
-.claro .dijitToolbar .dijitComboButton,
-.claro .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
-.claro .dijitToolbar .dijitComboButton.dijitHover {
-	background : none;
-	border-color : transparent;
-	box-shadow : none;
-	padding : 0px;
-	margin : 0px;
-	line-height : auto;
-	text-shadow : none;
-}
-
-.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
-.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,
-.claro .dijitToolbar .dijitComboButton .dijitButtonText {
-	padding : 0px;
-}
-
-.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
-	border-radius : 4px;
-}
-
-.claro .dijitToolbar .dijitButton.dijitHover,
-.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
-.claro .dijitToolbar .dijitComboButton.dijitHover {
-	border-color : #ccc;
-}
-
-.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
-.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
-	background : none;
-}
-
-.claro .dijitToolbar .dijitButton .dijitButtonContents,
-.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
-.claro .dijitToolbar .dijitComboButton .dijitButtonContents {
-	font-size : 13px;
-}
-
-button:hover,
-button:focus,
-input[type="submit"]:hover,
-input[type="submit"]:focus,
-.claro .dijitButton:hover,
-.claro .dijitDropDownButton .dijitDownArrowButton:hover,
-.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
-.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
-.claro .dijitButton:focus,
-.claro .dijitComboButton:hover,
-.claro .dijitComboButton:focus {
-  color: #333333;
-  text-decoration: none;
-  background-position: 0 -15px;
-  -webkit-transition: background-position 0.1s linear;
-  transition: background-position 0.1s linear;
-}
-
-button:focus,
-input[type="submit"]:focus,
-.claro .dijitButton:focus,
-.claro .dijitDropDownButton .dijitDownArrowButton:focus,
-.claro .dijitComboButton:focus {
-  outline: thin dotted #333;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-
-button:active,
-input[type="submit"]:active,
-.claro .dijitButton:active,
-.claro .dijitComboButton:active,
-.claro .dijitToolbar .dijitDropDownButton.dijitOpened,
-.claro .dijitToolbar .dijitComboButton.dijitOpened,
-.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
-  background-image: none;
-  outline: 0;
-  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-input[type="submit"][disabled],
-button[disabled],
-.claro .dijitButton[disabled],
-.claro .dijitDropDownButton .dijitDownArrowButton[disabled],
-.claro .dijitButton.dijitButtonDisabled,
-.claro .dijitComboButton.dijitButtonDisabled {
-  cursor: default;
-  background-image: none;
-  opacity: 0.65;
-  filter: alpha(opacity=65);
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-
-.claro .dijitButton .dijitButtonContents,
-.claro .dijitDropDownButton .dijitButtonContents,
-.claro .dijitComboButton .dijitButtonContents {
-	font-size : 14px;
-	font-weight : normal;
-	line-height : 20px;
-}
-
-.claro .dijitButton.small .dijitButtonText {
-	font-size : 11px;
-}
-
-.claro .dijitMenu {
-	border-color: rgba(82, 168, 236, 0.8);
-}
-
-.claro .dijitMenu .dijitMenuItemSelected,
-.claro .dijitMenu .dijitMenuItemSelected td {
-	background :  rgb(82, 168, 236);
-	color : white;
-	border-color : rgba(82, 168, 236, 0.8);
-}
-
-.claro .dijitButton .dijitButtonNode,
-.claro .dijitComboButton .dijitButtonNode {
-	padding : 0px;
-}
-
-/* Other stuff */
-
-/* .claro .dijitAccordionTitleFocus {
-	text-shadow : 1px 1px 2px #fff;
-} 
-
-.claro .dijitAccordionTitle {
-	text-rendering: optimizelegibility;
-	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-		"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
-		Helvetica, Arial, sans-serif;
-} */
-
-
-.claro .dijitAccordionTitle.dijitAccordionTitleHover,
-.claro .dijitAccordionTitle.dijitAccordionTitleFocused {
-	background : white;
-	transition : background 0.25s;
-}
-.claro .dijitAccordionTitle {
-	background : #f0f0f0;
-	transition : background 0.25s;
-}
-
-.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,
-.claro .dijitAccordionTitle.dijitAccordionTitleSelected {
-	background : #0088cc;
-	transition : background 0.25s;
-}
-
-.claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText {
-	color : white;
-}
-
-.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
-	border-color : #0088cc;
-}
-
-.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
-	border-color : #ddd;
-}
-
-/* Tabs */
-
-.claro .dijitTabInner.dijitTab {
-	background : #f0f0f0;
-}
-
-.claro .dijitTabContent {
-	background : #eee;
-}
-
-.claro .dijitTabContent.dijitTabChecked,
-.claro .dijitTabContent.dijitTabHover,
-.claro .dijitTabContent.dijitFocused {
-	background : white;
-}
-
-.claro .dijitTabPaneWrapper, 
-.claro .dijitTabContainerTop-tabs,
-.claro .dijitTab,
-.claro .dijitAccordionInnerContainer {
-	border-color : #ddd;
-}
-
-/* Text fields & selects */
-
-.claro .dijitComboBox .dijitArrowButton,
-.claro .dijitSelect .dijitArrowButton {
-	background : transparent;
-	border-color : transparent;
-}
-
-.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
-	margin-right : 5px;
-	float  :right;
-}
-
-.claro select,
-.claro .dijitDownArrowButton.dijitSelect {
-	-webkit-border-radius: 4px;
-	-moz-border-radius: 4px;
-	border-radius: 4px;
-	margin-bottom : 4px;
-
-}
-
-.claro .dijitSelect .dijitButtonContents {
-	display: inline-block;
-	height: 20px;
-	padding: 4px 6px;
-	font-size: 14px;
-	line-height: 20px;
-	color: #555555;
-	vertical-align: middle;
-	border-width : 0px;
-}
-
-.claro select,
-.claro textarea,
-.claro .input.input-text,
-.claro .dijitTextBox {
-	display: inline-block;
-	height: 20px;
-	padding: 4px 6px;
-	font-size: 14px;
-	line-height: 20px;
-	color: #555555;
-	vertical-align: middle;
-	-webkit-border-radius: 4px;
-	-moz-border-radius: 4px;
-	border-radius: 4px;
-	margin-bottom : 4px;
-}
-.claro textarea {
-	height : auto;
-}
-
-.claro select,
-.claro .input.input-text {
-	height : 30px;
-}
-
-.claro textarea,
-.claro select,
-.claro .input.input-text,
-.claro .dijitTextBox,
-.claro .dijitSelect {
-	background-color: #ffffff;
-	border: 1px solid #cccccc;
-	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
-	transition: border linear 0.2s, box-shadow linear 0.2s;
-}
-
-.claro select:focus,
-.claro .input.input-text:focus,
-.claro .dijitTextBox.dijitFocused,
-.claro .dijitSelect.dijitFocused {
-	border-color: rgba(82, 168, 236, 0.8);
-	outline: 0;
-	outline: thin dotted \9;
-	/* IE6-9 */
-
-	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-}
-
-.claro .dijitError .dijitValidationContainer {
-	padding : 0px;
-	width : 13px;
-	border-width : 1px;
-	display : none;
-}
-
-.claro .dijitSelect.dijitSelectDisabled  {
-	background-color: #eeeeee;
-}
-
-.claro .dijitSelect.dijitSelectDisabled .dijitSelectLabel {
-	cursor: not-allowed;
-}
-
-.claro .dijitTextBox.dijitTextBoxDisabled,
-.claro .dijitTextBox.dijitTextBoxDisabled .dijitInputInner,
-.claro .dijitTextBox.dijitReadOnly,
-.claro .dijitTextBox.dijitReadOnly .dijitInputInner {
-	cursor: not-allowed;
-	background-color: #eeeeee;
-}
-
-.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
-	border-color : rgba(0,0,0,0.1);
-}
-
-.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
-	padding : 2px 2px 0px 4px;
-}
-
-.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
-	margin : 0px;
-}
-
-.claro .dijitToolbar .dijitTextBox {
-	padding : 0px;
-	margin-bottom : 0px;
-	border-radius : 0px;
-}
-
-/* dialog */
-
-.claro .dijitDialog {
-	border-radius : 6px;
-
-}
-
-.claro .dijitDialog .dijitDialogCloseIcon {
-	margin-top : 5px;
-}
-
-.claro .dijitDialog .dijitDialogTitleBar {
-	background : white;
-	padding : 8px;
-	font-weight : 600;
-	color : #555;
-	font-size : 16px;
-	text-rendering: optimizelegibility;
-	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
-	"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-	Helvetica, Arial, sans-serif;
-}
-
-.claro .dijitDialog .dijitDialogPaneContent {
-	border-color : #ddd;
-	padding : 10px;
-}
-
-.claro .dijitProgressBar.dijitProgressBarEmpty {
-	background : #ddd;
-	border-color : #0088cc;
-}
-
-.claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
-	background : rgb(82, 168, 236);
-
-}
-
-.claro .dijitProgressBar .dijitProgressBarLabel {
-	color : white;
-}
-
-

+ 666 - 0
css/dijit.less

@@ -0,0 +1,666 @@
+/* Tree */
+
+.claro {
+
+	.dijitTreeRow .dijitCheckBox {
+		position: relative;
+		top: -2px;
+	}
+
+	.dijitTreeLabel {
+		outline: 0;
+	}
+
+	.dijitTree .feedParam {
+		color: #555;
+		float: right;
+		margin-right: 1em;
+	}
+
+	.dijitTree .filterRules {
+		display: block;
+		color: #ccc;
+		font-size: 10px;
+		margin-left: 100px;
+	}
+
+	.dijitTree .filterRules span {
+		display: block;
+		color: green;
+	}
+
+	#filterDlg_Matches span.filterRule {
+		color: green;
+	}
+
+	.dijitTree .filterRules span.inverse,
+	#filterDlg_Matches span.filterRule.inverse {
+		color: red;
+	}
+
+	.dijitTree .labelParam {
+		float: right;
+		margin-right: 1em;
+	}
+
+	.dijitTree .dijitTreeLabel.filterDisabled,
+	.dijitTree .labelParam.filterDisabled {
+		color: #555;
+		text-decoration: line-through;
+	}
+
+	.dijitTreeRow.Error {
+		color: red;
+	}
+
+	.dijitTreeRow.Hidden {
+		display: none;
+	}
+
+	.dijitTreeNode .loadingNode {
+		margin-left: 3px;
+		height: 9px;
+	}
+
+	.dijitFolderClosed,
+	.dijitFolderOpened {
+		display: none;
+	}
+
+	.dijitTreeNode .dijitCheckBox {
+		margin-left: 4px;
+	}
+
+	.dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
+		margin-left: 5px;
+	}
+
+	.dijitTree .dijitTreeExpando {
+		margin-top: 0px;
+		opacity: 0.6;
+	}
+
+	.dijitTree .dijitTreeNode {
+		padding: 0px;
+		border-width: 0px;
+	}
+
+	/*.dijitTree .dijitTreeRow {
+        max-width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }*/
+
+	.dijitTree .dijitTreeRowSelected {
+		background: white;
+	}
+
+	.dijitTree .dijitTreeRowHover {
+		background: #f0f0f0;
+		border-color: #ddd;
+	}
+
+	.dijitTree .dijitTreeRowSelected {
+		background: white;
+		border-color: #ddd;
+	}
+
+	.dijitTreeRowSelected .dijitTreeLabel {
+		text-shadow: 1px 1px 2px #fff;
+	}
+
+	.dijitTreeRow .dijitTreeExpando {
+		background-image: url("../images/treeExpandImages.png");
+		position: relative;
+		top: -1px;
+	}
+
+	.dijitTreeRow .dijitTreeExpandoLeaf {
+		background: none;
+	}
+
+	/* Toolbar */
+
+	.dijitToolbar {
+		background: #f5f5f5;
+		border-color: #ddd;
+		/* text-rendering: optimizelegibility;
+        font-family : "Segoe WP Semibold", "Segoe UI Semibold",
+            "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
+            Helvetica, Arial, sans-serif; */
+	}
+
+	/* .dijitToolbar {
+        text-shadow : 1px 1px 2px #fff;
+    } */
+
+	.dijitDialog .dijitToolbar {
+		border: 1px solid #ddd;
+	}
+
+	/* Dialog */
+
+	.dijitDialog h2 {
+		margin-top: 0px;
+		margin-bottom: 4px;
+		border-width: 0px;
+	}
+
+	.dijitMenu .dijitMenuItem .dijitMenuItemLabel {
+		font-size: 13px;
+		padding-top: 3px;
+		padding-bottom: 3px;
+	}
+
+	/* Checkbox */
+
+	.dijitCheckBox {
+		background-image: url("../images/untick.png");
+		background-color: transparent;
+		width: 15px;
+		height: 15px;
+		margin: 1px;
+		opacity: 0.7;
+		background-position: center center;
+		transition: opacity 0.25s;
+		-webkit-transition: opacity 0.25s;
+		/* border : 1px solid #b5bcc7; */
+		padding: 1px;
+	}
+
+	.dijitCheckBox:hover {
+		opacity: 1;
+	}
+
+	.dijitCheckBox.dijitCheckBoxDisabled:hover {
+		opacity: 0.7;
+	}
+
+	.dijitCheckBox.dijitCheckBoxChecked {
+		border-color: #69C671;
+		background-image: url("../images/tick.png");
+		opacity: 1;
+	}
+
+	/* Various buttons */
+
+	.dijitButton.danger .dijitButtonText {
+		color: #ffffff;
+	}
+
+	.dijitButton.danger {
+		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+		background-color: #da4f49;
+		*background-color: #bd362f;
+		background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
+		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
+		background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
+		background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
+		background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
+		background-repeat: repeat-x;
+		border-color: #bd362f #bd362f #802420;
+		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
+		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+	}
+
+	.dijitButton.dijitButtonDisabled.danger,
+	.dijitButton.dijitButtonActive.danger,
+	.dijitButton.dijitButtonHover.danger,
+	.dijitButton.dijitFocused.danger {
+		color: #ffffff;
+		background-color: #bd362f;
+		*background-color: #a9302a;
+	}
+
+	.dijitButton.dijitButtonActive.danger {
+		background-color: #942a25 \9;
+	}
+
+	.dijitDropDownButton {
+		margin: 0px;
+	}
+
+	.dijitDropDownButton .dijitButtonNode {
+		padding: 0px;
+	}
+
+	.dijitButton.dijitButtonActive.danger {
+		color: rgba(255, 255, 255, 0.75);
+	}
+
+	.dijitButton .dijitButtonNode,
+	.dijitDropDownButton .dijitButtonNode,
+	.dijitComboButton .dijitButtonNode,
+	.dijitToolbar .dijitDropDownButton .dijitButtonNode,
+	.dijitToolbar .dijitComboButton,
+	.dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
+	.dijitToolbar .dijitComboButton .dijitButtonNode {
+		background: none;
+		border-color: transparent;
+		box-shadow: none;
+	}
+
+	button,
+	input[type="submit"] {
+		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+		font-size: 14px;
+	}
+
+	button,
+	input[type="submit"],
+	.dijitButton,
+	.dijitDropDownButton .dijitDownArrowButton,
+	.dijitComboButton {
+		display: inline-block;
+		padding: 4px 12px;
+		margin-bottom: 0;
+		font-size: 14px;
+		line-height: 20px;
+		color: #333333;
+		text-align: center;
+		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+		vertical-align: middle;
+		cursor: pointer;
+		background-color: #f5f5f5;
+		background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+		background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+		background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
+		background-repeat: repeat-x;
+		border: 1px solid #cccccc;
+		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+		border-bottom-color: #b3b3b3;
+		-webkit-border-radius: 4px;
+		border-radius: 4px;
+		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+	}
+
+	button:hover,
+	button:focus,
+	button:active,
+	input[type="submit"]:hover,
+	input[type="submit"]:focus,
+	input[type="submit"]:active,
+	.dijitButton:hover,
+	.dijitButton:focus,
+	.dijitButton:active,
+	.dijitDropDownButton .dijitDownArrowButton:hover,
+	.dijitDropDownButton .dijitDownArrowButton:focus,
+	.dijitDropDownButton .dijitDownArrowButton:active,
+	.dijitComboButton:hover,
+	.dijitComboButton:focus,
+	.dijitComboButton:active,
+	.dijitButton.dijitButtonDisabled {
+		color: #333333;
+		background-color: #e6e6e6;
+	}
+
+	button:active,
+	input[type="submit"]:active,
+	.dijitButton:active,
+	.dijitDropDownButton .dijitDownArrowButton:active,
+	.dijitComboButton:active {
+		background-color: #cccccc \9;
+	}
+
+	.dijitToolbar .dijitButton,
+	.dijitToolbar .dijitButton.dijitHover,
+	.dijitToolbar .dijitComboButton,
+	.dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
+	.dijitToolbar .dijitComboButton.dijitHover {
+		background: none;
+		border-color: transparent;
+		box-shadow: none;
+		padding: 0px;
+		margin: 0px;
+		line-height: auto;
+		text-shadow: none;
+	}
+
+	.dijitToolbar .dijitDropDownButton .dijitButtonText,
+	.dijitToolbar .dijitDownArrowButton .dijitButtonText,
+	.dijitToolbar .dijitComboButton .dijitButtonText {
+		padding: 0px;
+	}
+
+	.dijitToolbar .dijitDropDownButton .dijitButtonNode {
+		border-radius: 4px;
+	}
+
+	.dijitToolbar .dijitButton.dijitHover,
+	.dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
+	.dijitToolbar .dijitComboButton.dijitHover {
+		border-color: #ccc;
+	}
+
+	.dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
+	.dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
+		background: none;
+	}
+
+	.dijitToolbar .dijitButton .dijitButtonContents,
+	.dijitToolbar .dijitDropDownButton .dijitButtonContents,
+	.dijitToolbar .dijitComboButton .dijitButtonContents {
+		font-size: 13px;
+	}
+
+	button:hover,
+	button:focus,
+	input[type="submit"]:hover,
+	input[type="submit"]:focus,
+	.dijitButton:hover,
+	.dijitDropDownButton .dijitDownArrowButton:hover,
+	.dijitToolbar .dijitButton:hover .dijitButtonNode,
+	.dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
+	.dijitButton:focus,
+	.dijitComboButton:hover,
+	.dijitComboButton:focus {
+		color: #333333;
+		text-decoration: none;
+		background-position: 0 -15px;
+		-webkit-transition: background-position 0.1s linear;
+		transition: background-position 0.1s linear;
+	}
+
+	button:focus,
+	input[type="submit"]:focus,
+	.dijitButton:focus,
+	.dijitDropDownButton .dijitDownArrowButton:focus,
+	.dijitComboButton:focus {
+		outline: thin dotted #333;
+		outline: 5px auto -webkit-focus-ring-color;
+		outline-offset: -2px;
+	}
+
+	button:active,
+	input[type="submit"]:active,
+	.dijitButton:active,
+	.dijitComboButton:active,
+	.dijitToolbar .dijitDropDownButton.dijitOpened,
+	.dijitToolbar .dijitComboButton.dijitOpened,
+	.dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
+		background-image: none;
+		outline: 0;
+		-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+		box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+	}
+
+	input[type="submit"][disabled],
+	button[disabled],
+	.dijitButton[disabled],
+	.dijitDropDownButton .dijitDownArrowButton[disabled],
+	.dijitButton.dijitButtonDisabled,
+	.dijitComboButton.dijitButtonDisabled {
+		cursor: default;
+		background-image: none;
+		opacity: 0.65;
+		filter: alpha(opacity=65);
+		-webkit-box-shadow: none;
+		box-shadow: none;
+	}
+
+	.dijitButton .dijitButtonContents,
+	.dijitDropDownButton .dijitButtonContents,
+	.dijitComboButton .dijitButtonContents {
+		font-size: 14px;
+		font-weight: normal;
+		line-height: 20px;
+	}
+
+	.dijitButton.small .dijitButtonText {
+		font-size: 11px;
+	}
+
+	.dijitMenu {
+		border-color: rgba(82, 168, 236, 0.8);
+	}
+
+	.dijitMenu .dijitMenuItemSelected,
+	.dijitMenu .dijitMenuItemSelected td {
+		background: rgb(82, 168, 236);
+		color: white;
+		border-color: rgba(82, 168, 236, 0.8);
+	}
+
+	.dijitButton .dijitButtonNode,
+	.dijitComboButton .dijitButtonNode {
+		padding: 0px;
+	}
+
+	/* Other stuff */
+
+	/* .dijitAccordionTitleFocus {
+        text-shadow : 1px 1px 2px #fff;
+    }
+
+    .dijitAccordionTitle {
+        text-rendering: optimizelegibility;
+        font-family : "Segoe WP Semibold", "Segoe UI Semibold",
+            "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
+            Helvetica, Arial, sans-serif;
+    } */
+
+	.dijitAccordionTitle.dijitAccordionTitleHover,
+	.dijitAccordionTitle.dijitAccordionTitleFocused {
+		background: white;
+		transition: background 0.25s;
+	}
+	.dijitAccordionTitle {
+		background: #f0f0f0;
+		transition: background 0.25s;
+	}
+
+	.dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,
+	.dijitAccordionTitle.dijitAccordionTitleSelected {
+		background: #0088cc;
+		transition: background 0.25s;
+	}
+
+	.dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText {
+		color: white;
+	}
+
+	.dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
+		border-color: #0088cc;
+	}
+
+	.dijitAccordionContainer .dijitAccordionChildWrapper {
+		border-color: #ddd;
+	}
+
+	/* Tabs */
+
+	.dijitTabInner.dijitTab {
+		background: #f0f0f0;
+	}
+
+	.dijitTabContent {
+		background: #eee;
+	}
+
+	.dijitTabContent.dijitTabChecked,
+	.dijitTabContent.dijitTabHover,
+	.dijitTabContent.dijitFocused {
+		background: white;
+	}
+
+	.dijitTabPaneWrapper,
+	.dijitTabContainerTop-tabs,
+	.dijitTab,
+	.dijitAccordionInnerContainer {
+		border-color: #ddd;
+	}
+
+	/* Text fields & selects */
+
+	.dijitComboBox .dijitArrowButton,
+	.dijitSelect .dijitArrowButton {
+		background: transparent;
+		border-color: transparent;
+	}
+
+	.dijitSelect .dijitArrowButton .dijitArrowButtonInner {
+		margin-right: 5px;
+		float: right;
+	}
+
+	select,
+	.dijitDownArrowButton.dijitSelect {
+		-webkit-border-radius: 4px;
+		-moz-border-radius: 4px;
+		border-radius: 4px;
+		margin-bottom: 4px;
+
+	}
+
+	.dijitSelect .dijitButtonContents {
+		display: inline-block;
+		height: 20px;
+		padding: 4px 6px;
+		font-size: 14px;
+		line-height: 20px;
+		color: #555555;
+		vertical-align: middle;
+		border-width: 0px;
+	}
+
+	select,
+	textarea,
+	.input.input-text,
+	.dijitTextBox {
+		display: inline-block;
+		height: 20px;
+		padding: 4px 6px;
+		font-size: 14px;
+		line-height: 20px;
+		color: #555555;
+		vertical-align: middle;
+		-webkit-border-radius: 4px;
+		-moz-border-radius: 4px;
+		border-radius: 4px;
+		margin-bottom: 4px;
+	}
+	textarea {
+		height: auto;
+	}
+
+	select,
+	.input.input-text {
+		height: 30px;
+	}
+
+	textarea,
+	select,
+	.input.input-text,
+	.dijitTextBox,
+	.dijitSelect {
+		background-color: #ffffff;
+		border: 1px solid #cccccc;
+		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+		-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+		-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+		-o-transition: border linear 0.2s, box-shadow linear 0.2s;
+		transition: border linear 0.2s, box-shadow linear 0.2s;
+	}
+
+	select:focus,
+	.input.input-text:focus,
+	.dijitTextBox.dijitFocused,
+	.dijitSelect.dijitFocused {
+		border-color: rgba(82, 168, 236, 0.8);
+		outline: 0;
+		outline: thin dotted \9;
+		/* IE6-9 */
+
+		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+	}
+
+	.dijitError .dijitValidationContainer {
+		padding: 0px;
+		width: 13px;
+		border-width: 1px;
+		display: none;
+	}
+
+	.dijitSelect.dijitSelectDisabled {
+		background-color: #eeeeee;
+	}
+
+	.dijitSelect.dijitSelectDisabled .dijitSelectLabel {
+		cursor: not-allowed;
+	}
+
+	.dijitTextBox.dijitTextBoxDisabled,
+	.dijitTextBox.dijitTextBoxDisabled .dijitInputInner,
+	.dijitTextBox.dijitReadOnly,
+	.dijitTextBox.dijitReadOnly .dijitInputInner {
+		cursor: not-allowed;
+		background-color: #eeeeee;
+	}
+
+	.dijitToolbar .dijitDownArrowButton.dijitSelect {
+		border-color: rgba(0, 0, 0, 0.1);
+	}
+
+	.dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
+		padding: 2px 2px 0px 4px;
+	}
+
+	.dijitToolbar .dijitDownArrowButton.dijitSelect {
+		margin: 0px;
+	}
+
+	.dijitToolbar .dijitTextBox {
+		padding: 0px;
+		margin-bottom: 0px;
+		border-radius: 0px;
+	}
+
+	/* dialog */
+
+	.dijitDialog {
+		border-radius: 6px;
+
+	}
+
+	.dijitDialog .dijitDialogCloseIcon {
+		margin-top: 5px;
+	}
+
+	.dijitDialog .dijitDialogTitleBar {
+		background: white;
+		padding: 8px;
+		font-weight: 600;
+		color: #555;
+		font-size: 16px;
+		text-rendering: optimizelegibility;
+		font-family: "Segoe WP Semibold", "Segoe UI Semibold",
+			"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
+			Helvetica, Arial, sans-serif;
+	}
+
+	.dijitDialog .dijitDialogPaneContent {
+		border-color: #ddd;
+		padding: 10px;
+	}
+
+	.dijitProgressBar.dijitProgressBarEmpty {
+		background: #ddd;
+		border-color: #0088cc;
+	}
+
+	.dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
+		background: rgb(82, 168, 236);
+
+	}
+
+	.dijitProgressBar .dijitProgressBarLabel {
+		color: white;
+	}
+
+}

+ 1 - 1
css/layout.css

@@ -2,6 +2,6 @@ html, body#ttrssMain, body#ttrssPrefs, #main {
 	width: 100%; 
 	height: 100%;
 	border: 0; 
-	padding: 0; 
+	padding: 0;
 	margin: 0;
 } 

+ 0 - 1192
css/tt-rss.css

@@ -1,1192 +0,0 @@
-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.postReply div.postHeader {
-	padding : 5px;
-	margin-right : 4px;
-	color : #909090;
-	border-width : 0px 0px 1px 0px;
-	border-color : #ddd;
-	border-style : solid;
-}
-
-div.postReply div.postTitle {
-	overflow : hidden;
-	text-overflow: ellipsis;
-	white-space : nowrap;
-	font-weight : 600;
-	text-rendering: optimizelegibility;
-	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-		Helvetica, Arial, sans-serif;
-}
-
-div.postReply div.postDate {
-	padding-left : 10px;
-}
-
-div.postReply div.postContent {
-	padding : 10px;
-	font-size : 16px;
-}
-
-div.postReply div.postContent img,
-div.postReply div.postContent video {
-	border-width : 0px;
-	max-width : 98%;
-	height: auto;
-}
-
-div.postReply div.postEnclosures {
-	color : #555;
-}
-
-div.postReply img.tagsPic {
-	width : 16px;
-	height : 16px;
-	margin-left : 4px;
-	vertical-align : middle;
-}
-
-div.articleNote {
-	background-color : #fff7d5;
-	padding : 5px;
-	margin : 5px;
-	border-style : solid;
-	border-color : #e7d796;
-	border-width : 1px;
-	color : #9a8c59;
-}
-
-div.articleNote div.noteEdit {
-	float : right;
-	cursor : pointer;
-}
-
-div.postReply span.author {
-	font-size : 12px;
-}
-
-h1 {
-	font-size : 18px;
-	font-weight : 600;
-	text-rendering: optimizelegibility;
-	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-		Helvetica, Arial, sans-serif;
-}
-
-h2 {
-	font-size : 16px;
-	font-weight : 600;
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-	border-color : #ecf4ff;
-	text-rendering: optimizelegibility;
-	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-		Helvetica, Arial, sans-serif;
-}
-
-h3 {
-	font-size : 13px;
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-	border-color : #ecf4ff;
-	font-weight : 600;
-	text-rendering: optimizelegibility;
-	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-		Helvetica, Arial, sans-serif;
-}
-
-h4 {
-	font-size : 14px;
-	font-weight : 600;
-	text-rendering: optimizelegibility;
-	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-		Helvetica, Arial, sans-serif;
-}
-
-hr {
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-	border-color : #ccc;
-}
-
-a {
-	color: #0088cc;
-	text-decoration: none;
-}
-
-a:hover {
-	color: #005580;
-	text-decoration: underline;
-}
-
-#piggie {
-	z-index : 999;
-	position : absolute;
-}
-
-#notify.visible {
-	transform: translate(0, -35px);
-	-webkit-transform: translate(0, -35px);
-   -o-transform: translate(0, -35px);
-   -moz-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;
-}
-
-#notify img {
-	vertical-align : middle;
-	max-height : 14px;
-}
-
-#notify span.msg {
-	width : 100%;
-}
-
-#notify img.close {
-	cursor : pointer;
-}
-
-#notify 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 : rgb(82, 168, 236);
-	background-color : #ecf4ff;
-}
-
-.notify.notify_error {
-	background-color : #ffcccc;
-	border-color : #ff0000;
-}
-
-.hl div.hlTitle a {
-	font-weight : 600;
-	text-rendering: optimizelegibility;
-	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-		"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-		Helvetica, Arial, sans-serif;
-	color : #777;
-}
-
-.hl.Unread div.hlTitle a {
-	color : black;
-}
-
-.hl.active div.hlTitle a {
-	color : rgb(82, 168, 236);
-	/* text-shadow : 1px 1px 2px #fff; */
-}
-
-.hl.Selected {
-	background : #f9fbff;
-}
-
-.hl.Grayed {
-	color : #909090;
-}
-
-.hl {
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-	border-color : #ddd;
-	padding : 1px;
-}
-
-.hl.active {
-	background : #ecf4ff ! important;
-}
-
-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-width : 0px 0px 0px 4px;
-	border-color : #ccc;
-	border-style : solid;
-}
-
-#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-width: 0px;
-	border-color: #ccc;
-	border-style: solid;
-	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;
-	-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;
-}
-
-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;
-}
-
-#main-toolbar > *,
-#main-toolbar table *,
-#main-toolbar .actionChooser * {
-	text-rendering: optimizelegibility;
-	font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue",
-		Helvetica, Arial, sans-serif;
-	font-size : 12px;
-
-}
-
-#main-toolbar #headlines-toolbar {
-	padding-right : 4px;
-	width : 100%;
-}
-
-#main-toolbar #headlines-toolbar span.holder {
-	display : table;
-	width : 100%;
-}
-
-#main-toolbar #headlines-toolbar span.holder > * {
-	display : table-cell;
-}
-
-#main-toolbar #headlines-toolbar .main {
-	text-align : right;
-}
-
-#main-toolbar #headlines-toolbar .main,
-#main-toolbar #headlines-toolbar .r {
-	line-height : 24px;
-}
-
-#headlines-toolbar span.r img {
-	margin-right : 4px;
-	position : relative;
-	top : 3px;
-}
-
-#headlines-toolbar span.r .error a {
-	color : red;
-}
-
-#main-toolbar #selected_prompt {
-	font-style : italic;
-	text-align : right;
-	margin-right : 4px;
-}
-
[email protected] (max-width: 992px) {
-	#main-toolbar #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; 
-}
-
-div.postHeader div.postDate {
-	text-align : right;
-	color : #909090;
-	float : right;
-}
-
-div.postHeader 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;
-}
-
-ul.feedErrorsList 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;
-
-}
-
-ul.browseFeedList 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;
-}
-
-ul.compact 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;
-}
-
-div.autocomplete ul {
-	list-style-type : none;
-	margin : 0px;
-	padding : 0px;
-}
-
-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;
-}
-
-.hl .hlTitle {
-	overflow : hidden;
-	white-space : nowrap;
-	max-width : 500px;
-	text-overflow : ellipsis;
-	padding-left : 6px;
-	padding-right : 6px;
-}
-
-div#headlines-frame.wide .hlTitle {
-	max-width : auto;
-	overflow : visible;
-	white-space : normal;
-}
-
-div#headlines-frame.wide .hl .hlFeed {
-	display : none;
-}
-
-.hl 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;
-}
-
-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 rgb(82, 168, 236);
-	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 : rgb(82, 168, 236);
-}
-
-.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 : rgb(82, 168, 236);
-}
-
-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 : rgb(82, 168, 236);
-	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 : "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue",
-		Helvetica, Arial, sans-serif;
-}
-
-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 rgb(82, 168, 236);
-	color : white;
-	background : rgb(82, 168, 236);
-	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 {
-