[tt-rss.git] / css / tt-rss.css

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;
}

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", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
}

div.postReply div.postDate {
	padding-left : 10px;
}

div.postReply div.postContent {
	padding : 10px;
}

div.postReply div.postContent img {
	border-width : 0px;
	max-width : 98%;
	height: auto;
}

div.postReply div.postEnclosures {
	margin-top : 1em;
	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;
	background-color : #fff7d5;
	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", "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", "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", "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", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
}

hr {
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #ccc;
}

a {
	color : #4684ff;
	text-decoration : none;
}

a:hover {
	color : #88b0f0;
}

#piggie {
	z-index : 999;
	position : absolute;
}

#notify {
	bottom : 10px;
	right : 20px;
	border-width : 1px;
	border-style : solid;
	position : absolute;	
	font-size : 12px;
	z-index : 99;
	max-width : 200px;
	min-width : 100px;
	padding : 5px;
	-width : 200px;
}

#notify img {
	vertical-align : middle;
	max-height : 14px;
}

#notify span.msg {
	width : 100%;
}

#notify span.close {
	text-align : right;
}

#notify span {
	display : table-cell;
	vertical-align : middle;
	padding : 4px;
}

.notify {
	border-color : #d7c47a;
	background-color : #fff7d5;
}

.notify.progress {
	border-color : #d7c47a;
	background-color : #fff7d5;
}

.notify.info {
	border-color : #88b0f0;
	background-color : #ecf4ff;
}

.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", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
	color : #777;
}

.hl.Unread div.hlTitle a {
	color : black;
}

