From 5e68e24679e9a2248a3c28c8a4078b4bdad09f9c Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sun, 3 Dec 2017 12:49:40 +0300 Subject: [PATCH] css/less updates --- classes/article.php | 5 +- classes/handler/public.php | 14 +- css/default.css | 2 +- css/default.less | 4 +- css/layout.css | 3 +- css/prefs.less | 2 +- css/tt-rss.less | 2378 ++++++++++++++++++------------------ css/utility.css | 290 ----- css/utility.less | 290 +++++ css/zoom.css | 105 -- css/zoom.less | 107 ++ index.php | 2 +- prefs.php | 2 +- 13 files changed, 1607 insertions(+), 1597 deletions(-) delete mode 100644 css/utility.css create mode 100644 css/utility.less delete mode 100644 css/zoom.css create mode 100644 css/zoom.less diff --git a/classes/article.php b/classes/article.php index 0352e1b9..1b4d26f7 100644 --- a/classes/article.php +++ b/classes/article.php @@ -634,12 +634,11 @@ class Article extends Handler_Protected { $rv['content'] .= " ".$line["title"]."". - stylesheet_tag("css/default.css")." - + stylesheet_tag("css/default.css")." - "; + "; } $rv['content'] .= "
"; diff --git a/classes/handler/public.php b/classes/handler/public.php index 8b513df6..9fccf884 100644 --- a/classes/handler/public.php +++ b/classes/handler/public.php @@ -538,14 +538,16 @@ class Handler_Public extends Handler { header('Content-Type: text/html; charset=utf-8'); print " - Tiny Tiny RSS - - - - + Tiny Tiny RSS"; + print stylesheet_tag("css/utility.css"); + print stylesheet_tag("css/default.css"); + + print " + + - + \"Tiny

".__("Subscribe to feed...")."

