diff options
Diffstat (limited to 'tt-rss.css')
-rw-r--r-- | tt-rss.css | 162 |
1 files changed, 108 insertions, 54 deletions
diff --git a/tt-rss.css b/tt-rss.css index 454e2ffd1..825d288ee 100644 --- a/tt-rss.css +++ b/tt-rss.css @@ -3,8 +3,8 @@ body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body { color : black; margin : 0px; padding : 0px; - font-family : sans-serif; - font-size : 12px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; } body#ttrssPrefs { @@ -75,9 +75,12 @@ div.postReply img.tagsPic { div.articleNote { background-color : #fff7d5; padding : 5px; - border-style : none none dashed none; + border-radius : 4px; + margin : 5px; + border-style : solid; border-color : #e7d796; border-width : 1px; + box-shadow : 0px 0px 2px rgba(0,0,0,0.1); background-color : #fff7d5; color : #9a8c59; } @@ -113,8 +116,9 @@ h3 { hr { border-width : 0px 0px 1px 0px; - border-style : dashed; - border-color : #e0e0e0; + border-style : solid; + border-color : #c0c0c0; + max-width : 90%; } a { @@ -139,9 +143,11 @@ a:hover { position : absolute; font-size : 12px; z-index : 99; + max-width : 200px; + min-width : 100px; padding : 5px; - min-width : 200px; - box-shadow : 0px 0px 2px #ccc; + -width : 200px; + box-shadow : 0px 0px 2px rgba(0,0,0,0.2); } #notify img { @@ -183,25 +189,29 @@ a:hover { border-color : #ff0000; } -.hl.Unread div.hlTitle { +.hl div.hlTitle a { font-weight : bold; + color : gray; } -.hl.even.Grayed { - background : #f0f0f0; - color : #909090; - border-width : 0px 0px 1px 0px; - border-style : solid; - border-color : #c0c0c0; - border-collapse : collapse; +.hl.Unread div.hlTitle a { + color : black; +} + +.hl.active div.hlTitle a { + color : #4684ff; } -.hl.odd.Grayed { +.hl.Grayed { color : #909090; } +#headlines-frame div.hl:nth-child(even) { + background : #f0f0f0; +} + .hl { - border-width : 0px 1px 1px 0px; + border-width : 0px 0px 1px 0px; border-style : solid; border-color : #c0c0c0; } @@ -210,15 +220,6 @@ a:hover { background : #ecf4ff ! important; } -.hl.even { - background : #f0f0f0; - border-collapse : collapse; -} - -.hl.odd { - background : white; -} - div.filterTestHolder { height : 300px; overflow : auto; @@ -266,7 +267,11 @@ div.notice, div.warning, div.error { display : inline-block; margin : 2px 0px 4px 0px; font-size : 12px; - box-shadow : 0px 0px 2px #ccc; + border-style : solid; + border-color : #ccc; + border-radius : 4px; + border-width : 1px; + box-shadow : 0px 0px 2px rgba(0,0,0,0.1); } div.notice div.inner, div.warning div.inner, div.error div.inner { @@ -275,14 +280,17 @@ div.notice div.inner, div.warning div.inner, div.error div.inner { div.notice { background : #ecf4ff; + border-color : #88b0f0; } div.warning { background : #fff7d5; + border-color : #e7d796;; } div.error { background : #ffcccc; + border-color : #ff0000; } div.warning img, div.notice img, div.error img { @@ -325,9 +333,9 @@ span.feed_error { div#headlines-toolbar { border-width : 0px 0px 1px 0px; - background-color : #f0f0f0; + background-color : #fcfcfc; border-color : #c0c0c0; - font-size : 11px; + font-size : 12px; font-family : "Segoe UI", Tahoma, sans-serif; color : gray; padding : 0px; @@ -377,9 +385,12 @@ span.hlLabelRef { font-size : 8px; color : #063064; font-weight : normal; - margin : 0px 3px 0px 3px; - padding : 0px 4px 0px 4px; + margin-left : 2px; + padding : 1px 4px 1px 4px; + display : inline-block; + vertical-align : middle; white-space: nowrap; + border-radius : 4px; } div.postHeader div.postDate { @@ -406,15 +417,21 @@ div.postHeader div { display : none; } -div.hlFeed, div.hlFeed a { - font-size : 10px; - color : gray; +a.hlFeed { + display : block; + white-space : nowrap; + font-size : 9px; font-style : italic; font-weight : normal; - white-space: nowrap; + border-radius : 4px; + display : inline-block; + padding : 1px 2px 1px 2px; + margin-bottom : 2px; + margin-top : 2px; + color : gray; } -div.hlFeed a:hover { +a.hlFeed:hover { color : #4684ff; } @@ -724,7 +741,6 @@ span.hlUpdated { vertical-align : middle; text-align : right; font-size : 10px; - font-weight : normal; } div.hlLeft { @@ -772,7 +788,7 @@ div.fatalError textarea { #content-wrap { padding : 0px; - border-width : 0px 0px 1px 1px; + border-width : 0px 0px 0px 1px; border-style : solid; border-color : #c0c0c0; margin : 0px; @@ -780,11 +796,11 @@ div.fatalError textarea { #feeds-holder { padding : 0px; - border-color : #88b0f0; + border-color : #c0c0c0; border-left-width : 0px; border-bottom-width : 0px; border-top-width : 0px; - overflow : auto; + overflow : hidden; } #headlines-wrap-inner { @@ -793,17 +809,12 @@ div.fatalError textarea { border-width : 0px; } -#feedTree { - overflow : visible; -} - #headlines-frame { padding : 0px; - border-color : #88b0f0; - border-left-width : 0px; - border-right-width : 0px; + border-color : #c0c0c0; + border-style : solid; + border-width : 0px; margin-top : 0px; - border-top-width : 0px; } #headlines-toolbar_splitter, #toolbar_splitter { @@ -815,7 +826,7 @@ div.fatalError textarea { margin : 0px; border-width : 0px; white-space: nowrap; - font-size : 11px; + font-size : 12px; } #header { @@ -839,10 +850,11 @@ div.fatalError textarea { #content-insert { padding : 0px; - border-color : #88b0f0; + border-color : #c0c0c0; border-bottom-width : 0px; border-right-width : 0px; border-left-width : 0px; + line-height: 20px; overflow : auto; } @@ -966,6 +978,7 @@ ul.helpKbList h2 { .dijitTreeNode .loadingNode { margin-left : 3px; + height : 9px; } span.collapseBtn { @@ -1027,10 +1040,51 @@ div.hl.active { border-color : #88b0f0; } -div.hl.active a.title { - color : #4684ff; -} - #selected_prompt { margin-right : 25px; } + +#feedTree .dijitTreeRow { + padding : 2px 0px 2px; + border-width : 1px; + border-color : transparent; +} + +#feedTree .dijitTreeNode { + padding : 0px; + border-width : 0px; +} + +#feedTree { + height : 100%; + overflow-x : hidden; + font-family : "Segoe UI", Tahoma, sans-serif; +} + +#feedTree .counterNode { + font-weight : bold; + display : inline-block; + font-size : 9px; + text-align : center; + border : 1px solid #88b0f0; + color : white; + background : #88b0f0; + border-radius : 4px; + vertical-align : middle; + float : right; + margin-right : 5px; + position : relative; + top : 2px; + min-width : 23px; +} + +#feedTree .dijitTreeRow { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; +} + +body#ttrssPrefs hr { + border-color : #ecf4ff; + max-width : 100%; +} |