]> git.wh0rd.org Git - tt-rss.git/commitdiff
css/less updates
authorAndrew Dolgov <noreply@fakecake.org>
Sun, 3 Dec 2017 09:49:40 +0000 (12:49 +0300)
committerAndrew Dolgov <noreply@fakecake.org>
Sun, 3 Dec 2017 09:50:07 +0000 (12:50 +0300)
13 files changed:
classes/article.php
classes/handler/public.php
css/default.css
css/default.less
css/layout.css
css/prefs.less
css/tt-rss.less
css/utility.css [deleted file]
css/utility.less [new file with mode: 0644]
css/zoom.css [deleted file]
css/zoom.less [new file with mode: 0644]
index.php
prefs.php

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