.hl.active div.hlTitle a {
	color : #4684ff;
	/* 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;
	background-color : #f5f5f5;
	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;
}

div.notice, div.warning, div.error {
	padding : 4px 10px 4px 4px;
	display : inline-block;
	margin : 2px 0px 4px 0px;
	font-size : 12px;
	border-style : solid;
	border-color : #ccc;
	border-width : 1px;
}

div.notice div.inner, div.warning div.inner, div.error div.inner {
	vertical-align : middle;
}

div.notice {
	background : #ecf4ff;
	border-color : #88b0f0;
}

div.warning {
	background : #fff7d5;
	border-color : #e7d796;;
}

div.error {
	background : #ffcccc;
	border-color : #ff0000;
}

div.warning img, div.notice img, div.error img {
	margin : 4px;
	vertical-align : middle;
}

div.warning span, div.notice span, div.error span {
	display : table-cell;
	vertical-align : middle;

}

ul.nomarks {
	list-style-type : none;
	margin : 0px;
	padding : 10px; 
}

div.prefHelp {
	color : #555;
	padding : 5px;
}

.insensitive {
	color : #555;
}

#main-toolbar > * {
	white-space : nowrap;
	display : table-cell;
	color : #999;
}

#main-toolbar > *,
#main-toolbar table *,
#main-toolbar .actionChooser * {
	text-rendering: optimizelegibility;
	font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", "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;
}

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;
	background-color : #f5f5f5;
	margin : 5px 0px 5px 0px;
	padding : 5px;
	text-align : center;
}

div.errorExplained {
	border : 1px solid #ddd;
	background-color : #f5f5f5;
	margin : 5px 0px 5px 0px;
	padding : 5px;
}

ul.feedErrorsList {
	max-height : 300px;
	overflow : auto;
	list-style-type : none;
	border : 1px solid #ddd;
	background-color : #f5f5f5;
	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;
}

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;
}

.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 {
	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 #88b0f0;
	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 : #4684ff;
}

.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 : 100%;
	height : 100px;
}

#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 1px 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);
}

#headlines-wrap-inner {
	padding : 0px;
	margin : 0px;
	border-width : 0px;
}

#headlines-frame {
	padding : 0px;
	border-width : 0px;
	border-color : #ddd;
	margin-top : 0px;
}

#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;
}

#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;
	padding : 1em;
	color : #555;
}


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;
	background-color : #f5f5f5;
	margin : 0px 0px 5px 0px;
	padding : 5px;
}

ul.helpKbList span.hksequence {
	width : 6em;
	margin-left : 20px;
	color : #88b0f0;
	font-weight : bold;
	display : inline-block;
}

ul.helpKbList h2 {
	margin-top : 0px;
}

span.collapseBtn {
	cursor : pointer;
}

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%;
}

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;
}

#feedTree img.feedIcon {
	position : relative;
	top : -2px;
}

body#ttrssMain #feedTree .dijitTreeRow {
	padding : 2px 0px 2px;
	height : 22px;
	border-width : 1px;
	color : #333;
}

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", "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 #88b0f0;
	color : white;
	background : #88b0f0;
	border-radius : 4px;
	vertical-align : middle;
	float : right;
	position : relative;
	line-height : 14px;
	margin-right : 8px;
	margin-top : 3px;
	min-width : 23px;
	height : 14px;
}

#feedTree img[src*='indicator_white.gif'] {
	position : relative;
	top : -2px;
}

span.highlight {
	background-color : #ffff00;
	color : #cc90cc;
}

div.enclosure_title {

}

body#ttrssMain #headlines-frame .dijitCheckBox {
	border-width : 0px;
	opacity : 0.5;
}

body#ttrssMain #headlines-frame .dijitCheckBoxHover,
body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
	opacity : 1;
}

body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
	width : 16px;
	height : 16px;
	vertical-align : middle;
	position : relative;
} 

:focus {
	outline: none; 
}
Commit	Line	Data
	1	body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
	2	background : white;
	3	color : black;
	4	margin : 0px;
	5	padding : 0px;
	6	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	7	font-size: 14px;
	8	}
	9
	10	div.postReply {
	11	padding : 0px;
	12	}
	13
	14	div.postReply div.postHeader {
	15	padding : 5px;
	16	margin-right : 4px;
	17	color : #909090;
	18	border-width : 0px 0px 1px 0px;
	19	border-color : #ddd;
	20	border-style : solid;
	21	}
	22
	23	div.postReply div.postTitle {
	24	overflow : hidden;
	25	text-overflow: ellipsis;
	26	white-space : nowrap;
	27	font-weight : 600;
	28	text-rendering: optimizelegibility;
	29	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	30	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	31	Helvetica, Arial, sans-serif;
	32	}
	33
	34	div.postReply div.postDate {
	35	padding-left : 10px;
	36	}
	37
	38	div.postReply div.postContent {
	39	padding : 10px;
	40	}
	41
	42	div.postReply div.postContent img {
	43	border-width : 0px;
	44	max-width : 98%;
	45	height: auto;
	46	}
	47
	48	div.postReply div.postEnclosures {
	49	margin-top : 1em;
	50	color : #555;
	51	}
	52
	53	div.postReply img.tagsPic {
	54	width : 16px;
	55	height : 16px;
	56	margin-left : 4px;
	57	vertical-align : middle;
	58	}
	59
	60	div.articleNote {
	61	background-color : #fff7d5;
	62	padding : 5px;
	63	margin : 5px;
	64	border-style : solid;
	65	border-color : #e7d796;
	66	border-width : 1px;
	67	background-color : #fff7d5;
	68	color : #9a8c59;
	69	}
	70
	71	div.articleNote div.noteEdit {
	72	float : right;
	73	cursor : pointer;
	74	}
	75
	76	div.postReply span.author {
	77	font-size : 12px;
	78	}
	79
	80	h1 {
	81	font-size : 18px;
	82	font-weight : 600;
	83	text-rendering: optimizelegibility;
	84	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	85	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	86	Helvetica, Arial, sans-serif;
	87	}
	88
	89	h2 {
	90	font-size : 16px;
	91	font-weight : 600;
	92	border-width : 0px 0px 1px 0px;
	93	border-style : solid;
	94	border-color : #ecf4ff;
	95	text-rendering: optimizelegibility;
	96	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	97	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	98	Helvetica, Arial, sans-serif;
	99	}
	100
	101	h3 {
	102	font-size : 13px;
	103	border-width : 0px 0px 1px 0px;
	104	border-style : solid;
	105	border-color : #ecf4ff;
	106	font-weight : 600;
	107	text-rendering: optimizelegibility;
	108	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	109	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	110	Helvetica, Arial, sans-serif;
	111	}
	112
	113	h4 {
	114	font-size : 14px;
	115	font-weight : 600;
	116	text-rendering: optimizelegibility;
	117	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	118	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	119	Helvetica, Arial, sans-serif;
	120	}
	121
	122	hr {
	123	border-width : 0px 0px 1px 0px;
	124	border-style : solid;
	125	border-color : #ccc;
	126	}
	127
	128	a {
	129	color : #4684ff;
	130	text-decoration : none;
	131	}
	132
	133	a:hover {
	134	color : #88b0f0;
	135	}
	136
	137	#piggie {
	138	z-index : 999;
	139	position : absolute;
	140	}
	141
	142	#notify {
	143	bottom : 10px;
	144	right : 20px;
	145	border-width : 1px;
	146	border-style : solid;
	147	position : absolute;
	148	font-size : 12px;
	149	z-index : 99;
	150	max-width : 200px;
	151	min-width : 100px;
	152	padding : 5px;
	153	-width : 200px;
	154	}
	155
	156	#notify img {
	157	vertical-align : middle;
	158	max-height : 14px;
	159	}
	160
	161	#notify span.msg {
	162	width : 100%;
	163	}
	164
	165	#notify span.close {
	166	text-align : right;
	167	}
	168
	169	#notify span {
	170	display : table-cell;
	171	vertical-align : middle;
	172	padding : 4px;
	173	}
	174
	175	.notify {
	176	border-color : #d7c47a;
	177	background-color : #fff7d5;
	178	}
	179
	180	.notify.progress {
	181	border-color : #d7c47a;
	182	background-color : #fff7d5;
	183	}
	184
	185	.notify.info {
	186	border-color : #88b0f0;
	187	background-color : #ecf4ff;
	188	}
	189
	190	.notify.error {
	191	background-color : #ffcccc;
	192	border-color : #ff0000;
	193	}
	194
	195	.hl div.hlTitle a {
	196	font-weight : 600;
	197	text-rendering: optimizelegibility;
	198	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	199	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	200	Helvetica, Arial, sans-serif;
	201	color : #777;
	202	}
	203
	204	.hl.Unread div.hlTitle a {
	205	color : black;
	206	}
	207
	208	.hl.active div.hlTitle a {
	209	color : #4684ff;
	210	/* text-shadow : 1px 1px 2px #fff; */
	211	}
	212
	213	.hl.Selected {
	214	background : #f9fbff;
	215	}
	216
	217	.hl.Grayed {
	218	color : #909090;
	219	}
	220
	221	.hl {
	222	border-width : 0px 0px 1px 0px;
	223	border-style : solid;
	224	border-color : #ddd;
	225	padding : 1px;
	226	}
	227
	228	.hl.active {
	229	background : #ecf4ff ! important;
	230	}
	231
	232	div.filterTestHolder {
	233	height : 300px;
	234	overflow : auto;
	235	border-color : #ddd;
	236	border-style : solid;
	237	margin : 0px 0px 5px 0px;
	238	background-color : #f5f5f5;
	239	border-width : 1px;
	240	}
	241
	242
	243	#content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
	244	margin : 5px 0px 5px 0px;
	245	color : #555;
	246	padding-left : 10px;
	247	border-width : 0px 0px 0px 4px;
	248	border-color : #ccc;
	249	border-style : solid;
	250	}
	251
	252	#content-insert code, #headlines-frame code, .dijitContentPane code {
	253	color : #009900;
	254	font-family : monospace;
	255	font-size : 12px;
	256	}
	257
	258	#content-insert pre, #headlines-frame pre, .dijitContentPane pre {
	259	margin : 5px 0px 5px 0px;
	260	padding : 10px;
	261	color : #555;
	262	font-family : monospace;
	263	font-size : 12px;
	264	border-width : 0px;
	265	border-color : #ccc;
	266	border-style : solid;
	267	background : #f5f5f5;
	268	display : block;
	269	max-width : 98%;
	270	overflow : auto;
	271	}
	272
	273	div.notice, div.warning, div.error {
	274	padding : 4px 10px 4px 4px;
	275	display : inline-block;
	276	margin : 2px 0px 4px 0px;
	277	font-size : 12px;
	278	border-style : solid;
	279	border-color : #ccc;
	280	border-width : 1px;
	281	}
	282
	283	div.notice div.inner, div.warning div.inner, div.error div.inner {
	284	vertical-align : middle;
	285	}
	286
	287	div.notice {
	288	background : #ecf4ff;
	289	border-color : #88b0f0;
	290	}
	291
	292	div.warning {
	293	background : #fff7d5;
	294	border-color : #e7d796;;
	295	}
	296
	297	div.error {
	298	background : #ffcccc;
	299	border-color : #ff0000;
	300	}
	301
	302	div.warning img, div.notice img, div.error img {
	303	margin : 4px;
	304	vertical-align : middle;
	305	}
	306
	307	div.warning span, div.notice span, div.error span {
	308	display : table-cell;
	309	vertical-align : middle;
	310
	311	}
	312
	313	ul.nomarks {
	314	list-style-type : none;
	315	margin : 0px;
	316	padding : 10px;
	317	}
	318
	319	div.prefHelp {
	320	color : #555;
	321	padding : 5px;
	322	}
	323
	324	.insensitive {
	325	color : #555;
	326	}
	327
	328	#main-toolbar > * {
	329	white-space : nowrap;
	330	display : table-cell;
	331	color : #999;
	332	}
	333
	334	#main-toolbar > *,
	335	#main-toolbar table *,
	336	#main-toolbar .actionChooser * {
	337	text-rendering: optimizelegibility;
	338	font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", "Helvetica Neue",
	339	Helvetica, Arial, sans-serif;
	340	font-size : 12px;
	341
	342	}
	343
	344	#main-toolbar #headlines-toolbar {
	345	padding-right : 4px;
	346	width : 100%;
	347	}
	348
	349	#main-toolbar #headlines-toolbar span.holder {
	350	display : table;
	351	width : 100%;
	352	}
	353
	354	#main-toolbar #headlines-toolbar span.holder > * {
	355	display : table-cell;
	356	}
	357
	358	#main-toolbar #headlines-toolbar .main {
	359	text-align : right;
	360	}
	361
	362	#main-toolbar #headlines-toolbar .main,
	363	#main-toolbar #headlines-toolbar .r {
	364	line-height : 24px;
	365	}
	366
	367	#headlines-toolbar span.r img {
	368	margin-right : 4px;
	369	position : relative;
	370	top : 3px;
	371	}
	372
	373	#headlines-toolbar span.r .error a {
	374	color : red;
	375	}
	376
	377	#main-toolbar #selected_prompt {
	378	font-style : italic;
	379	text-align : right;
	380	margin-right : 4px;
	381	}
	382
	383	span.contentPreview {
	384	color : #999;
	385	font-weight : normal;
	386	font-size : 12px;
	387	padding-left : 4px;
	388	}
	389
	390	span.hlLabelRef {
	391	background-color : #fff7d5;
	392	font-size : 8px;
	393	color : #063064;
	394	font-weight : normal;
	395	margin-left : 2px;
	396	padding : 1px 4px 1px 4px;
	397	display : inline-block;
	398	vertical-align : middle;
	399	white-space: nowrap;
	400	border-radius : 4px;
	401	}
	402
	403	div.postHeader div.postDate {
	404	text-align : right;
	405	color : #909090;
	406	float : right;
	407	}
	408
	409	div.postHeader div {
	410	padding-bottom : 3px;
	411	}
	412
	413	#feedUpdateErrors {
	414	display : none;
	415	}
	416
	417	#allEntryTags {
	418	border-width : 0px 0px 1px 0px;
	419	border-style : solid;
	420	border-color : #ddd;
	421	padding-bottom : 5px;
	422	display : none;
	423	}
	424
	425	img.markedPic, img.pubPic {
	426	cursor : pointer;
	427	vertical-align : middle;
	428	opacity : 0.5;
	429	-webkit-transition : opacity 0.25s;
	430	transition : opacity 0.25s;
	431	}
	432
	433	img.markedPic:hover, img.pubPic:hover {
	434	opacity : 1;
	435	}
	436
	437	img[src='pub_set.png'], img[src='mark_set.png'] {
	438	opacity : 1;
	439	}
	440
	441	div.tagCloudContainer {
	442	border : 1px solid #ddd;
	443	background-color : #f5f5f5;
	444	margin : 5px 0px 5px 0px;
	445	padding : 5px;
	446	text-align : center;
	447	}
	448
	449	div.errorExplained {
	450	border : 1px solid #ddd;
	451	background-color : #f5f5f5;
	452	margin : 5px 0px 5px 0px;
	453	padding : 5px;
	454	}
	455
	456	ul.feedErrorsList {
	457	max-height : 300px;
	458	overflow : auto;
	459	list-style-type : none;
	460	border : 1px solid #ddd;
	461	background-color : #f5f5f5;
	462	margin : 0px 0px 5px 0px;
	463	padding : 5px;
	464	}
	465
	466	ul.feedErrorsList em {
	467	color : #555;
	468	}
	469
	470	ul.browseFeedList {
	471	height : 300px;
	472	overflow : auto;
	473	border-width : 0px 1px 1px 1px;
	474	border-color : #ddd;
	475	border-style : solid;
	476	margin : 0px 0px 5px 0px;
	477	background-color : white;
	478	list-style-type : none;
	479	padding : 0px;
	480
	481	}
	482
	483	ul.browseFeedList li {
	484	margin : 0px;
	485	padding : 2px 4px 2px 4px;
	486	}
	487
	488	span.subscribers {
	489	color : #808080;
	490	}
	491
	492	div.subscribers {
	493	color : #808080;
	494	font-size : 12px;
	495	float : right;
	496	}
	497
	498	div.browserDetails {
	499	margin : 5px 5px 5px 5px;
	500	padding : 5px;
	501	}
	502
	503	ul.compact {
	504	list-style-type : none;
	505	margin : 0px;
	506	padding : 0px;
	507	}
	508
	509	ul.compact li {
	510	margin : 0px;
	511	padding : 0px;
	512	}
	513
	514	.noborder {
	515	border-width : 0px;
	516	}
	517
	518	#overlay {
	519	background : white;
	520	left : 0;
	521	top : 0;
	522	height : 100%;
	523	width : 100%;
	524	z-index : 100;
	525	position : absolute;
	526	}
	527
	528	#overlay_inner {
	529	font-weight : bold;
	530	margin : 1em;
	531	}
	532
	533	form {
	534	margin : 0px;
	535	padding : 0px;
	536	}
	537
	538	div.loadingPrompt {
	539	padding : 1em;
	540	text-align : center;
	541	font-weight : bold;
	542	}
	543
	544	div.whiteBox {
	545	margin-left : 1px;
	546	text-align : center;
	547	padding : 1em;
	548	}
	549
	550	div.autocomplete {
	551	position : absolute;
	552	width : 250px;
	553	background-color : white;
	554	border :1px solid #778899;
	555	margin : 0px;
	556	padding : 0px;
	557	}
	558
	559	div.autocomplete ul {
	560	list-style-type : none;
	561	margin : 0px;
	562	padding : 0px;
	563	}
	564
	565	div.autocomplete ul li.selected {
	566	background-color : #fff7d5;
	567	}
	568
	569	div.autocomplete ul li {
	570	list-style-type : none;
	571	display : block;
	572	margin : 0;
	573	padding : 2px;
	574	height : 32px;
	575	cursor : pointer;
	576	}
	577
	578	.hl .hlTitle {
	579	overflow : hidden;
	580	white-space : nowrap;
	581	max-width : 500px;
	582	text-overflow : ellipsis;
	583	padding-left : 6px;
	584	padding-right : 6px;
	585	}
	586
	587	div#headlines-frame.wide .hlTitle {
	588	max-width : auto;
	589	overflow : visible;
	590	white-space : normal;
	591	}
	592
	593	.hl a.title.high, span.hlContent.high .contentPreview {
	594	color : #00aa00;
	595	}
	596	.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
	597	color : #00dd00;
	598	}
	599
	600	.hl a.title.low, span.hlContent.low .contentPreview,
	601	.hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
	602	color : #909090;
	603	text-decoration : line-through;
	604	}
	605
	606	img.hlScorePic {
	607	vertical-align : middle;
	608	width : 16px;
	609	height : 16px;
	610	}
	611
	612	div.dlgSec {
	613	font-size : 12px;
	614	color : #555;
	615	font-weight : bold;
	616	clear : both;
	617	height : 20px;
	618	}
	619
	620	div.dlgSecCont {
	621	position : relative;
	622	left : 150px;
	623	top : -20px;
	624	float : left;
	625	font-size : 12px;
	626	font-weight : normal;
	627	}
	628
	629	div.dlgSecCont hr {
	630	height : 0px;
	631	line-height : 0px;
	632	border : 0px solid transparent;
	633	margin : 2px;
	634	}
	635
	636	div.dlgSecCont > * {
	637	position : relative;
	638	top : -2px;
	639	}
	640
	641	div.dlgButtons {
	642	text-align : right;
	643	clear : both;
	644	}
	645
	646	span.labelColorIndicator {
	647	height : 16px;
	648	width : 16px;
	649	border-radius : 4px;
	650	line-height : 14px;
	651	vertical-align : middle;
	652	font-size : 9px;
	653	display : inline-block;
	654	border : 1px solid #ccc;
	655	background-color : #fff7d5;
	656	color : #063064;
	657	text-align : center;
	658	}
	659
	660	div#cmdline {
	661	position : absolute;
	662	left : 5px;
	663	bottom : 5px;
	664	font-size : 11px;
	665	color : #555;
	666	font-weight : bold;
	667	background-color : white;
	668	border : 1px solid #88b0f0;
	669	padding : 3px 5px 3px 5px;
	670	z-index : 5;
	671	}
	672
	673	#feed_browser_spinner {
	674	vertical-align : middle;
	675	height : 18px;
	676	width : 18px;
	677	}
	678
	679	div.hlTitle {
	680	display : table-cell;
	681	cursor : pointer;
	682	width : 100%;
	683	vertical-align : middle;
	684	padding-top : 4px;
	685	padding-bottom : 4px;
	686	}
	687
	688	div.hlLeft {
	689	display : table-cell;
	690	vertical-align : middle;
	691	white-space: nowrap;
	692	}
	693
	694	div.hlRight {
	695	display : table-cell;
	696	white-space: nowrap;
	697	text-align : right;
	698	vertical-align : middle;
	699	}
	700
	701	div.hlRight img {
	702	max-width : 16px;
	703	max-height : 16px;
	704	}
	705
	706	.hl span.hlFeed {
	707	display : table-cell;
	708	vertical-align : middle;
	709	text-align : right;
	710	}
	711
	712	.hl span.hlFeed a {
	713	border-radius : 4px;
	714	display : inline-block;
	715	padding : 1px 4px 1px 4px;
	716	font-size : 11px;
	717	font-style : italic;
	718	font-weight : normal;
	719	color : #555;
	720	white-space : nowrap;
	721	}
	722
	723	.hl span.hlFeed a:hover {
	724	color : #4684ff;
	725	}
	726
	727	.hl span.hlUpdated {
	728	color : #555;
	729	display : table-cell;
	730	vertical-align : middle;
	731	text-align : right;
	732	font-size : 11px;
	733	white-space : nowrap;
	734	padding-left : 10px;
	735	}
	736
	737	span.hlUpdated div {
	738	display : inline-block;
	739	}
	740
	741	div.hlLeft {
	742	padding-left : 8px;
	743	}
	744
	745	div.hlLeft input {
	746	margin-left : 4px;
	747	margin-right : 4px;
	748	}
	749
	750	div.hlLeft img, div.hlRight img {
	751	margin : 0px 4px;
	752	}
	753
	754	div.hlLeft img {
	755	width : 16px;
	756	height : 16px;
	757	}
	758
	759	div.fatalError {
	760	margin-bottom : 10px;
	761	}
	762
	763	div.fatalError button {
	764	margin-top : 5px;
	765	}
	766
	767	div.fatalError textarea {
	768	width : 100%;
	769	height : 100px;
	770	}
	771
	772	#ttrssMain #main {
	773	border-width : 0px;
	774	margin : 0px;
	775	padding : 0px;
	776	}
	777
	778	#header-wrap {
	779	border-width : 0px;
	780	margin : 0px;
	781	padding : 0px;
	782	}
	783
	784	#content-wrap {
	785	padding : 0px;
	786	border-width : 0px;
	787	margin : 0px;
	788	}
	789
	790	#feeds-holder {
	791	padding : 0px;
	792	border-width : 0px 1px 0px 0px;
	793	border-style : solid;
	794	border-color : #ddd;
	795	overflow : hidden;
	796	background : #f5f5f5;
	797	box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
	798	}
	799
	800	#headlines-wrap-inner {
	801	padding : 0px;
	802	margin : 0px;
	803	border-width : 0px;
	804	}
	805
	806	#headlines-frame {
	807	padding : 0px;
	808	border-width : 0px;
	809	border-color : #ddd;
	810	margin-top : 0px;
	811	}
	812
	813	#headlines-toolbar_splitter, #toolbar_splitter {
	814	display : none;
	815	}
	816
	817	#toolbar {
	818	padding : 0px;
	819	margin : 0px;
	820	border-width : 0px;
	821	white-space: nowrap;
	822	font-size : 12px;
	823	}
	824
	825	#main-toolbar {
	826	background : white;
	827	border-width : 0px 0px 1px 0px;
	828	border-color : #ddd;
	829	border-style : solid;
	830	padding-left : 4px;
	831	height : 26px;
	832
	833	}
	834
	835	#header {
	836	border-width : 0px;
	837	text-align : right;
	838	color : #555;
	839	padding : 5px 5px 0px 0px;
	840	margin : 0px;
	841	position : absolute;
	842	right : 0px;
	843	top : 0px;
	844	z-index : 5;
	845	}
	846
	847	#footer {
	848	text-align : center;
	849	color : #555;
	850	padding : 4px 4px 8px 4px;
	851	border-width : 0px;
	852	}
	853
	854	#content-insert {
	855	padding : 0px;
	856	border-color : #ddd;
	857	border-width : 0px;
	858	line-height: 1.5;
	859	font-size : 15px;
	860	overflow : auto;
	861	}
	862
	863	#feedTree .dijitTreeRow .dijitTreeLabel.Unread {
	864	font-weight : bold;
	865	}
	866
	867	#feedTree .dijitTreeRow.Error .dijitTreeLabel {
	868	color : red;
	869	}
	870
	871	img.feedIcon, img.tinyFeedIcon {
	872	width : 16px;
	873	height : 16px;
	874	line-height : 16px;
	875	vertical-align : middle;
	876	display : inline-block;
	877	}
	878
	879	.player {
	880	display : inline-block;
	881	color : #555;
	882	font-size : 11px;
	883	font-family : sans-serif;
	884	border : 1px solid #555;
	885	padding : 0px 4px 0px 4px;
	886	margin : 0px 2px 0px 2px;
	887	width : 50px;
	888	text-align : center;
	889	background : white;
	890	}
	891
	892	.player.playing {
	893	color : #00c000;
	894	border-color : #00c000;
	895	}
	896
	897	.player:hover {
	898	background : #f0f0f0;
	899	cursor : pointer;
	900	}
	901
	902	#headlines-spacer {
	903	height : 100%;
	904	margin-left : 1px;
	905	text-align : center;
	906	padding : 1em;
	907	color : #555;
	908	}
	909
	910
	911	ul#filterDlg_Matches, ul#filterDlg_Actions {
	912	max-height : 100px;
	913	overflow : auto;
	914	list-style-type : none;
	915	border-style : solid;
	916	border-color : #ddd;
	917	border-width : 0px 1px 1px 1px;
	918	background-color : white;
	919	margin : 0px 0px 5px 0px;
	920	padding : 0px;
	921	}
	922
	923	ul#filterDlg_Matches li, ul#filterDlg_Actions li {
	924	cursor : pointer;
	925	padding : 0px 0px 0px 5px;
	926	}
	927
	928	ul.helpKbList {
	929	max-height : 300px;
	930	overflow : auto;
	931	list-style-type : none;
	932	border : 1px solid #ddd;
	933	background-color : #f5f5f5;
	934	margin : 0px 0px 5px 0px;
	935	padding : 5px;
	936	}
	937
	938	ul.helpKbList span.hksequence {
	939	width : 6em;
	940	margin-left : 20px;
	941	color : #88b0f0;
	942	font-weight : bold;
	943	display : inline-block;
	944	}
	945
	946	ul.helpKbList h2 {
	947	margin-top : 0px;
	948	}
	949
	950	span.collapseBtn {
	951	cursor : pointer;
	952	}
	953
	954	div.postContent h1 {
	955	font-size : 16px;
	956	}
	957
	958	div.postContent h2,
	959	div.postContent h3,
	960	div.postContent h4 {
	961	font-size : 15px;
	962	}
	963
	964	div.postContent p {
	965	max-width : 650px;
	966	-webkit-hyphens: auto;
	967	-moz-hyphens: auto;
	968	hyphens: auto;
	969	}
	970
	971	div.postContent iframe {
	972	min-width : 50%;
	973	}
	974
	975	div.postHeader span.author {
	976	color : #555;
	977	font-size : 11px;
	978	font-weight : normal;
	979	}
	980
	981	select.attachments {
	982	display : block;
	983	margin-top : 10px;
	984	max-width : 120px;
	985	}
	986
	987	#selected_prompt {
	988	margin-right : 25px;
	989	}
	990
	991	#feedTree img.feedIcon {
	992	position : relative;
	993	top : -2px;
	994	}
	995
	996	body#ttrssMain #feedTree .dijitTreeRow {
	997	padding : 2px 0px 2px;
	998	height : 22px;
	999	border-width : 1px;
	1000	color : #333;
	1001	}
	1002
	1003	ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
	1004	margin-right : 5px;
	1005	}
	1006
	1007	body#ttrssMain #feedTree {
	1008	height : 100%;
	1009	overflow-x : hidden;
	1010	text-rendering: optimizelegibility;
	1011	font-family : "Segoe UI Web", "Segoe UI", "Helvetica Neue",
	1012	Helvetica, Arial, sans-serif;
	1013	}
	1014
	1015	body#ttrssMain #feedTree .counterNode.aux {
	1016	background : #f0f0f0;
	1017	color : #999;
	1018	border-color : #f0f0f0;
	1019	}
	1020
	1021	body#ttrssMain #feedTree .counterNode {
	1022	font-weight : bold;
	1023	display : inline-block;
	1024	font-size : 9px;
	1025	text-align : center;
	1026	border : 1px solid #88b0f0;
	1027	color : white;
	1028	background : #88b0f0;
	1029	border-radius : 4px;
	1030	vertical-align : middle;
	1031	float : right;
	1032	position : relative;
	1033	line-height : 14px;
	1034	margin-right : 8px;
	1035	margin-top : 3px;
	1036	min-width : 23px;
	1037	height : 14px;
	1038	}
	1039
	1040	#feedTree img[src*='indicator_white.gif'] {
	1041	position : relative;
	1042	top : -2px;
	1043	}
	1044
	1045	span.highlight {
	1046	background-color : #ffff00;
	1047	color : #cc90cc;
	1048	}
	1049
	1050	div.enclosure_title {
	1051
	1052	}
	1053
	1054	body#ttrssMain #headlines-frame .dijitCheckBox {
	1055	border-width : 0px;
	1056	opacity : 0.5;
	1057	}
	1058
	1059	body#ttrssMain #headlines-frame .dijitCheckBoxHover,
	1060	body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
	1061	opacity : 1;
	1062	}
	1063
	1064	body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
	1065	width : 16px;
	1066	height : 16px;
	1067	vertical-align : middle;
	1068	position : relative;
	1069	}
	1070
	1071	:focus {
	1072	outline: none;
	1073	}