"; diff --git a/css/default.css b/css/default.css index 0abe1723..b876923d 100644 --- a/css/default.css +++ b/css/default.css @@ -1 +1 @@ -body{background:#fff;color:#000;margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px}body#ttrssMain{overflow:hidden;max-height:100%}:focus{outline:none}div.postReply{padding:0}div.postReply div.postHeader{padding:5px;margin-right:4px;color:#909090;border:0 solid #ddd;border-bottom-width:1px}div.postReply div.postHeader div.postDate{text-align:right;color:#909090;float:right}div.postReply div.postHeader div{padding-bottom:3px}div.postReply div.postHeader span.author{color:#555;font-size:11px;font-weight:normal}div.postReply div.postTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe WP Semibold","Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}div.postReply div.postDate{padding-left:10px}div.postReply div.postContent{padding:10px;font-size:16px}div.postReply div.postContent img,div.postReply div.postContent video{border-width:0;max-width:98%;height:auto}div.postReply div.postContent h1{font-size:16px}div.postReply div.postContent h2,div.postReply div.postContent h3,div.postReply div.postContent h4{font-size:15px}div.postReply div.postContent p{hyphens:auto}div.postReply div.postContent iframe{min-width:50%;max-width:98%}div.postReply div.postEnclosures{color:#555}div.postReply img.tagsPic{width:16px;height:16px;margin-left:4px;vertical-align:middle}div.postReply span.author{font-size:12px}div.articleNote{background-color:#fff7d5;padding:5px;margin:5px;border:1px solid #e7d796;color:#9a8c59}div.articleNote div.noteEdit{float:right;cursor:pointer}h1{font-size:18px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}h2{font-size:16px;font-weight:600;border:0 solid #ecf4ff;border-bottom-width:1px;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}h3{font-size:13px;border:0 solid #ecf4ff;border-bottom-width:1px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}h4{font-size:14px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}hr{border:0 solid #ccc;border-bottom-width:1px}a{color:#08c;text-decoration:none}a:hover{color:#046;text-decoration:underline}#notify.visible{transform:translate(0, -35px)}#notify{bottom:-35px;right:0;height:20px;left:0;border-width:1px 0 0 0;border-style:solid;position:fixed;font-size:12px;z-index:99;padding:5px;box-shadow:0 -2px 2px rgba(0,0,0,0.1);transition:all .5s ease-in-out}#notify img{vertical-align:middle;max-height:14px}#notify span.msg{width:100%}#notify img.close{cursor:pointer}#notify span{display:table-cell;vertical-align:middle;padding:2px}.notify{border-color:#d7c47a;background-color:#fff7d5}.notify.notify_progress{border-color:#d7c47a;background-color:#fff7d5}.notify.notify_info{border-color:#52a8ec;background-color:#ecf4ff}.notify.notify_error{background-color:#fcc;border-color:#f00}.hl{border:0 solid #ddd;border-bottom-width:1px;padding:1px}.hl div.hlTitle{display:table-cell;cursor:pointer;width:100%;vertical-align:middle;overflow:hidden;white-space:nowrap;max-width:500px;text-overflow:ellipsis;padding:4px 6px}.hl div.hlLeft{display:table-cell;vertical-align:middle;white-space:nowrap}.hl div.hlRight{display:table-cell;white-space:nowrap;text-align:right;vertical-align:middle}.hl div.hlRight img{max-width:16px;max-height:16px}.hl span.hlFeed{display:table-cell;vertical-align:middle;text-align:right}.hl span.hlFeed a{border-radius:4px;display:inline-block;padding:1px 4px 1px 4px;font-size:11px;font-style:italic;font-weight:normal;color:#555;white-space:nowrap}.hl span.hlFeed a:hover{color:#52a8ec}.hl span.hlUpdated{color:#555;display:table-cell;vertical-align:middle;text-align:right;font-size:11px;white-space:nowrap;padding-left:10px}.hl span.hlUpdated div{display:inline-block}.hl div.hlLeft{padding-left:8px}.hl div.hlLeft input{margin-left:4px;margin-right:4px}.hl div.hlLeft img,.hl div.hlRight img{margin:0 4px}.hl div.hlLeft img{width:16px;height:16px}.hl div.hlTitle a{font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#777}.hl a.title.high,.hl span.hlContent.high .contentPreview{color:#0a0}.hl.Unread a.title.high,.hl.Unread span.hlContent.high .contentPreview{color:#0d0}.hl a.title.low,span.hlContent.low .contentPreview,.hl.Unread a.title.low,.hl.Unread span.hlContent.low .contentPreview{color:#909090;text-decoration:line-through}.hl.Unread div.hlTitle a{color:#000}.hl.active{background:#ecf4ff ! important}.hl.active div.hlTitle a{color:#52a8ec}.hl.Selected{background:#f9fbff}.hl.Grayed{color:#909090}div.filterTestHolder{height:300px;overflow:auto;border-color:#ddd;border-style:solid;margin:0 0 5px 0;border-width:1px}#content-insert blockquote,#headlines-frame blockquote,.dijitContentPane blockquote{margin:5px 0 5px 0;color:#555;padding-left:10px;border:0 solid #ccc;border-left-width:4px}#content-insert code,#headlines-frame code,.dijitContentPane code{color:#090;font-family:monospace;font-size:12px}#content-insert pre,#headlines-frame pre,.dijitContentPane pre{margin:5px 0 5px 0;padding:10px;color:#555;font-family:monospace;font-size:12px;border:0 solid #ccc;background:#f5f5f5;display:block;max-width:98%;overflow:auto}.alert{padding:8px 35px 8px 14px;margin-bottom:10px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px}.alert,.alert h4{color:#c09853}.alert h4{margin:0}.alert .close{position:relative;top:-2px;right:-21px;line-height:20px;cursor:pointer}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success h4{color:#468847}.alert-danger,.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-danger h4,.alert-error h4{color:#b94a48}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info h4{color:#3a87ad}ul.nomarks{list-style-type:none;margin:0;padding:10px}div.prefHelp{color:#555;padding:5px}.insensitive{color:#555}.small{font-size:11px}#main-toolbar>*{white-space:nowrap;display:table-cell;color:#999;overflow:hidden}#main-toolbar>*,#main-toolbar table *,#main-toolbar .actionChooser *{text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}#main-toolbar #headlines-toolbar{padding-right:4px;width:100%}#main-toolbar #headlines-toolbar span.holder{display:table;width:100%}#main-toolbar #headlines-toolbar span.holder>*{display:table-cell}#main-toolbar #headlines-toolbar .main{text-align:right}#main-toolbar #headlines-toolbar .main,#main-toolbar #headlines-toolbar .r{line-height:24px}#main-toolbar #headlines-toolbar span.r img{margin-right:4px;position:relative;top:3px}#main-toolbar #headlines-toolbar span.r .error a{color:#f00}#main-toolbar #selected_prompt{font-style:italic;text-align:right;margin-right:4px}@media (max-width:992px){#main-toolbar #selected_prompt{display:none}}span.contentPreview{color:#999;font-weight:normal;font-size:12px;padding-left:4px}span.hlLabelRef{background-color:#fff7d5;font-size:8px;color:#063064;font-weight:normal;margin-left:2px;padding:1px 4px 1px 4px;display:inline-block;vertical-align:middle;white-space:nowrap;border-radius:4px}img.markedPic,img.pubPic{cursor:pointer;vertical-align:middle;opacity:.5;transition:opacity .25s}img.markedPic:hover,img.pubPic:hover{opacity:1}img[src*='pub_set.png'],img[src*='mark_set.png']{opacity:1}div.tagCloudContainer{border:1px solid #ddd;margin:5px 0 5px 0;padding:5px;text-align:center}div.errorExplained{border:1px solid #ddd;margin:5px 0 5px 0;padding:5px}ul.feedErrorsList{max-height:300px;overflow:auto;list-style-type:none;border:1px solid #ddd;margin:0 0 5px 0;padding:5px}ul.feedErrorsList em{color:#555}ul.browseFeedList{height:300px;overflow:auto;border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;margin:0 0 5px 0;background-color:#fff;list-style-type:none;padding:0}ul.browseFeedList li{margin:0;padding:2px 4px 2px 4px}.browseFeedList span.subscribers{color:#808080}ul.compact{list-style-type:none;margin:0;padding:0}ul.compact li{margin:0;padding:0}.noborder{border-width:0}#overlay{background:#fff;left:0;top:0;height:100%;width:100%;z-index:100;position:absolute}#overlay_inner{font-weight:bold;margin:1em}form{margin:0;padding:0}div.loadingPrompt{padding:1em;text-align:center;font-weight:bold}div.whiteBox{margin-left:1px;text-align:center;padding:1em 1em 0 1em;font-size:11px;border:0 solid #ddd;border-bottom-width:1px}div.autocomplete{position:absolute;width:250px;background-color:#fff;border:1px solid #789;margin:0;padding:0}div.autocomplete ul{list-style-type:none;margin:0;padding:0}div.autocomplete ul li.selected{background-color:#fff7d5}div.autocomplete ul li{list-style-type:none;display:block;margin:0;padding:2px;height:32px;cursor:pointer}div#headlines-frame.wide .hlTitle{max-width:none;overflow:visible;white-space:normal}div#headlines-frame.wide .hl .hlFeed{display:none}img.hlScorePic{vertical-align:middle;width:16px;height:16px}div.dlgSec{font-size:12px;color:#555;font-weight:bold;clear:both;height:20px}div.dlgSecCont{position:relative;left:150px;top:-20px;float:left;font-size:12px;font-weight:normal}div.dlgSecCont>*{position:relative;top:-2px}div.dlgSecCont hr,div.dlgSecSimple hr{height:0;line-height:0;border:0 solid transparent;margin:2px}div.dlgButtons{text-align:right;clear:both}span.labelColorIndicator{height:16px;width:16px;border-radius:4px;line-height:14px;vertical-align:middle;font-size:9px;display:inline-block;border:1px solid #ccc;background-color:#fff7d5;color:#063064;text-align:center}div#cmdline{position:absolute;left:5px;bottom:5px;font-size:11px;color:#555;font-weight:bold;background-color:#fff;border:1px solid #52a8ec;padding:3px 5px 3px 5px;z-index:5}#feed_browser_spinner{vertical-align:middle;height:18px;width:18px}div.fatalError{margin-bottom:10px}div.fatalError button{margin-top:5px}div.fatalError textarea{width:565px;height:200px}#ttrssMain #main{border-width:0;margin:0;padding:0}#header-wrap{border-width:0;margin:0;padding:0}#content-wrap{padding:0;border-width:0;margin:0}#feeds-holder{padding:0;border:0 solid #ddd;overflow:hidden;background:#f5f5f5;box-shadow:inset -1px 0 2px -1px rgba(0,0,0,0.1);-webkit-overflow-scrolling:touch}#headlines-wrap-inner{padding:0;margin:0;border-width:0}#headlines-frame{padding:0;border:0 #ddd;margin-top:0;-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}#headlines-toolbar_splitter,#toolbar_splitter{display:none}#toolbar{padding:0;margin:0;border-width:0;white-space:nowrap;font-size:12px}#main-toolbar{background:#fff;border:0 solid #ddd;border-bottom-width:1px;padding-left:4px;height:26px}#header{border-width:0;text-align:right;color:#555;padding:5px 5px 0 0;margin:0;position:absolute;right:0;top:0;z-index:5}#footer{text-align:center;color:#555;padding:4px 4px 8px 4px;border-width:0}#content-insert{padding:0;border-color:#ddd;border-width:0;line-height:1.5;font-size:15px;overflow:auto;-webkit-overflow-scrolling:touch}#feedTree .dijitTreeRow .dijitTreeLabel.Unread{font-weight:bold}#feedTree .dijitTreeRow.Error .dijitTreeLabel{color:#f00}img.feedIcon,img.tinyFeedIcon{width:16px;height:16px;line-height:16px;vertical-align:middle;display:inline-block}.player{display:inline-block;color:#555;font-size:11px;font-family:sans-serif;border:1px solid #555;padding:0 4px 0 4px;margin:0 2px 0 2px;width:50px;text-align:center;background:#fff}.player.playing{color:#00c000;border-color:#00c000}.player:hover{background:#f0f0f0;cursor:pointer}#headlines-spacer{height:100%;margin-left:1px;text-align:center;color:#555;font-size:11px;font-style:italic}#headlines-spacer a,#headlines-spacer span{color:#555;padding:10px;display:block}#headlines-spacer a:hover{color:#52a8ec}ul#filterDlg_Matches,ul#filterDlg_Actions{max-height:100px;overflow:auto;list-style-type:none;border-style:solid;border-color:#ddd;border-width:0 1px 1px 1px;background-color:#fff;margin:0 0 5px 0;padding:0}ul#filterDlg_Matches li,ul#filterDlg_Actions li{cursor:pointer;padding:0 0 0 5px}ul.helpKbList{max-height:300px;overflow:auto;list-style-type:none;border:1px solid #ddd;margin:0 0 5px 0;padding:5px}ul.helpKbList span.hksequence{width:6em;margin-left:20px;color:#52a8ec;font-weight:bold;display:inline-block}ul.helpKbList h2{margin-top:0}span.collapseBtn{cursor:pointer}span.collapseBtn img{vertical-align:middle}select.attachments{display:block;margin-top:10px;max-width:120px}#selected_prompt{margin-right:25px;vertical-align:middle}body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected{box-shadow:-1px 0 2px -1px rgba(0,0,0,0.1);border-right-color:#fff}body#ttrssMain #feedTree.dijitTree .dijitTreeContainer{max-width:100%}body#ttrssMain #feedTree.dijitTree .dijitTreeRow{overflow:hidden;text-overflow:ellipsis}body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow{padding:4px 0 4px;border-width:1px;color:#333}body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon{position:relative;top:-2px}#filterDlg_feeds select{height:150px;width:410px}ul#filterDlg_Matches li div.dijitCheckBox,ul#filterDlg_Actions li div.dijitCheckBox{margin-right:5px}body#ttrssMain #feedTree{height:100%;overflow-x:hidden;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}body#ttrssMain #feedTree .counterNode.aux{background:#f0f0f0;color:#999;border-color:#f0f0f0}body#ttrssMain #feedTree .counterNode{font-weight:bold;display:inline-block;font-size:9px;text-align:center;border:1px solid #52a8ec;color:#fff;background:#52a8ec;border-radius:4px;vertical-align:middle;float:right;position:relative;line-height:14px;margin-right:8px;margin-top:2px;min-width:23px;height:14px}body#ttrssMain #feedTree .dijitTreeNode .loadingExpando{left:-3px;height:22px;position:relative;top:-3px}span.highlight{background-color:#ff0;color:#cc90cc}body#ttrssMain #headlines-frame .dijitCheckBox{border-width:0;opacity:.5}body#ttrssMain #headlines-frame .dijitCheckBoxHover,body#ttrssMain #headlines-frame .dijitCheckBoxChecked{opacity:1}body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf{width:16px;height:16px;vertical-align:middle;position:relative}.dijitDropDownButton.attachments .dijitButtonText{font-size:12px}.dijitDropDownButton.attachments{display:inline-block}#editTagsDlg{overflow:visible}body#ttrssZoom{margin-left:auto;margin-right:auto;padding:20px;max-width:770px;background:#f5f5f5}body#ttrssZoom div.postHeader div.postFeedTitle{float:left;text-align:right;padding-left:0;font-size:11px}body#ttrssZoom div.postHeader a.postComments{text-align:right;padding-left:0;font-size:11px}body#ttrssZoom div.postHeader div.postDate{float:none;text-align:right;padding-left:0;color:#777;font-size:11px}body#ttrssZoom div.postHeader div.postTags{color:#777;font-size:11px}body#ttrssZoom div.postHeader div.postTitle{white-space:normal;font-size:16px}body#ttrssZoom div.postContent{font-size:15px;line-height:1.5}body#ttrssZoom div.postContent p{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}body#ttrssZoom div.postHeader{margin:10px;border-width:0 0 1px 0;border-style:solid;border-color:#eee;background:#fff}body#ttrssZoom div.postReply{border:1px solid #ddd;background:#fff;box-shadow:0 1px 1px -1px rgba(0,0,0,0.1);border-radius:6px}body#ttrssZoom div.footer{margin-top:1em;text-align:center}body#ttrssZoom div.postContent img{max-width:730px;height:auto}body#ttrssZoom div.postContent blockquote{margin:5px 0 5px 0;color:#555;padding-left:10px;border-width:0 0 0 4px;border-color:#ccc;border-style:solid}body#ttrssZoom div.postContent code{color:#090;font-family:monospace;font-size:12px}body#ttrssZoom div.postContent pre{margin:5px 0 5px 0;padding:10px;color:#555;font-family:monospace;font-size:12px;border-width:0;border-color:#ccc;border-style:solid;background:#f5f5f5;display:block;max-width:98%;overflow:auto}.cdm{margin-right:4px}.cdm .cdmHeader,.cdm .cdmFooter{display:table}.cdm .cdmHeader img,.cdm .cdmHeader input,.cdm .cdmFooter img{vertical-align:middle}.cdm .cdmHeader>div,.cdm .cdmFooter>div{white-space:nowrap}.cdm .cdmHeader>span,.cdm .cdmFooter>span.left{width:100%}.cdm .cdmHeader img,.cdm .cdmFooter img{margin:0 4px}.cdm .cdmHeader>*{display:table-cell;padding:5px}.cdm .cdmHeader span.updated{color:#555;font-weight:normal;font-size:11px;white-space:nowrap;vertical-align:middle}.cdm .cdmHeader input{margin-right:5px}.cdm .cdmHeader div.updPic{width:25px;display:inline-block;text-align:center}.cdm .cdmHeader div.updPic img{vertical-align:middle}.cdm .cdmHeader input{margin-left:4px;margin-right:4px}.cdm .cdmFooter{height:30px;padding-left:5px;font-weight:normal;color:#555;clear:both}.cdm .cdmFooter>*{display:table-cell;vertical-align:middle}.cdm .cdmIntermediate{margin:10px}.cdm .cdmContentInner{margin:10px;line-height:1.5;font-size:16px}.cdm .cdmContentInner h1{font-size:16px}.cdm .cdmContentInner h2,.cdm .cdmContentInner h3,.cdm .cdmContentInner h4{font-size:15px}.cdm .cdmIntermediate img,.cdm .cdmIntermediate video,.cdm .cdmContentInner img,.cdm .cdmContentInner video{border-width:0;max-width:98%;height:auto}.cdm.expanded{margin-top:4px;margin-bottom:4px}.cdm.expanded .cdmFooter{border:0 solid #ddd;border-bottom-width:1px}.cdm.expanded>hr{margin-top:0;margin-bottom:0}.cdm.expandable{background-color:#f0f0f0;border:0 solid #ddd;border-bottom-width:1px}.cdm.expandable>hr{display:none}.cdm.expandable div.cdmHeader span.titleWrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:500px}.cdm.expandable.Unread{background:#fff}.cdm.expandable.Selected{background:#f9fbff}.cdm.expandable.active{background:#fff ! important}div.cdm.expandable.active div.cdmHeader span.titleWrap{white-space:normal}div.cdm.expandable div.cdmHeader a.title{font-weight:600;color:#555;font-size:14px;-webkit-transition:color .2s;transition:color .2s;text-rendering:optimizelegibility;font-family:"Segoe WP Semibold","Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}div.cdm.expandable.Unread div.cdmHeader a.title{color:#000}div.cdm.expandable.active div.cdmHeader a.title{color:#08c;font-size:16px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe WP Semibold","Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}div.cdm.expanded div.cdmHeader{background:transparent ! important}div.cdm.expanded div.cdmHeader a.title{font-size:16px;color:#999;font-weight:600;-webkit-transition:color .2s;transition:color .2s;text-rendering:optimizelegibility;font-family:"Segoe WP Semibold","Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}div.cdm.expanded.active{background:#fff}div.cdm.expanded.active div.cdmHeader a.title{color:#08c}div.cdm.expanded.Unread div.cdmHeader a.title{color:#000}div.cdm.expanded div.cdmContent{color:#555}div.cdm.expanded.Unread div.cdmContent{color:#000}div.cdm.active div.cdmContent{color:#000}span.cdmExcerpt{white-space:nowrap;font-size:11px;color:#999;font-weight:normal;cursor:pointer}div.cdmContent div.postEnclosures{margin-top:1em;color:#555}div.cdmFeedTitle{border:0 solid #08c;border-bottom-width:1px;padding:5px 3px 5px 5px}div.cdmFeedTitle a.title{color:#555;font-weight:bold}div.cdmFeedTitle a{color:#555}div.cdmFeedTitle a:hover{color:#08c}div.cdmHeader span.hlFeed{float:right;font-weight:normal;font-style:italic}div.cdmHeader div.hlFeed,div.cdmHeader div.hlFeed a{vertical-align:middle;color:#555;font-weight:normal;font-style:italic;font-size:11px}div.cdm .hlFeed a{border-radius:4px;display:inline-block;padding:1px 4px 1px 4px}div.cdmContentInner p{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}div.cdmContentInner iframe{min-width:50%;max-width:98%}div.cdmHeader span.author{white-space:nowrap;color:#555;font-size:11px;font-weight:normal}div#floatingTitle{position:absolute;z-index:5;top:0;right:0;left:0;border:0 solid #ddd;border-bottom-width:1px;background:#fff;color:#555;box-shadow:0 1px 1px -1px rgba(0,0,0,0.1)}div#floatingTitle>*{display:table-cell;white-space:nowrap;vertical-align:middle;padding:9px 5px}div#floatingTitle img{margin-right:4px;margin-left:4px}div#floatingTitle span.author{color:#555;font-size:11px;font-weight:normal}div#floatingTitle a.title{font-size:16px;color:#999;-webkit-transition:color .2s;transition:color .2s;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe WP Semibold","Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}div#floatingTitle img.anchor{margin-left:0}div#floatingTitle div.hlFeed{padding-right:10px;color:#555;font-weight:normal;font-style:italic;font-size:11px;white-space:nowrap}div#floatingTitle div.hlFeed a{border-radius:4px;display:inline-block;padding:1px 4px 1px 4px}div#floatingTitle span.updated{padding-right:10px;white-space:nowrap;color:#555;font-size:11px}div#floatingTitle div.hlFeed a{color:#555}div#floatingTitle span.titleWrap{width:100%;white-space:normal}div#floatingTitle .dijit,div#floatingTitle img.hlScorePic{display:none}div#floatingTitle.Unread a.title{color:#000}.cdm.high .cdmHeader a.title.high,.cdm.high .cdmHeader .cdmExcerpt,.cdm.high .cdmHeader span.author{color:#0a0}.cdm.Unread.high .cdmHeader a.title.high,.cdm.Unread.high .cdmHeader .cdmExcerpt,.cdm.Unread.high .cdmHeader span.author{color:#0d0}.cdm .cdmHeader a.title.low,.cdm.low .cdmHeader .cdmExcerpt,.cdm.Unread .cdmHeader a.title.low,.cdm.Unread.low .cdmHeader .cdmExcerpt,.cdm.low .cdmHeader span.author{color:#909090;text-decoration:line-through}.cdmFeedTitle>*{display:table-cell;vertical-align:middle}.cdmFeedTitle a.title{width:100%}.cdmFeedTitle a.catchup{text-align:right;color:#555;padding-right:10px;font-size:11px;white-space:nowrap}.cdmFeedTitle a.catchup:hover{color:#08c}body#ttrssPrefs{background-color:#f5f5f5}body#ttrssPrefs #footer,body#ttrssPrefs #header{background-color:#f5f5f5;padding-left:8px;padding-right:8px}body#ttrssPrefs #header a:hover{color:#000}body#ttrssPrefs #header img{vertical-align:middle;cursor:pointer}body#ttrssPrefs div#pref-tabs .dijitContentPane{font-size:13px}body#ttrssPrefs div#pref-tabs{box-shadow:0 1px 1px -1px rgba(0,0,0,0.1);margin:0 5px 0 5px}body#ttrssPrefs div#pref-tabs .dijitContentPane h3{font-size:14px}body#ttrssPrefs #pref-filter-wrap,body#ttrssPrefs #pref-filter-header,body#ttrssPrefs #pref-filter-content,body#ttrssPrefs #pref-label-wrap,body#ttrssPrefs #pref-label-header,body#ttrssPrefs #pref-label-content,body#ttrssPrefs #pref-user-wrap,body#ttrssPrefs #pref-user-header,body#ttrssPrefs #pref-user-content,body#ttrssPrefs #pref-instance-wrap,body#ttrssPrefs #pref-instance-header,body#ttrssPrefs #pref-instance-content{margin:0;padding:0;border-width:0}body#ttrssPrefs #userConfigTab,body#ttrssPrefs #labelConfigTab,body#ttrssPrefs #filterConfigTab,body#ttrssPrefs #pref-feeds-feeds,body#ttrssPrefs #instanceConfigTab{padding:0}body#ttrssPrefs table.prefPrefsList h3{margin-top:.5em;margin-bottom:0}body#ttrssPrefs tr.title td{border-width:0 0 1px 0;border-color:#ecf4ff;border-style:solid;color:#08c}body#ttrssPrefs div.prefProfileHolder,body#ttrssPrefs div.prefFeedOPMLHolder,body#ttrssPrefs div.inactiveFeedHolder{height:300px;overflow:auto;border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;margin:0 0 5px 0;background-color:#fff}body#ttrssPrefs div.filterTestHolder,body#ttrssPrefs div.prefFeedOPMLHolder{border-width:1px}body#ttrssPrefs ul.userFeedList{height:200px;overflow:auto;list-style-type:none;border:1px solid #ddd;margin:0 0 5px 0;padding:5px}body#ttrssPrefs div#feedlistLoading,body#ttrssPrefs div#filterlistLoading,body#ttrssPrefs div#labellistLoading{text-align:center;padding:5px;color:#555}body#ttrssPrefs div#feedlistLoading img,body#ttrssPrefs div#filterlistLoading img,body#ttrssPrefs div#labellistLoading{margin-right:5px}body#ttrssPrefs #errorButton{color:#f00}body#ttrssPrefs table.prefPluginsList td label,body#ttrssPrefs table.prefUserList td{cursor:pointer}body#ttrssPrefs table.prefPluginsList label{white-space:nowrap}body#ttrssPrefs table.prefPluginsList label img{vertical-align:middle}body#ttrssPrefs table.prefErrorLog tr.errrow td{font-size:10px}body#ttrssPrefs table.prefErrorLog tr.errrow td.errno{font-style:italic;font-weight:bold;white-space:nowrap}body#ttrssPrefs table.prefErrorLog td.filename,body#ttrssPrefs table.prefErrorLog td.login,body#ttrssPrefs table.prefErrorLog td.timestamp{color:#555}body#ttrssPrefs hr{border-color:#ecf4ff;max-width:100%}.claro .dijitTreeRow .dijitCheckBox{position:relative;top:-2px}.claro .dijitTreeLabel{outline:0}.claro .dijitTree .feedParam{color:#555;float:right;margin-right:1em}.claro .dijitTree .filterRules{display:block;color:#ccc;font-size:10px;margin-left:100px}.claro .dijitTree .filterRules span{display:block;color:#008000}.claro #filterDlg_Matches span.filterRule{color:#008000}.claro .dijitTree .filterRules span.inverse,.claro #filterDlg_Matches span.filterRule.inverse{color:#f00}.claro .dijitTree .labelParam{float:right;margin-right:1em}.claro .dijitTree .dijitTreeLabel.filterDisabled,.claro .dijitTree .labelParam.filterDisabled{color:#555;text-decoration:line-through}.claro .dijitTreeRow.Error{color:#f00}.claro .dijitTreeRow.Hidden{display:none}.claro .dijitTreeNode .loadingNode{margin-left:3px;height:9px}.claro .dijitFolderClosed,.claro .dijitFolderOpened{display:none}.claro .dijitTreeNode .dijitCheckBox{margin-left:4px}.claro .dijitTreeIsRoot>.dijitTreeRow>.dijitTreeExpando{margin-left:5px}.claro .dijitTree .dijitTreeExpando{margin-top:0;opacity:.6}.claro .dijitTree .dijitTreeNode{padding:0;border-width:0}.claro .dijitTree .dijitTreeRowSelected{background:#fff}.claro .dijitTree .dijitTreeRowHover{background:#f0f0f0;border-color:#ddd}.claro .dijitTree .dijitTreeRowSelected{background:#fff;border-color:#ddd}.claro .dijitTreeRowSelected .dijitTreeLabel{text-shadow:1px 1px 2px #fff}.claro .dijitTreeRow .dijitTreeExpando{background-image:url("../images/treeExpandImages.png");position:relative;top:-1px}.claro .dijitTreeRow .dijitTreeExpandoLeaf{background:none}.claro .dijitToolbar{background:#f5f5f5;border-color:#ddd}.claro .dijitDialog .dijitToolbar{border:1px solid #ddd}.claro .dijitDialog h2{margin-top:0;margin-bottom:4px;border-width:0}.claro .dijitMenu .dijitMenuItem .dijitMenuItemLabel{font-size:13px;padding-top:3px;padding-bottom:3px}.claro .dijitCheckBox{background-image:url("../images/untick.png");background-color:transparent;width:15px;height:15px;margin:1px;opacity:.7;background-position:center center;transition:opacity .25s;-webkit-transition:opacity .25s;padding:1px}.claro .dijitCheckBox:hover{opacity:1}.claro .dijitCheckBox.dijitCheckBoxDisabled:hover{opacity:.7}.claro .dijitCheckBox.dijitCheckBoxChecked{border-color:#69c671;background-image:url("../images/tick.png");opacity:1}.claro .dijitButton.danger .dijitButtonText{color:#fff}.claro .dijitButton.danger{text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#da4f49;*background-color:#bd362f;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(to bottom, #ee5f5b, #bd362f);background-repeat:repeat-x;border-color:#bd362f #bd362f #802420;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.claro .dijitButton.dijitButtonDisabled.danger,.claro .dijitButton.dijitButtonActive.danger,.claro .dijitButton.dijitButtonHover.danger,.claro .dijitButton.dijitFocused.danger{color:#fff;background-color:#bd362f;*background-color:#a9302a}.claro .dijitButton.dijitButtonActive.danger{background-color:#942a25 \9}.claro .dijitDropDownButton{margin:0}.claro .dijitDropDownButton .dijitButtonNode{padding:0}.claro .dijitButton.dijitButtonActive.danger{color:rgba(255,255,255,0.75)}.claro .dijitButton .dijitButtonNode,.claro .dijitDropDownButton .dijitButtonNode,.claro .dijitComboButton .dijitButtonNode,.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,.claro .dijitToolbar .dijitComboButton,.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,.claro .dijitToolbar .dijitComboButton .dijitButtonNode{background:none;border-color:transparent;box-shadow:none}.claro button,.claro input[type="submit"]{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px}.claro button,.claro input[type="submit"],.claro .dijitButton,.claro .dijitDropDownButton .dijitDownArrowButton,.claro .dijitComboButton{display:inline-block;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #fff, #e6e6e6);background-image:-webkit-linear-gradient(top, #fff, #e6e6e6);background-image:linear-gradient(to bottom, #fff, #e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color:#b3b3b3;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}.claro button:hover,.claro button:focus,.claro button:active,.claro input[type="submit"]:hover,.claro input[type="submit"]:focus,.claro input[type="submit"]:active,.claro .dijitButton:hover,.claro .dijitButton:focus,.claro .dijitButton:active,.claro .dijitDropDownButton .dijitDownArrowButton:hover,.claro .dijitDropDownButton .dijitDownArrowButton:focus,.claro .dijitDropDownButton .dijitDownArrowButton:active,.claro .dijitComboButton:hover,.claro .dijitComboButton:focus,.claro .dijitComboButton:active,.claro .dijitButton.dijitButtonDisabled{color:#333;background-color:#e6e6e6}.claro button:active,.claro input[type="submit"]:active,.claro .dijitButton:active,.claro .dijitDropDownButton .dijitDownArrowButton:active,.claro .dijitComboButton:active{background-color:#cccccc \9}.claro .dijitToolbar .dijitButton,.claro .dijitToolbar .dijitButton.dijitHover,.claro .dijitToolbar .dijitComboButton,.claro .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,.claro .dijitToolbar .dijitComboButton.dijitHover{background:none;border-color:transparent;box-shadow:none;padding:0;margin:0;line-height:auto;text-shadow:none}.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,.claro .dijitToolbar .dijitComboButton .dijitButtonText{padding:0}.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode{border-radius:4px}.claro .dijitToolbar .dijitButton.dijitHover,.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,.claro .dijitToolbar .dijitComboButton.dijitHover{border-color:#ccc}.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode{background:none}.claro .dijitToolbar .dijitButton .dijitButtonContents,.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,.claro .dijitToolbar .dijitComboButton .dijitButtonContents{font-size:13px}.claro button:hover,.claro button:focus,.claro input[type="submit"]:hover,.claro input[type="submit"]:focus,.claro .dijitButton:hover,.claro .dijitDropDownButton .dijitDownArrowButton:hover,.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,.claro .dijitButton:focus,.claro .dijitComboButton:hover,.claro .dijitComboButton:focus{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;transition:background-position .1s linear}.claro button:focus,.claro input[type="submit"]:focus,.claro .dijitButton:focus,.claro .dijitDropDownButton .dijitDownArrowButton:focus,.claro .dijitComboButton:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.claro button:active,.claro input[type="submit"]:active,.claro .dijitButton:active,.claro .dijitComboButton:active,.claro .dijitToolbar .dijitDropDownButton.dijitOpened,.claro .dijitToolbar .dijitComboButton.dijitOpened,.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}.claro input[type="submit"][disabled],.claro button[disabled],.claro .dijitButton[disabled],.claro .dijitDropDownButton .dijitDownArrowButton[disabled],.claro .dijitButton.dijitButtonDisabled,.claro .dijitComboButton.dijitButtonDisabled{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.claro .dijitButton .dijitButtonContents,.claro .dijitDropDownButton .dijitButtonContents,.claro .dijitComboButton .dijitButtonContents{font-size:14px;font-weight:normal;line-height:20px}.claro .dijitButton.small .dijitButtonText{font-size:11px}.claro .dijitMenu{border-color:rgba(82,168,236,0.8)}.claro .dijitMenu .dijitMenuItemSelected,.claro .dijitMenu .dijitMenuItemSelected td{background:#52a8ec;color:#fff;border-color:rgba(82,168,236,0.8)}.claro .dijitButton .dijitButtonNode,.claro .dijitComboButton .dijitButtonNode{padding:0}.claro .dijitAccordionTitle.dijitAccordionTitleHover,.claro .dijitAccordionTitle.dijitAccordionTitleFocused{background:#fff;transition:background .25s}.claro .dijitAccordionTitle{background:#f0f0f0;transition:background .25s}.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,.claro .dijitAccordionTitle.dijitAccordionTitleSelected{background:#08c;transition:background .25s}.claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText{color:#fff}.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected{border-color:#08c}.claro .dijitAccordionContainer .dijitAccordionChildWrapper{border-color:#ddd}.claro .dijitTabInner.dijitTab{background:#f0f0f0}.claro .dijitTabContent{background:#eee}.claro .dijitTabContent.dijitTabChecked,.claro .dijitTabContent.dijitTabHover,.claro .dijitTabContent.dijitFocused{background:#fff}.claro .dijitTabPaneWrapper,.claro .dijitTabContainerTop-tabs,.claro .dijitTab,.claro .dijitAccordionInnerContainer{border-color:#ddd}.claro .dijitComboBox .dijitArrowButton,.claro .dijitSelect .dijitArrowButton{background:transparent;border-color:transparent}.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner{margin-right:5px;float:right}.claro select,.claro .dijitDownArrowButton.dijitSelect{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:4px}.claro .dijitSelect .dijitButtonContents{display:inline-block;height:20px;padding:4px 6px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;border-width:0}.claro select,.claro textarea,.claro .input.input-text,.claro .dijitTextBox{display:inline-block;height:20px;padding:4px 6px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:4px}.claro textarea{height:auto}.claro select,.claro .input.input-text{height:30px}.claro textarea,.claro select,.claro .input.input-text,.claro .dijitTextBox,.claro .dijitSelect{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}.claro select:focus,.claro .input.input-text:focus,.claro .dijitTextBox.dijitFocused,.claro .dijitSelect.dijitFocused{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}.claro .dijitError .dijitValidationContainer{padding:0;width:13px;border-width:1px;display:none}.claro .dijitSelect.dijitSelectDisabled{background-color:#eee}.claro .dijitSelect.dijitSelectDisabled .dijitSelectLabel{cursor:not-allowed}.claro .dijitTextBox.dijitTextBoxDisabled,.claro .dijitTextBox.dijitTextBoxDisabled .dijitInputInner,.claro .dijitTextBox.dijitReadOnly,.claro .dijitTextBox.dijitReadOnly .dijitInputInner{cursor:not-allowed;background-color:#eee}.claro .dijitToolbar .dijitDownArrowButton.dijitSelect{border-color:rgba(0,0,0,0.1)}.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents{padding:2px 2px 0 4px}.claro .dijitToolbar .dijitDownArrowButton.dijitSelect{margin:0}.claro .dijitToolbar .dijitTextBox{padding:0;margin-bottom:0;border-radius:0}.claro .dijitDialog{border-radius:6px}.claro .dijitDialog .dijitDialogCloseIcon{margin-top:5px}.claro .dijitDialog .dijitDialogTitleBar{background:#fff;padding:8px;font-weight:600;color:#555;font-size:16px;text-rendering:optimizelegibility;font-family:"Segoe WP Semibold","Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}.claro .dijitDialog .dijitDialogPaneContent{border-color:#ddd;padding:10px}.claro .dijitProgressBar.dijitProgressBarEmpty{background:#ddd;border-color:#08c}.claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile{background:#52a8ec}.claro .dijitProgressBar .dijitProgressBarLabel{color:#fff} \ No newline at end of file +body.ttrss_main{background:#fff;color:#000;margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px}body.ttrss_main body#ttrssMain{overflow:hidden;max-height:100%}body.ttrss_main :focus{outline:none}body.ttrss_main div.postReply{padding:0}body.ttrss_main div.postReply div.postHeader{padding:5px;margin-right:4px;color:#909090;border:0 solid #ddd;border-bottom-width:1px}body.ttrss_main div.postReply div.postHeader div.postDate{text-align:right;color:#909090;float:right}body.ttrss_main div.postReply div.postHeader div{padding-bottom:3px}body.ttrss_main div.postReply div.postHeader span.author{color:#555;font-size:11px;font-weight:normal}body.ttrss_main div.postReply div.postTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe WP Semibold","Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}body.ttrss_main div.postReply div.postDate{padding-left:10px}body.ttrss_main div.postReply div.postContent{padding:10px;font-size:16px}body.ttrss_main div.postReply div.postContent img,body.ttrss_main div.postReply div.postContent video{border-width:0;max-width:98%;height:auto}body.ttrss_main div.postReply div.postContent h1{font-size:16px}body.ttrss_main div.postReply div.postContent h2,body.ttrss_main div.postReply div.postContent h3,body.ttrss_main div.postReply div.postContent h4{font-size:15px}body.ttrss_main div.postReply div.postContent p{hyphens:auto}body.ttrss_main div.postReply div.postContent iframe{min-width:50%;max-width:98%}body.ttrss_main div.postReply div.postEnclosures{color:#555}body.ttrss_main div.postReply img.tagsPic{width:16px;height:16px;margin-left:4px;vertical-align:middle}body.ttrss_main div.postReply span.author{font-size:12px}body.ttrss_main div.articleNote{background-color:#fff7d5;padding:5px;margin:5px;border:1px solid #e7d796;color:#9a8c59}body.ttrss_main div.articleNote div.noteEdit{float:right;cursor:pointer}body.ttrss_main h1{font-size:18px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}body.ttrss_main h2{font-size:16px;font-weight:600;border:0 solid #ecf4ff;border-bottom-width:1px;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}body.ttrss_main h3{font-size:13px;border:0 solid #ecf4ff;border-bottom-width:1px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}body.ttrss_main h4{font-size:14px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}body.ttrss_main hr{border:0 solid #ccc;border-bottom-width:1px}body.ttrss_main a{color:#08c;text-decoration:none}body.ttrss_main a:hover{color:#046;text-decoration:underline}body.ttrss_main #notify.visible{transform:translate(0, -35px)}body.ttrss_main #notify{bottom:-35px;right:0;height:20px;left:0;border-width:1px 0 0 0;border-style:solid;position:fixed;font-size:12px;z-index:99;padding:5px;box-shadow:0 -2px 2px rgba(0,0,0,0.1);transition:all .5s ease-in-out}body.ttrss_main #notify img{vertical-align:middle;max-height:14px}body.ttrss_main #notify span.msg{width:100%}body.ttrss_main #notify img.close{cursor:pointer}body.ttrss_main #notify span{display:table-cell;vertical-align:middle;padding:2px}body.ttrss_main .notify{border-color:#d7c47a;background-color:#fff7d5}body.ttrss_main .notify.notify_progress{border-color:#d7c47a;background-color:#fff7d5}body.ttrss_main .notify.notify_info{border-color:#52a8ec;background-color:#ecf4ff}body.ttrss_main .notify.notify_error{background-color:#fcc;border-color:#f00}body.ttrss_main .hl{border:0 solid #ddd;border-bottom-width:1px;padding:1px}body.ttrss_main .hl div.hlTitle{display:table-cell;cursor:pointer;width:100%;vertical-align:middle;overflow:hidden;white-space:nowrap;max-width:500px;text-overflow:ellipsis;padding:4px 6px}body.ttrss_main .hl div.hlLeft{display:table-cell;vertical-align:middle;white-space:nowrap}body.ttrss_main .hl div.hlRight{display:table-cell;white-space:nowrap;text-align:right;vertical-align:middle}body.ttrss_main .hl div.hlRight img{max-width:16px;max-height:16px}body.ttrss_main .hl span.hlFeed{display:table-cell;vertical-align:middle;text-align:right}body.ttrss_main .hl span.hlFeed a{border-radius:4px;display:inline-block;padding:1px 4px 1px 4px;font-size:11px;font-style:italic;font-weight:normal;color:#555;white-space:nowrap}body.ttrss_main .hl span.hlFeed a:hover{color:#52a8ec}body.ttrss_main .hl span.hlUpdated{color:#555;display:table-cell;vertical-align:middle;text-align:right;font-size:11px;white-space:nowrap;padding-left:10px}body.ttrss_main .hl span.hlUpdated div{display:inline-block}body.ttrss_main .hl div.hlLeft{padding-left:8px}body.ttrss_main .hl div.hlLeft input{margin-left:4px;margin-right:4px}body.ttrss_main .hl div.hlLeft img,body.ttrss_main .hl div.hlRight img{margin:0 4px}body.ttrss_main .hl div.hlLeft img{width:16px;height:16px}body.ttrss_main .hl div.hlTitle a{font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#777}body.ttrss_main .hl a.title.high,body.ttrss_main .hl span.hlContent.high .contentPreview{color:#0a0}body.ttrss_main .hl.Unread a.title.high,body.ttrss_main .hl.Unread span.hlContent.high .contentPreview{color:#0d0}body.ttrss_main .hl a.title.low,body.ttrss_main span.hlContent.low .contentPreview,body.ttrss_main .hl.Unread a.title.low,body.ttrss_main .hl.Unread span.hlContent.low .contentPreview{color:#909090;text-decoration:line-through}body.ttrss_main .hl.Unread div.hlTitle a{color:#000}body.ttrss_main .hl.active{background:#ecf4ff ! important}body.ttrss_main .hl.active div.hlTitle a{color:#52a8ec}body.ttrss_main .hl.Selected{background:#f9fbff}body.ttrss_main .hl.Grayed{color:#909090}body.ttrss_main div.filterTestHolder{height:300px;overflow:auto;border-color:#ddd;border-style:solid;margin:0 0 5px 0;border-width:1px}body.ttrss_main #content-insert blockquote,body.ttrss_main #headlines-frame blockquote,body.ttrss_main .dijitContentPane blockquote{margin:5px 0 5px 0;color:#555;padding-left:10px;border:0 solid #ccc;border-left-width:4px}body.ttrss_main #content-insert code,body.ttrss_main #headlines-frame code,body.ttrss_main .dijitContentPane code{color:#090;font-family:monospace;font-size:12px}body.ttrss_main #content-insert pre,body.ttrss_main #headlines-frame pre,body.ttrss_main .dijitContentPane pre{margin:5px 0 5px 0;padding:10px;color:#555;font-family:monospace;font-size:12px;border:0 solid #ccc;background:#f5f5f5;display:block;max-width:98%;overflow:auto}body.ttrss_main .alert{padding:8px 35px 8px 14px;margin-bottom:10px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px}body.ttrss_main .alert,body.ttrss_main .alert h4{color:#c09853}body.ttrss_main .alert h4{margin:0}body.ttrss_main .alert .close{position:relative;top:-2px;right:-21px;line-height:20px;cursor:pointer}body.ttrss_main .alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}body.ttrss_main .alert-success h4{color:#468847}body.ttrss_main .alert-danger,body.ttrss_main .alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}body.ttrss_main .alert-danger h4,body.ttrss_main .alert-error h4{color:#b94a48}body.ttrss_main .alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}body.ttrss_main .alert-info h4{color:#3a87ad}body.ttrss_main ul.nomarks{list-style-type:none;margin:0;padding:10px}body.ttrss_main div.prefHelp{color:#555;padding:5px}body.ttrss_main .insensitive{color:#555}body.ttrss_main .small{font-size:11px}body.ttrss_main #main-toolbar>*{white-space:nowrap;display:table-cell;color:#999;overflow:hidden}body.ttrss_main #main-toolbar>*,body.ttrss_main #main-toolbar table *,body.ttrss_main #main-toolbar .actionChooser *{text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}body.ttrss_main #main-toolbar #headlines-toolbar{padding-right:4px;width:100%}body.ttrss_main #main-toolbar #headlines-toolbar span.holder{display:table;width:100%}body.ttrss_main #main-toolbar #headlines-toolbar span.holder>*{display:table-cell}body.ttrss_main #main-toolbar #headlines-toolbar .main{text-align:right}body.ttrss_main #main-toolbar #headlines-toolbar .main,body.ttrss_main #main-toolbar #headlines-toolbar .r{line-height:24px}body.ttrss_main #main-toolbar #headlines-toolbar span.r img{margin-right:4px;position:relative;top:3px}body.ttrss_main #main-toolbar #headlines-toolbar span.r .error a{color:#f00}body.ttrss_main #main-toolbar #selected_prompt{font-style:italic;text-align:right;margin-right:4px}@media (max-width:992px){body.ttrss_main #main-toolbar #selected_prompt{display:none}}body.ttrss_main span.contentPreview{color:#999;font-weight:normal;font-size:12px;padding-left:4px}body.ttrss_main span.hlLabelRef{background-color:#fff7d5;font-size:8px;color:#063064;font-weight:normal;margin-left:2px;padding:1px 4px 1px 4px;display:inline-block;vertical-align:middle;white-space:nowrap;border-radius:4px}body.ttrss_main img.markedPic,body.ttrss_main img.pubPic{cursor:pointer;vertical-align:middle;opacity:.5;transition:opacity .25s}body.ttrss_main img.markedPic:hover,body.ttrss_main img.pubPic:hover{opacity:1}body.ttrss_main img[src*='pub_set.png'],body.ttrss_main img[src*='mark_set.png']{opacity:1}body.ttrss_main div.tagCloudContainer{border:1px solid #ddd;margin:5px 0 5px 0;padding:5px;text-align:center}body.ttrss_main div.errorExplained{border:1px solid #ddd;margin:5px 0 5px 0;padding:5px}body.ttrss_main ul.feedErrorsList{max-height:300px;overflow:auto;list-style-type:none;border:1px solid #ddd;margin:0 0 5px 0;padding:5px}body.ttrss_main ul.feedErrorsList em{color:#555}body.ttrss_main ul.browseFeedList{height:300px;overflow:auto;border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;margin:0 0 5px 0;background-color:#fff;list-style-type:none;padding:0}body.ttrss_main ul.browseFeedList li{margin:0;padding:2px 4px 2px 4px}body.ttrss_main .browseFeedList span.subscribers{color:#808080}body.ttrss_main ul.compact{list-style-type:none;margin:0;padding:0}body.ttrss_main ul.compact li{margin:0;padding:0}body.ttrss_main .noborder{border-width:0}body.ttrss_main #overlay{background:#fff;left:0;top:0;height:100%;width:100%;z-index:100;position:absolute}body.ttrss_main #overlay_inner{font-weight:bold;margin:1em}body.ttrss_main form{margin:0;padding:0}body.ttrss_main div.loadingPrompt{padding:1em;text-align:center;font-weight:bold}body.ttrss_main div.whiteBox{margin-left:1px;text-align:center;padding:1em 1em 0 1em;font-size:11px;border:0 solid #ddd;border-bottom-width:1px}body.ttrss_main div.autocomplete{position:absolute;width:250px;background-color:#fff;border:1px solid #789;margin:0;padding:0}body.ttrss_main div.autocomplete ul{list-style-type:none;margin:0;padding:0}body.ttrss_main div.autocomplete ul li.selected{background-color:#fff7d5}body.ttrss_main div.autocomplete ul li{list-style-type:none;display:block;margin:0;padding:2px;height:32px;cursor:pointer}body.ttrss_main div#headlines-frame.wide .hlTitle{max-width:none;overflow:visible;white-space:normal}body.ttrss_main div#headlines-frame.wide .hl .hlFeed{display:none}body.ttrss_main img.hlScorePic{vertical-align:middle;width:16px;height:16px}body.ttrss_main div.dlgSec{font-size:12px;color:#555;font-weight:bold;clear:both;height:20px}body.ttrss_main div.dlgSecCont{position:relative;left:150px;top:-20px;float:left;font-size:12px;font-weight:normal}body.ttrss_main div.dlgSecCont>*{position:relative;top:-2px}body.ttrss_main div.dlgSecCont hr,body.ttrss_main div.dlgSecSimple hr{height:0;line-height:0;border:0 solid transparent;margin:2px}body.ttrss_main div.dlgButtons{text-align:right;clear:both}body.ttrss_main span.labelColorIndicator{height:16px;width:16px;border-radius:4px;line-height:14px;vertical-align:middle;font-size:9px;display:inline-block;border:1px solid #ccc;background-color:#fff7d5;color:#063064;text-align:center}body.ttrss_main div#cmdline{position:absolute;left:5px;bottom:5px;font-size:11px;color:#555;font-weight:bold;background-color:#fff;border:1px solid #52a8ec;padding:3px 5px 3px 5px;z-index:5}body.ttrss_main #feed_browser_spinner{vertical-align:middle;height:18px;width:18px}body.ttrss_main div.fatalError{margin-bottom:10px}body.ttrss_main div.fatalError button{margin-top:5px}body.ttrss_main div.fatalError textarea{width:565px;height:200px}body.ttrss_main #ttrssMain #main{border-width:0;margin:0;padding:0}body.ttrss_main #header-wrap{border-width:0;margin:0;padding:0}body.ttrss_main #content-wrap{padding:0;border-width:0;margin:0}body.ttrss_main #feeds-holder{padding:0;border:0 solid #ddd;overflow:hidden;background:#f5f5f5;box-shadow:inset -1px 0 2px -1px rgba(0,0,0,0.1);-webkit-overflow-scrolling:touch}body.ttrss_main #headlines-wrap-inner{padding:0;margin:0;border-width:0}body.ttrss_main #headlines-frame{padding:0;border:0 #ddd;margin-top:0;-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}body.ttrss_main #headlines-toolbar_splitter,body.ttrss_main #toolbar_splitter{display:none}body.ttrss_main #toolbar{padding:0;margin:0;border-width:0;white-space:nowrap;font-size:12px}body.ttrss_main #main-toolbar{background:#fff;border:0 solid #ddd;border-bottom-width:1px;padding-left:4px;height:26px}body.ttrss_main #header{border-width:0;text-align:right;color:#555;padding:5px 5px 0 0;margin:0;position:absolute;right:0;top:0;z-index:5}body.ttrss_main #footer{text-align:center;color:#555;padding:4px 4px 8px 4px;border-width:0}body.ttrss_main #content-insert{padding:0;border-color:#ddd;border-width:0;line-height:1.5;font-size:15px;overflow:auto;-webkit-overflow-scrolling:touch}body.ttrss_main #feedTree .dijitTreeRow .dijitTreeLabel.Unread{font-weight:bold}body.ttrss_main #feedTree .dijitTreeRow.Error .dijitTreeLabel{color:#f00}body.ttrss_main img.feedIcon,body.ttrss_main img.tinyFeedIcon{width:16px;height:16px;line-height:16px;vertical-align:middle;display:inline-block}body.ttrss_main .player{display:inline-block;color:#555;font-size:11px;font-family:sans-serif;border:1px solid #555;padding:0 4px 0 4px;margin:0 2px 0 2px;width:50px;text-align:center;background:#fff}body.ttrss_main .player.playing{color:#00c000;border-color:#00c000}body.ttrss_main .player:hover{background:#f0f0f0;cursor:pointer}body.ttrss_main #headlines-spacer{height:100%;margin-left:1px;text-align:center;color:#555;font-size:11px;font-style:italic}body.ttrss_main #headlines-spacer a,body.ttrss_main #headlines-spacer span{color:#555;padding:10px;display:block}body.ttrss_main #headlines-spacer a:hover{color:#52a8ec}body.ttrss_main ul#filterDlg_Matches,body.ttrss_main ul#filterDlg_Actions{max-height:100px;overflow:auto;list-style-type:none;border-style:solid;border-color:#ddd;border-width:0 1px 1px 1px;background-color:#fff;margin:0 0 5px 0;padding:0}body.ttrss_main ul#filterDlg_Matches li,body.ttrss_main ul#filterDlg_Actions li{cursor:pointer;padding:0 0 0 5px}body.ttrss_main ul.helpKbList{max-height:300px;overflow:auto;list-style-type:none;border:1px solid #ddd;margin:0 0 5px 0;padding:5px}body.ttrss_main ul.helpKbList span.hksequence{width:6em;margin-left:20px;color:#52a8ec;font-weight:bold;display:inline-block}body.ttrss_main ul.helpKbList h2{margin-top:0}body.ttrss_main span.collapseBtn{cursor:pointer}body.ttrss_main span.collapseBtn img{vertical-align:middle}body.ttrss_main select.attachments{display:block;margin-top:10px;max-width:120px}body.ttrss_main #selected_prompt{margin-right:25px;vertical-align:middle}body.ttrss_main body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected{box-shadow:-1px 0 2px -1px rgba(0,0,0,0.1);border-right-color:#fff}body.ttrss_main body#ttrssMain #feedTree.dijitTree .dijitTreeContainer{max-width:100%}body.ttrss_main body#ttrssMain #feedTree.dijitTree .dijitTreeRow{overflow:hidden;text-overflow:ellipsis}body.ttrss_main body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow{padding:4px 0 4px;border-width:1px;color:#333}body.ttrss_main body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon{position:relative;top:-2px}body.ttrss_main #filterDlg_feeds select{height:150px;width:410px}body.ttrss_main ul#filterDlg_Matches li div.dijitCheckBox,body.ttrss_main ul#filterDlg_Actions li div.dijitCheckBox{margin-right:5px}body.ttrss_main body#ttrssMain #feedTree{height:100%;overflow-x:hidden;text-rendering:optimizelegibility;font-family:"Segoe UI Web","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}body.ttrss_main body#ttrssMain #feedTree .counterNode.aux{background:#f0f0f0;color:#999;border-color:#f0f0f0}body.ttrss_main body#ttrssMain #feedTree .counterNode{font-weight:bold;display:inline-block;font-size:9px;text-align:center;border:1px solid #52a8ec;color:#fff;background:#52a8ec;border-radius:4px;vertical-align:middle;float:right;position:relative;line-height:14px;margin-right:8px;margin-top:2px;min-width:23px;height:14px}body.ttrss_main body#ttrssMain #feedTree .dijitTreeNode .loadingExpando{left:-3px;height:22px;position:relative;top:-3px}body.ttrss_main span.highlight{background-color:#ff0;color:#cc90cc}body.ttrss_main body#ttrssMain #headlines-frame .dijitCheckBox{border-width:0;opacity:.5}body.ttrss_main body#ttrssMain #headlines-frame .dijitCheckBoxHover,body.ttrss_main body#ttrssMain #headlines-frame .dijitCheckBoxChecked{opacity:1}body.ttrss_main body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf{width:16px;height:16px;vertical-align:middle;position:relative}body.ttrss_main .dijitDropDownButton.attachments .dijitButtonText{font-size:12px}body.ttrss_main .dijitDropDownButton.attachments{display:inline-block}body.ttrss_main #editTagsDlg{overflow:visible}body.ttrss_main body#ttrssZoom{margin-left:auto;margin-right:auto;padding:20px;max-width:770px;background:#f5f5f5}body.ttrss_main body#ttrssZoom div.postHeader div.postFeedTitle{float:left;text-align:right;padding-left:0;font-size:11px}body.ttrss_main body#ttrssZoom div.postHeader a.postComments{text-align:right;padding-left:0;font-size:11px}body.ttrss_main body#ttrssZoom div.postHeader div.postDate{float:none;text-align:right;padding-left:0;color:#777;font-size:11px}body.ttrss_main body#ttrssZoom div.postHeader div.postTags{color:#777;font-size:11px}body.ttrss_main body#ttrssZoom div.postHeader div.postTitle{white-space:normal;font-size:16px}body.ttrss_main body#ttrssZoom div.postContent{font-size:15px;line-height:1.5}body.ttrss_main body#ttrssZoom div.postContent p{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}body.ttrss_main body#ttrssZoom div.postHeader{margin:10px;border-width:0 0 1px 0;border-style:solid;border-color:#eee;background:#fff}body.ttrss_main body#ttrssZoom div.postReply{border:1px solid #ddd;background:#fff;box-shadow:0 1px 1px -1px rgba(0,0,0,0.1);border-radius:6px}body.ttrss_main body#ttrssZoom div.footer{margin-top:1em;text-align:center}body.ttrss_main body#ttrssZoom div.postContent img{max-width:730px;height:auto}body.ttrss_main body#ttrssZoom div.postContent blockquote{margin:5px 0 5px 0;color:#555;padding-left:10px;border-width:0 0 0 4px;border-color:#ccc;border-style:solid}body.ttrss_main body#ttrssZoom div.postContent code{color:#090;font-family:monospace;font-size:12px}body.ttrss_main body#ttrssZoom div.postContent pre{margin:5px 0 5px 0;padding:10px;color:#555;font-family:monospace;font-size:12px;border-width:0;border-color:#ccc;border-style:solid;background:#f5f5f5;display:block;max-width:98%;overflow:auto}.cdm{margin-right:4px}.cdm .cdmHeader,.cdm .cdmFooter{display:table}.cdm .cdmHeader img,.cdm .cdmHeader input,.cdm .cdmFooter img{vertical-align:middle}.cdm .cdmHeader>div,.cdm .cdmFooter>div{white-space:nowrap}.cdm .cdmHeader>span,.cdm .cdmFooter>span.left{width:100%}.cdm .cdmHeader img,.cdm .cdmFooter img{margin:0 4px}.cdm .cdmHeader>*{display:table-cell;padding:5px}.cdm .cdmHeader span.updated{color:#555;font-weight:normal;font-size:11px;white-space:nowrap;vertical-align:middle}.cdm .cdmHeader input{margin-right:5px}.cdm .cdmHeader div.updPic{width:25px;display:inline-block;text-align:center}.cdm .cdmHeader div.updPic img{vertical-align:middle}.cdm .cdmHeader input{margin-left:4px;margin-right:4px}.cdm .cdmFooter{height:30px;padding-left:5px;font-weight:normal;color:#555;clear:both}.cdm .cdmFooter>*{display:table-cell;vertical-align:middle}.cdm .cdmIntermediate{margin:10px}.cdm .cdmContentInner{margin:10px;line-height:1.5;font-size:16px}.cdm .cdmContentInner h1{font-size:16px}.cdm .cdmContentInner h2,.cdm .cdmContentInner h3,.cdm .cdmContentInner h4{font-size:15px}.cdm .cdmIntermediate img,.cdm .cdmIntermediate video,.cdm .cdmContentInner img,.cdm .cdmContentInner video{border-width:0;max-width:98%;height:auto}.cdm.expanded{margin-top:4px;margin-bottom:4px}.cdm.expanded .cdmFooter{border:0 solid #ddd;border-bottom-width:1px}.cdm.expanded>hr{margin-top:0;margin-bottom:0}.cdm.expandable{background-color:#f0f0f0;border:0 solid #ddd;border-bottom-width:1px}.cdm.expandable>hr{display:none}.cdm.expandable div.cdmHeader span.titleWrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:500px}.cdm.expandable.Unread{background:#fff}.cdm.expandable.Selected{background:#f9fbff}.cdm.expandable.active{background:#fff ! important}div.cdm.expandable.active div.cdmHeader span.titleWrap{white-space:normal}div.cdm.expandable div.cdmHeader a.title{font-weight:600;color:#555;font-size:14px;-webkit-transition:color .2s;transition:color .2s;text-rendering:optimizelegibility;font-family:"Segoe WP Semibold","Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}div.cdm.expandable.Unread div.cdmHeader a.title{color:#000}div.cdm.expandable.active div.cdmHeader a.title{color:#08c;font-size:16px;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe WP Semibold","Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}div.cdm.expanded div.cdmHeader{background:transparent ! important}div.cdm.expanded div.cdmHeader a.title{font-size:16px;color:#999;font-weight:600;-webkit-transition:color .2s;transition:color .2s;text-rendering:optimizelegibility;font-family:"Segoe WP Semibold","Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}div.cdm.expanded.active{background:#fff}div.cdm.expanded.active div.cdmHeader a.title{color:#08c}div.cdm.expanded.Unread div.cdmHeader a.title{color:#000}div.cdm.expanded div.cdmContent{color:#555}div.cdm.expanded.Unread div.cdmContent{color:#000}div.cdm.active div.cdmContent{color:#000}span.cdmExcerpt{white-space:nowrap;font-size:11px;color:#999;font-weight:normal;cursor:pointer}div.cdmContent div.postEnclosures{margin-top:1em;color:#555}div.cdmFeedTitle{border:0 solid #08c;border-bottom-width:1px;padding:5px 3px 5px 5px}div.cdmFeedTitle a.title{color:#555;font-weight:bold}div.cdmFeedTitle a{color:#555}div.cdmFeedTitle a:hover{color:#08c}div.cdmHeader span.hlFeed{float:right;font-weight:normal;font-style:italic}div.cdmHeader div.hlFeed,div.cdmHeader div.hlFeed a{vertical-align:middle;color:#555;font-weight:normal;font-style:italic;font-size:11px}div.cdm .hlFeed a{border-radius:4px;display:inline-block;padding:1px 4px 1px 4px}div.cdmContentInner p{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}div.cdmContentInner iframe{min-width:50%;max-width:98%}div.cdmHeader span.author{white-space:nowrap;color:#555;font-size:11px;font-weight:normal}div#floatingTitle{position:absolute;z-index:5;top:0;right:0;left:0;border:0 solid #ddd;border-bottom-width:1px;background:#fff;color:#555;box-shadow:0 1px 1px -1px rgba(0,0,0,0.1)}div#floatingTitle>*{display:table-cell;white-space:nowrap;vertical-align:middle;padding:9px 5px}div#floatingTitle img{margin-right:4px;margin-left:4px}div#floatingTitle span.author{color:#555;font-size:11px;font-weight:normal}div#floatingTitle a.title{font-size:16px;color:#999;-webkit-transition:color .2s;transition:color .2s;font-weight:600;text-rendering:optimizelegibility;font-family:"Segoe WP Semibold","Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}div#floatingTitle img.anchor{margin-left:0}div#floatingTitle div.hlFeed{padding-right:10px;color:#555;font-weight:normal;font-style:italic;font-size:11px;white-space:nowrap}div#floatingTitle div.hlFeed a{border-radius:4px;display:inline-block;padding:1px 4px 1px 4px}div#floatingTitle span.updated{padding-right:10px;white-space:nowrap;color:#555;font-size:11px}div#floatingTitle div.hlFeed a{color:#555}div#floatingTitle span.titleWrap{width:100%;white-space:normal}div#floatingTitle .dijit,div#floatingTitle img.hlScorePic{display:none}div#floatingTitle.Unread a.title{color:#000}.cdm.high .cdmHeader a.title.high,.cdm.high .cdmHeader .cdmExcerpt,.cdm.high .cdmHeader span.author{color:#0a0}.cdm.Unread.high .cdmHeader a.title.high,.cdm.Unread.high .cdmHeader .cdmExcerpt,.cdm.Unread.high .cdmHeader span.author{color:#0d0}.cdm .cdmHeader a.title.low,.cdm.low .cdmHeader .cdmExcerpt,.cdm.Unread .cdmHeader a.title.low,.cdm.Unread.low .cdmHeader .cdmExcerpt,.cdm.low .cdmHeader span.author{color:#909090;text-decoration:line-through}.cdmFeedTitle>*{display:table-cell;vertical-align:middle}.cdmFeedTitle a.title{width:100%}.cdmFeedTitle a.catchup{text-align:right;color:#555;padding-right:10px;font-size:11px;white-space:nowrap}.cdmFeedTitle a.catchup:hover{color:#08c}body.ttrss_prefs{background-color:#f5f5f5}body.ttrss_prefs #footer,body.ttrss_prefs #header{background-color:#f5f5f5;padding-left:8px;padding-right:8px}body.ttrss_prefs #header a:hover{color:#000}body.ttrss_prefs #header img{vertical-align:middle;cursor:pointer}body.ttrss_prefs div#pref-tabs .dijitContentPane{font-size:13px}body.ttrss_prefs div#pref-tabs{box-shadow:0 1px 1px -1px rgba(0,0,0,0.1);margin:0 5px 0 5px}body.ttrss_prefs div#pref-tabs .dijitContentPane h3{font-size:14px}body.ttrss_prefs #pref-filter-wrap,body.ttrss_prefs #pref-filter-header,body.ttrss_prefs #pref-filter-content,body.ttrss_prefs #pref-label-wrap,body.ttrss_prefs #pref-label-header,body.ttrss_prefs #pref-label-content,body.ttrss_prefs #pref-user-wrap,body.ttrss_prefs #pref-user-header,body.ttrss_prefs #pref-user-content,body.ttrss_prefs #pref-instance-wrap,body.ttrss_prefs #pref-instance-header,body.ttrss_prefs #pref-instance-content{margin:0;padding:0;border-width:0}body.ttrss_prefs #userConfigTab,body.ttrss_prefs #labelConfigTab,body.ttrss_prefs #filterConfigTab,body.ttrss_prefs #pref-feeds-feeds,body.ttrss_prefs #instanceConfigTab{padding:0}body.ttrss_prefs table.prefPrefsList h3{margin-top:.5em;margin-bottom:0}body.ttrss_prefs tr.title td{border-width:0 0 1px 0;border-color:#ecf4ff;border-style:solid;color:#08c}body.ttrss_prefs div.prefProfileHolder,body.ttrss_prefs div.prefFeedOPMLHolder,body.ttrss_prefs div.inactiveFeedHolder{height:300px;overflow:auto;border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;margin:0 0 5px 0;background-color:#fff}body.ttrss_prefs div.filterTestHolder,body.ttrss_prefs div.prefFeedOPMLHolder{border-width:1px}body.ttrss_prefs ul.userFeedList{height:200px;overflow:auto;list-style-type:none;border:1px solid #ddd;margin:0 0 5px 0;padding:5px}body.ttrss_prefs div#feedlistLoading,body.ttrss_prefs div#filterlistLoading,body.ttrss_prefs div#labellistLoading{text-align:center;padding:5px;color:#555}body.ttrss_prefs div#feedlistLoading img,body.ttrss_prefs div#filterlistLoading img,body.ttrss_prefs div#labellistLoading{margin-right:5px}body.ttrss_prefs #errorButton{color:#f00}body.ttrss_prefs table.prefPluginsList td label,body.ttrss_prefs table.prefUserList td{cursor:pointer}body.ttrss_prefs table.prefPluginsList label{white-space:nowrap}body.ttrss_prefs table.prefPluginsList label img{vertical-align:middle}body.ttrss_prefs table.prefErrorLog tr.errrow td{font-size:10px}body.ttrss_prefs table.prefErrorLog tr.errrow td.errno{font-style:italic;font-weight:bold;white-space:nowrap}body.ttrss_prefs table.prefErrorLog td.filename,body.ttrss_prefs table.prefErrorLog td.login,body.ttrss_prefs table.prefErrorLog td.timestamp{color:#555}body.ttrss_prefs hr{border-color:#ecf4ff;max-width:100%}.claro .dijitTreeRow .dijitCheckBox{position:relative;top:-2px}.claro .dijitTreeLabel{outline:0}.claro .dijitTree .feedParam{color:#555;float:right;margin-right:1em}.claro .dijitTree .filterRules{display:block;color:#ccc;font-size:10px;margin-left:100px}.claro .dijitTree .filterRules span{display:block;color:#008000}.claro #filterDlg_Matches span.filterRule{color:#008000}.claro .dijitTree .filterRules span.inverse,.claro #filterDlg_Matches span.filterRule.inverse{color:#f00}.claro .dijitTree .labelParam{float:right;margin-right:1em}.claro .dijitTree .dijitTreeLabel.filterDisabled,.claro .dijitTree .labelParam.filterDisabled{color:#555;text-decoration:line-through}.claro .dijitTreeRow.Error{color:#f00}.claro .dijitTreeRow.Hidden{display:none}.claro .dijitTreeNode .loadingNode{margin-left:3px;height:9px}.claro .dijitFolderClosed,.claro .dijitFolderOpened{display:none}.claro .dijitTreeNode .dijitCheckBox{margin-left:4px}.claro .dijitTreeIsRoot>.dijitTreeRow>.dijitTreeExpando{margin-left:5px}.claro .dijitTree .dijitTreeExpando{margin-top:0;opacity:.6}.claro .dijitTree .dijitTreeNode{padding:0;border-width:0}.claro .dijitTree .dijitTreeRowSelected{background:#fff}.claro .dijitTree .dijitTreeRowHover{background:#f0f0f0;border-color:#ddd}.claro .dijitTree .dijitTreeRowSelected{background:#fff;border-color:#ddd}.claro .dijitTreeRowSelected .dijitTreeLabel{text-shadow:1px 1px 2px #fff}.claro .dijitTreeRow .dijitTreeExpando{background-image:url("../images/treeExpandImages.png");position:relative;top:-1px}.claro .dijitTreeRow .dijitTreeExpandoLeaf{background:none}.claro .dijitToolbar{background:#f5f5f5;border-color:#ddd}.claro .dijitDialog .dijitToolbar{border:1px solid #ddd}.claro .dijitDialog h2{margin-top:0;margin-bottom:4px;border-width:0}.claro .dijitMenu .dijitMenuItem .dijitMenuItemLabel{font-size:13px;padding-top:3px;padding-bottom:3px}.claro .dijitCheckBox{background-image:url("../images/untick.png");background-color:transparent;width:15px;height:15px;margin:1px;opacity:.7;background-position:center center;transition:opacity .25s;-webkit-transition:opacity .25s;padding:1px}.claro .dijitCheckBox:hover{opacity:1}.claro .dijitCheckBox.dijitCheckBoxDisabled:hover{opacity:.7}.claro .dijitCheckBox.dijitCheckBoxChecked{border-color:#69c671;background-image:url("../images/tick.png");opacity:1}.claro .dijitButton.danger .dijitButtonText{color:#fff}.claro .dijitButton.danger{text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#da4f49;*background-color:#bd362f;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(to bottom, #ee5f5b, #bd362f);background-repeat:repeat-x;border-color:#bd362f #bd362f #802420;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.claro .dijitButton.dijitButtonDisabled.danger,.claro .dijitButton.dijitButtonActive.danger,.claro .dijitButton.dijitButtonHover.danger,.claro .dijitButton.dijitFocused.danger{color:#fff;background-color:#bd362f;*background-color:#a9302a}.claro .dijitButton.dijitButtonActive.danger{background-color:#942a25 \9}.claro .dijitDropDownButton{margin:0}.claro .dijitDropDownButton .dijitButtonNode{padding:0}.claro .dijitButton.dijitButtonActive.danger{color:rgba(255,255,255,0.75)}.claro .dijitButton .dijitButtonNode,.claro .dijitDropDownButton .dijitButtonNode,.claro .dijitComboButton .dijitButtonNode,.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,.claro .dijitToolbar .dijitComboButton,.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,.claro .dijitToolbar .dijitComboButton .dijitButtonNode{background:none;border-color:transparent;box-shadow:none}.claro button,.claro input[type="submit"]{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px}.claro button,.claro input[type="submit"],.claro .dijitButton,.claro .dijitDropDownButton .dijitDownArrowButton,.claro .dijitComboButton{display:inline-block;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #fff, #e6e6e6);background-image:-webkit-linear-gradient(top, #fff, #e6e6e6);background-image:linear-gradient(to bottom, #fff, #e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color:#b3b3b3;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}.claro button:hover,.claro button:focus,.claro button:active,.claro input[type="submit"]:hover,.claro input[type="submit"]:focus,.claro input[type="submit"]:active,.claro .dijitButton:hover,.claro .dijitButton:focus,.claro .dijitButton:active,.claro .dijitDropDownButton .dijitDownArrowButton:hover,.claro .dijitDropDownButton .dijitDownArrowButton:focus,.claro .dijitDropDownButton .dijitDownArrowButton:active,.claro .dijitComboButton:hover,.claro .dijitComboButton:focus,.claro .dijitComboButton:active,.claro .dijitButton.dijitButtonDisabled{color:#333;background-color:#e6e6e6}.claro button:active,.claro input[type="submit"]:active,.claro .dijitButton:active,.claro .dijitDropDownButton .dijitDownArrowButton:active,.claro .dijitComboButton:active{background-color:#cccccc \9}.claro .dijitToolbar .dijitButton,.claro .dijitToolbar .dijitButton.dijitHover,.claro .dijitToolbar .dijitComboButton,.claro .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,.claro .dijitToolbar .dijitComboButton.dijitHover{background:none;border-color:transparent;box-shadow:none;padding:0;margin:0;line-height:auto;text-shadow:none}.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,.claro .dijitToolbar .dijitComboButton .dijitButtonText{padding:0}.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode{border-radius:4px}.claro .dijitToolbar .dijitButton.dijitHover,.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,.claro .dijitToolbar .dijitComboButton.dijitHover{border-color:#ccc}.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode{background:none}.claro .dijitToolbar .dijitButton .dijitButtonContents,.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,.claro .dijitToolbar .dijitComboButton .dijitButtonContents{font-size:13px}.claro button:hover,.claro button:focus,.claro input[type="submit"]:hover,.claro input[type="submit"]:focus,.claro .dijitButton:hover,.claro .dijitDropDownButton .dijitDownArrowButton:hover,.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,.claro .dijitButton:focus,.claro .dijitComboButton:hover,.claro .dijitComboButton:focus{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;transition:background-position .1s linear}.claro button:focus,.claro input[type="submit"]:focus,.claro .dijitButton:focus,.claro .dijitDropDownButton .dijitDownArrowButton:focus,.claro .dijitComboButton:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.claro button:active,.claro input[type="submit"]:active,.claro .dijitButton:active,.claro .dijitComboButton:active,.claro .dijitToolbar .dijitDropDownButton.dijitOpened,.claro .dijitToolbar .dijitComboButton.dijitOpened,.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}.claro input[type="submit"][disabled],.claro button[disabled],.claro .dijitButton[disabled],.claro .dijitDropDownButton .dijitDownArrowButton[disabled],.claro .dijitButton.dijitButtonDisabled,.claro .dijitComboButton.dijitButtonDisabled{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.claro .dijitButton .dijitButtonContents,.claro .dijitDropDownButton .dijitButtonContents,.claro .dijitComboButton .dijitButtonContents{font-size:14px;font-weight:normal;line-height:20px}.claro .dijitButton.small .dijitButtonText{font-size:11px}.claro .dijitMenu{border-color:rgba(82,168,236,0.8)}.claro .dijitMenu .dijitMenuItemSelected,.claro .dijitMenu .dijitMenuItemSelected td{background:#52a8ec;color:#fff;border-color:rgba(82,168,236,0.8)}.claro .dijitButton .dijitButtonNode,.claro .dijitComboButton .dijitButtonNode{padding:0}.claro .dijitAccordionTitle.dijitAccordionTitleHover,.claro .dijitAccordionTitle.dijitAccordionTitleFocused{background:#fff;transition:background .25s}.claro .dijitAccordionTitle{background:#f0f0f0;transition:background .25s}.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,.claro .dijitAccordionTitle.dijitAccordionTitleSelected{background:#08c;transition:background .25s}.claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText{color:#fff}.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected{border-color:#08c}.claro .dijitAccordionContainer .dijitAccordionChildWrapper{border-color:#ddd}.claro .dijitTabInner.dijitTab{background:#f0f0f0}.claro .dijitTabContent{background:#eee}.claro .dijitTabContent.dijitTabChecked,.claro .dijitTabContent.dijitTabHover,.claro .dijitTabContent.dijitFocused{background:#fff}.claro .dijitTabPaneWrapper,.claro .dijitTabContainerTop-tabs,.claro .dijitTab,.claro .dijitAccordionInnerContainer{border-color:#ddd}.claro .dijitComboBox .dijitArrowButton,.claro .dijitSelect .dijitArrowButton{background:transparent;border-color:transparent}.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner{margin-right:5px;float:right}.claro select,.claro .dijitDownArrowButton.dijitSelect{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:4px}.claro .dijitSelect .dijitButtonContents{display:inline-block;height:20px;padding:4px 6px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;border-width:0}.claro select,.claro textarea,.claro .input.input-text,.claro .dijitTextBox{display:inline-block;height:20px;padding:4px 6px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:4px}.claro textarea{height:auto}.claro select,.claro .input.input-text{height:30px}.claro textarea,.claro select,.claro .input.input-text,.claro .dijitTextBox,.claro .dijitSelect{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}.claro select:focus,.claro .input.input-text:focus,.claro .dijitTextBox.dijitFocused,.claro .dijitSelect.dijitFocused{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}.claro .dijitError .dijitValidationContainer{padding:0;width:13px;border-width:1px;display:none}.claro .dijitSelect.dijitSelectDisabled{background-color:#eee}.claro .dijitSelect.dijitSelectDisabled .dijitSelectLabel{cursor:not-allowed}.claro .dijitTextBox.dijitTextBoxDisabled,.claro .dijitTextBox.dijitTextBoxDisabled .dijitInputInner,.claro .dijitTextBox.dijitReadOnly,.claro .dijitTextBox.dijitReadOnly .dijitInputInner{cursor:not-allowed;background-color:#eee}.claro .dijitToolbar .dijitDownArrowButton.dijitSelect{border-color:rgba(0,0,0,0.1)}.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents{padding:2px 2px 0 4px}.claro .dijitToolbar .dijitDownArrowButton.dijitSelect{margin:0}.claro .dijitToolbar .dijitTextBox{padding:0;margin-bottom:0;border-radius:0}.claro .dijitDialog{border-radius:6px}.claro .dijitDialog .dijitDialogCloseIcon{margin-top:5px}.claro .dijitDialog .dijitDialogTitleBar{background:#fff;padding:8px;font-weight:600;color:#555;font-size:16px;text-rendering:optimizelegibility;font-family:"Segoe WP Semibold","Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI",Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif}.claro .dijitDialog .dijitDialogPaneContent{border-color:#ddd;padding:10px}.claro .dijitProgressBar.dijitProgressBarEmpty{background:#ddd;border-color:#08c}.claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile{background:#52a8ec}.claro .dijitProgressBar .dijitProgressBarLabel{color:#fff}body.sanity_failed{background:#900}body.ttrss_utility{background:#f5f5f5;color:#000;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;margin-left:auto;margin-right:auto;max-width:800px}body.ttrss_utility form{margin:10px 0 0 0;padding:0}body.ttrss_utility div.content{overflow:hidden;background:#fff;border:1px solid #ddd;padding:10px;border-radius:6px;box-shadow:0 1px 1px -1px rgba(0,0,0,0.1)}body.ttrss_utility p.warning{color:#f00}body.ttrss_utility p.query,body.ttrss_utility code{color:#008000}body.ttrss_utility p.insensitive{color:#808080}body.ttrss_utility div.insensitive-small{color:#808080;font-size:10px}body.ttrss_utility .floatingLogo{display:none}body.ttrss_utility a{color:#52a8ec;text-decoration:none}body.ttrss_utility a:hover{color:#000}body.ttrss_utility .alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}body.ttrss_utility .alert,body.ttrss_utility .alert h4{color:#c09853}body.ttrss_utility .alert h4{margin:0}body.ttrss_utility .alert .close{position:relative;top:-2px;right:-21px;line-height:20px;cursor:pointer}body.ttrss_utility .alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}body.ttrss_utility .alert-success h4{color:#468847}body.ttrss_utility .alert-danger,body.ttrss_utility .alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}body.ttrss_utility .alert-danger h4,body.ttrss_utility .alert-error h4{color:#b94a48}body.ttrss_utility .alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}body.ttrss_utility .alert-info h4{color:#3a87ad}body.ttrss_utility h1{color:#52a8ec;font-size:32px;margin:20px 0 5px 0;text-shadow:0 0 6px #fff}body.ttrss_utility h2{color:#52a8ec;font-size:14pt;border-width:0 0 1px 0;border-color:#f0f0f0;border-style:solid}body.ttrss_utility div.content>h2{margin-top:0}body.ttrss_utility div.rss h1{border-width:0 0 1px 0;border-color:#808080;border-style:dotted;color:#808080}body.ttrss_utility div.rss h2{font-size:12pt}body.ttrss_utility div.rss a.extlink{color:#808080;border-width:0 0 1px 0;border-color:#789;border-style:dotted;font-size:9pt}body.ttrss_utility div.rss img{max-width:775px}body.ttrss_utility div.rss p.description{color:#808080;font-size:9pt}body.ttrss_utility div.rss div.content{margin-top:.5em}body.ttrss_utility div.rss img.feedicon{float:right}body.ttrss_utility div.rss hr{border-width:0 0 1px 0;border-style:dashed;border-color:#e0e0e0}body.ttrss_utility body#sharepopup{background-color:#fff;background-image:url("../images/toolbar.png");background-repeat:repeat-x;background-position:bottom;margin:10px;padding:0}body.ttrss_utility body#sharepopup h1{font-size:14px;margin:0;color:#52a8ec}body.ttrss_utility body#sharepopup table{background:#fff;border:1px solid #52a8ec;padding:5px}body.ttrss_utility body#sharepopup form{height:100%}body.ttrss_utility body#sharepopup input{width:100%}body.ttrss_utility div.autocomplete{position:absolute;width:250px;background-color:#fff;border:1px solid #789;margin:0;padding:0;z-index:4}body.ttrss_utility div.autocomplete ul{list-style-type:none;margin:0;padding:0;font-size:10px}body.ttrss_utility div.autocomplete ul li.selected{background-color:#fff7d5}body.ttrss_utility div.autocomplete ul li{list-style-type:none;display:block;margin:0;padding:2px;height:32px;cursor:pointer}body.ttrss_utility fieldset{border-width:0;padding:0 0 5px 0;margin:0}body.ttrss_utility fieldset input{font-family:sans-serif;font-size:medium;border-spacing:2px;border:1px solid #b5bcc7;padding:2px}body.ttrss_utility fieldset label{width:120px;margin-right:20px;display:inline-block;text-align:right;color:#808080}body.ttrss_utility body.otp{margin:1em;padding:0}body.ttrss_utility form.otpform{margin:0;padding:0}body.ttrss_utility form.otpform label{margin:0;padding:0}body.ttrss_utility body.otp div.content{display:inline-block;width:auto}body.ttrss_utility span.hint{font-size:10px;color:#808080}body.small_margins{margin:1em;max-width:none}body.ttrss_zoom{margin-left:auto;margin-right:auto;padding:20px;max-width:770px;background:#f5f5f5}body.ttrss_zoom div.postHeader div.postFeedTitle{float:left;text-align:right;padding-left:0;font-size:11px}body.ttrss_zoom div.postHeader a.postComments{text-align:right;padding-left:0;font-size:11px}body.ttrss_zoom div.postHeader div.postDate{float:none;text-align:right;padding-left:0;color:#777;font-size:11px}body.ttrss_zoom div.postHeader div.postTags{color:#777;font-size:11px}body.ttrss_zoom div.postHeader div.postTitle{white-space:normal;font-size:16px}body.ttrss_zoom div.postContent{font-size:15px;line-height:1.5}body.ttrss_zoom div.postContent p{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}body.ttrss_zoom div.postHeader{margin:10px;border-width:0 0 1px 0;border-style:solid;border-color:#eee;background:#fff}body.ttrss_zoom div.postReply{border:1px solid #ddd;background:#fff;box-shadow:0 1px 1px -1px rgba(0,0,0,0.1);border-radius:6px}body.ttrss_zoom div.footer{margin-top:1em;text-align:center}body.ttrss_zoom div.postContent img{max-width:730px;height:auto}body.ttrss_zoom div.postContent blockquote{margin:5px 0 5px 0;color:#555;padding-left:10px;border-width:0 0 0 4px;border-color:#ccc;border-style:solid}body.ttrss_zoom div.postContent code{color:#090;font-family:monospace;font-size:12px}body.ttrss_zoom div.postContent pre{margin:5px 0 5px 0;padding:10px;color:#555;font-family:monospace;font-size:12px;border-width:0;border-color:#ccc;border-style:solid;background:#f5f5f5;display:block;max-width:98%;overflow:auto} \ No newline at end of file diff --git a/css/default.less b/css/default.less index 73ad2b05..5dfb0792 100644 --- a/css/default.less +++ b/css/default.less @@ -8,4 +8,6 @@ @import "tt-rss.less"; @import "cdm.less"; @import "prefs.less"; -@import "dijit.less"; \ No newline at end of file +@import "dijit.less"; +@import "utility.less"; +@import "zoom.less"; \ No newline at end of file diff --git a/css/layout.css b/css/layout.css index 376f9e63..67c6b7a3 100644 --- a/css/layout.css +++ b/css/layout.css @@ -1,4 +1,5 @@ -html, body#ttrssMain, body#ttrssPrefs, #main { +body.ttrss_main, +body.ttrss_prefs { width: 100%; height: 100%; border: 0; diff --git a/css/prefs.less b/css/prefs.less index a7b76bc7..f5b046bf 100644 --- a/css/prefs.less +++ b/css/prefs.less @@ -1,4 +1,4 @@ -body#ttrssPrefs { +body.ttrss_prefs { background-color : #f5f5f5; #footer, #header { diff --git a/css/tt-rss.less b/css/tt-rss.less index f762cc66..8ceafbed 100644 --- a/css/tt-rss.less +++ b/css/tt-rss.less @@ -1,1225 +1,1229 @@ -body { +body.ttrss_main { + background : white; color : black; margin : 0px; padding : 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; -} -body#ttrssMain { - overflow : hidden; - max-height : 100%; -} - -:focus { - outline: none; -} - -div.postReply { - padding : 0px; - - 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 { + body#ttrssMain { overflow : hidden; - text-overflow: ellipsis; - white-space : nowrap; - font-weight : 600; - text-rendering: optimizelegibility; - font-family : @fonts-ui-bold; + max-height : 100%; } - div.postDate { - 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; - } - - img.tagsPic { - width : 16px; - height : 16px; - margin-left : 4px; - vertical-align : middle; - } - - span.author { - font-size : 12px; - } -} - -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; -} - -h2 { - font-size : 16px; - font-weight : 600; - border: 0px solid @color-accent-light; - border-bottom-width: 1px; - text-rendering: optimizelegibility; - font-family : @fonts-ui; -} - -h3 { - font-size : 13px; - border: 0px solid @color-accent-light; - border-bottom-width: 1px; - font-weight : 600; - text-rendering: optimizelegibility; - font-family : @fonts-ui; -} - -h4 { - font-size : 14px; - font-weight : 600; - text-rendering: optimizelegibility; - font-family : @fonts-ui; -} - -hr { - border: 0px solid #ccc; - border-bottom-width: 1px; -} - -a { - color: @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; - } - - span.msg { - width : 100%; - } - - img.close { - cursor : pointer; - } - - 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 : @color-accent; - background-color : @color-accent-light; -} - -.notify.notify_error { - background-color : #ffcccc; - border-color : #ff0000; -} - -.hl { - border: 0px solid #ddd; - border-bottom-width: 1px; - padding : 1px; - - div.hlTitle { - display : table-cell; - cursor : pointer; - width : 100%; - vertical-align : middle; - overflow : hidden; - white-space : nowrap; - max-width : 500px; - text-overflow : ellipsis; - padding: 4px 6px; - } - - div.hlLeft { - display : table-cell; - vertical-align : middle; - white-space: nowrap; - } - - div.hlRight { - display : table-cell; - white-space: nowrap; - text-align : right; - vertical-align : middle; - } - - div.hlRight img { - max-width : 16px; - max-height : 16px; - } - - span.hlFeed { - display : table-cell; - vertical-align : middle; - text-align : right; - } - - 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; - } - - span.hlFeed a:hover { - color : @color-accent; - } - - span.hlUpdated { - color : #555; - display : table-cell; - vertical-align : middle; - text-align : right; - font-size : 11px; - white-space : nowrap; - padding-left : 10px; - } - - span.hlUpdated div { - display : inline-block; - } - - div.hlLeft { - padding-left : 8px; - } - - div.hlLeft input { - margin-left : 4px; - margin-right : 4px; - } - - div.hlLeft img, div.hlRight img { - margin : 0px 4px; - } - - div.hlLeft img { - width : 16px; - height : 16px; - } - - div.hlTitle a { - font-weight : 600; - text-rendering: optimizelegibility; - font-family : @fonts-ui; - color : #777; - } - - a.title.high, span.hlContent.high .contentPreview { - color : #00aa00; - } -} - -.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview { - color : #00dd00; -} - -.hl a.title.low, span.hlContent.low .contentPreview, -.hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview { - color : #909090; - text-decoration : line-through; -} - -.hl.Unread div.hlTitle a { - color : black; -} - -.hl.active { - background : @color-accent-light ! important; -} - -.hl.active div.hlTitle a { - color : @color-accent; - /* text-shadow : 1px 1px 2px #fff; */ -} - -.hl.Selected { - background : #f9fbff; -} - -.hl.Grayed { - color : #909090; -} - -div.filterTestHolder { - height : 300px; - overflow : auto; - border-color : #ddd; - border-style : solid; - margin : 0px 0px 5px 0px; - border-width : 1px; -} - -#content-insert blockquote, -#headlines-frame blockquote, -.dijitContentPane blockquote { - margin : 5px 0px 5px 0px; - color : #555; - padding-left : 10px; - border: 0px solid #ccc; - border-left-width: 4px; -} - -#content-insert code, -#headlines-frame code, -.dijitContentPane code { - color : #009900; - font-family : monospace; - font-size : 12px; -} - -#content-insert pre, -#headlines-frame pre, -.dijitContentPane pre { - margin: 5px 0px 5px 0px; - padding: 10px; - color: #555; - font-family: monospace; - font-size: 12px; - border: 0px 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 : 0px; - padding : 10px; -} - -div.prefHelp { - color : #555; - padding : 5px; -} - -.insensitive { - color : #555; -} - -.small { - font-size : 11px; -} - -#main-toolbar { - - > * { - white-space : nowrap; - display : table-cell; - color : #999; - overflow : hidden; - } - - > *, - table *, - .actionChooser * { - text-rendering: optimizelegibility; - font-family : @fonts-ui; - font-size : 12px; - - } - - #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.r img { - margin-right : 4px; - position : relative; - top : 3px; - } - - span.r .error a { - color : red; - } - - } - - #selected_prompt { - font-style : italic; - text-align : right; - margin-right : 4px; - } - - @media (max-width: 992px) { - #selected_prompt { - display : none; - } - } -} - - -span.contentPreview { - color : #999; - font-weight : normal; - font-size : 12px; - padding-left : 4px; -} - -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; -} - -img.markedPic:hover, img.pubPic:hover { - opacity : 1; -} - -img[src*='pub_set.png'], img[src*='mark_set.png'] { - opacity : 1; -} - -div.tagCloudContainer { - border : 1px solid #ddd; - margin : 5px 0px 5px 0px; - padding : 5px; - text-align : center; -} - -div.errorExplained { - border : 1px solid #ddd; - margin : 5px 0px 5px 0px; - padding : 5px; -} - -ul.feedErrorsList { - max-height : 300px; - overflow : auto; - list-style-type : none; - border : 1px solid #ddd; - margin : 0px 0px 5px 0px; - padding : 5px; - - em { - color : #555; - } -} - - -ul.browseFeedList { - height : 300px; - overflow : auto; - border-width : 0px 1px 1px 1px; - border-color : #ddd; - border-style : solid; - margin : 0px 0px 5px 0px; - background-color : white; - list-style-type : none; - padding : 0px; - - li { - margin : 0px; - padding : 2px 4px 2px 4px; - } -} - - -.browseFeedList span.subscribers { - color : #808080; -} - -ul.compact { - list-style-type : none; - margin : 0px; - padding : 0px; - - li { - margin : 0px; - padding : 0px; - } -} - -.noborder { - border-width : 0px; -} - -#overlay { - background : white; - left : 0; - top : 0; - height : 100%; - width : 100%; - z-index : 100; - position : absolute; -} - -#overlay_inner { - font-weight : bold; - margin : 1em; -} - -form { - margin : 0px; - padding : 0px; -} - -div.loadingPrompt { - padding : 1em; - text-align : center; - font-weight : bold; -} - -div.whiteBox { - margin-left : 1px; - text-align : center; - padding : 1em 1em 0px 1em; - font-size : 11px; - border: 0px solid #ddd; - border-bottom-width: 1px; -} - -div.autocomplete { - position : absolute; - width : 250px; - background-color : white; - border :1px solid #778899; - margin : 0px; - padding : 0px; - - ul { - list-style-type : none; - margin : 0px; - padding : 0px; - } - - ul li.selected { - background-color : #fff7d5; - } - - 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; - - > * { - position : relative; - top : -2px; - } -} - -div.dlgSecCont hr, div.dlgSecSimple hr { - height : 0px; - line-height : 0px; - border : 0px 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 : white; - border : 1px solid @color-accent; - padding : 3px 5px 3px 5px; - z-index : 5; -} - -#feed_browser_spinner { - vertical-align : middle; - height : 18px; - width : 18px; -} - -div.fatalError { - margin-bottom : 10px; - - button { - margin-top : 5px; - } - - textarea { - width : 565px; - height : 200px; - } -} - -#ttrssMain #main { - border-width : 0px; - margin : 0px; - padding : 0px; -} - -#header-wrap { - border-width : 0px; - margin : 0px; - padding : 0px; -} - -#content-wrap { - padding : 0px; - border-width : 0px; - margin : 0px; -} - -#feeds-holder { - padding : 0px; - border: 0px solid #ddd; - overflow : hidden; - background : #f5f5f5; - box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1); - -webkit-overflow-scrolling : touch; -} - -#headlines-wrap-inner { - padding : 0px; - margin : 0px; - border-width : 0px; -} - -#headlines-frame { - padding : 0px; - border: 0px #ddd; - margin-top : 0px; - -webkit-overflow-scrolling : touch; - -webkit-transform: translateZ(0); - -webkit-backface-visibility: hidden; -} - -#headlines-toolbar_splitter, #toolbar_splitter { - display : none; -} - -#toolbar { - padding : 0px; - margin : 0px; - border-width : 0px; - white-space: nowrap; - font-size : 12px; -} - -#main-toolbar { - background : white; - border: 0px solid #ddd; - border-bottom-width: 1px; - padding-left : 4px; - height : 26px; - -} - -#header { - border-width : 0px; - text-align : right; - color : #555; - padding : 5px 5px 0px 0px; - margin : 0px; - position : absolute; - right : 0px; - top : 0px; - z-index : 5; -} - -#footer { - text-align : center; - color : #555; - padding : 4px 4px 8px 4px; - border-width : 0px; -} - -#content-insert { - padding : 0px; - border-color : #ddd; - border-width : 0px; - line-height: 1.5; - font-size : 15px; - overflow : auto; - -webkit-overflow-scrolling : touch; -} - -#feedTree .dijitTreeRow .dijitTreeLabel.Unread { - font-weight : bold; -} - -#feedTree .dijitTreeRow.Error .dijitTreeLabel { - color : red; -} - -img.feedIcon, img.tinyFeedIcon { - width : 16px; - height : 16px; - line-height : 16px; - vertical-align : middle; - display : inline-block; -} - -.player { - display : inline-block; - color : #555; - font-size : 11px; - font-family : sans-serif; - border : 1px solid #555; - padding : 0px 4px 0px 4px; - margin : 0px 2px 0px 2px; - width : 50px; - text-align : center; - background : white; -} - -.player.playing { - color : #00c000; - border-color : #00c000; -} - -.player:hover { - background : #f0f0f0; - cursor : pointer; -} - -#headlines-spacer { - height : 100%; - margin-left : 1px; - text-align : center; - color : #555; - font-size : 11px; - font-style : italic; - - a, span { - color : #555; - padding : 10px; - display : block; - } - - a:hover { - color : @color-accent; - } -} - -ul#filterDlg_Matches, ul#filterDlg_Actions { - max-height : 100px; - overflow : auto; - list-style-type : none; - border-style : solid; - border-color : #ddd; - border-width : 0px 1px 1px 1px; - background-color : white; - margin : 0px 0px 5px 0px; - padding : 0px; -} - -ul#filterDlg_Matches li, ul#filterDlg_Actions li { - cursor : pointer; - padding : 0px 0px 0px 5px; -} - -ul.helpKbList { - max-height : 300px; - overflow : auto; - list-style-type : none; - border : 1px solid #ddd; - margin : 0px 0px 5px 0px; - padding : 5px; - - span.hksequence { - width : 6em; - margin-left : 20px; - color : @color-accent; - font-weight : bold; - display : inline-block; - } - - h2 { - margin-top : 0px; - } -} - -span.collapseBtn { - cursor : pointer; - - 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 0px 2px -1px rgba(0,0,0,0.1); - border-right-color : white; -} - -body#ttrssMain #feedTree.dijitTree .dijitTreeContainer { - max-width : 100%; -} - -body#ttrssMain #feedTree.dijitTree .dijitTreeRow { - overflow: hidden; - text-overflow: ellipsis; -} - -body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow { - padding : 4px 0px 4px; - border-width : 1px; - color : #333; -} - -body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon { - position : relative; - top : -2px; -} - -#filterDlg_feeds select { - height : 150px; - width : 410px; -} - -ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox { - margin-right : 5px; -} - -body#ttrssMain #feedTree { - height : 100%; - overflow-x : hidden; - text-rendering: optimizelegibility; - font-family : @fonts-ui; - - .counterNode.aux { - background : #f0f0f0; - color : #999; - border-color : #f0f0f0; - } - - .counterNode { - font-weight : bold; - display : inline-block; - font-size : 9px; - text-align : center; - border : 1px solid @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; - } - - .dijitTreeNode .loadingExpando { - left : -3px; - height : 22px; - position : relative; - top : -3px; - } - -} - -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 .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; - - 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; + :focus { + outline: none; } div.postReply { - border : 1px solid #ddd; - background : white; - box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); - border-radius : 6px; + padding : 0px; + + 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 { + 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; + } + + img.tagsPic { + width : 16px; + height : 16px; + margin-left : 4px; + vertical-align : middle; + } + + span.author { + font-size : 12px; + } } - div.footer { - margin-top : 1em; - text-align : center; + div.articleNote { + background-color : #fff7d5; + padding : 5px; + margin : 5px; + border: 1px solid #e7d796; + color : #9a8c59; + + div.noteEdit { + float : right; + cursor : pointer; + } } - div.postContent img { - max-width : 730px; - height : auto; + h1 { + font-size : 18px; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : @fonts-ui; } - div.postContent blockquote { + h2 { + font-size : 16px; + font-weight : 600; + border: 0px solid @color-accent-light; + border-bottom-width: 1px; + text-rendering: optimizelegibility; + font-family : @fonts-ui; + } + + h3 { + font-size : 13px; + border: 0px solid @color-accent-light; + border-bottom-width: 1px; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : @fonts-ui; + } + + h4 { + font-size : 14px; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : @fonts-ui; + } + + hr { + border: 0px solid #ccc; + border-bottom-width: 1px; + } + + a { + color: @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; + } + + span.msg { + width : 100%; + } + + img.close { + cursor : pointer; + } + + 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 : @color-accent; + background-color : @color-accent-light; + } + + .notify.notify_error { + background-color : #ffcccc; + border-color : #ff0000; + } + + .hl { + border: 0px solid #ddd; + border-bottom-width: 1px; + padding : 1px; + + div.hlTitle { + display : table-cell; + cursor : pointer; + width : 100%; + vertical-align : middle; + overflow : hidden; + white-space : nowrap; + max-width : 500px; + text-overflow : ellipsis; + padding: 4px 6px; + } + + div.hlLeft { + display : table-cell; + vertical-align : middle; + white-space: nowrap; + } + + div.hlRight { + display : table-cell; + white-space: nowrap; + text-align : right; + vertical-align : middle; + } + + div.hlRight img { + max-width : 16px; + max-height : 16px; + } + + span.hlFeed { + display : table-cell; + vertical-align : middle; + text-align : right; + } + + 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; + } + + span.hlFeed a:hover { + color : @color-accent; + } + + span.hlUpdated { + color : #555; + display : table-cell; + vertical-align : middle; + text-align : right; + font-size : 11px; + white-space : nowrap; + padding-left : 10px; + } + + span.hlUpdated div { + display : inline-block; + } + + div.hlLeft { + padding-left : 8px; + } + + div.hlLeft input { + margin-left : 4px; + margin-right : 4px; + } + + div.hlLeft img, div.hlRight img { + margin : 0px 4px; + } + + div.hlLeft img { + width : 16px; + height : 16px; + } + + div.hlTitle a { + font-weight : 600; + text-rendering: optimizelegibility; + font-family : @fonts-ui; + color : #777; + } + + a.title.high, span.hlContent.high .contentPreview { + color : #00aa00; + } + } + + .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview { + color : #00dd00; + } + + .hl a.title.low, span.hlContent.low .contentPreview, + .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview { + color : #909090; + text-decoration : line-through; + } + + .hl.Unread div.hlTitle a { + color : black; + } + + .hl.active { + background : @color-accent-light ! important; + } + + .hl.active div.hlTitle a { + color : @color-accent; + /* text-shadow : 1px 1px 2px #fff; */ + } + + .hl.Selected { + background : #f9fbff; + } + + .hl.Grayed { + color : #909090; + } + + div.filterTestHolder { + height : 300px; + overflow : auto; + border-color : #ddd; + border-style : solid; + margin : 0px 0px 5px 0px; + border-width : 1px; + } + + #content-insert blockquote, + #headlines-frame blockquote, + .dijitContentPane blockquote { margin : 5px 0px 5px 0px; color : #555; padding-left : 10px; - border-width : 0px 0px 0px 4px; - border-color : #ccc; - border-style : solid; + border: 0px solid #ccc; + border-left-width: 4px; } - div.postContent code { + #content-insert code, + #headlines-frame code, + .dijitContentPane code { color : #009900; font-family : monospace; font-size : 12px; } - div.postContent pre { - margin : 5px 0px 5px 0px; + #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; + } + + .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 : 0px; padding : 10px; + } + + div.prefHelp { color : #555; - font-family : monospace; + padding : 5px; + } + + .insensitive { + color : #555; + } + + .small { + font-size : 11px; + } + + #main-toolbar { + + > * { + white-space : nowrap; + display : table-cell; + color : #999; + overflow : hidden; + } + + > *, + table *, + .actionChooser * { + text-rendering: optimizelegibility; + font-family : @fonts-ui; + font-size : 12px; + + } + + #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.r img { + margin-right : 4px; + position : relative; + top : 3px; + } + + span.r .error a { + color : red; + } + + } + + #selected_prompt { + font-style : italic; + text-align : right; + margin-right : 4px; + } + + @media (max-width: 992px) { + #selected_prompt { + display : none; + } + } + } + + + span.contentPreview { + color : #999; + font-weight : normal; font-size : 12px; - border-width : 0px; - border-color : #ccc; - border-style : solid; - background : #f5f5f5; - display : block; - max-width : 98%; + 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 : 0.5; + transition : opacity 0.25s; + } + + img.markedPic:hover, img.pubPic:hover { + opacity : 1; + } + + img[src*='pub_set.png'], img[src*='mark_set.png'] { + opacity : 1; + } + + div.tagCloudContainer { + border : 1px solid #ddd; + margin : 5px 0px 5px 0px; + padding : 5px; + text-align : center; + } + + div.errorExplained { + border : 1px solid #ddd; + margin : 5px 0px 5px 0px; + padding : 5px; + } + + ul.feedErrorsList { + max-height : 300px; overflow : auto; + list-style-type : none; + border : 1px solid #ddd; + margin : 0px 0px 5px 0px; + padding : 5px; + + em { + color : #555; + } + } + + + ul.browseFeedList { + height : 300px; + overflow : auto; + border-width : 0px 1px 1px 1px; + border-color : #ddd; + border-style : solid; + margin : 0px 0px 5px 0px; + background-color : white; + list-style-type : none; + padding : 0px; + + li { + margin : 0px; + padding : 2px 4px 2px 4px; + } + } + + + .browseFeedList span.subscribers { + color : #808080; + } + + ul.compact { + list-style-type : none; + margin : 0px; + padding : 0px; + + li { + margin : 0px; + padding : 0px; + } + } + + .noborder { + border-width : 0px; + } + + #overlay { + background : white; + left : 0; + top : 0; + height : 100%; + width : 100%; + z-index : 100; + position : absolute; + } + + #overlay_inner { + font-weight : bold; + margin : 1em; + } + + form { + margin : 0px; + padding : 0px; + } + + div.loadingPrompt { + padding : 1em; + text-align : center; + font-weight : bold; + } + + div.whiteBox { + margin-left : 1px; + text-align : center; + padding : 1em 1em 0px 1em; + font-size : 11px; + border: 0px solid #ddd; + border-bottom-width: 1px; + } + + div.autocomplete { + position : absolute; + width : 250px; + background-color : white; + border :1px solid #778899; + margin : 0px; + padding : 0px; + + ul { + list-style-type : none; + margin : 0px; + padding : 0px; + } + + ul li.selected { + background-color : #fff7d5; + } + + 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; + + > * { + position : relative; + top : -2px; + } + } + + div.dlgSecCont hr, div.dlgSecSimple hr { + height : 0px; + line-height : 0px; + border : 0px 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 : white; + border : 1px solid @color-accent; + padding : 3px 5px 3px 5px; + z-index : 5; + } + + #feed_browser_spinner { + vertical-align : middle; + height : 18px; + width : 18px; + } + + div.fatalError { + margin-bottom : 10px; + + button { + margin-top : 5px; + } + + textarea { + width : 565px; + height : 200px; + } + } + + #ttrssMain #main { + border-width : 0px; + margin : 0px; + padding : 0px; + } + + #header-wrap { + border-width : 0px; + margin : 0px; + padding : 0px; + } + + #content-wrap { + padding : 0px; + border-width : 0px; + margin : 0px; + } + + #feeds-holder { + padding : 0px; + border: 0px solid #ddd; + overflow : hidden; + background : #f5f5f5; + box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1); + -webkit-overflow-scrolling : touch; + } + + #headlines-wrap-inner { + padding : 0px; + margin : 0px; + border-width : 0px; + } + + #headlines-frame { + padding : 0px; + border: 0px #ddd; + margin-top : 0px; + -webkit-overflow-scrolling : touch; + -webkit-transform: translateZ(0); + -webkit-backface-visibility: hidden; + } + + #headlines-toolbar_splitter, #toolbar_splitter { + display : none; + } + + #toolbar { + padding : 0px; + margin : 0px; + border-width : 0px; + white-space: nowrap; + font-size : 12px; + } + + #main-toolbar { + background : white; + border: 0px solid #ddd; + border-bottom-width: 1px; + padding-left : 4px; + height : 26px; + + } + + #header { + border-width : 0px; + text-align : right; + color : #555; + padding : 5px 5px 0px 0px; + margin : 0px; + position : absolute; + right : 0px; + top : 0px; + z-index : 5; + } + + #footer { + text-align : center; + color : #555; + padding : 4px 4px 8px 4px; + border-width : 0px; + } + + #content-insert { + padding : 0px; + border-color : #ddd; + border-width : 0px; + line-height: 1.5; + font-size : 15px; + overflow : auto; + -webkit-overflow-scrolling : touch; + } + + #feedTree .dijitTreeRow .dijitTreeLabel.Unread { + font-weight : bold; + } + + #feedTree .dijitTreeRow.Error .dijitTreeLabel { + color : red; + } + + img.feedIcon, img.tinyFeedIcon { + width : 16px; + height : 16px; + line-height : 16px; + vertical-align : middle; + display : inline-block; + } + + .player { + display : inline-block; + color : #555; + font-size : 11px; + font-family : sans-serif; + border : 1px solid #555; + padding : 0px 4px 0px 4px; + margin : 0px 2px 0px 2px; + width : 50px; + text-align : center; + background : white; + } + + .player.playing { + color : #00c000; + border-color : #00c000; + } + + .player:hover { + background : #f0f0f0; + cursor : pointer; + } + + #headlines-spacer { + height : 100%; + margin-left : 1px; + text-align : center; + color : #555; + font-size : 11px; + font-style : italic; + + a, span { + color : #555; + padding : 10px; + display : block; + } + + a:hover { + color : @color-accent; + } + } + + ul#filterDlg_Matches, ul#filterDlg_Actions { + max-height : 100px; + overflow : auto; + list-style-type : none; + border-style : solid; + border-color : #ddd; + border-width : 0px 1px 1px 1px; + background-color : white; + margin : 0px 0px 5px 0px; + padding : 0px; + } + + ul#filterDlg_Matches li, ul#filterDlg_Actions li { + cursor : pointer; + padding : 0px 0px 0px 5px; + } + + ul.helpKbList { + max-height : 300px; + overflow : auto; + list-style-type : none; + border : 1px solid #ddd; + margin : 0px 0px 5px 0px; + padding : 5px; + + span.hksequence { + width : 6em; + margin-left : 20px; + color : @color-accent; + font-weight : bold; + display : inline-block; + } + + h2 { + margin-top : 0px; + } + } + + span.collapseBtn { + cursor : pointer; + + 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 0px 2px -1px rgba(0,0,0,0.1); + border-right-color : white; + } + + body#ttrssMain #feedTree.dijitTree .dijitTreeContainer { + max-width : 100%; + } + + body#ttrssMain #feedTree.dijitTree .dijitTreeRow { + overflow: hidden; + text-overflow: ellipsis; + } + + body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow { + padding : 4px 0px 4px; + border-width : 1px; + color : #333; + } + + body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon { + position : relative; + top : -2px; + } + + #filterDlg_feeds select { + height : 150px; + width : 410px; + } + + ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox { + margin-right : 5px; + } + + body#ttrssMain #feedTree { + height : 100%; + overflow-x : hidden; + text-rendering: optimizelegibility; + font-family : @fonts-ui; + + .counterNode.aux { + background : #f0f0f0; + color : #999; + border-color : #f0f0f0; + } + + .counterNode { + font-weight : bold; + display : inline-block; + font-size : 9px; + text-align : center; + border : 1px solid @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; + } + + .dijitTreeNode .loadingExpando { + left : -3px; + height : 22px; + position : relative; + top : -3px; + } + + } + + 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 .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; + + div.postHeader div.postFeedTitle { + float : left; + text-align : right; + padding-left : 0px; + font-size : 11px; + } + + div.postHeader a.postComments { + text-align : right; + padding-left : 0px; + font-size : 11px; + } + + div.postHeader div.postDate { + float : none; + text-align : right; + padding-left : 0px; + color : #777; + font-size : 11px; + } + + div.postHeader div.postTags { + color : #777; + font-size : 11px; + } + + div.postHeader div.postTitle { + white-space : normal; + font-size : 16px; + } + + div.postContent { + font-size : 15px; + line-height : 1.5; + } + + div.postContent p { + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; + } + + div.postHeader { + margin : 10px; + border-width : 0px 0px 1px 0px; + border-style : solid; + border-color : #eee; + background : white; + } + + div.postReply { + border : 1px solid #ddd; + background : white; + box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); + border-radius : 6px; + } + + div.footer { + margin-top : 1em; + text-align : center; + } + + div.postContent img { + max-width : 730px; + height : auto; + } + + div.postContent blockquote { + margin : 5px 0px 5px 0px; + color : #555; + padding-left : 10px; + border-width : 0px 0px 0px 4px; + border-color : #ccc; + border-style : solid; + } + + div.postContent code { + color : #009900; + font-family : monospace; + font-size : 12px; + } + + div.postContent pre { + margin : 5px 0px 5px 0px; + padding : 10px; + color : #555; + font-family : monospace; + font-size : 12px; + border-width : 0px; + border-color : #ccc; + border-style : solid; + background : #f5f5f5; + display : block; + max-width : 98%; + overflow : auto; + } + + } } + diff --git a/css/utility.css b/css/utility.css deleted file mode 100644 index 4afdb067..00000000 --- a/css/utility.css +++ /dev/null @@ -1,290 +0,0 @@ -body.sanity_failed { - background : #900; -} - -body { - background : #f5f5f5; - color : black; - padding : 0px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - margin-left : auto; - margin-right : auto; - max-width : 800px; -} - -body.small_margins { - margin : 1em; - max-width : none; -} - -form { - margin : 10px 0px 0px 0px; - padding : 0px; -} - -div.content { - overflow : hidden; - background : white; - border : 1px solid #ddd; - padding : 10px; - border-radius : 6px; - box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); -} - -p.warning { - color : red; -} - -p.query, code { - color : green; -} - -p.insensitive { - color : gray; -} - -div.insensitive-small { - color : gray; - font-size : 10px; -} - -.floatingLogo { - display : none; -} - -a { - color : rgb(82, 168, 236); - text-decoration : none; -} - -a:hover { - color : black; -} - -.alert { - padding: 8px 35px 8px 14px; - margin-bottom: 20px; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - background-color: #fcf8e3; - border: 1px solid #fbeed5; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.alert, -.alert h4 { - color: #c09853; -} - -.alert h4 { - margin: 0; -} - -.alert .close { - position: relative; - top: -2px; - right: -21px; - line-height: 20px; - cursor : pointer; -} - -.alert-success { - color: #468847; - background-color: #dff0d8; - border-color: #d6e9c6; -} - -.alert-success h4 { - color: #468847; -} - -.alert-danger, -.alert-error { - color: #b94a48; - background-color: #f2dede; - border-color: #eed3d7; -} - -.alert-danger h4, -.alert-error h4 { - color: #b94a48; -} - -.alert-info { - color: #3a87ad; - background-color: #d9edf7; - border-color: #bce8f1; -} - -.alert-info h4 { - color: #3a87ad; -} - -h1 { - color : rgb(82, 168, 236); - font-size : 32px; - margin : 20px 0px 5px 0px; - text-shadow : 0 0 6px #fff; -} - -h2 { - color : rgb(82, 168, 236); - font-size : 14pt; - border-width : 0px 0px 1px 0px; - border-color : #f0f0f0; - border-style : solid; -} - -div.content > h2 { - margin-top : 0px; -} - -div.rss h1 { - border-width : 0px 0px 1px 0px; - border-color : gray; - border-style : dotted; - color : gray; -} - -div.rss h2 { - font-size : 12pt; -} - -div.rss a.extlink { - color : gray; - border-width : 0px 0px 1px 0px; - border-color : #778899; - border-style : dotted; - font-size : 9pt; -} - -div.rss img { - max-width : 775px; -} - -div.rss p.description { - color : gray; - font-size : 9pt; -} - -div.rss div.content { - margin-top : 0.5em; -} - -div.rss img.feedicon { - float : right; -} - -div.rss hr { - border-width : 0px 0px 1px 0px; - border-style : dashed; - border-color : #e0e0e0; -} - -body#sharepopup { - background-color : white; - background-image : url("../images/toolbar.png"); - background-repeat : repeat-x; - background-position : bottom; - margin : 10px; - padding : 0px; -} - -body#sharepopup h1 { - font-size : 14px; - margin : 0px; - color : rgb(82, 168, 236); -} - -body#sharepopup table { - background : white; - border : 1px solid rgb(82, 168, 236); - padding : 5px; -} - -body#sharepopup form { - height : 100%; -} - -body#sharepopup input { - width : 100%; -} - -div.autocomplete { - position : absolute; - width : 250px; - background-color : white; - border :1px solid #778899; - margin : 0px; - padding : 0px; - z-index : 4; -} - -div.autocomplete ul { - list-style-type : none; - margin : 0px; - padding : 0px; - font-size : 10px; -} - -div.autocomplete ul li.selected { - background-color : #fff7d5; -} - -div.autocomplete ul li { - list-style-type : none; - display : block; - margin : 0; - padding : 2px; - height : 32px; - cursor : pointer; -} - -fieldset { - border-width : 0px; - padding : 0px 0px 5px 0px; - margin : 0px; -} - -fieldset input { - font-family : sans-serif; - font-size : medium; - border-spacing : 2px; - border : 1px solid #b5bcc7; - padding : 2px; -} - -fieldset label { - width : 120px; - margin-right : 20px; - display : inline-block; - text-align : right; - color : gray; -} - -body.otp { - margin : 1em; - padding : 0px; -} - -form.otpform { - margin : 0px; - padding : 0px; -} - -form.otpform label { - margin : 0px; - padding : 0px; -} - -body.otp div.content { - display : inline-block; - width : auto; -} - -span.hint { - font-size : 10px; - color : gray; -} diff --git a/css/utility.less b/css/utility.less new file mode 100644 index 00000000..fd6d4fbc --- /dev/null +++ b/css/utility.less @@ -0,0 +1,290 @@ +body.sanity_failed { + background : #900; +} + +body.ttrss_utility { + background : #f5f5f5; + color : black; + padding : 0px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + margin-left : auto; + margin-right : auto; + max-width : 800px; + + form { + margin : 10px 0px 0px 0px; + padding : 0px; + } + + div.content { + overflow : hidden; + background : white; + border : 1px solid #ddd; + padding : 10px; + border-radius : 6px; + box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); + } + + p.warning { + color : red; + } + + p.query, code { + color : green; + } + + p.insensitive { + color : gray; + } + + div.insensitive-small { + color : gray; + font-size : 10px; + } + + .floatingLogo { + display : none; + } + + a { + color : rgb(82, 168, 236); + text-decoration : none; + } + + a:hover { + color : black; + } + + .alert { + padding: 8px 35px 8px 14px; + margin-bottom: 20px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + background-color: #fcf8e3; + border: 1px solid #fbeed5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + } + + .alert, + .alert h4 { + color: #c09853; + } + + .alert h4 { + margin: 0; + } + + .alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; + cursor : pointer; + } + + .alert-success { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; + } + + .alert-success h4 { + color: #468847; + } + + .alert-danger, + .alert-error { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; + } + + .alert-danger h4, + .alert-error h4 { + color: #b94a48; + } + + .alert-info { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; + } + + .alert-info h4 { + color: #3a87ad; + } + + h1 { + color : rgb(82, 168, 236); + font-size : 32px; + margin : 20px 0px 5px 0px; + text-shadow : 0 0 6px #fff; + } + + h2 { + color : rgb(82, 168, 236); + font-size : 14pt; + border-width : 0px 0px 1px 0px; + border-color : #f0f0f0; + border-style : solid; + } + + div.content > h2 { + margin-top : 0px; + } + + div.rss h1 { + border-width : 0px 0px 1px 0px; + border-color : gray; + border-style : dotted; + color : gray; + } + + div.rss h2 { + font-size : 12pt; + } + + div.rss a.extlink { + color : gray; + border-width : 0px 0px 1px 0px; + border-color : #778899; + border-style : dotted; + font-size : 9pt; + } + + div.rss img { + max-width : 775px; + } + + div.rss p.description { + color : gray; + font-size : 9pt; + } + + div.rss div.content { + margin-top : 0.5em; + } + + div.rss img.feedicon { + float : right; + } + + div.rss hr { + border-width : 0px 0px 1px 0px; + border-style : dashed; + border-color : #e0e0e0; + } + + body#sharepopup { + background-color : white; + background-image : url("../images/toolbar.png"); + background-repeat : repeat-x; + background-position : bottom; + margin : 10px; + padding : 0px; + } + + body#sharepopup h1 { + font-size : 14px; + margin : 0px; + color : rgb(82, 168, 236); + } + + body#sharepopup table { + background : white; + border : 1px solid rgb(82, 168, 236); + padding : 5px; + } + + body#sharepopup form { + height : 100%; + } + + body#sharepopup input { + width : 100%; + } + + div.autocomplete { + position : absolute; + width : 250px; + background-color : white; + border :1px solid #778899; + margin : 0px; + padding : 0px; + z-index : 4; + } + + div.autocomplete ul { + list-style-type : none; + margin : 0px; + padding : 0px; + font-size : 10px; + } + + div.autocomplete ul li.selected { + background-color : #fff7d5; + } + + div.autocomplete ul li { + list-style-type : none; + display : block; + margin : 0; + padding : 2px; + height : 32px; + cursor : pointer; + } + + fieldset { + border-width : 0px; + padding : 0px 0px 5px 0px; + margin : 0px; + } + + fieldset input { + font-family : sans-serif; + font-size : medium; + border-spacing : 2px; + border : 1px solid #b5bcc7; + padding : 2px; + } + + fieldset label { + width : 120px; + margin-right : 20px; + display : inline-block; + text-align : right; + color : gray; + } + + body.otp { + margin : 1em; + padding : 0px; + } + + form.otpform { + margin : 0px; + padding : 0px; + } + + form.otpform label { + margin : 0px; + padding : 0px; + } + + body.otp div.content { + display : inline-block; + width : auto; + } + + span.hint { + font-size : 10px; + color : gray; + } +} + +body.small_margins { + margin : 1em; + max-width : none; +} diff --git a/css/zoom.css b/css/zoom.css deleted file mode 100644 index 9d9e8948..00000000 --- a/css/zoom.css +++ /dev/null @@ -1,105 +0,0 @@ -body#ttrssZoom { - margin-left : auto; - margin-right : auto; - padding : 20px; - max-width : 770px; - background : #f5f5f5; -} - -body#ttrssZoom div.postHeader div.postFeedTitle { - float : left; - text-align : right; - padding-left : 0px; - font-size : 11px; -} - -body#ttrssZoom div.postHeader a.postComments { - text-align : right; - padding-left : 0px; - font-size : 11px; -} - -body#ttrssZoom div.postHeader div.postDate { - float : none; - text-align : right; - padding-left : 0px; - color : #777; - font-size : 11px; -} - -body#ttrssZoom div.postHeader div.postTags { - color : #777; - font-size : 11px; -} - -body#ttrssZoom div.postHeader div.postTitle { - white-space : normal; - font-size : 16px; -} - -body#ttrssZoom div.postContent { - font-size : 15px; - line-height : 1.5; -} - -body#ttrssZoom div.postContent p { - -webkit-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; -} - -body#ttrssZoom div.postHeader { - margin : 10px; - border-width : 0px 0px 1px 0px; - border-style : solid; - border-color : #eee; - background : white; -} - -body#ttrssZoom div.postReply { - border : 1px solid #ddd; - background : white; - box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); - border-radius : 6px; -} - -body#ttrssZoom div.footer { - margin-top : 1em; - text-align : center; -} - -body#ttrssZoom div.postContent img { - max-width : 730px; - height : auto; -} - -body#ttrssZoom div.postContent blockquote { - margin : 5px 0px 5px 0px; - color : #555; - padding-left : 10px; - border-width : 0px 0px 0px 4px; - border-color : #ccc; - border-style : solid; -} - -body#ttrssZoom div.postContent code { - color : #009900; - font-family : monospace; - font-size : 12px; -} - -body#ttrssZoom div.postContent pre { - margin : 5px 0px 5px 0px; - padding : 10px; - color : #555; - font-family : monospace; - font-size : 12px; - border-width : 0px; - border-color : #ccc; - border-style : solid; - background : #f5f5f5; - display : block; - max-width : 98%; - overflow : auto; -} - diff --git a/css/zoom.less b/css/zoom.less new file mode 100644 index 00000000..c84e1b17 --- /dev/null +++ b/css/zoom.less @@ -0,0 +1,107 @@ +body.ttrss_zoom { + margin-left : auto; + margin-right : auto; + padding : 20px; + max-width : 770px; + background : #f5f5f5; + + div.postHeader div.postFeedTitle { + float : left; + text-align : right; + padding-left : 0px; + font-size : 11px; + } + + div.postHeader a.postComments { + text-align : right; + padding-left : 0px; + font-size : 11px; + } + + div.postHeader div.postDate { + float : none; + text-align : right; + padding-left : 0px; + color : #777; + font-size : 11px; + } + + div.postHeader div.postTags { + color : #777; + font-size : 11px; + } + + div.postHeader div.postTitle { + white-space : normal; + font-size : 16px; + } + + div.postContent { + font-size : 15px; + line-height : 1.5; + } + + div.postContent p { + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; + } + + div.postHeader { + margin : 10px; + border-width : 0px 0px 1px 0px; + border-style : solid; + border-color : #eee; + background : white; + } + + div.postReply { + border : 1px solid #ddd; + background : white; + box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); + border-radius : 6px; + } + + div.footer { + margin-top : 1em; + text-align : center; + } + + div.postContent img { + max-width : 730px; + height : auto; + } + + div.postContent blockquote { + margin : 5px 0px 5px 0px; + color : #555; + padding-left : 10px; + border-width : 0px 0px 0px 4px; + border-color : #ccc; + border-style : solid; + } + + div.postContent code { + color : #009900; + font-family : monospace; + font-size : 12px; + } + + div.postContent pre { + margin : 5px 0px 5px 0px; + padding : 10px; + color : #555; + font-family : monospace; + font-size : 12px; + border-width : 0px; + border-color : #ccc; + border-style : solid; + background : #f5f5f5; + display : block; + max-width : 98%; + overflow : auto; + } + + +} + diff --git a/index.php b/index.php index 87a50e45..657e0f5a 100644 --- a/index.php +++ b/index.php @@ -143,7 +143,7 @@ - +
diff --git a/prefs.php b/prefs.php index 82f23f58..772f58c1 100644 --- a/prefs.php +++ b/prefs.php @@ -109,7 +109,7 @@ - +