summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAndrew Dolgov <[email protected]>2017-12-03 12:49:40 +0300
committerAndrew Dolgov <[email protected]>2017-12-03 12:50:07 +0300
commit5e68e24679e9a2248a3c28c8a4078b4bdad09f9c (patch)
tree673e36c0be03613d2bb2cec27ee61b3bcfed9242
parent4dc3f7e7790a4a1dff2a260a7c81c79e9f94acb3 (diff)
css/less updates
-rw-r--r--classes/article.php5
-rw-r--r--classes/handler/public.php14
-rw-r--r--css/default.css2
-rw-r--r--css/default.less4
-rw-r--r--css/layout.css3
-rw-r--r--css/prefs.less2
-rw-r--r--css/tt-rss.less1936
-rw-r--r--css/utility.css290
-rw-r--r--css/utility.less290
-rw-r--r--css/zoom.css105
-rw-r--r--css/zoom.less107
-rw-r--r--index.php2
-rw-r--r--prefs.php2
13 files changed, 1386 insertions, 1376 deletions
diff --git a/classes/article.php b/classes/article.php
index 0352e1b9e..1b4d26f70 100644
--- a/classes/article.php
+++ b/classes/article.php
@@ -634,12 +634,11 @@ class Article extends Handler_Protected {
$rv['content'] .= "<html><head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
<title>".$line["title"]."</title>".
- stylesheet_tag("css/default.css")."
-
+ stylesheet_tag("css/default.css")."
<link rel=\"shortcut icon\" type=\"image/png\" href=\"images/favicon.png\">
<link rel=\"icon\" type=\"image/png\" sizes=\"72x72\" href=\"images/favicon-72px.png\">
- </head><body id=\"ttrssZoom\">";
+ </head><body class=\"claro ttrss_zoom\">";
}
$rv['content'] .= "<div class=\"postReply\" id=\"POST-$id\">";
diff --git a/classes/handler/public.php b/classes/handler/public.php
index 8b513df67..9fccf884b 100644
--- a/classes/handler/public.php
+++ b/classes/handler/public.php
@@ -538,14 +538,16 @@ class Handler_Public extends Handler {
header('Content-Type: text/html; charset=utf-8');
print "<html>
<head>
- <title>Tiny Tiny RSS</title>
- <link rel=\"stylesheet\" type=\"text/css\" href=\"css/utility.css\">
- <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
- <link rel=\"shortcut icon\" type=\"image/png\" href=\"images/favicon.png\">
- <link rel=\"icon\" type=\"image/png\" sizes=\"72x72\" href=\"images/favicon-72px.png\">
+ <title>Tiny Tiny RSS</title>";
+ print stylesheet_tag("css/utility.css");
+ print stylesheet_tag("css/default.css");
+
+ print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
+ <link rel=\"shortcut icon\" type=\"image/png\" href=\"images/favicon.png\">
+ <link rel=\"icon\" type=\"image/png\" sizes=\"72x72\" href=\"images/favicon-72px.png\">
</head>
- <body>
+ <body class='claro'>
<img class=\"floatingLogo\" src=\"images/logo_small.png\"
alt=\"Tiny Tiny RSS\"/>
<h1>".__("Subscribe to feed...")."</h1><div class='content'>";
diff --git a/css/default.css b/css/default.css
index 0abe17236..b876923da 100644
--- a/css/default.css
+++ b/css/default.css
@@ -1 +1 @@
-body{background:#fff;color:#000;margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px}body#ttrssMain{overflow:hidden;max-height:100%}:focus{outline:none}div.postReply{padding:0}div.postReply div.postHeader{padding:5px;margin-right:4px;color:#909090;border:0 solid #ddd;border-bottom-width:1px}div.postReply div.postHeader div.postDate{text-align:right;color:#909090;float:right}div.postReply div.postHeader div{padding-bottom:3px}div.postReply div.postHeader span.author{color:#555;font-size:11px;font-weight:normal}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:0;max-width:98%;height:auto}div.postReply div.postContent h1{font-size:16px}div.postReply div.postContent h2,div.postReply div.postContent h3,div.postReply div.postContent h4{font-size:15px}div.postReply div.postContent p{hyphens:auto}div.postReply div.postContent iframe{min-width:50%;max-width:98%}div.postReply div.postEnclosures{color:#555}div.postReply img.tagsPic{width:16px;height:16px;margin-left:4px;vertical-align:middle}div.postReply span.author{font-size:12px}div.articleNote{background-color:#fff7d5;padding:5px;margin:5px;border:1px solid #e7d796;color:#9a8c59}div.articleNote div.noteEdit{float:right;cursor:pointer}h1{font-size:18px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}h2{font-size:16px;font-weight:600;border:0 solid #ecf4ff;border-bottom-width:1px;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}h3{font-size:13px;border:0 solid #ecf4ff;border-bottom-width:1px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}h4{font-size:14px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}hr{border:0 solid #ccc;border-bottom-width:1px}a{color:#08c;text-decoration:none}a:hover{color:#046;text-decoration:underline}#notify.visible{transform:translate(0, -35px)}#notify{bottom:-35px;right:0;height:20px;left:0;border-width:1px 0 0 0;border-style:solid;position:fixed;font-size:12px;z-index:99;padding:5px;box-shadow:0 -2px 2px rgba(0,0,0,0.1);transition:all .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:#52a8ec;background-color:#ecf4ff}.notify.notify_error{background-color:#fcc;border-color:#f00}.hl{border:0 solid #ddd;border-bottom-width:1px;padding:1px}.hl div.hlTitle{display:table-cell;cursor:pointer;width:100%;vertical-align:middle;overflow:hidden;white-space:nowrap;max-width:500px;text-overflow:ellipsis;padding:4px 6px}.hl div.hlLeft{display:table-cell;vertical-align:middle;white-space:nowrap}.hl div.hlRight{display:table-cell;white-space:nowrap;text-align:right;vertical-align:middle}.hl 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:#52a8ec}.hl span.hlUpdated{color:#555;display:table-cell;vertical-align:middle;text-align:right;font-size:11px;white-space:nowrap;padding-left:10px}.hl span.hlUpdated div{display:inline-block}.hl div.hlLeft{padding-left:8px}.hl div.hlLeft input{margin-left:4px;margin-right:4px}.hl div.hlLeft img,.hl div.hlRight img{margin:0 4px}.hl div.hlLeft img{width:16px;height:16px}.hl div.hlTitle a{font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#777}.hl a.title.high,.hl span.hlContent.high .contentPreview{color:#0a0}.hl.Unread a.title.high,.hl.Unread span.hlContent.high .contentPreview{color:#0d0}.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:#000}.hl.active{background:#ecf4ff ! important}.hl.active div.hlTitle a{color:#52a8ec}.hl.Selected{background:#f9fbff}.hl.Grayed{color:#909090}div.filterTestHolder{height:300px;overflow:auto;border-color:#ddd;border-style:solid;margin:0 0 5px 0;border-width:1px}#content-insert blockquote,#headlines-frame blockquote,.dijitContentPane blockquote{margin:5px 0 5px 0;color:#555;padding-left:10px;border:0 solid #ccc;border-left-width:4px}#content-insert code,#headlines-frame code,.dijitContentPane code{color:#090;font-family:monospace;font-size:12px}#content-insert pre,#headlines-frame pre,.dijitContentPane pre{margin:5px 0 5px 0;padding:10px;color:#555;font-family:monospace;font-size:12px;border:0 solid #ccc;background:#f5f5f5;display:block;max-width:98%;overflow:auto}.alert{padding:8px 35px 8px 14px;margin-bottom:10px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px}.alert,.alert h4{color:#c09853}.alert h4{margin:0}.alert .close{position:relative;top:-2px;right:-21px;line-height:20px;cursor:pointer}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success h4{color:#468847}.alert-danger,.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-danger h4,.alert-error h4{color:#b94a48}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info h4{color:#3a87ad}ul.nomarks{list-style-type:none;margin:0;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 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}#main-toolbar #headlines-toolbar span.r img{margin-right:4px;position:relative;top:3px}#main-toolbar #headlines-toolbar span.r .error a{color:#f00}#main-toolbar #selected_prompt{font-style:italic;text-align:right;margin-right:4px}@media (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}img.markedPic,img.pubPic{cursor:pointer;vertical-align:middle;opacity:.5;transition:opacity .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 0 5px 0;padding:5px;text-align:center}div.errorExplained{border:1px solid #ddd;margin:5px 0 5px 0;padding:5px}ul.feedErrorsList{max-height:300px;overflow:auto;list-style-type:none;border:1px solid #ddd;margin:0 0 5px 0;padding:5px}ul.feedErrorsList em{color:#555}ul.browseFeedList{height:300px;overflow:auto;border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;margin:0 0 5px 0;background-color:#fff;list-style-type:none;padding:0}ul.browseFeedList li{margin:0;padding:2px 4px 2px 4px}.browseFeedList span.subscribers{color:#808080}ul.compact{list-style-type:none;margin:0;padding:0}ul.compact li{margin:0;padding:0}.noborder{border-width:0}#overlay{background:#fff;left:0;top:0;height:100%;width:100%;z-index:100;position:absolute}#overlay_inner{font-weight:bold;margin:1em}form{margin:0;padding:0}div.loadingPrompt{padding:1em;text-align:center;font-weight:bold}div.whiteBox{margin-left:1px;text-align:center;padding:1em 1em 0 1em;font-size:11px;border:0 solid #ddd;border-bottom-width:1px}div.autocomplete{position:absolute;width:250px;background-color:#fff;border:1px solid #789;margin:0;padding:0}div.autocomplete ul{list-style-type:none;margin:0;padding:0}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}div#headlines-frame.wide .hlTitle{max-width:none;overflow:visible;white-space:normal}div#headlines-frame.wide .hl .hlFeed{display:none}img.hlScorePic{vertical-align:middle;width:16px;height:16px}div.dlgSec{font-size:12px;color:#555;font-weight:bold;clear:both;height:20px}div.dlgSecCont{position:relative;left:150px;top:-20px;float:left;font-size:12px;font-weight:normal}div.dlgSecCont>*{position:relative;top:-2px}div.dlgSecCont hr,div.dlgSecSimple hr{height:0;line-height:0;border:0 solid transparent;margin: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:#fff;border:1px solid #52a8ec;padding:3px 5px 3px 5px;z-index:5}#feed_browser_spinner{vertical-align:middle;height:18px;width:18px}div.fatalError{margin-bottom:10px}div.fatalError button{margin-top:5px}div.fatalError textarea{width:565px;height:200px}#ttrssMain #main{border-width:0;margin:0;padding:0}#header-wrap{border-width:0;margin:0;padding:0}#content-wrap{padding:0;border-width:0;margin:0}#feeds-holder{padding:0;border:0 solid #ddd;overflow:hidden;background:#f5f5f5;box-shadow:inset -1px 0 2px -1px rgba(0,0,0,0.1);-webkit-overflow-scrolling:touch}#headlines-wrap-inner{padding:0;margin:0;border-width:0}#headlines-frame{padding:0;border:0 #ddd;margin-top:0;-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}#headlines-toolbar_splitter,#toolbar_splitter{display:none}#toolbar{padding:0;margin:0;border-width:0;white-space:nowrap;font-size:12px}#main-toolbar{background:#fff;border:0 solid #ddd;border-bottom-width:1px;padding-left:4px;height:26px}#header{border-width:0;text-align:right;color:#555;padding:5px 5px 0 0;margin:0;position:absolute;right:0;top:0;z-index:5}#footer{text-align:center;color:#555;padding:4px 4px 8px 4px;border-width:0}#content-insert{padding:0;border-color:#ddd;border-width:0;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:#f00}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:0 4px 0 4px;margin:0 2px 0 2px;width:50px;text-align:center;background:#fff}.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:#52a8ec}ul#filterDlg_Matches,ul#filterDlg_Actions{max-height:100px;overflow:auto;list-style-type:none;border-style:solid;border-color:#ddd;border-width:0 1px 1px 1px;background-color:#fff;margin:0 0 5px 0;padding:0}ul#filterDlg_Matches li,ul#filterDlg_Actions li{cursor:pointer;padding:0 0 0 5px}ul.helpKbList{max-height:300px;overflow:auto;list-style-type:none;border:1px solid #ddd;margin:0 0 5px 0;padding:5px}ul.helpKbList span.hksequence{width:6em;margin-left:20px;color:#52a8ec;font-weight:bold;display:inline-block}ul.helpKbList h2{margin-top:0}span.collapseBtn{cursor:pointer}span.collapseBtn img{vertical-align:middle}select.attachments{display:block;margin-top:10px;max-width:120px}#selected_prompt{margin-right:25px;vertical-align:middle}body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected{box-shadow:-1px 0 2px -1px rgba(0,0,0,0.1);border-right-color:#fff}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 0 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 #52a8ec;color:#fff;background:#52a8ec;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:#ff0;color:#cc90cc}body#ttrssMain #headlines-frame .dijitCheckBox{border-width:0;opacity:.5}body#ttrssMain #headlines-frame .dijitCheckBoxHover,body#ttrssMain #headlines-frame .dijitCheckBoxChecked{opacity:1}body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf{width:16px;height:16px;vertical-align:middle;position:relative}.dijitDropDownButton.attachments .dijitButtonText{font-size:12px}.dijitDropDownButton.attachments{display:inline-block}#editTagsDlg{overflow:visible}body#ttrssZoom{margin-left:auto;margin-right:auto;padding:20px;max-width:770px;background:#f5f5f5}body#ttrssZoom div.postHeader div.postFeedTitle{float:left;text-align:right;padding-left:0;font-size:11px}body#ttrssZoom div.postHeader a.postComments{text-align:right;padding-left:0;font-size:11px}body#ttrssZoom div.postHeader div.postDate{float:none;text-align:right;padding-left:0;color:#777;font-size:11px}body#ttrssZoom div.postHeader div.postTags{color:#777;font-size:11px}body#ttrssZoom div.postHeader div.postTitle{white-space:normal;font-size:16px}body#ttrssZoom div.postContent{font-size:15px;line-height:1.5}body#ttrssZoom div.postContent p{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}body#ttrssZoom div.postHeader{margin:10px;border-width:0 0 1px 0;border-style:solid;border-color:#eee;background:#fff}body#ttrssZoom div.postReply{border:1px solid #ddd;background:#fff;box-shadow:0 1px 1px -1px rgba(0,0,0,0.1);border-radius:6px}body#ttrssZoom div.footer{margin-top:1em;text-align:center}body#ttrssZoom div.postContent img{max-width:730px;height:auto}body#ttrssZoom div.postContent blockquote{margin:5px 0 5px 0;color:#555;padding-left:10px;border-width:0 0 0 4px;border-color:#ccc;border-style:solid}body#ttrssZoom div.postContent code{color:#090;font-family:monospace;font-size:12px}body#ttrssZoom div.postContent pre{margin:5px 0 5px 0;padding:10px;color:#555;font-family:monospace;font-size:12px;border-width:0;border-color:#ccc;border-style:solid;background:#f5f5f5;display:block;max-width:98%;overflow:auto}.cdm{margin-right:4px}.cdm .cdmHeader,.cdm .cdmFooter{display:table}.cdm .cdmHeader img,.cdm .cdmHeader input,.cdm .cdmFooter img{vertical-align:middle}.cdm .cdmHeader>div,.cdm .cdmFooter>div{white-space:nowrap}.cdm .cdmHeader>span,.cdm .cdmFooter>span.left{width:100%}.cdm .cdmHeader img,.cdm .cdmFooter img{margin:0 4px}.cdm .cdmHeader>*{display:table-cell;padding:5px}.cdm .cdmHeader span.updated{color:#555;font-weight:normal;font-size:11px;white-space:nowrap;vertical-align:middle}.cdm .cdmHeader input{margin-right:5px}.cdm .cdmHeader div.updPic{width:25px;display:inline-block;text-align:center}.cdm .cdmHeader div.updPic img{vertical-align:middle}.cdm .cdmHeader input{margin-left:4px;margin-right:4px}.cdm .cdmFooter{height:30px;padding-left:5px;font-weight:normal;color:#555;clear:both}.cdm .cdmFooter>*{display:table-cell;vertical-align:middle}.cdm .cdmIntermediate{margin:10px}.cdm .cdmContentInner{margin:10px;line-height:1.5;font-size:16px}.cdm .cdmContentInner h1{font-size:16px}.cdm .cdmContentInner h2,.cdm .cdmContentInner h3,.cdm .cdmContentInner h4{font-size:15px}.cdm .cdmIntermediate img,.cdm .cdmIntermediate video,.cdm .cdmContentInner img,.cdm .cdmContentInner video{border-width:0;max-width:98%;height:auto}.cdm.expanded{margin-top:4px;margin-bottom:4px}.cdm.expanded .cdmFooter{border:0 solid #ddd;border-bottom-width:1px}.cdm.expanded>hr{margin-top:0;margin-bottom:0}.cdm.expandable{background-color:#f0f0f0;border:0 solid #ddd;border-bottom-width:1px}.cdm.expandable>hr{display:none}.cdm.expandable div.cdmHeader span.titleWrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:500px}.cdm.expandable.Unread{background:#fff}.cdm.expandable.Selected{background:#f9fbff}.cdm.expandable.active{background:#fff ! important}div.cdm.expandable.active div.cdmHeader span.titleWrap{white-space:normal}div.cdm.expandable div.cdmHeader a.title{font-weight:600;color:#555;font-size:14px;-webkit-transition:color .2s;transition:color .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:#000}div.cdm.expandable.active div.cdmHeader a.title{color:#08c;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 .2s;transition:color .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:#fff}div.cdm.expanded.active div.cdmHeader a.title{color:#08c}div.cdm.expanded.Unread div.cdmHeader a.title{color:#000}div.cdm.expanded div.cdmContent{color:#555}div.cdm.expanded.Unread div.cdmContent{color:#000}div.cdm.active div.cdmContent{color:#000}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:0 solid #08c;border-bottom-width:1px;padding:5px 3px 5px 5px}div.cdmFeedTitle a.title{color:#555;font-weight:bold}div.cdmFeedTitle a{color:#555}div.cdmFeedTitle a:hover{color:#08c}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{-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:0;right:0;left:0;border:0 solid #ddd;border-bottom-width:1px;background:#fff;color:#555;box-shadow:0 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 .2s;transition:color .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 img.anchor{margin-left:0}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}div#floatingTitle.Unread a.title{color:#000}.cdm.high .cdmHeader a.title.high,.cdm.high .cdmHeader .cdmExcerpt,.cdm.high .cdmHeader span.author{color:#0a0}.cdm.Unread.high .cdmHeader a.title.high,.cdm.Unread.high .cdmHeader .cdmExcerpt,.cdm.Unread.high .cdmHeader span.author{color:#0d0}.cdm .cdmHeader a.title.low,.cdm.low .cdmHeader .cdmExcerpt,.cdm.Unread .cdmHeader a.title.low,.cdm.Unread.low .cdmHeader .cdmExcerpt,.cdm.low .cdmHeader span.author{color:#909090;text-decoration:line-through}.cdmFeedTitle>*{display:table-cell;vertical-align:middle}.cdmFeedTitle a.title{width:100%}.cdmFeedTitle a.catchup{text-align:right;color:#555;padding-right:10px;font-size:11px;white-space:nowrap}.cdmFeedTitle a.catchup:hover{color:#08c}body#ttrssPrefs{background-color:#f5f5f5}body#ttrssPrefs #footer,body#ttrssPrefs #header{background-color:#f5f5f5;padding-left:8px;padding-right:8px}body#ttrssPrefs #header a:hover{color:#000}body#ttrssPrefs #header img{vertical-align:middle;cursor:pointer}body#ttrssPrefs div#pref-tabs .dijitContentPane{font-size:13px}body#ttrssPrefs div#pref-tabs{box-shadow:0 1px 1px -1px rgba(0,0,0,0.1);margin:0 5px 0 5px}body#ttrssPrefs div#pref-tabs .dijitContentPane h3{font-size:14px}body#ttrssPrefs #pref-filter-wrap,body#ttrssPrefs #pref-filter-header,body#ttrssPrefs #pref-filter-content,body#ttrssPrefs #pref-label-wrap,body#ttrssPrefs #pref-label-header,body#ttrssPrefs #pref-label-content,body#ttrssPrefs #pref-user-wrap,body#ttrssPrefs #pref-user-header,body#ttrssPrefs #pref-user-content,body#ttrssPrefs #pref-instance-wrap,body#ttrssPrefs #pref-instance-header,body#ttrssPrefs #pref-instance-content{margin:0;padding:0;border-width:0}body#ttrssPrefs #userConfigTab,body#ttrssPrefs #labelConfigTab,body#ttrssPrefs #filterConfigTab,body#ttrssPrefs #pref-feeds-feeds,body#ttrssPrefs #instanceConfigTab{padding:0}body#ttrssPrefs table.prefPrefsList h3{margin-top:.5em;margin-bottom:0}body#ttrssPrefs tr.title td{border-width:0 0 1px 0;border-color:#ecf4ff;border-style:solid;color:#08c}body#ttrssPrefs div.prefProfileHolder,body#ttrssPrefs div.prefFeedOPMLHolder,body#ttrssPrefs div.inactiveFeedHolder{height:300px;overflow:auto;border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;margin:0 0 5px 0;background-color:#fff}body#ttrssPrefs div.filterTestHolder,body#ttrssPrefs div.prefFeedOPMLHolder{border-width:1px}body#ttrssPrefs ul.userFeedList{height:200px;overflow:auto;list-style-type:none;border:1px solid #ddd;margin:0 0 5px 0;padding:5px}body#ttrssPrefs div#feedlistLoading,body#ttrssPrefs div#filterlistLoading,body#ttrssPrefs div#labellistLoading{text-align:center;padding:5px;color:#555}body#ttrssPrefs div#feedlistLoading img,body#ttrssPrefs div#filterlistLoading img,body#ttrssPrefs div#labellistLoading{margin-right:5px}body#ttrssPrefs #errorButton{color:#f00}body#ttrssPrefs table.prefPluginsList td label,body#ttrssPrefs table.prefUserList td{cursor:pointer}body#ttrssPrefs table.prefPluginsList label{white-space:nowrap}body#ttrssPrefs table.prefPluginsList label img{vertical-align:middle}body#ttrssPrefs table.prefErrorLog tr.errrow td{font-size:10px}body#ttrssPrefs table.prefErrorLog tr.errrow td.errno{font-style:italic;font-weight:bold;white-space:nowrap}body#ttrssPrefs table.prefErrorLog td.filename,body#ttrssPrefs table.prefErrorLog td.login,body#ttrssPrefs table.prefErrorLog td.timestamp{color:#555}body#ttrssPrefs hr{border-color:#ecf4ff;max-width:100%}.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:#008000}.claro #filterDlg_Matches span.filterRule{color:#008000}.claro .dijitTree .filterRules span.inverse,.claro #filterDlg_Matches span.filterRule.inverse{color:#f00}.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:#f00}.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:0;opacity:.6}.claro .dijitTree .dijitTreeNode{padding:0;border-width:0}.claro .dijitTree .dijitTreeRowSelected{background:#fff}.claro .dijitTree .dijitTreeRowHover{background:#f0f0f0;border-color:#ddd}.claro .dijitTree .dijitTreeRowSelected{background:#fff;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}.claro .dijitToolbar{background:#f5f5f5;border-color:#ddd}.claro .dijitDialog .dijitToolbar{border:1px solid #ddd}.claro .dijitDialog h2{margin-top:0;margin-bottom:4px;border-width:0}.claro .dijitMenu .dijitMenuItem .dijitMenuItemLabel{font-size:13px;padding-top:3px;padding-bottom:3px}.claro .dijitCheckBox{background-image:url("../images/untick.png");background-color:transparent;width:15px;height:15px;margin:1px;opacity:.7;background-position:center center;transition:opacity .25s;-webkit-transition:opacity .25s;padding:1px}.claro .dijitCheckBox:hover{opacity:1}.claro .dijitCheckBox.dijitCheckBoxDisabled:hover{opacity:.7}.claro .dijitCheckBox.dijitCheckBoxChecked{border-color:#69c671;background-image:url("../images/tick.png");opacity:1}.claro .dijitButton.danger .dijitButtonText{color:#fff}.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:#fff;background-color:#bd362f;*background-color:#a9302a}.claro .dijitButton.dijitButtonActive.danger{background-color:#942a25 \9}.claro .dijitDropDownButton{margin:0}.claro .dijitDropDownButton .dijitButtonNode{padding:0}.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}.claro button,.claro input[type="submit"]{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px}.claro button,.claro 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:#333;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, #fff, #e6e6e6);background-image:-webkit-linear-gradient(top, #fff, #e6e6e6);background-image:linear-gradient(to bottom, #fff, #e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;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)}.claro button:hover,.claro button:focus,.claro button:active,.claro input[type="submit"]:hover,.claro input[type="submit"]:focus,.claro 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:#333;background-color:#e6e6e6}.claro button:active,.claro 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:0;margin:0;line-height:auto;text-shadow:none}.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,.claro .dijitToolbar .dijitComboButton .dijitButtonText{padding:0}.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}.claro button:hover,.claro button:focus,.claro input[type="submit"]:hover,.claro 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:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;transition:background-position .1s linear}.claro button:focus,.claro 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}.claro button:active,.claro 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)}.claro input[type="submit"][disabled],.claro button[disabled],.claro .dijitButton[disabled],.claro .dijitDropDownButton .dijitDownArrowButton[disabled],.claro .dijitButton.dijitButtonDisabled,.claro .dijitComboButton.dijitButtonDisabled{cursor:default;background-image:none;opacity:.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:#52a8ec;color:#fff;border-color:rgba(82,168,236,0.8)}.claro .dijitButton .dijitButtonNode,.claro .dijitComboButton .dijitButtonNode{padding:0}.claro .dijitAccordionTitle.dijitAccordionTitleHover,.claro .dijitAccordionTitle.dijitAccordionTitleFocused{background:#fff;transition:background .25s}.claro .dijitAccordionTitle{background:#f0f0f0;transition:background .25s}.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,.claro .dijitAccordionTitle.dijitAccordionTitleSelected{background:#08c;transition:background .25s}.claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText{color:#fff}.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected{border-color:#08c}.claro .dijitAccordionContainer .dijitAccordionChildWrapper{border-color:#ddd}.claro .dijitTabInner.dijitTab{background:#f0f0f0}.claro .dijitTabContent{background:#eee}.claro .dijitTabContent.dijitTabChecked,.claro .dijitTabContent.dijitTabHover,.claro .dijitTabContent.dijitFocused{background:#fff}.claro .dijitTabPaneWrapper,.claro .dijitTabContainerTop-tabs,.claro .dijitTab,.claro .dijitAccordionInnerContainer{border-color:#ddd}.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:#555;vertical-align:middle;border-width:0}.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:#555;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:#fff;border:1px solid #ccc;-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 .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .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;-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:0;width:13px;border-width:1px;display:none}.claro .dijitSelect.dijitSelectDisabled{background-color:#eee}.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:#eee}.claro .dijitToolbar .dijitDownArrowButton.dijitSelect{border-color:rgba(0,0,0,0.1)}.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents{padding:2px 2px 0 4px}.claro .dijitToolbar .dijitDownArrowButton.dijitSelect{margin:0}.claro .dijitToolbar .dijitTextBox{padding:0;margin-bottom:0;border-radius:0}.claro .dijitDialog{border-radius:6px}.claro .dijitDialog .dijitDialogCloseIcon{margin-top:5px}.claro .dijitDialog .dijitDialogTitleBar{background:#fff;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:#08c}.claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile{background:#52a8ec}.claro .dijitProgressBar .dijitProgressBarLabel{color:#fff} \ No newline at end of file
+body.ttrss_main{background:#fff;color:#000;margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px}body.ttrss_main body#ttrssMain{overflow:hidden;max-height:100%}body.ttrss_main :focus{outline:none}body.ttrss_main div.postReply{padding:0}body.ttrss_main div.postReply div.postHeader{padding:5px;margin-right:4px;color:#909090;border:0 solid #ddd;border-bottom-width:1px}body.ttrss_main div.postReply div.postHeader div.postDate{text-align:right;color:#909090;float:right}body.ttrss_main div.postReply div.postHeader div{padding-bottom:3px}body.ttrss_main div.postReply div.postHeader span.author{color:#555;font-size:11px;font-weight:normal}body.ttrss_main 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}body.ttrss_main div.postReply div.postDate{padding-left:10px}body.ttrss_main div.postReply div.postContent{padding:10px;font-size:16px}body.ttrss_main div.postReply div.postContent img,body.ttrss_main div.postReply div.postContent video{border-width:0;max-width:98%;height:auto}body.ttrss_main div.postReply div.postContent h1{font-size:16px}body.ttrss_main div.postReply div.postContent h2,body.ttrss_main div.postReply div.postContent h3,body.ttrss_main div.postReply div.postContent h4{font-size:15px}body.ttrss_main div.postReply div.postContent p{hyphens:auto}body.ttrss_main div.postReply div.postContent iframe{min-width:50%;max-width:98%}body.ttrss_main div.postReply div.postEnclosures{color:#555}body.ttrss_main div.postReply img.tagsPic{width:16px;height:16px;margin-left:4px;vertical-align:middle}body.ttrss_main div.postReply span.author{font-size:12px}body.ttrss_main div.articleNote{background-color:#fff7d5;padding:5px;margin:5px;border:1px solid #e7d796;color:#9a8c59}body.ttrss_main div.articleNote div.noteEdit{float:right;cursor:pointer}body.ttrss_main h1{font-size:18px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}body.ttrss_main h2{font-size:16px;font-weight:600;border:0 solid #ecf4ff;border-bottom-width:1px;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}body.ttrss_main h3{font-size:13px;border:0 solid #ecf4ff;border-bottom-width:1px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}body.ttrss_main h4{font-size:14px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}body.ttrss_main hr{border:0 solid #ccc;border-bottom-width:1px}body.ttrss_main a{color:#08c;text-decoration:none}body.ttrss_main a:hover{color:#046;text-decoration:underline}body.ttrss_main #notify.visible{transform:translate(0, -35px)}body.ttrss_main #notify{bottom:-35px;right:0;height:20px;left:0;border-width:1px 0 0 0;border-style:solid;position:fixed;font-size:12px;z-index:99;padding:5px;box-shadow:0 -2px 2px rgba(0,0,0,0.1);transition:all .5s ease-in-out}body.ttrss_main #notify img{vertical-align:middle;max-height:14px}body.ttrss_main #notify span.msg{width:100%}body.ttrss_main #notify img.close{cursor:pointer}body.ttrss_main #notify span{display:table-cell;vertical-align:middle;padding:2px}body.ttrss_main .notify{border-color:#d7c47a;background-color:#fff7d5}body.ttrss_main .notify.notify_progress{border-color:#d7c47a;background-color:#fff7d5}body.ttrss_main .notify.notify_info{border-color:#52a8ec;background-color:#ecf4ff}body.ttrss_main .notify.notify_error{background-color:#fcc;border-color:#f00}body.ttrss_main .hl{border:0 solid #ddd;border-bottom-width:1px;padding:1px}body.ttrss_main .hl 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}body.ttrss_main .hl div.hlLeft{display:table-cell;vertical-align:middle;white-space:nowrap}body.ttrss_main .hl div.hlRight{display:table-cell;white-space:nowrap;text-align:right;vertical-align:middle}body.ttrss_main .hl div.hlRight img{max-width:16px;max-height:16px}body.ttrss_main .hl span.hlFeed{display:table-cell;vertical-align:middle;text-align:right}body.ttrss_main .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}body.ttrss_main .hl span.hlFeed a:hover{color:#52a8ec}body.ttrss_main .hl span.hlUpdated{color:#555;display:table-cell;vertical-align:middle;text-align:right;font-size:11px;white-space:nowrap;padding-left:10px}body.ttrss_main .hl span.hlUpdated div{display:inline-block}body.ttrss_main .hl div.hlLeft{padding-left:8px}body.ttrss_main .hl div.hlLeft input{margin-left:4px;margin-right:4px}body.ttrss_main .hl div.hlLeft img,body.ttrss_main .hl div.hlRight img{margin:0 4px}body.ttrss_main .hl div.hlLeft img{width:16px;height:16px}body.ttrss_main .hl div.hlTitle a{font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#777}body.ttrss_main .hl a.title.high,body.ttrss_main .hl span.hlContent.high .contentPreview{color:#0a0}body.ttrss_main .hl.Unread a.title.high,body.ttrss_main .hl.Unread span.hlContent.high .contentPreview{color:#0d0}body.ttrss_main .hl a.title.low,body.ttrss_main span.hlContent.low .contentPreview,body.ttrss_main .hl.Unread a.title.low,body.ttrss_main .hl.Unread span.hlContent.low .contentPreview{color:#909090;text-decoration:line-through}body.ttrss_main .hl.Unread div.hlTitle a{color:#000}body.ttrss_main .hl.active{background:#ecf4ff ! important}body.ttrss_main .hl.active div.hlTitle a{color:#52a8ec}body.ttrss_main .hl.Selected{background:#f9fbff}body.ttrss_main .hl.Grayed{color:#909090}body.ttrss_main div.filterTestHolder{height:300px;overflow:auto;border-color:#ddd;border-style:solid;margin:0 0 5px 0;border-width:1px}body.ttrss_main #content-insert blockquote,body.ttrss_main #headlines-frame blockquote,body.ttrss_main .dijitContentPane blockquote{margin:5px 0 5px 0;color:#555;padding-left:10px;border:0 solid #ccc;border-left-width:4px}body.ttrss_main #content-insert code,body.ttrss_main #headlines-frame code,body.ttrss_main .dijitContentPane code{color:#090;font-family:monospace;font-size:12px}body.ttrss_main #content-insert pre,body.ttrss_main #headlines-frame pre,body.ttrss_main .dijitContentPane pre{margin:5px 0 5px 0;padding:10px;color:#555;font-family:monospace;font-size:12px;border:0 solid #ccc;background:#f5f5f5;display:block;max-width:98%;overflow:auto}body.ttrss_main .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}body.ttrss_main .alert,body.ttrss_main .alert h4{color:#c09853}body.ttrss_main .alert h4{margin:0}body.ttrss_main .alert .close{position:relative;top:-2px;right:-21px;line-height:20px;cursor:pointer}body.ttrss_main .alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}body.ttrss_main .alert-success h4{color:#468847}body.ttrss_main .alert-danger,body.ttrss_main .alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}body.ttrss_main .alert-danger h4,body.ttrss_main .alert-error h4{color:#b94a48}body.ttrss_main .alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}body.ttrss_main .alert-info h4{color:#3a87ad}body.ttrss_main ul.nomarks{list-style-type:none;margin:0;padding:10px}body.ttrss_main div.prefHelp{color:#555;padding:5px}body.ttrss_main .insensitive{color:#555}body.ttrss_main .small{font-size:11px}body.ttrss_main #main-toolbar>*{white-space:nowrap;display:table-cell;color:#999;overflow:hidden}body.ttrss_main #main-toolbar>*,body.ttrss_main #main-toolbar table *,body.ttrss_main #main-toolbar .actionChooser *{text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}body.ttrss_main #main-toolbar #headlines-toolbar{padding-right:4px;width:100%}body.ttrss_main #main-toolbar #headlines-toolbar span.holder{display:table;width:100%}body.ttrss_main #main-toolbar #headlines-toolbar span.holder>*{display:table-cell}body.ttrss_main #main-toolbar #headlines-toolbar .main{text-align:right}body.ttrss_main #main-toolbar #headlines-toolbar .main,body.ttrss_main #main-toolbar #headlines-toolbar .r{line-height:24px}body.ttrss_main #main-toolbar #headlines-toolbar span.r img{margin-right:4px;position:relative;top:3px}body.ttrss_main #main-toolbar #headlines-toolbar span.r .error a{color:#f00}body.ttrss_main #main-toolbar #selected_prompt{font-style:italic;text-align:right;margin-right:4px}@media (max-width:992px){body.ttrss_main #main-toolbar #selected_prompt{display:none}}body.ttrss_main span.contentPreview{color:#999;font-weight:normal;font-size:12px;padding-left:4px}body.ttrss_main 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}body.ttrss_main img.markedPic,body.ttrss_main img.pubPic{cursor:pointer;vertical-align:middle;opacity:.5;transition:opacity .25s}body.ttrss_main img.markedPic:hover,body.ttrss_main img.pubPic:hover{opacity:1}body.ttrss_main img[src*='pub_set.png'],body.ttrss_main img[src*='mark_set.png']{opacity:1}body.ttrss_main div.tagCloudContainer{border:1px solid #ddd;margin:5px 0 5px 0;padding:5px;text-align:center}body.ttrss_main div.errorExplained{border:1px solid #ddd;margin:5px 0 5px 0;padding:5px}body.ttrss_main ul.feedErrorsList{max-height:300px;overflow:auto;list-style-type:none;border:1px solid #ddd;margin:0 0 5px 0;padding:5px}body.ttrss_main ul.feedErrorsList em{color:#555}body.ttrss_main ul.browseFeedList{height:300px;overflow:auto;border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;margin:0 0 5px 0;background-color:#fff;list-style-type:none;padding:0}body.ttrss_main ul.browseFeedList li{margin:0;padding:2px 4px 2px 4px}body.ttrss_main .browseFeedList span.subscribers{color:#808080}body.ttrss_main ul.compact{list-style-type:none;margin:0;padding:0}body.ttrss_main ul.compact li{margin:0;padding:0}body.ttrss_main .noborder{border-width:0}body.ttrss_main #overlay{background:#fff;left:0;top:0;height:100%;width:100%;z-index:100;position:absolute}body.ttrss_main #overlay_inner{font-weight:bold;margin:1em}body.ttrss_main form{margin:0;padding:0}body.ttrss_main div.loadingPrompt{padding:1em;text-align:center;font-weight:bold}body.ttrss_main div.whiteBox{margin-left:1px;text-align:center;padding:1em 1em 0 1em;font-size:11px;border:0 solid #ddd;border-bottom-width:1px}body.ttrss_main div.autocomplete{position:absolute;width:250px;background-color:#fff;border:1px solid #789;margin:0;padding:0}body.ttrss_main div.autocomplete ul{list-style-type:none;margin:0;padding:0}body.ttrss_main div.autocomplete ul li.selected{background-color:#fff7d5}body.ttrss_main div.autocomplete ul li{list-style-type:none;display:block;margin:0;padding:2px;height:32px;cursor:pointer}body.ttrss_main div#headlines-frame.wide .hlTitle{max-width:none;overflow:visible;white-space:normal}body.ttrss_main div#headlines-frame.wide .hl .hlFeed{display:none}body.ttrss_main img.hlScorePic{vertical-align:middle;width:16px;height:16px}body.ttrss_main div.dlgSec{font-size:12px;color:#555;font-weight:bold;clear:both;height:20px}body.ttrss_main div.dlgSecCont{position:relative;left:150px;top:-20px;float:left;font-size:12px;font-weight:normal}body.ttrss_main div.dlgSecCont>*{position:relative;top:-2px}body.ttrss_main div.dlgSecCont hr,body.ttrss_main div.dlgSecSimple hr{height:0;line-height:0;border:0 solid transparent;margin:2px}body.ttrss_main div.dlgButtons{text-align:right;clear:both}body.ttrss_main 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}body.ttrss_main div#cmdline{position:absolute;left:5px;bottom:5px;font-size:11px;color:#555;font-weight:bold;background-color:#fff;border:1px solid #52a8ec;padding:3px 5px 3px 5px;z-index:5}body.ttrss_main #feed_browser_spinner{vertical-align:middle;height:18px;width:18px}body.ttrss_main div.fatalError{margin-bottom:10px}body.ttrss_main div.fatalError button{margin-top:5px}body.ttrss_main div.fatalError textarea{width:565px;height:200px}body.ttrss_main #ttrssMain #main{border-width:0;margin:0;padding:0}body.ttrss_main #header-wrap{border-width:0;margin:0;padding:0}body.ttrss_main #content-wrap{padding:0;border-width:0;margin:0}body.ttrss_main #feeds-holder{padding:0;border:0 solid #ddd;overflow:hidden;background:#f5f5f5;box-shadow:inset -1px 0 2px -1px rgba(0,0,0,0.1);-webkit-overflow-scrolling:touch}body.ttrss_main #headlines-wrap-inner{padding:0;margin:0;border-width:0}body.ttrss_main #headlines-frame{padding:0;border:0 #ddd;margin-top:0;-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}body.ttrss_main #headlines-toolbar_splitter,body.ttrss_main #toolbar_splitter{display:none}body.ttrss_main #toolbar{padding:0;margin:0;border-width:0;white-space:nowrap;font-size:12px}body.ttrss_main #main-toolbar{background:#fff;border:0 solid #ddd;border-bottom-width:1px;padding-left:4px;height:26px}body.ttrss_main #header{border-width:0;text-align:right;color:#555;padding:5px 5px 0 0;margin:0;position:absolute;right:0;top:0;z-index:5}body.ttrss_main #footer{text-align:center;color:#555;padding:4px 4px 8px 4px;border-width:0}body.ttrss_main #content-insert{padding:0;border-color:#ddd;border-width:0;line-height:1.5;font-size:15px;overflow:auto;-webkit-overflow-scrolling:touch}body.ttrss_main #feedTree .dijitTreeRow .dijitTreeLabel.Unread{font-weight:bold}body.ttrss_main #feedTree .dijitTreeRow.Error .dijitTreeLabel{color:#f00}body.ttrss_main img.feedIcon,body.ttrss_main img.tinyFeedIcon{width:16px;height:16px;line-height:16px;vertical-align:middle;display:inline-block}body.ttrss_main .player{display:inline-block;color:#555;font-size:11px;font-family:sans-serif;border:1px solid #555;padding:0 4px 0 4px;margin:0 2px 0 2px;width:50px;text-align:center;background:#fff}body.ttrss_main .player.playing{color:#00c000;border-color:#00c000}body.ttrss_main .player:hover{background:#f0f0f0;cursor:pointer}body.ttrss_main #headlines-spacer{height:100%;margin-left:1px;text-align:center;color:#555;font-size:11px;font-style:italic}body.ttrss_main #headlines-spacer a,body.ttrss_main #headlines-spacer span{color:#555;padding:10px;display:block}body.ttrss_main #headlines-spacer a:hover{color:#52a8ec}body.ttrss_main ul#filterDlg_Matches,body.ttrss_main ul#filterDlg_Actions{max-height:100px;overflow:auto;list-style-type:none;border-style:solid;border-color:#ddd;border-width:0 1px 1px 1px;background-color:#fff;margin:0 0 5px 0;padding:0}body.ttrss_main ul#filterDlg_Matches li,body.ttrss_main ul#filterDlg_Actions li{cursor:pointer;padding:0 0 0 5px}body.ttrss_main ul.helpKbList{max-height:300px;overflow:auto;list-style-type:none;border:1px solid #ddd;margin:0 0 5px 0;padding:5px}body.ttrss_main ul.helpKbList span.hksequence{width:6em;margin-left:20px;color:#52a8ec;font-weight:bold;display:inline-block}body.ttrss_main ul.helpKbList h2{margin-top:0}body.ttrss_main span.collapseBtn{cursor:pointer}body.ttrss_main span.collapseBtn img{vertical-align:middle}body.ttrss_main select.attachments{display:block;margin-top:10px;max-width:120px}body.ttrss_main #selected_prompt{margin-right:25px;vertical-align:middle}body.ttrss_main body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected{box-shadow:-1px 0 2px -1px rgba(0,0,0,0.1);border-right-color:#fff}body.ttrss_main body#ttrssMain #feedTree.dijitTree .dijitTreeContainer{max-width:100%}body.ttrss_main body#ttrssMain #feedTree.dijitTree .dijitTreeRow{overflow:hidden;text-overflow:ellipsis}body.ttrss_main body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow{padding:4px 0 4px;border-width:1px;color:#333}body.ttrss_main body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon{position:relative;top:-2px}body.ttrss_main #filterDlg_feeds select{height:150px;width:410px}body.ttrss_main ul#filterDlg_Matches li div.dijitCheckBox,body.ttrss_main ul#filterDlg_Actions li div.dijitCheckBox{margin-right:5px}body.ttrss_main 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.ttrss_main body#ttrssMain #feedTree .counterNode.aux{background:#f0f0f0;color:#999;border-color:#f0f0f0}body.ttrss_main body#ttrssMain #feedTree .counterNode{font-weight:bold;display:inline-block;font-size:9px;text-align:center;border:1px solid #52a8ec;color:#fff;background:#52a8ec;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.ttrss_main body#ttrssMain #feedTree .dijitTreeNode .loadingExpando{left:-3px;height:22px;position:relative;top:-3px}body.ttrss_main span.highlight{background-color:#ff0;color:#cc90cc}body.ttrss_main body#ttrssMain #headlines-frame .dijitCheckBox{border-width:0;opacity:.5}body.ttrss_main body#ttrssMain #headlines-frame .dijitCheckBoxHover,body.ttrss_main body#ttrssMain #headlines-frame .dijitCheckBoxChecked{opacity:1}body.ttrss_main body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf{width:16px;height:16px;vertical-align:middle;position:relative}body.ttrss_main .dijitDropDownButton.attachments .dijitButtonText{font-size:12px}body.ttrss_main .dijitDropDownButton.attachments{display:inline-block}body.ttrss_main #editTagsDlg{overflow:visible}body.ttrss_main body#ttrssZoom{margin-left:auto;margin-right:auto;padding:20px;max-width:770px;background:#f5f5f5}body.ttrss_main body#ttrssZoom div.postHeader div.postFeedTitle{float:left;text-align:right;padding-left:0;font-size:11px}body.ttrss_main body#ttrssZoom div.postHeader a.postComments{text-align:right;padding-left:0;font-size:11px}body.ttrss_main body#ttrssZoom div.postHeader div.postDate{float:none;text-align:right;padding-left:0;color:#777;font-size:11px}body.ttrss_main body#ttrssZoom div.postHeader div.postTags{color:#777;font-size:11px}body.ttrss_main body#ttrssZoom div.postHeader div.postTitle{white-space:normal;font-size:16px}body.ttrss_main body#ttrssZoom div.postContent{font-size:15px;line-height:1.5}body.ttrss_main body#ttrssZoom div.postContent p{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}body.ttrss_main body#ttrssZoom div.postHeader{margin:10px;border-width:0 0 1px 0;border-style:solid;border-color:#eee;background:#fff}body.ttrss_main body#ttrssZoom div.postReply{border:1px solid #ddd;background:#fff;box-shadow:0 1px 1px -1px rgba(0,0,0,0.1);border-radius:6px}body.ttrss_main body#ttrssZoom div.footer{margin-top:1em;text-align:center}body.ttrss_main body#ttrssZoom div.postContent img{max-width:730px;height:auto}body.ttrss_main body#ttrssZoom div.postContent blockquote{margin:5px 0 5px 0;color:#555;padding-left:10px;border-width:0 0 0 4px;border-color:#ccc;border-style:solid}body.ttrss_main body#ttrssZoom div.postContent code{color:#090;font-family:monospace;font-size:12px}body.ttrss_main body#ttrssZoom div.postContent pre{margin:5px 0 5px 0;padding:10px;color:#555;font-family:monospace;font-size:12px;border-width:0;border-color:#ccc;border-style:solid;background:#f5f5f5;display:block;max-width:98%;overflow:auto}.cdm{margin-right:4px}.cdm .cdmHeader,.cdm .cdmFooter{display:table}.cdm .cdmHeader img,.cdm .cdmHeader input,.cdm .cdmFooter img{vertical-align:middle}.cdm .cdmHeader>div,.cdm .cdmFooter>div{white-space:nowrap}.cdm .cdmHeader>span,.cdm .cdmFooter>span.left{width:100%}.cdm .cdmHeader img,.cdm .cdmFooter img{margin:0 4px}.cdm .cdmHeader>*{display:table-cell;padding:5px}.cdm .cdmHeader span.updated{color:#555;font-weight:normal;font-size:11px;white-space:nowrap;vertical-align:middle}.cdm .cdmHeader input{margin-right:5px}.cdm .cdmHeader div.updPic{width:25px;display:inline-block;text-align:center}.cdm .cdmHeader div.updPic img{vertical-align:middle}.cdm .cdmHeader input{margin-left:4px;margin-right:4px}.cdm .cdmFooter{height:30px;padding-left:5px;font-weight:normal;color:#555;clear:both}.cdm .cdmFooter>*{display:table-cell;vertical-align:middle}.cdm .cdmIntermediate{margin:10px}.cdm .cdmContentInner{margin:10px;line-height:1.5;font-size:16px}.cdm .cdmContentInner h1{font-size:16px}.cdm .cdmContentInner h2,.cdm .cdmContentInner h3,.cdm .cdmContentInner h4{font-size:15px}.cdm .cdmIntermediate img,.cdm .cdmIntermediate video,.cdm .cdmContentInner img,.cdm .cdmContentInner video{border-width:0;max-width:98%;height:auto}.cdm.expanded{margin-top:4px;margin-bottom:4px}.cdm.expanded .cdmFooter{border:0 solid #ddd;border-bottom-width:1px}.cdm.expanded>hr{margin-top:0;margin-bottom:0}.cdm.expandable{background-color:#f0f0f0;border:0 solid #ddd;border-bottom-width:1px}.cdm.expandable>hr{display:none}.cdm.expandable div.cdmHeader span.titleWrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:500px}.cdm.expandable.Unread{background:#fff}.cdm.expandable.Selected{background:#f9fbff}.cdm.expandable.active{background:#fff ! important}div.cdm.expandable.active div.cdmHeader span.titleWrap{white-space:normal}div.cdm.expandable div.cdmHeader a.title{font-weight:600;color:#555;font-size:14px;-webkit-transition:color .2s;transition:color .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:#000}div.cdm.expandable.active div.cdmHeader a.title{color:#08c;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 .2s;transition:color .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:#fff}div.cdm.expanded.active div.cdmHeader a.title{color:#08c}div.cdm.expanded.Unread div.cdmHeader a.title{color:#000}div.cdm.expanded div.cdmContent{color:#555}div.cdm.expanded.Unread div.cdmContent{color:#000}div.cdm.active div.cdmContent{color:#000}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:0 solid #08c;border-bottom-width:1px;padding:5px 3px 5px 5px}div.cdmFeedTitle a.title{color:#555;font-weight:bold}div.cdmFeedTitle a{color:#555}div.cdmFeedTitle a:hover{color:#08c}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{-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:0;right:0;left:0;border:0 solid #ddd;border-bottom-width:1px;background:#fff;color:#555;box-shadow:0 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 .2s;transition:color .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 img.anchor{margin-left:0}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}div#floatingTitle.Unread a.title{color:#000}.cdm.high .cdmHeader a.title.high,.cdm.high .cdmHeader .cdmExcerpt,.cdm.high .cdmHeader span.author{color:#0a0}.cdm.Unread.high .cdmHeader a.title.high,.cdm.Unread.high .cdmHeader .cdmExcerpt,.cdm.Unread.high .cdmHeader span.author{color:#0d0}.cdm .cdmHeader a.title.low,.cdm.low .cdmHeader .cdmExcerpt,.cdm.Unread .cdmHeader a.title.low,.cdm.Unread.low .cdmHeader .cdmExcerpt,.cdm.low .cdmHeader span.author{color:#909090;text-decoration:line-through}.cdmFeedTitle>*{display:table-cell;vertical-align:middle}.cdmFeedTitle a.title{width:100%}.cdmFeedTitle a.catchup{text-align:right;color:#555;padding-right:10px;font-size:11px;white-space:nowrap}.cdmFeedTitle a.catchup:hover{color:#08c}body.ttrss_prefs{background-color:#f5f5f5}body.ttrss_prefs #footer,body.ttrss_prefs #header{background-color:#f5f5f5;padding-left:8px;padding-right:8px}body.ttrss_prefs #header a:hover{color:#000}body.ttrss_prefs #header img{vertical-align:middle;cursor:pointer}body.ttrss_prefs div#pref-tabs .dijitContentPane{font-size:13px}body.ttrss_prefs div#pref-tabs{box-shadow:0 1px 1px -1px rgba(0,0,0,0.1);margin:0 5px 0 5px}body.ttrss_prefs div#pref-tabs .dijitContentPane h3{font-size:14px}body.ttrss_prefs #pref-filter-wrap,body.ttrss_prefs #pref-filter-header,body.ttrss_prefs #pref-filter-content,body.ttrss_prefs #pref-label-wrap,body.ttrss_prefs #pref-label-header,body.ttrss_prefs #pref-label-content,body.ttrss_prefs #pref-user-wrap,body.ttrss_prefs #pref-user-header,body.ttrss_prefs #pref-user-content,body.ttrss_prefs #pref-instance-wrap,body.ttrss_prefs #pref-instance-header,body.ttrss_prefs #pref-instance-content{margin:0;padding:0;border-width:0}body.ttrss_prefs #userConfigTab,body.ttrss_prefs #labelConfigTab,body.ttrss_prefs #filterConfigTab,body.ttrss_prefs #pref-feeds-feeds,body.ttrss_prefs #instanceConfigTab{padding:0}body.ttrss_prefs table.prefPrefsList h3{margin-top:.5em;margin-bottom:0}body.ttrss_prefs tr.title td{border-width:0 0 1px 0;border-color:#ecf4ff;border-style:solid;color:#08c}body.ttrss_prefs div.prefProfileHolder,body.ttrss_prefs div.prefFeedOPMLHolder,body.ttrss_prefs div.inactiveFeedHolder{height:300px;overflow:auto;border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;margin:0 0 5px 0;background-color:#fff}body.ttrss_prefs div.filterTestHolder,body.ttrss_prefs div.prefFeedOPMLHolder{border-width:1px}body.ttrss_prefs ul.userFeedList{height:200px;overflow:auto;list-style-type:none;border:1px solid #ddd;margin:0 0 5px 0;padding:5px}body.ttrss_prefs div#feedlistLoading,body.ttrss_prefs div#filterlistLoading,body.ttrss_prefs div#labellistLoading{text-align:center;padding:5px;color:#555}body.ttrss_prefs div#feedlistLoading img,body.ttrss_prefs div#filterlistLoading img,body.ttrss_prefs div#labellistLoading{margin-right:5px}body.ttrss_prefs #errorButton{color:#f00}body.ttrss_prefs table.prefPluginsList td label,body.ttrss_prefs table.prefUserList td{cursor:pointer}body.ttrss_prefs table.prefPluginsList label{white-space:nowrap}body.ttrss_prefs table.prefPluginsList label img{vertical-align:middle}body.ttrss_prefs table.prefErrorLog tr.errrow td{font-size:10px}body.ttrss_prefs table.prefErrorLog tr.errrow td.errno{font-style:italic;font-weight:bold;white-space:nowrap}body.ttrss_prefs table.prefErrorLog td.filename,body.ttrss_prefs table.prefErrorLog td.login,body.ttrss_prefs table.prefErrorLog td.timestamp{color:#555}body.ttrss_prefs hr{border-color:#ecf4ff;max-width:100%}.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:#008000}.claro #filterDlg_Matches span.filterRule{color:#008000}.claro .dijitTree .filterRules span.inverse,.claro #filterDlg_Matches span.filterRule.inverse{color:#f00}.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:#f00}.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:0;opacity:.6}.claro .dijitTree .dijitTreeNode{padding:0;border-width:0}.claro .dijitTree .dijitTreeRowSelected{background:#fff}.claro .dijitTree .dijitTreeRowHover{background:#f0f0f0;border-color:#ddd}.claro .dijitTree .dijitTreeRowSelected{background:#fff;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}.claro .dijitToolbar{background:#f5f5f5;border-color:#ddd}.claro .dijitDialog .dijitToolbar{border:1px solid #ddd}.claro .dijitDialog h2{margin-top:0;margin-bottom:4px;border-width:0}.claro .dijitMenu .dijitMenuItem .dijitMenuItemLabel{font-size:13px;padding-top:3px;padding-bottom:3px}.claro .dijitCheckBox{background-image:url("../images/untick.png");background-color:transparent;width:15px;height:15px;margin:1px;opacity:.7;background-position:center center;transition:opacity .25s;-webkit-transition:opacity .25s;padding:1px}.claro .dijitCheckBox:hover{opacity:1}.claro .dijitCheckBox.dijitCheckBoxDisabled:hover{opacity:.7}.claro .dijitCheckBox.dijitCheckBoxChecked{border-color:#69c671;background-image:url("../images/tick.png");opacity:1}.claro .dijitButton.danger .dijitButtonText{color:#fff}.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:#fff;background-color:#bd362f;*background-color:#a9302a}.claro .dijitButton.dijitButtonActive.danger{background-color:#942a25 \9}.claro .dijitDropDownButton{margin:0}.claro .dijitDropDownButton .dijitButtonNode{padding:0}.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}.claro button,.claro input[type="submit"]{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px}.claro button,.claro 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:#333;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, #fff, #e6e6e6);background-image:-webkit-linear-gradient(top, #fff, #e6e6e6);background-image:linear-gradient(to bottom, #fff, #e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;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)}.claro button:hover,.claro button:focus,.claro button:active,.claro input[type="submit"]:hover,.claro input[type="submit"]:focus,.claro 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:#333;background-color:#e6e6e6}.claro button:active,.claro 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:0;margin:0;line-height:auto;text-shadow:none}.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,.claro .dijitToolbar .dijitComboButton .dijitButtonText{padding:0}.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}.claro button:hover,.claro button:focus,.claro input[type="submit"]:hover,.claro 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:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;transition:background-position .1s linear}.claro button:focus,.claro 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}.claro button:active,.claro 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)}.claro input[type="submit"][disabled],.claro button[disabled],.claro .dijitButton[disabled],.claro .dijitDropDownButton .dijitDownArrowButton[disabled],.claro .dijitButton.dijitButtonDisabled,.claro .dijitComboButton.dijitButtonDisabled{cursor:default;background-image:none;opacity:.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:#52a8ec;color:#fff;border-color:rgba(82,168,236,0.8)}.claro .dijitButton .dijitButtonNode,.claro .dijitComboButton .dijitButtonNode{padding:0}.claro .dijitAccordionTitle.dijitAccordionTitleHover,.claro .dijitAccordionTitle.dijitAccordionTitleFocused{background:#fff;transition:background .25s}.claro .dijitAccordionTitle{background:#f0f0f0;transition:background .25s}.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,.claro .dijitAccordionTitle.dijitAccordionTitleSelected{background:#08c;transition:background .25s}.claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText{color:#fff}.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected{border-color:#08c}.claro .dijitAccordionContainer .dijitAccordionChildWrapper{border-color:#ddd}.claro .dijitTabInner.dijitTab{background:#f0f0f0}.claro .dijitTabContent{background:#eee}.claro .dijitTabContent.dijitTabChecked,.claro .dijitTabContent.dijitTabHover,.claro .dijitTabContent.dijitFocused{background:#fff}.claro .dijitTabPaneWrapper,.claro .dijitTabContainerTop-tabs,.claro .dijitTab,.claro .dijitAccordionInnerContainer{border-color:#ddd}.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:#555;vertical-align:middle;border-width:0}.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:#555;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:#fff;border:1px solid #ccc;-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 .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .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;-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:0;width:13px;border-width:1px;display:none}.claro .dijitSelect.dijitSelectDisabled{background-color:#eee}.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:#eee}.claro .dijitToolbar .dijitDownArrowButton.dijitSelect{border-color:rgba(0,0,0,0.1)}.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents{padding:2px 2px 0 4px}.claro .dijitToolbar .dijitDownArrowButton.dijitSelect{margin:0}.claro .dijitToolbar .dijitTextBox{padding:0;margin-bottom:0;border-radius:0}.claro .dijitDialog{border-radius:6px}.claro .dijitDialog .dijitDialogCloseIcon{margin-top:5px}.claro .dijitDialog .dijitDialogTitleBar{background:#fff;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:#08c}.claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile{background:#52a8ec}.claro .dijitProgressBar .dijitProgressBarLabel{color:#fff}body.sanity_failed{background:#900}body.ttrss_utility{background:#f5f5f5;color:#000;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;margin-left:auto;margin-right:auto;max-width:800px}body.ttrss_utility form{margin:10px 0 0 0;padding:0}body.ttrss_utility div.content{overflow:hidden;background:#fff;border:1px solid #ddd;padding:10px;border-radius:6px;box-shadow:0 1px 1px -1px rgba(0,0,0,0.1)}body.ttrss_utility p.warning{color:#f00}body.ttrss_utility p.query,body.ttrss_utility code{color:#008000}body.ttrss_utility p.insensitive{color:#808080}body.ttrss_utility div.insensitive-small{color:#808080;font-size:10px}body.ttrss_utility .floatingLogo{display:none}body.ttrss_utility a{color:#52a8ec;text-decoration:none}body.ttrss_utility a:hover{color:#000}body.ttrss_utility .alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}body.ttrss_utility .alert,body.ttrss_utility .alert h4{color:#c09853}body.ttrss_utility .alert h4{margin:0}body.ttrss_utility .alert .close{position:relative;top:-2px;right:-21px;line-height:20px;cursor:pointer}body.ttrss_utility .alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}body.ttrss_utility .alert-success h4{color:#468847}body.ttrss_utility .alert-danger,body.ttrss_utility .alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}body.ttrss_utility .alert-danger h4,body.ttrss_utility .alert-error h4{color:#b94a48}body.ttrss_utility .alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}body.ttrss_utility .alert-info h4{color:#3a87ad}body.ttrss_utility h1{color:#52a8ec;font-size:32px;margin:20px 0 5px 0;text-shadow:0 0 6px #fff}body.ttrss_utility h2{color:#52a8ec;font-size:14pt;border-width:0 0 1px 0;border-color:#f0f0f0;border-style:solid}body.ttrss_utility div.content>h2{margin-top:0}body.ttrss_utility div.rss h1{border-width:0 0 1px 0;border-color:#808080;border-style:dotted;color:#808080}body.ttrss_utility div.rss h2{font-size:12pt}body.ttrss_utility div.rss a.extlink{color:#808080;border-width:0 0 1px 0;border-color:#789;border-style:dotted;font-size:9pt}body.ttrss_utility div.rss img{max-width:775px}body.ttrss_utility div.rss p.description{color:#808080;font-size:9pt}body.ttrss_utility div.rss div.content{margin-top:.5em}body.ttrss_utility div.rss img.feedicon{float:right}body.ttrss_utility div.rss hr{border-width:0 0 1px 0;border-style:dashed;border-color:#e0e0e0}body.ttrss_utility body#sharepopup{background-color:#fff;background-image:url("../images/toolbar.png");background-repeat:repeat-x;background-position:bottom;margin:10px;padding:0}body.ttrss_utility body#sharepopup h1{font-size:14px;margin:0;color:#52a8ec}body.ttrss_utility body#sharepopup table{background:#fff;border:1px solid #52a8ec;padding:5px}body.ttrss_utility body#sharepopup form{height:100%}body.ttrss_utility body#sharepopup input{width:100%}body.ttrss_utility div.autocomplete{position:absolute;width:250px;background-color:#fff;border:1px solid #789;margin:0;padding:0;z-index:4}body.ttrss_utility div.autocomplete ul{list-style-type:none;margin:0;padding:0;font-size:10px}body.ttrss_utility div.autocomplete ul li.selected{background-color:#fff7d5}body.ttrss_utility div.autocomplete ul li{list-style-type:none;display:block;margin:0;padding:2px;height:32px;cursor:pointer}body.ttrss_utility fieldset{border-width:0;padding:0 0 5px 0;margin:0}body.ttrss_utility fieldset input{font-family:sans-serif;font-size:medium;border-spacing:2px;border:1px solid #b5bcc7;padding:2px}body.ttrss_utility fieldset label{width:120px;margin-right:20px;display:inline-block;text-align:right;color:#808080}body.ttrss_utility body.otp{margin:1em;padding:0}body.ttrss_utility form.otpform{margin:0;padding:0}body.ttrss_utility form.otpform label{margin:0;padding:0}body.ttrss_utility body.otp div.content{display:inline-block;width:auto}body.ttrss_utility span.hint{font-size:10px;color:#808080}body.small_margins{margin:1em;max-width:none}body.ttrss_zoom{margin-left:auto;margin-right:auto;padding:20px;max-width:770px;background:#f5f5f5}body.ttrss_zoom div.postHeader div.postFeedTitle{float:left;text-align:right;padding-left:0;font-size:11px}body.ttrss_zoom div.postHeader a.postComments{text-align:right;padding-left:0;font-size:11px}body.ttrss_zoom div.postHeader div.postDate{float:none;text-align:right;padding-left:0;color:#777;font-size:11px}body.ttrss_zoom div.postHeader div.postTags{color:#777;font-size:11px}body.ttrss_zoom div.postHeader div.postTitle{white-space:normal;font-size:16px}body.ttrss_zoom div.postContent{font-size:15px;line-height:1.5}body.ttrss_zoom div.postContent p{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}body.ttrss_zoom div.postHeader{margin:10px;border-width:0 0 1px 0;border-style:solid;border-color:#eee;background:#fff}body.ttrss_zoom div.postReply{border:1px solid #ddd;background:#fff;box-shadow:0 1px 1px -1px rgba(0,0,0,0.1);border-radius:6px}body.ttrss_zoom div.footer{margin-top:1em;text-align:center}body.ttrss_zoom div.postContent img{max-width:730px;height:auto}body.ttrss_zoom div.postContent blockquote{margin:5px 0 5px 0;color:#555;padding-left:10px;border-width:0 0 0 4px;border-color:#ccc;border-style:solid}body.ttrss_zoom div.postContent code{color:#090;font-family:monospace;font-size:12px}body.ttrss_zoom div.postContent pre{margin:5px 0 5px 0;padding:10px;color:#555;font-family:monospace;font-size:12px;border-width:0;border-color:#ccc;border-style:solid;background:#f5f5f5;display:block;max-width:98%;overflow:auto} \ No newline at end of file
diff --git a/css/default.less b/css/default.less
index 73ad2b055..5dfb0792f 100644
--- a/css/default.less
+++ b/css/default.less
@@ -8,4 +8,6 @@
@import "tt-rss.less";
@import "cdm.less";
@import "prefs.less";
-@import "dijit.less"; \ No newline at end of file
+@import "dijit.less";
+@import "utility.less";
+@import "zoom.less"; \ No newline at end of file
diff --git a/css/layout.css b/css/layout.css
index 376f9e63f..67c6b7a35 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -1,4 +1,5 @@
-html, body#ttrssMain, body#ttrssPrefs, #main {
+body.ttrss_main,
+body.ttrss_prefs {
width: 100%;
height: 100%;
border: 0;
diff --git a/css/prefs.less b/css/prefs.less
index a7b76bc7f..f5b046bff 100644
--- a/css/prefs.less
+++ b/css/prefs.less
@@ -1,4 +1,4 @@
-body#ttrssPrefs {
+body.ttrss_prefs {
background-color : #f5f5f5;
#footer, #header {
diff --git a/css/tt-rss.less b/css/tt-rss.less
index f762cc665..8ceafbed5 100644
--- a/css/tt-rss.less
+++ b/css/tt-rss.less
@@ -1,1225 +1,1229 @@
-body {
+body.ttrss_main {
+
background : white;
color : black;
margin : 0px;
padding : 0px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
-}
-body#ttrssMain {
- overflow : hidden;
- max-height : 100%;
-}
+ body#ttrssMain {
+ overflow : hidden;
+ max-height : 100%;
+ }
-:focus {
- outline: none;
-}
+ :focus {
+ outline: none;
+ }
-div.postReply {
- padding : 0px;
+ div.postReply {
+ padding : 0px;
- div.postHeader {
- padding : 5px;
- margin-right : 4px;
- color : #909090;
- border: 0px solid #ddd;
- border-bottom-width: 1px;
+ div.postHeader {
+ padding : 5px;
+ margin-right : 4px;
+ color : #909090;
+ border: 0px solid #ddd;
+ border-bottom-width: 1px;
+
+ div.postDate {
+ text-align : right;
+ color : #909090;
+ float : right;
+ }
+
+ div {
+ padding-bottom : 3px;
+ }
+
+ span.author {
+ color : #555;
+ font-size : 11px;
+ font-weight : normal;
+ }
+ }
+
+ div.postTitle {
+ overflow : hidden;
+ text-overflow: ellipsis;
+ white-space : nowrap;
+ font-weight : 600;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui-bold;
+ }
div.postDate {
- text-align : right;
- color : #909090;
- float : right;
+ padding-left : 10px;
}
- div {
- padding-bottom : 3px;
+ 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%;
+ }
}
- span.author {
+ div.postEnclosures {
color : #555;
- font-size : 11px;
- font-weight : normal;
+ }
+
+ img.tagsPic {
+ width : 16px;
+ height : 16px;
+ margin-left : 4px;
+ vertical-align : middle;
+ }
+
+ span.author {
+ font-size : 12px;
}
}
- div.postTitle {
- overflow : hidden;
- text-overflow: ellipsis;
- white-space : nowrap;
+ div.articleNote {
+ background-color : #fff7d5;
+ padding : 5px;
+ margin : 5px;
+ border: 1px solid #e7d796;
+ color : #9a8c59;
+
+ div.noteEdit {
+ float : right;
+ cursor : pointer;
+ }
+ }
+
+ h1 {
+ font-size : 18px;
font-weight : 600;
text-rendering: optimizelegibility;
- font-family : @fonts-ui-bold;
+ font-family : @fonts-ui;
}
- div.postDate {
- padding-left : 10px;
+ h2 {
+ font-size : 16px;
+ font-weight : 600;
+ border: 0px solid @color-accent-light;
+ border-bottom-width: 1px;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
}
- div.postContent {
- padding : 10px;
- font-size : 16px;
+ h3 {
+ font-size : 13px;
+ border: 0px solid @color-accent-light;
+ border-bottom-width: 1px;
+ font-weight : 600;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
+ }
- img,
- video {
- border-width : 0px;
- max-width : 98%;
- height: auto;
- }
+ h4 {
+ font-size : 14px;
+ font-weight : 600;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
+ }
- h1 {
- font-size : 16px;
+ hr {
+ border: 0px solid #ccc;
+ border-bottom-width: 1px;
+ }
+
+ a {
+ color: @color-link;
+ text-decoration: none;
+ }
+
+ a:hover {
+ color: darken(@color-link, 20%);
+ text-decoration: underline;
+ }
+
+ #notify.visible {
+ transform: translate(0, -35px);
+ }
+
+ #notify {
+ bottom : -35px;
+ right : 0px;
+ height : 20px;
+ left : 0px;
+ border-width : 1px 0px 0px 0px;
+ border-style : solid;
+ position : fixed;
+ font-size : 12px;
+ z-index : 99;
+ padding : 5px;
+ box-shadow : 0px -2px 2px rgba(0,0,0,0.1);
+
+ transition: all 0.5s ease-in-out;
+
+ img {
+ vertical-align : middle;
+ max-height : 14px;
}
- h2,
- h3,
- h4 {
- font-size : 15px;
+ span.msg {
+ width : 100%;
}
- p {
- hyphens: auto;
+ img.close {
+ cursor : pointer;
}
- iframe {
- min-width : 50%;
- max-width : 98%;
+ span {
+ display : table-cell;
+ vertical-align : middle;
+ padding : 2px;
}
}
- div.postEnclosures {
- color : #555;
+ .notify {
+ border-color : #d7c47a;
+ background-color : #fff7d5;
}
- img.tagsPic {
- width : 16px;
- height : 16px;
- margin-left : 4px;
- vertical-align : middle;
+ .notify.notify_progress {
+ border-color : #d7c47a;
+ background-color : #fff7d5;
}
- span.author {
- font-size : 12px;
+ .notify.notify_info {
+ border-color : @color-accent;
+ background-color : @color-accent-light;
}
-}
-
-div.articleNote {
- background-color : #fff7d5;
- padding : 5px;
- margin : 5px;
- border: 1px solid #e7d796;
- color : #9a8c59;
- div.noteEdit {
- float : right;
- cursor : pointer;
+ .notify.notify_error {
+ background-color : #ffcccc;
+ border-color : #ff0000;
}
-}
-h1 {
- font-size : 18px;
- font-weight : 600;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
-}
+ .hl {
+ border: 0px solid #ddd;
+ border-bottom-width: 1px;
+ padding : 1px;
-h2 {
- font-size : 16px;
- font-weight : 600;
- border: 0px solid @color-accent-light;
- border-bottom-width: 1px;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
-}
+ div.hlTitle {
+ display : table-cell;
+ cursor : pointer;
+ width : 100%;
+ vertical-align : middle;
+ overflow : hidden;
+ white-space : nowrap;
+ max-width : 500px;
+ text-overflow : ellipsis;
+ padding: 4px 6px;
+ }
-h3 {
- font-size : 13px;
- border: 0px solid @color-accent-light;
- border-bottom-width: 1px;
- font-weight : 600;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
-}
+ div.hlLeft {
+ display : table-cell;
+ vertical-align : middle;
+ white-space: nowrap;
+ }
-h4 {
- font-size : 14px;
- font-weight : 600;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
-}
+ div.hlRight {
+ display : table-cell;
+ white-space: nowrap;
+ text-align : right;
+ vertical-align : middle;
+ }
-hr {
- border: 0px solid #ccc;
- border-bottom-width: 1px;
-}
+ div.hlRight img {
+ max-width : 16px;
+ max-height : 16px;
+ }
-a {
- color: @color-link;
- text-decoration: none;
-}
+ span.hlFeed {
+ display : table-cell;
+ vertical-align : middle;
+ text-align : right;
+ }
-a:hover {
- color: darken(@color-link, 20%);
- text-decoration: underline;
-}
+ span.hlFeed a {
+ border-radius : 4px;
+ display : inline-block;
+ padding : 1px 4px 1px 4px;
+ font-size : 11px;
+ font-style : italic;
+ font-weight : normal;
+ color : #555;
+ white-space : nowrap;
+ }
-#notify.visible {
- transform: translate(0, -35px);
-}
+ span.hlFeed a:hover {
+ color : @color-accent;
+ }
-#notify {
- bottom : -35px;
- right : 0px;
- height : 20px;
- left : 0px;
- border-width : 1px 0px 0px 0px;
- border-style : solid;
- position : fixed;
- font-size : 12px;
- z-index : 99;
- padding : 5px;
- box-shadow : 0px -2px 2px rgba(0,0,0,0.1);
-
- transition: all 0.5s ease-in-out;
-
- img {
- vertical-align : middle;
- max-height : 14px;
- }
+ span.hlUpdated {
+ color : #555;
+ display : table-cell;
+ vertical-align : middle;
+ text-align : right;
+ font-size : 11px;
+ white-space : nowrap;
+ padding-left : 10px;
+ }
- span.msg {
- width : 100%;
- }
+ span.hlUpdated div {
+ display : inline-block;
+ }
- img.close {
- cursor : pointer;
- }
+ div.hlLeft {
+ padding-left : 8px;
+ }
- span {
- display : table-cell;
- vertical-align : middle;
- padding : 2px;
- }
-}
+ div.hlLeft input {
+ margin-left : 4px;
+ margin-right : 4px;
+ }
-.notify {
- border-color : #d7c47a;
- background-color : #fff7d5;
-}
+ div.hlLeft img, div.hlRight img {
+ margin : 0px 4px;
+ }
-.notify.notify_progress {
- border-color : #d7c47a;
- background-color : #fff7d5;
-}
+ div.hlLeft img {
+ width : 16px;
+ height : 16px;
+ }
-.notify.notify_info {
- border-color : @color-accent;
- background-color : @color-accent-light;
-}
+ div.hlTitle a {
+ font-weight : 600;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
+ color : #777;
+ }
-.notify.notify_error {
- background-color : #ffcccc;
- border-color : #ff0000;
-}
+ a.title.high, span.hlContent.high .contentPreview {
+ color : #00aa00;
+ }
+ }
-.hl {
- border: 0px solid #ddd;
- border-bottom-width: 1px;
- padding : 1px;
+ .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
+ color : #00dd00;
+ }
- div.hlTitle {
- display : table-cell;
- cursor : pointer;
- width : 100%;
- vertical-align : middle;
- overflow : hidden;
- white-space : nowrap;
- max-width : 500px;
- text-overflow : ellipsis;
- padding: 4px 6px;
+ .hl a.title.low, span.hlContent.low .contentPreview,
+ .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
+ color : #909090;
+ text-decoration : line-through;
}
- div.hlLeft {
- display : table-cell;
- vertical-align : middle;
- white-space: nowrap;
+ .hl.Unread div.hlTitle a {
+ color : black;
}
- div.hlRight {
- display : table-cell;
- white-space: nowrap;
- text-align : right;
- vertical-align : middle;
+ .hl.active {
+ background : @color-accent-light ! important;
}
- div.hlRight img {
- max-width : 16px;
- max-height : 16px;
+ .hl.active div.hlTitle a {
+ color : @color-accent;
+ /* text-shadow : 1px 1px 2px #fff; */
}
- span.hlFeed {
- display : table-cell;
- vertical-align : middle;
- text-align : right;
+ .hl.Selected {
+ background : #f9fbff;
}
- span.hlFeed a {
- border-radius : 4px;
- display : inline-block;
- padding : 1px 4px 1px 4px;
- font-size : 11px;
- font-style : italic;
- font-weight : normal;
- color : #555;
- white-space : nowrap;
+ .hl.Grayed {
+ color : #909090;
}
- span.hlFeed a:hover {
- color : @color-accent;
+ div.filterTestHolder {
+ height : 300px;
+ overflow : auto;
+ border-color : #ddd;
+ border-style : solid;
+ margin : 0px 0px 5px 0px;
+ border-width : 1px;
}
- span.hlUpdated {
+ #content-insert blockquote,
+ #headlines-frame blockquote,
+ .dijitContentPane blockquote {
+ margin : 5px 0px 5px 0px;
color : #555;
- display : table-cell;
- vertical-align : middle;
- text-align : right;
- font-size : 11px;
- white-space : nowrap;
padding-left : 10px;
+ border: 0px solid #ccc;
+ border-left-width: 4px;
}
- span.hlUpdated div {
- display : inline-block;
+ #content-insert code,
+ #headlines-frame code,
+ .dijitContentPane code {
+ color : #009900;
+ font-family : monospace;
+ font-size : 12px;
}
- div.hlLeft {
- padding-left : 8px;
+ #content-insert pre,
+ #headlines-frame pre,
+ .dijitContentPane pre {
+ margin: 5px 0px 5px 0px;
+ padding: 10px;
+ color: #555;
+ font-family: monospace;
+ font-size: 12px;
+ border: 0px solid #ccc;
+ background: #f5f5f5;
+ display: block;
+ max-width: 98%;
+ overflow: auto;
}
- div.hlLeft input {
- margin-left : 4px;
- margin-right : 4px;
+ .alert {
+ padding: 8px 35px 8px 14px;
+ margin-bottom: 10px;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+ background-color: #fcf8e3;
+ border: 1px solid #fbeed5;
+ border-radius: 4px;
}
- div.hlLeft img, div.hlRight img {
- margin : 0px 4px;
+ .alert,
+ .alert h4 {
+ color: #c09853;
}
- div.hlLeft img {
- width : 16px;
- height : 16px;
+ .alert h4 {
+ margin: 0;
}
- div.hlTitle a {
- font-weight : 600;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
- color : #777;
+ .alert .close {
+ position: relative;
+ top: -2px;
+ right: -21px;
+ line-height: 20px;
+ cursor : pointer;
}
- a.title.high, span.hlContent.high .contentPreview {
- color : #00aa00;
+ .alert-success {
+ color: #468847;
+ background-color: #dff0d8;
+ border-color: #d6e9c6;
}
-}
-.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
- color : #00dd00;
-}
+ .alert-success h4 {
+ color: #468847;
+ }
-.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;
-}
+ .alert-danger,
+ .alert-error {
+ color: #b94a48;
+ background-color: #f2dede;
+ border-color: #eed3d7;
+ }
-.hl.Unread div.hlTitle a {
- color : black;
-}
+ .alert-danger h4,
+ .alert-error h4 {
+ color: #b94a48;
+ }
-.hl.active {
- background : @color-accent-light ! important;
-}
+ .alert-info {
+ color: #3a87ad;
+ background-color: #d9edf7;
+ border-color: #bce8f1;
+ }
-.hl.active div.hlTitle a {
- color : @color-accent;
- /* text-shadow : 1px 1px 2px #fff; */
-}
+ .alert-info h4 {
+ color: #3a87ad;
+ }
-.hl.Selected {
- background : #f9fbff;
-}
+ ul.nomarks {
+ list-style-type : none;
+ margin : 0px;
+ padding : 10px;
+ }
-.hl.Grayed {
- color : #909090;
-}
+ div.prefHelp {
+ color : #555;
+ padding : 5px;
+ }
-div.filterTestHolder {
- height : 300px;
- overflow : auto;
- border-color : #ddd;
- border-style : solid;
- margin : 0px 0px 5px 0px;
- border-width : 1px;
-}
+ .insensitive {
+ color : #555;
+ }
-#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;
-}
+ .small {
+ font-size : 11px;
+ }
-#content-insert code,
-#headlines-frame code,
-.dijitContentPane code {
- color : #009900;
- font-family : monospace;
- font-size : 12px;
-}
+ #main-toolbar {
-#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;
-}
+ > * {
+ white-space : nowrap;
+ display : table-cell;
+ color : #999;
+ overflow : hidden;
+ }
-.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;
-}
+ > *,
+ table *,
+ .actionChooser * {
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
+ font-size : 12px;
-.alert,
-.alert h4 {
- color: #c09853;
-}
+ }
-.alert h4 {
- margin: 0;
-}
+ #headlines-toolbar {
+ padding-right : 4px;
+ width : 100%;
-.alert .close {
- position: relative;
- top: -2px;
- right: -21px;
- line-height: 20px;
- cursor : pointer;
-}
+ span.holder {
+ display : table;
+ width : 100%;
+ }
-.alert-success {
- color: #468847;
- background-color: #dff0d8;
- border-color: #d6e9c6;
-}
+ span.holder > * {
+ display : table-cell;
+ }
-.alert-success h4 {
- color: #468847;
-}
+ .main {
+ text-align : right;
+ }
-.alert-danger,
-.alert-error {
- color: #b94a48;
- background-color: #f2dede;
- border-color: #eed3d7;
-}
+ .main,
+ .r {
+ line-height : 24px;
+ }
-.alert-danger h4,
-.alert-error h4 {
- color: #b94a48;
-}
+ span.r img {
+ margin-right : 4px;
+ position : relative;
+ top : 3px;
+ }
-.alert-info {
- color: #3a87ad;
- background-color: #d9edf7;
- border-color: #bce8f1;
-}
+ span.r .error a {
+ color : red;
+ }
-.alert-info h4 {
- color: #3a87ad;
-}
+ }
-ul.nomarks {
- list-style-type : none;
- margin : 0px;
- padding : 10px;
-}
+ #selected_prompt {
+ font-style : italic;
+ text-align : right;
+ margin-right : 4px;
+ }
-div.prefHelp {
- color : #555;
- padding : 5px;
-}
+ @media (max-width: 992px) {
+ #selected_prompt {
+ display : none;
+ }
+ }
+ }
-.insensitive {
- color : #555;
-}
-.small {
- font-size : 11px;
-}
+ span.contentPreview {
+ color : #999;
+ font-weight : normal;
+ font-size : 12px;
+ padding-left : 4px;
+ }
-#main-toolbar {
+ 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;
+ }
- > * {
- white-space : nowrap;
- display : table-cell;
- color : #999;
- overflow : hidden;
+ img.markedPic, img.pubPic {
+ cursor : pointer;
+ vertical-align : middle;
+ opacity : 0.5;
+ transition : opacity 0.25s;
}
- > *,
- table *,
- .actionChooser * {
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
- font-size : 12px;
+ img.markedPic:hover, img.pubPic:hover {
+ opacity : 1;
+ }
+ img[src*='pub_set.png'], img[src*='mark_set.png'] {
+ opacity : 1;
}
- #headlines-toolbar {
- padding-right : 4px;
- width : 100%;
+ div.tagCloudContainer {
+ border : 1px solid #ddd;
+ margin : 5px 0px 5px 0px;
+ padding : 5px;
+ text-align : center;
+ }
- span.holder {
- display : table;
- width : 100%;
- }
+ div.errorExplained {
+ border : 1px solid #ddd;
+ margin : 5px 0px 5px 0px;
+ padding : 5px;
+ }
- span.holder > * {
- display : table-cell;
- }
+ ul.feedErrorsList {
+ max-height : 300px;
+ overflow : auto;
+ list-style-type : none;
+ border : 1px solid #ddd;
+ margin : 0px 0px 5px 0px;
+ padding : 5px;
- .main {
- text-align : right;
+ em {
+ color : #555;
}
+ }
- .main,
- .r {
- line-height : 24px;
- }
- span.r img {
- margin-right : 4px;
- position : relative;
- top : 3px;
- }
+ 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;
- span.r .error a {
- color : red;
+ li {
+ margin : 0px;
+ padding : 2px 4px 2px 4px;
}
-
}
- #selected_prompt {
- font-style : italic;
- text-align : right;
- margin-right : 4px;
+
+ .browseFeedList span.subscribers {
+ color : #808080;
}
- @media (max-width: 992px) {
- #selected_prompt {
- display : none;
+ ul.compact {
+ list-style-type : none;
+ margin : 0px;
+ padding : 0px;
+
+ li {
+ margin : 0px;
+ padding : 0px;
}
}
-}
+ .noborder {
+ border-width : 0px;
+ }
-span.contentPreview {
- color : #999;
- font-weight : normal;
- font-size : 12px;
- padding-left : 4px;
-}
+ #overlay {
+ background : white;
+ left : 0;
+ top : 0;
+ height : 100%;
+ width : 100%;
+ z-index : 100;
+ position : absolute;
+ }
-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;
-}
+ #overlay_inner {
+ font-weight : bold;
+ margin : 1em;
+ }
-img.markedPic, img.pubPic {
- cursor : pointer;
- vertical-align : middle;
- opacity : 0.5;
- transition : opacity 0.25s;
-}
+ form {
+ margin : 0px;
+ padding : 0px;
+ }
-img.markedPic:hover, img.pubPic:hover {
- opacity : 1;
-}
+ div.loadingPrompt {
+ padding : 1em;
+ text-align : center;
+ font-weight : bold;
+ }
-img[src*='pub_set.png'], img[src*='mark_set.png'] {
- opacity : 1;
-}
+ div.whiteBox {
+ margin-left : 1px;
+ text-align : center;
+ padding : 1em 1em 0px 1em;
+ font-size : 11px;
+ border: 0px solid #ddd;
+ border-bottom-width: 1px;
+ }
-div.tagCloudContainer {
- border : 1px solid #ddd;
- margin : 5px 0px 5px 0px;
- padding : 5px;
- text-align : center;
-}
+ div.autocomplete {
+ position : absolute;
+ width : 250px;
+ background-color : white;
+ border :1px solid #778899;
+ margin : 0px;
+ padding : 0px;
-div.errorExplained {
- border : 1px solid #ddd;
- margin : 5px 0px 5px 0px;
- padding : 5px;
-}
+ ul {
+ list-style-type : none;
+ margin : 0px;
+ padding : 0px;
+ }
-ul.feedErrorsList {
- max-height : 300px;
- overflow : auto;
- list-style-type : none;
- border : 1px solid #ddd;
- margin : 0px 0px 5px 0px;
- padding : 5px;
+ ul li.selected {
+ background-color : #fff7d5;
+ }
- em {
- color : #555;
+ ul li {
+ list-style-type : none;
+ display : block;
+ margin : 0;
+ padding : 2px;
+ height : 32px;
+ cursor : pointer;
+ }
}
-}
-ul.browseFeedList {
- height : 300px;
- overflow : auto;
- border-width : 0px 1px 1px 1px;
- border-color : #ddd;
- border-style : solid;
- margin : 0px 0px 5px 0px;
- background-color : white;
- list-style-type : none;
- padding : 0px;
-
- li {
- margin : 0px;
- padding : 2px 4px 2px 4px;
+ div#headlines-frame.wide .hlTitle {
+ max-width : none;
+ overflow : visible;
+ white-space : normal;
}
-}
-
-
-.browseFeedList span.subscribers {
- color : #808080;
-}
-ul.compact {
- list-style-type : none;
- margin : 0px;
- padding : 0px;
-
- li {
- margin : 0px;
- padding : 0px;
+ div#headlines-frame.wide .hl .hlFeed {
+ display : none;
}
-}
-
-.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;
-}
+ img.hlScorePic {
+ vertical-align : middle;
+ width : 16px;
+ height : 16px;
+ }
-form {
- margin : 0px;
- padding : 0px;
-}
+ div.dlgSec {
+ font-size : 12px;
+ color : #555;
+ font-weight : bold;
+ clear : both;
+ height : 20px;
+ }
-div.loadingPrompt {
- padding : 1em;
- text-align : center;
- font-weight : bold;
-}
+ div.dlgSecCont {
+ position : relative;
+ left : 150px;
+ top : -20px;
+ float : left;
+ font-size : 12px;
+ font-weight : normal;
-div.whiteBox {
- margin-left : 1px;
- text-align : center;
- padding : 1em 1em 0px 1em;
- font-size : 11px;
- border: 0px solid #ddd;
- border-bottom-width: 1px;
-}
+ > * {
+ position : relative;
+ top : -2px;
+ }
+ }
-div.autocomplete {
- position : absolute;
- width : 250px;
- background-color : white;
- border :1px solid #778899;
- margin : 0px;
- padding : 0px;
+ div.dlgSecCont hr, div.dlgSecSimple hr {
+ height : 0px;
+ line-height : 0px;
+ border : 0px solid transparent;
+ margin : 2px;
+ }
- ul {
- list-style-type : none;
- margin : 0px;
- padding : 0px;
+ div.dlgButtons {
+ text-align : right;
+ clear : both;
}
- ul li.selected {
+ 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;
}
- ul li {
- list-style-type : none;
- display : block;
- margin : 0;
- padding : 2px;
- height : 32px;
- cursor : pointer;
+ div#cmdline {
+ position : absolute;
+ left : 5px;
+ bottom : 5px;
+ font-size : 11px;
+ color : #555;
+ font-weight : bold;
+ background-color : white;
+ border : 1px solid @color-accent;
+ padding : 3px 5px 3px 5px;
+ z-index : 5;
}
-}
+ #feed_browser_spinner {
+ vertical-align : middle;
+ height : 18px;
+ width : 18px;
+ }
-div#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;
-}
+ button {
+ margin-top : 5px;
+ }
-img.hlScorePic {
- vertical-align : middle;
- width : 16px;
- height : 16px;
-}
+ textarea {
+ width : 565px;
+ height : 200px;
+ }
+ }
-div.dlgSec {
- font-size : 12px;
- color : #555;
- 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: 0px solid #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: 0px #ddd;
+ margin-top : 0px;
+ -webkit-overflow-scrolling : touch;
+ -webkit-transform: translateZ(0);
+ -webkit-backface-visibility: hidden;
+ }
-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;
-}
+ #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: 0px solid #ddd;
+ border-bottom-width: 1px;
+ 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;
}
-}
-
-#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;
-}
+ #footer {
+ text-align : center;
+ color : #555;
+ padding : 4px 4px 8px 4px;
+ border-width : 0px;
+ }
-#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;
-}
+ #content-insert {
+ padding : 0px;
+ border-color : #ddd;
+ border-width : 0px;
+ line-height: 1.5;
+ font-size : 15px;
+ overflow : auto;
+ -webkit-overflow-scrolling : touch;
+ }
-#headlines-wrap-inner {
- padding : 0px;
- margin : 0px;
- border-width : 0px;
-}
+ #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
+ font-weight : bold;
+ }
-#headlines-frame {
- padding : 0px;
- border: 0px #ddd;
- margin-top : 0px;
- -webkit-overflow-scrolling : touch;
- -webkit-transform: translateZ(0);
- -webkit-backface-visibility: hidden;
-}
+ #feedTree .dijitTreeRow.Error .dijitTreeLabel {
+ color : red;
+ }
-#headlines-toolbar_splitter, #toolbar_splitter {
- display : none;
-}
+ img.feedIcon, img.tinyFeedIcon {
+ width : 16px;
+ height : 16px;
+ line-height : 16px;
+ vertical-align : middle;
+ display : inline-block;
+ }
-#toolbar {
- padding : 0px;
- margin : 0px;
- border-width : 0px;
- white-space: nowrap;
- font-size : 12px;
-}
+ .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;
+ }
-#main-toolbar {
- background : white;
- border: 0px solid #ddd;
- border-bottom-width: 1px;
- padding-left : 4px;
- height : 26px;
+ .player.playing {
+ color : #00c000;
+ border-color : #00c000;
+ }
-}
+ .player:hover {
+ background : #f0f0f0;
+ cursor : pointer;
+ }
-#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;
-}
+ #headlines-spacer {
+ height : 100%;
+ margin-left : 1px;
+ text-align : center;
+ color : #555;
+ font-size : 11px;
+ font-style : italic;
-#footer {
- text-align : center;
- color : #555;
- padding : 4px 4px 8px 4px;
- border-width : 0px;
-}
+ a, span {
+ color : #555;
+ padding : 10px;
+ display : block;
+ }
-#content-insert {
- padding : 0px;
- border-color : #ddd;
- border-width : 0px;
- line-height: 1.5;
- font-size : 15px;
- overflow : auto;
- -webkit-overflow-scrolling : touch;
-}
+ a:hover {
+ color : @color-accent;
+ }
+ }
-#feedTree .dijitTreeRow .dijitTreeLabel.Unread {
- font-weight : bold;
-}
+ 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;
+ }
-#feedTree .dijitTreeRow.Error .dijitTreeLabel {
- color : red;
-}
+ ul#filterDlg_Matches li, ul#filterDlg_Actions li {
+ cursor : pointer;
+ padding : 0px 0px 0px 5px;
+ }
-img.feedIcon, img.tinyFeedIcon {
- width : 16px;
- height : 16px;
- line-height : 16px;
- vertical-align : middle;
- display : inline-block;
-}
+ ul.helpKbList {
+ max-height : 300px;
+ overflow : auto;
+ list-style-type : none;
+ border : 1px solid #ddd;
+ margin : 0px 0px 5px 0px;
+ padding : 5px;
-.player {
- display : inline-block;
- color : #555;
- font-size : 11px;
- font-family : sans-serif;
- border : 1px solid #555;
- padding : 0px 4px 0px 4px;
- margin : 0px 2px 0px 2px;
- width : 50px;
- text-align : center;
- background : white;
-}
+ span.hksequence {
+ width : 6em;
+ margin-left : 20px;
+ color : @color-accent;
+ font-weight : bold;
+ display : inline-block;
+ }
-.player.playing {
- color : #00c000;
- border-color : #00c000;
-}
+ h2 {
+ margin-top : 0px;
+ }
+ }
-.player:hover {
- background : #f0f0f0;
- cursor : pointer;
-}
+ span.collapseBtn {
+ cursor : pointer;
-#headlines-spacer {
- height : 100%;
- margin-left : 1px;
- text-align : center;
- color : #555;
- font-size : 11px;
- font-style : italic;
+ img {
+ vertical-align : middle;
+ }
+ }
- a, span {
- color : #555;
- padding : 10px;
+ select.attachments {
display : block;
+ margin-top : 10px;
+ max-width : 120px;
}
- a:hover {
- color : @color-accent;
+ #selected_prompt {
+ margin-right : 25px;
+ vertical-align : middle;
}
-}
-ul#filterDlg_Matches, ul#filterDlg_Actions {
- max-height : 100px;
- overflow : auto;
- list-style-type : none;
- border-style : solid;
- border-color : #ddd;
- border-width : 0px 1px 1px 1px;
- background-color : white;
- margin : 0px 0px 5px 0px;
- padding : 0px;
-}
+ body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
+ box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
+ border-right-color : white;
+ }
-ul#filterDlg_Matches li, ul#filterDlg_Actions li {
- cursor : pointer;
- padding : 0px 0px 0px 5px;
-}
+ body#ttrssMain #feedTree.dijitTree .dijitTreeContainer {
+ max-width : 100%;
+ }
-ul.helpKbList {
- max-height : 300px;
- overflow : auto;
- list-style-type : none;
- border : 1px solid #ddd;
- margin : 0px 0px 5px 0px;
- padding : 5px;
-
- span.hksequence {
- width : 6em;
- margin-left : 20px;
- color : @color-accent;
- font-weight : bold;
- display : inline-block;
+ body#ttrssMain #feedTree.dijitTree .dijitTreeRow {
+ overflow: hidden;
+ text-overflow: ellipsis;
}
- h2 {
- margin-top : 0px;
+ body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
+ padding : 4px 0px 4px;
+ border-width : 1px;
+ color : #333;
}
-}
-span.collapseBtn {
- cursor : pointer;
+ body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon {
+ position : relative;
+ top : -2px;
+ }
- img {
- vertical-align : middle;
+ #filterDlg_feeds select {
+ height : 150px;
+ width : 410px;
}
-}
-select.attachments {
- display : block;
- margin-top : 10px;
- max-width : 120px;
-}
+ ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
+ margin-right : 5px;
+ }
-#selected_prompt {
- margin-right : 25px;
- vertical-align : middle;
-}
+ body#ttrssMain #feedTree {
+ height : 100%;
+ overflow-x : hidden;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
-body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
- box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
- border-right-color : white;
-}
+ .counterNode.aux {
+ background : #f0f0f0;
+ color : #999;
+ border-color : #f0f0f0;
+ }
-body#ttrssMain #feedTree.dijitTree .dijitTreeContainer {
- max-width : 100%;
-}
+ .counterNode {
+ font-weight : bold;
+ display : inline-block;
+ font-size : 9px;
+ text-align : center;
+ border : 1px solid @color-accent;
+ color : white;
+ background : @color-accent;
+ border-radius : 4px;
+ vertical-align : middle;
+ float : right;
+ position : relative;
+ line-height : 14px;
+ margin-right : 8px;
+ margin-top : 2px;
+ min-width : 23px;
+ height : 14px;
+ }
-body#ttrssMain #feedTree.dijitTree .dijitTreeRow {
- overflow: hidden;
- text-overflow: ellipsis;
-}
+ .dijitTreeNode .loadingExpando {
+ left : -3px;
+ height : 22px;
+ position : relative;
+ top : -3px;
+ }
-body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
- padding : 4px 0px 4px;
- border-width : 1px;
- color : #333;
-}
+ }
-body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon {
- position : relative;
- top : -2px;
-}
+ span.highlight {
+ background-color : #ffff00;
+ color : #cc90cc;
+ }
-#filterDlg_feeds select {
- height : 150px;
- width : 410px;
-}
+ div.enclosure_title {
-ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
- margin-right : 5px;
-}
+ }
-body#ttrssMain #feedTree {
- height : 100%;
- overflow-x : hidden;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
+ body#ttrssMain #headlines-frame .dijitCheckBox {
+ border-width : 0px;
+ opacity : 0.5;
+ }
- .counterNode.aux {
- background : #f0f0f0;
- color : #999;
- border-color : #f0f0f0;
+ body#ttrssMain #headlines-frame .dijitCheckBoxHover,
+ body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
+ opacity : 1;
}
- .counterNode {
- font-weight : bold;
- display : inline-block;
- font-size : 9px;
- text-align : center;
- border : 1px solid @color-accent;
- color : white;
- background : @color-accent;
- border-radius : 4px;
+ body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
+ width : 16px;
+ height : 16px;
vertical-align : middle;
- float : right;
position : relative;
- line-height : 14px;
- margin-right : 8px;
- margin-top : 2px;
- min-width : 23px;
- height : 14px;
}
- .dijitTreeNode .loadingExpando {
- left : -3px;
- height : 22px;
- position : relative;
- top : -3px;
+ .dijitDropDownButton.attachments .dijitButtonText {
+ font-size : 12px;
}
-}
-
-span.highlight {
- background-color : #ffff00;
- color : #cc90cc;
-}
-
-div.enclosure_title {
-
-}
-
-body#ttrssMain #headlines-frame .dijitCheckBox {
- border-width : 0px;
- opacity : 0.5;
-}
-
-body#ttrssMain #headlines-frame .dijitCheckBoxHover,
-body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
- opacity : 1;
-}
-
-body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
- width : 16px;
- height : 16px;
- vertical-align : middle;
- position : relative;
-}
+ .dijitDropDownButton.attachments {
+ display : inline-block;
+ }
-.dijitDropDownButton.attachments .dijitButtonText {
- font-size : 12px;
-}
+ #editTagsDlg{
+ overflow: visible;
+ }
-.dijitDropDownButton.attachments {
- display : inline-block;
-}
+ body#ttrssZoom {
+ margin-left : auto;
+ margin-right : auto;
+ padding : 20px;
+ max-width : 770px;
+ background : #f5f5f5;
-#editTagsDlg{
- overflow: visible;
-}
+ div.postHeader div.postFeedTitle {
+ float : left;
+ text-align : right;
+ padding-left : 0px;
+ font-size : 11px;
+ }
-body#ttrssZoom {
- margin-left : auto;
- margin-right : auto;
- padding : 20px;
- max-width : 770px;
- background : #f5f5f5;
+ div.postHeader a.postComments {
+ text-align : right;
+ padding-left : 0px;
+ font-size : 11px;
+ }
- div.postHeader div.postFeedTitle {
- float : left;
- text-align : right;
- padding-left : 0px;
- font-size : 11px;
- }
+ div.postHeader div.postDate {
+ float : none;
+ text-align : right;
+ padding-left : 0px;
+ color : #777;
+ font-size : 11px;
+ }
- div.postHeader a.postComments {
- text-align : right;
- padding-left : 0px;
- font-size : 11px;
- }
+ div.postHeader div.postTags {
+ color : #777;
+ font-size : 11px;
+ }
- div.postHeader div.postDate {
- float : none;
- text-align : right;
- padding-left : 0px;
- color : #777;
- font-size : 11px;
- }
+ div.postHeader div.postTitle {
+ white-space : normal;
+ font-size : 16px;
+ }
- div.postHeader div.postTags {
- color : #777;
- font-size : 11px;
- }
+ div.postContent {
+ font-size : 15px;
+ line-height : 1.5;
+ }
- div.postHeader div.postTitle {
- white-space : normal;
- font-size : 16px;
- }
+ div.postContent p {
+ -webkit-hyphens: auto;
+ -moz-hyphens: auto;
+ hyphens: auto;
+ }
- div.postContent {
- font-size : 15px;
- line-height : 1.5;
- }
+ div.postHeader {
+ margin : 10px;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #eee;
+ background : white;
+ }
- div.postContent p {
- -webkit-hyphens: auto;
- -moz-hyphens: auto;
- hyphens: auto;
- }
+ div.postReply {
+ border : 1px solid #ddd;
+ background : white;
+ box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
+ border-radius : 6px;
+ }
- div.postHeader {
- margin : 10px;
- border-width : 0px 0px 1px 0px;
- border-style : solid;
- border-color : #eee;
- background : white;
- }
+ div.footer {
+ margin-top : 1em;
+ text-align : center;
+ }
- div.postReply {
- border : 1px solid #ddd;
- background : white;
- box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
- border-radius : 6px;
- }
+ div.postContent img {
+ max-width : 730px;
+ height : auto;
+ }
- div.footer {
- margin-top : 1em;
- text-align : center;
- }
+ div.postContent blockquote {
+ margin : 5px 0px 5px 0px;
+ color : #555;
+ padding-left : 10px;
+ border-width : 0px 0px 0px 4px;
+ border-color : #ccc;
+ border-style : solid;
+ }
- div.postContent img {
- max-width : 730px;
- height : auto;
- }
+ div.postContent code {
+ color : #009900;
+ font-family : monospace;
+ font-size : 12px;
+ }
- div.postContent blockquote {
- margin : 5px 0px 5px 0px;
- color : #555;
- padding-left : 10px;
- border-width : 0px 0px 0px 4px;
- border-color : #ccc;
- border-style : solid;
- }
+ div.postContent pre {
+ margin : 5px 0px 5px 0px;
+ padding : 10px;
+ color : #555;
+ font-family : monospace;
+ font-size : 12px;
+ border-width : 0px;
+ border-color : #ccc;
+ border-style : solid;
+ background : #f5f5f5;
+ display : block;
+ max-width : 98%;
+ overflow : auto;
+ }
- div.postContent code {
- color : #009900;
- font-family : monospace;
- font-size : 12px;
- }
- div.postContent pre {
- margin : 5px 0px 5px 0px;
- padding : 10px;
- color : #555;
- font-family : monospace;
- font-size : 12px;
- border-width : 0px;
- border-color : #ccc;
- border-style : solid;
- background : #f5f5f5;
- display : block;
- max-width : 98%;
- overflow : auto;
}
}
+
diff --git a/css/utility.css b/css/utility.css
deleted file mode 100644
index 4afdb067a..000000000
--- a/css/utility.css
+++ /dev/null
@@ -1,290 +0,0 @@
-body.sanity_failed {
- background : #900;
-}
-
-body {
- background : #f5f5f5;
- color : black;
- padding : 0px;
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 14px;
- margin-left : auto;
- margin-right : auto;
- max-width : 800px;
-}
-
-body.small_margins {
- margin : 1em;
- max-width : none;
-}
-
-form {
- margin : 10px 0px 0px 0px;
- padding : 0px;
-}
-
-div.content {
- overflow : hidden;
- background : white;
- border : 1px solid #ddd;
- padding : 10px;
- border-radius : 6px;
- box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-}
-
-p.warning {
- color : red;
-}
-
-p.query, code {
- color : green;
-}
-
-p.insensitive {
- color : gray;
-}
-
-div.insensitive-small {
- color : gray;
- font-size : 10px;
-}
-
-.floatingLogo {
- display : none;
-}
-
-a {
- color : rgb(82, 168, 236);
- text-decoration : none;
-}
-
-a:hover {
- color : black;
-}
-
-.alert {
- padding: 8px 35px 8px 14px;
- margin-bottom: 20px;
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
- background-color: #fcf8e3;
- border: 1px solid #fbeed5;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
-}
-
-.alert,
-.alert h4 {
- color: #c09853;
-}
-
-.alert h4 {
- margin: 0;
-}
-
-.alert .close {
- position: relative;
- top: -2px;
- right: -21px;
- line-height: 20px;
- cursor : pointer;
-}
-
-.alert-success {
- color: #468847;
- background-color: #dff0d8;
- border-color: #d6e9c6;
-}
-
-.alert-success h4 {
- color: #468847;
-}
-
-.alert-danger,
-.alert-error {
- color: #b94a48;
- background-color: #f2dede;
- border-color: #eed3d7;
-}
-
-.alert-danger h4,
-.alert-error h4 {
- color: #b94a48;
-}
-
-.alert-info {
- color: #3a87ad;
- background-color: #d9edf7;
- border-color: #bce8f1;
-}
-
-.alert-info h4 {
- color: #3a87ad;
-}
-
-h1 {
- color : rgb(82, 168, 236);
- font-size : 32px;
- margin : 20px 0px 5px 0px;
- text-shadow : 0 0 6px #fff;
-}
-
-h2 {
- color : rgb(82, 168, 236);
- font-size : 14pt;
- border-width : 0px 0px 1px 0px;
- border-color : #f0f0f0;
- border-style : solid;
-}
-
-div.content > h2 {
- margin-top : 0px;
-}
-
-div.rss h1 {
- border-width : 0px 0px 1px 0px;
- border-color : gray;
- border-style : dotted;
- color : gray;
-}
-
-div.rss h2 {
- font-size : 12pt;
-}
-
-div.rss a.extlink {
- color : gray;
- border-width : 0px 0px 1px 0px;
- border-color : #778899;
- border-style : dotted;
- font-size : 9pt;
-}
-
-div.rss img {
- max-width : 775px;
-}
-
-div.rss p.description {
- color : gray;
- font-size : 9pt;
-}
-
-div.rss div.content {
- margin-top : 0.5em;
-}
-
-div.rss img.feedicon {
- float : right;
-}
-
-div.rss hr {
- border-width : 0px 0px 1px 0px;
- border-style : dashed;
- border-color : #e0e0e0;
-}
-
-body#sharepopup {
- background-color : white;
- background-image : url("../images/toolbar.png");
- background-repeat : repeat-x;
- background-position : bottom;
- margin : 10px;
- padding : 0px;
-}
-
-body#sharepopup h1 {
- font-size : 14px;
- margin : 0px;
- color : rgb(82, 168, 236);
-}
-
-body#sharepopup table {
- background : white;
- border : 1px solid rgb(82, 168, 236);
- padding : 5px;
-}
-
-body#sharepopup form {
- height : 100%;
-}
-
-body#sharepopup input {
- width : 100%;
-}
-
-div.autocomplete {
- position : absolute;
- width : 250px;
- background-color : white;
- border :1px solid #778899;
- margin : 0px;
- padding : 0px;
- z-index : 4;
-}
-
-div.autocomplete ul {
- list-style-type : none;
- margin : 0px;
- padding : 0px;
- font-size : 10px;
-}
-
-div.autocomplete ul li.selected {
- background-color : #fff7d5;
-}
-
-div.autocomplete ul li {
- list-style-type : none;
- display : block;
- margin : 0;
- padding : 2px;
- height : 32px;
- cursor : pointer;
-}
-
-fieldset {
- border-width : 0px;
- padding : 0px 0px 5px 0px;
- margin : 0px;
-}
-
-fieldset input {
- font-family : sans-serif;
- font-size : medium;
- border-spacing : 2px;
- border : 1px solid #b5bcc7;
- padding : 2px;
-}
-
-fieldset label {
- width : 120px;
- margin-right : 20px;
- display : inline-block;
- text-align : right;
- color : gray;
-}
-
-body.otp {
- margin : 1em;
- padding : 0px;
-}
-
-form.otpform {
- margin : 0px;
- padding : 0px;
-}
-
-form.otpform label {
- margin : 0px;
- padding : 0px;
-}
-
-body.otp div.content {
- display : inline-block;
- width : auto;
-}
-
-span.hint {
- font-size : 10px;
- color : gray;
-}
diff --git a/css/utility.less b/css/utility.less
new file mode 100644
index 000000000..fd6d4fbc1
--- /dev/null
+++ b/css/utility.less
@@ -0,0 +1,290 @@
+body.sanity_failed {
+ background : #900;
+}
+
+body.ttrss_utility {
+ background : #f5f5f5;
+ color : black;
+ padding : 0px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ margin-left : auto;
+ margin-right : auto;
+ max-width : 800px;
+
+ form {
+ margin : 10px 0px 0px 0px;
+ padding : 0px;
+ }
+
+ div.content {
+ overflow : hidden;
+ background : white;
+ border : 1px solid #ddd;
+ padding : 10px;
+ border-radius : 6px;
+ box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
+ }
+
+ p.warning {
+ color : red;
+ }
+
+ p.query, code {
+ color : green;
+ }
+
+ p.insensitive {
+ color : gray;
+ }
+
+ div.insensitive-small {
+ color : gray;
+ font-size : 10px;
+ }
+
+ .floatingLogo {
+ display : none;
+ }
+
+ a {
+ color : rgb(82, 168, 236);
+ text-decoration : none;
+ }
+
+ a:hover {
+ color : black;
+ }
+
+ .alert {
+ padding: 8px 35px 8px 14px;
+ margin-bottom: 20px;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+ background-color: #fcf8e3;
+ border: 1px solid #fbeed5;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ }
+
+ .alert,
+ .alert h4 {
+ color: #c09853;
+ }
+
+ .alert h4 {
+ margin: 0;
+ }
+
+ .alert .close {
+ position: relative;
+ top: -2px;
+ right: -21px;
+ line-height: 20px;
+ cursor : pointer;
+ }
+
+ .alert-success {
+ color: #468847;
+ background-color: #dff0d8;
+ border-color: #d6e9c6;
+ }
+
+ .alert-success h4 {
+ color: #468847;
+ }
+
+ .alert-danger,
+ .alert-error {
+ color: #b94a48;
+ background-color: #f2dede;
+ border-color: #eed3d7;
+ }
+
+ .alert-danger h4,
+ .alert-error h4 {
+ color: #b94a48;
+ }
+
+ .alert-info {
+ color: #3a87ad;
+ background-color: #d9edf7;
+ border-color: #bce8f1;
+ }
+
+ .alert-info h4 {
+ color: #3a87ad;
+ }
+
+ h1 {
+ color : rgb(82, 168, 236);
+ font-size : 32px;
+ margin : 20px 0px 5px 0px;
+ text-shadow : 0 0 6px #fff;
+ }
+
+ h2 {
+ color : rgb(82, 168, 236);
+ font-size : 14pt;
+ border-width : 0px 0px 1px 0px;
+ border-color : #f0f0f0;
+ border-style : solid;
+ }
+
+ div.content > h2 {
+ margin-top : 0px;
+ }
+
+ div.rss h1 {
+ border-width : 0px 0px 1px 0px;
+ border-color : gray;
+ border-style : dotted;
+ color : gray;
+ }
+
+ div.rss h2 {
+ font-size : 12pt;
+ }
+
+ div.rss a.extlink {
+ color : gray;
+ border-width : 0px 0px 1px 0px;
+ border-color : #778899;
+ border-style : dotted;
+ font-size : 9pt;
+ }
+
+ div.rss img {
+ max-width : 775px;
+ }
+
+ div.rss p.description {
+ color : gray;
+ font-size : 9pt;
+ }
+
+ div.rss div.content {
+ margin-top : 0.5em;
+ }
+
+ div.rss img.feedicon {
+ float : right;
+ }
+
+ div.rss hr {
+ border-width : 0px 0px 1px 0px;
+ border-style : dashed;
+ border-color : #e0e0e0;
+ }
+
+ body#sharepopup {
+ background-color : white;
+ background-image : url("../images/toolbar.png");
+ background-repeat : repeat-x;
+ background-position : bottom;
+ margin : 10px;
+ padding : 0px;
+ }
+
+ body#sharepopup h1 {
+ font-size : 14px;
+ margin : 0px;
+ color : rgb(82, 168, 236);
+ }
+
+ body#sharepopup table {
+ background : white;
+ border : 1px solid rgb(82, 168, 236);
+ padding : 5px;
+ }
+
+ body#sharepopup form {
+ height : 100%;
+ }
+
+ body#sharepopup input {
+ width : 100%;
+ }
+
+ div.autocomplete {
+ position : absolute;
+ width : 250px;
+ background-color : white;
+ border :1px solid #778899;
+ margin : 0px;
+ padding : 0px;
+ z-index : 4;
+ }
+
+ div.autocomplete ul {
+ list-style-type : none;
+ margin : 0px;
+ padding : 0px;
+ font-size : 10px;
+ }
+
+ div.autocomplete ul li.selected {
+ background-color : #fff7d5;
+ }
+
+ div.autocomplete ul li {
+ list-style-type : none;
+ display : block;
+ margin : 0;
+ padding : 2px;
+ height : 32px;
+ cursor : pointer;
+ }
+
+ fieldset {
+ border-width : 0px;
+ padding : 0px 0px 5px 0px;
+ margin : 0px;
+ }
+
+ fieldset input {
+ font-family : sans-serif;
+ font-size : medium;
+ border-spacing : 2px;
+ border : 1px solid #b5bcc7;
+ padding : 2px;
+ }
+
+ fieldset label {
+ width : 120px;
+ margin-right : 20px;
+ display : inline-block;
+ text-align : right;
+ color : gray;
+ }
+
+ body.otp {
+ margin : 1em;
+ padding : 0px;
+ }
+
+ form.otpform {
+ margin : 0px;
+ padding : 0px;
+ }
+
+ form.otpform label {
+ margin : 0px;
+ padding : 0px;
+ }
+
+ body.otp div.content {
+ display : inline-block;
+ width : auto;
+ }
+
+ span.hint {
+ font-size : 10px;
+ color : gray;
+ }
+}
+
+body.small_margins {
+ margin : 1em;
+ max-width : none;
+}
diff --git a/css/zoom.css b/css/zoom.css
deleted file mode 100644
index 9d9e8948a..000000000
--- a/css/zoom.css
+++ /dev/null
@@ -1,105 +0,0 @@
-body#ttrssZoom {
- margin-left : auto;
- margin-right : auto;
- padding : 20px;
- max-width : 770px;
- background : #f5f5f5;
-}
-
-body#ttrssZoom div.postHeader div.postFeedTitle {
- float : left;
- text-align : right;
- padding-left : 0px;
- font-size : 11px;
-}
-
-body#ttrssZoom div.postHeader a.postComments {
- text-align : right;
- padding-left : 0px;
- font-size : 11px;
-}
-
-body#ttrssZoom div.postHeader div.postDate {
- float : none;
- text-align : right;
- padding-left : 0px;
- color : #777;
- font-size : 11px;
-}
-
-body#ttrssZoom div.postHeader div.postTags {
- color : #777;
- font-size : 11px;
-}
-
-body#ttrssZoom div.postHeader div.postTitle {
- white-space : normal;
- font-size : 16px;
-}
-
-body#ttrssZoom div.postContent {
- font-size : 15px;
- line-height : 1.5;
-}
-
-body#ttrssZoom div.postContent p {
- -webkit-hyphens: auto;
- -moz-hyphens: auto;
- hyphens: auto;
-}
-
-body#ttrssZoom div.postHeader {
- margin : 10px;
- border-width : 0px 0px 1px 0px;
- border-style : solid;
- border-color : #eee;
- background : white;
-}
-
-body#ttrssZoom div.postReply {
- border : 1px solid #ddd;
- background : white;
- box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
- border-radius : 6px;
-}
-
-body#ttrssZoom div.footer {
- margin-top : 1em;
- text-align : center;
-}
-
-body#ttrssZoom div.postContent img {
- max-width : 730px;
- height : auto;
-}
-
-body#ttrssZoom div.postContent blockquote {
- margin : 5px 0px 5px 0px;
- color : #555;
- padding-left : 10px;
- border-width : 0px 0px 0px 4px;
- border-color : #ccc;
- border-style : solid;
-}
-
-body#ttrssZoom div.postContent code {
- color : #009900;
- font-family : monospace;
- font-size : 12px;
-}
-
-body#ttrssZoom div.postContent pre {
- margin : 5px 0px 5px 0px;
- padding : 10px;
- color : #555;
- font-family : monospace;
- font-size : 12px;
- border-width : 0px;
- border-color : #ccc;
- border-style : solid;
- background : #f5f5f5;
- display : block;
- max-width : 98%;
- overflow : auto;
-}
-
diff --git a/css/zoom.less b/css/zoom.less
new file mode 100644
index 000000000..c84e1b170
--- /dev/null
+++ b/css/zoom.less
@@ -0,0 +1,107 @@
+body.ttrss_zoom {
+ margin-left : auto;
+ margin-right : auto;
+ padding : 20px;
+ max-width : 770px;
+ background : #f5f5f5;
+
+ div.postHeader div.postFeedTitle {
+ float : left;
+ text-align : right;
+ padding-left : 0px;
+ font-size : 11px;
+ }
+
+ div.postHeader a.postComments {
+ text-align : right;
+ padding-left : 0px;
+ font-size : 11px;
+ }
+
+ div.postHeader div.postDate {
+ float : none;
+ text-align : right;
+ padding-left : 0px;
+ color : #777;
+ font-size : 11px;
+ }
+
+ div.postHeader div.postTags {
+ color : #777;
+ font-size : 11px;
+ }
+
+ div.postHeader div.postTitle {
+ white-space : normal;
+ font-size : 16px;
+ }
+
+ div.postContent {
+ font-size : 15px;
+ line-height : 1.5;
+ }
+
+ div.postContent p {
+ -webkit-hyphens: auto;
+ -moz-hyphens: auto;
+ hyphens: auto;
+ }
+
+ div.postHeader {
+ margin : 10px;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #eee;
+ background : white;
+ }
+
+ div.postReply {
+ border : 1px solid #ddd;
+ background : white;
+ box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
+ border-radius : 6px;
+ }
+
+ div.footer {
+ margin-top : 1em;
+ text-align : center;
+ }
+
+ div.postContent img {
+ max-width : 730px;
+ height : auto;
+ }
+
+ div.postContent blockquote {
+ margin : 5px 0px 5px 0px;
+ color : #555;
+ padding-left : 10px;
+ border-width : 0px 0px 0px 4px;
+ border-color : #ccc;
+ border-style : solid;
+ }
+
+ div.postContent code {
+ color : #009900;
+ font-family : monospace;
+ font-size : 12px;
+ }
+
+ div.postContent pre {
+ margin : 5px 0px 5px 0px;
+ padding : 10px;
+ color : #555;
+ font-family : monospace;
+ font-size : 12px;
+ border-width : 0px;
+ border-color : #ccc;
+ border-style : solid;
+ background : #f5f5f5;
+ display : block;
+ max-width : 98%;
+ overflow : auto;
+ }
+
+
+}
+
diff --git a/index.php b/index.php
index 87a50e45d..657e0f5a8 100644
--- a/index.php
+++ b/index.php
@@ -143,7 +143,7 @@
</script>
</head>
-<body id="ttrssMain" class="claro">
+<body class="claro ttrss_main">
<div id="overlay" style="display : block">
<div id="overlay_inner">
diff --git a/prefs.php b/prefs.php
index 82f23f583..772f58c19 100644
--- a/prefs.php
+++ b/prefs.php
@@ -109,7 +109,7 @@
</head>
-<body id="ttrssPrefs" class="claro">
+<body class="claro ttrss_main ttrss_prefs">
<div id="notify" class="notify"></div>
<div id="cmdline" style="display : none"></div>