X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=css%2Ftt-rss.less;h=e03922cfb7faf92a6bf8281e09179ac63070cd5c;hb=50052fb78a3a9d1bb3fa488e7fd7b23125c38124;hp=5a6519306cb8804653c539856568c12b862742e7;hpb=481ab9acbfdd0d9de3b52da17f33f5381150b9bc;p=tt-rss.git

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