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