add a placeholder where floicon might be added if needed, still keep it

[tt-rss.git] / tt-rss.css

diff --git a/tt-rss.css b/tt-rss.css
index f10616f0c52dd0249eb5624c2970e2bff6b83a02..72bdc1d24c7588da44df7089eb995b0ad8148fa1 100644 (file)
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -3,10 +3,19 @@ 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;
 }
 
+html, body#ttrssMain, body#ttrssPrefs, #main {
+       width: 100%; 
+       height: 100%;
+       border: 0; 
+       padding: 0; 
+       margin: 0;
+} 
+
+
 body#ttrssPrefs {
        background-color : #ecf4ff;
 }
@@ -21,28 +30,19 @@ div.postReply {
        padding : 0px;
 }
 
-div.postReply a {
-       color : #4684ff;
-}
-
-div.postReply a:hover {
-       color : black;
-}
-
 div.postReply div.postHeader {
        border-width : 0px 0px 1px 0px;
        border-style : solid;
-       border-color : #88b0f0;
-       background-color : white;
-       background : url("images/toolbar.png");
-       background-position : bottom left;
-       background-repeat : repeat-x;
+       border-color : #c0c0c0;
+       background : #fafafa;
+       box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1);
        padding : 5px;
        color : #909090;
 }
 
 div.postReply div.postTitle {
        overflow : hidden;
+       text-overflow: ellipsis;
        white-space : nowrap;
 }
 
@@ -52,17 +52,17 @@ div.postReply div.postDate {
 
 div.postReply div.postContent {
        padding : 10px;
-       font-size : 12px;
 }
 
 div.postReply div.postContent img {
        border-width : 0px;
        max-width : 98%;
+       height: auto;
 }
 
 div.postReply div.postEnclosures {
        margin-top : 1em;
-       color : gray;
+       color : #555;
 }
 
 div.postReply img.tagsPic {
@@ -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,17 +116,18 @@ h3 {
 
 hr {
        border-width : 0px 0px 1px 0px;
-       border-style : dashed;
-       border-color : #e0e0e0;
+       border-style : solid;
+       border-color : #c0c0c0;
+       max-width : 90%;
 }
 
 a {
-       color : black;
+       color : #4684ff;
        text-decoration : none;
 }
 
 a:hover {
-       color : #4684ff;
+       color : #88b0f0;
 }
 
 #piggie {
@@ -132,23 +136,37 @@ a:hover {
 }
 
 #notify {
-       top : 10px;
+       bottom : 10px;
        right : 10px;
        border-width : 1px;
        border-style : solid;
        position : absolute;    
-       display : none;
-       float : right;
-       font-size : 11px;
+       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 {
        vertical-align : middle;
-       margin-right : 4px;
+       max-height : 14px;
+}
+
+#notify span.msg {
+       width : 100%;
+}
+
+#notify span.close {
+       text-align : right;
+}
+
+#notify span {
+       display : table-cell;
+       vertical-align : middle;
+       padding : 4px;
 }
 
 .notify {
@@ -171,131 +189,63 @@ a:hover {
        border-color : #ff0000;
 }
 
-.notify.error span:hover {
-       color : red;
-       cursor : pointer;
-}
-
-.Selected {
-       background-color : #fff7d5 ! important;
-}
-
-.even.Unread.Selected {
-       background : #fff7d5 ! important;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #e7d796;
+.hl div.hlTitle a {
+       font-weight : bold;
+       color : #555;
 }
 
-.odd.Unread.Selected {
-       background : #fff7d5 ! important;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #e7d796;
+.hl.Unread div.hlTitle a {
+       color : black;
 }
 
-.even.Selected {
-       background : #fff7d5 ! important;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #e7d796;
-       border-collapse : collapse;
+.hl.active {
+       box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
 }
 
-.odd.Selected {
-       background : #fff7d5 ! important;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #e7d796;
-       border-collapse : collapse;
+.hl.active div.hlTitle a {
+       color : #4684ff;
 }
 
-.even.Grayed {
-       background : #f0f0f0;
+.hl.Grayed {
        color : #909090;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #c0c0c0;
-       border-collapse : collapse;
 }
 
-.odd.Grayed {
-       color : #909090;
+#headlines-frame div.hl:nth-child(even) {
+       background : #fafafa;
 }
 
-.even {
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #c0c0c0;
-       background : #f0f0f0;
-       border-collapse : collapse;
-}
+#headlines-frame.normal {
 
-.odd {
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #c0c0c0;
-       border-collapse : collapse;
 }
 
-.even.Unread {
-       background : #f0f0f0;
+.hl {
        border-width : 0px 0px 1px 0px;
        border-style : solid;
        border-color : #c0c0c0;
-       border-collapse : collapse;
 }
 
-.odd.Unread {
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #c0c0c0;
-}
-
-/* preferences */
-
-table.prefPrefsList h3 {
-       margin-top : 0.5em;
-       margin-bottom : 0px;
+.hl.active {
+       background : #ecf4ff ! important;
 }
 
-tr.title td {
-       border-width : 0px 0px 1px 0px;
-       border-color : #ecf4ff;
-       border-style : solid;
-       color : #4684ff;
-}
-
-tr.title td a {
-       color : #4684ff;
-}
-
-tr.title td a:hover {
-       color : black;
-}
-
-div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder, div.filterTestHolder {
+div.filterTestHolder {
        height : 300px;
        overflow : auto;
-       border-width : 0px 1px 1px 1px;
        border-color : #c0c0c0;
        border-style : solid;
        margin : 0px 0px 5px 0px;
        background-color : #ecf4ff;
-}
-
-div.prefFeedOPMLHolder, div.filterTestHolder {
        border-width : 1px 1px 1px 1px;
 }
 
+
 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
        margin : 5px 0px 5px 0px;
-       padding : 10px;
-       color : gray;
-       border-width : 0px 0px 0px 3px;
+       color : #555;
+       padding-left : 10px;
+       border-width : 0px 0px 0px 4px;
        border-color : #c0c0c0;
        border-style : solid;
-       background : #fafafa;
 }
 
 #content-insert code, #headlines-frame code, .dijitContentPane code {
@@ -307,7 +257,7 @@ div.prefFeedOPMLHolder, div.filterTestHolder {
 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
        margin : 5px 0px 5px 0px;
        padding : 10px;
-       color : gray;
+       color : #555;
        font-family : monospace;
        font-size : 12px;
        border-width : 0px;
@@ -315,26 +265,39 @@ div.prefFeedOPMLHolder, div.filterTestHolder {
        border-style : solid;
        background : #fafafa;
        display : block;
+       max-width : 98%;
+       overflow : auto;
 }
 
 div.notice, div.warning, div.error {
        padding : 4px 10px 4px 4px;
        display : inline-block;
-       margin : 2px 0px 2px 0px;
-       font-size : 11px;
-       box-shadow : 0px 0px 2px #ccc;
+       margin : 2px 0px 4px 0px;
+       font-size : 12px;
+       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 {
+       vertical-align : middle;
 }
 
 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 {
@@ -342,6 +305,12 @@ div.warning img, div.notice img, div.error img {
        vertical-align : middle;
 }
 
+div.warning span, div.notice span, div.error span {
+       display : table-cell;
+       vertical-align : middle;
+
+}
+
 ul.nomarks {
        list-style-type : none;
        margin : 0px;
@@ -349,7 +318,7 @@ ul.nomarks {
 }
 
 div.prefHelp {
-       color : gray;
+       color : #555;
        padding : 5px;
 }
 
@@ -358,24 +327,16 @@ span.feed_error {
 }
 
 .insensitive {
-       color : gray;
-}
-
-.insensitive a {
-       color : #4684ff;
-}
-
-.insensitive a:hover {
-       color : black;
+       color : #555;
 }
 
 div#headlines-toolbar {
        border-width : 0px 0px 1px 0px;
-       background-color : #f0f0f0;
-       border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
-       font-size : 11px;
+       background-color : #fcfcfc;
+       border-color : #c0c0c0;
+       font-size : 12px;
        font-family : "Segoe UI", Tahoma, sans-serif;
-       color : gray;
+       color : #555;
        padding : 0px;
        margin : 0px;
        overflow : hidden;
@@ -402,15 +363,11 @@ div#headlines-toolbar span.r span.error {
 } 
 
 div#headlines-toolbar span.r a {
-       color : gray;
-}
-
-div#headlines-toolbar span.r a:hover {
-       color : black;
+       color : #555;
 }
 
 span.contentPreview {
-       color : gray;
+       color : #555;
        font-weight : normal;
 }
 
@@ -423,20 +380,22 @@ 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 {
        text-align : right;
-       color : gray;
+       color : #555;
        float : right;
 }
 
 div.postHeader div {
        padding-bottom : 3px;
-       font-size : 12px;
 }
 
 #feedUpdateErrors {
@@ -444,7 +403,6 @@ div.postHeader div {
 }
 
 #allEntryTags {
-       font-size : 12px;
        border-width : 0px 0px 1px 0px;
        border-style : solid;
        border-color : #c0c0c0;
@@ -452,19 +410,25 @@ 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 : #555;
 }
 
-div.hlFeed a:hover {
+a.hlFeed:hover {
        color : #4684ff;
 }
 
-img.markedPic {
+img.markedPic, img.pubPic {
        cursor : pointer;
        vertical-align : middle;
 }
@@ -494,28 +458,8 @@ ul.feedErrorsList {
        padding : 5px;
 }
 
-ul.selfUpdateList {
-       height : 200px;
-       overflow : auto;
-       list-style-type : none;
-       border : 1px solid #c0c0c0;
-       background-color : #ecf4ff;
-       margin : 0px 0px 5px 0px;
-       padding : 5px;
-}
-
 ul.feedErrorsList em {
-       color : gray;
-}
-
-ul.userFeedList {
-       height : 300px;
-       overflow : auto;
-       list-style-type : none;
-       border : 1px solid gray;
-       background-color : white;
-       margin : 0px 0px 5px 0px;
-       padding : 0px;
+       color : #555;
 }
 
 ul.browseFeedList {
@@ -606,21 +550,12 @@ div.whiteBox {
        padding : 1em;
 }
 
-html, body#ttrssMain, #main {
+/* html, body#ttrssMain, #main {
        width: 100%; 
        height: 100%;
-       border: 0; 
        padding: 0; 
        margin: 0;
-} 
-
-html, body#ttrssPrefs, #main {
-       width: 100%; 
-       height: 100%;
-       border: 0; 
-       padding: 0; 
-       margin: 0;
-} 
+} */
 
 #toolbar div.actionChooser {
        display : table-cell;
@@ -628,35 +563,6 @@ html, body#ttrssPrefs, #main {
        padding-right : 3px;
 }
 
-/* preferences layout */
-
-div.return {
-       float : right;
-       font-size : 12px;
-       margin-right : 10px;
-}
-
-div.return a {
-       color : #4684ff;
-}
-
-div.return a:hover {
-       color : black;
-}
-
-#header a {
-       color : #4684ff;        
-}
-
-#header a:hover {
-       color : black;
-}
-
-#header img {
-       vertical-align : middle;
-       cursor : pointer;
-}
-
 div.autocomplete {
        position : absolute;
        width : 250px;
@@ -685,10 +591,6 @@ div.autocomplete ul li {
        cursor : pointer;
 }
 
-a.visibleLink {
-       color : #4684ff;
-}
-
 .hlContentH a, .hlContentH span {
        color : #00cc00;
 }
@@ -715,7 +617,7 @@ img.hlScorePic {
 
 div.dlgSec {
        font-size : 12px;
-       color : gray;
+       color : #555;
        font-weight : bold;
        clear : both;
        height : 20px;
@@ -778,7 +680,7 @@ div#cmdline {
        left : 5px;
        bottom : 5px;
        font-size : 11px;
-       color : gray;
+       color : #555;
        font-weight : bold;
        background-color : white;
        border : 1px solid #88b0f0;
@@ -792,25 +694,6 @@ div#cmdline {
        width : 18px;
 }
 
-div#auxDlg {
-       position : absolute;
-       z-index : 3;
-       bottom : 5px;
-       right : 25px;
-       padding : 5px;
-       border-width : 1px;
-       border-style : solid;
-       border-color : #d7c47a;
-       background-color : #fff7d5;
-       color : black;
-       text-align : center;
-       font-size : 13px;
-}
-
-div#auxDlg a {
-       color : #4684ff;
-}
-
 div.hlTitle {
        display : table-cell;
        cursor : pointer;
@@ -839,14 +722,13 @@ div.hlRight img {
 }
 
 span.hlUpdated {
-       color : gray;
+       color : #555;
        min-width : 100px;
        display : table-cell;
        width : 100%;
        vertical-align : middle;
        text-align : right;
        font-size : 10px;
-       font-weight : normal;
 }
 
 div.hlLeft {
@@ -880,7 +762,7 @@ div.fatalError textarea {
        height : 100px;
 }
 
-#main {
+#ttrssMain #main {
        border-width : 0px;
        margin : 0px;
        padding : 0px;
@@ -894,7 +776,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;
@@ -902,11 +784,13 @@ 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;
+       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
+       background : #f9fbff;
 }
 
 #headlines-wrap-inner {
@@ -917,11 +801,11 @@ div.fatalError textarea {
 
 #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;
+       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
 }
 
 #headlines-toolbar_splitter, #toolbar_splitter {
@@ -933,13 +817,14 @@ div.fatalError textarea {
        margin : 0px;
        border-width : 0px;
        white-space: nowrap;
-       font-size : 11px;
+       font-size : 12px;
+       box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
 }
 
 #header {
        border-width : 0px;
        text-align : right;
-       color : gray;
+       color : #555;
        padding : 5px 5px 0px 0px;
        margin : 0px;
        position : absolute;
@@ -950,17 +835,18 @@ div.fatalError textarea {
 
 #footer {
        text-align : center;
-       color : gray;
+       color : #555;
        padding : 4px 4px 8px 4px;
        border-width : 0px;
 }
 
 #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;
 }
 
@@ -968,14 +854,23 @@ div.fatalError textarea {
        font-weight : bold;
 }
 
+.dijitTreeLabel {
+       outline : 0;
+}
+
 .feedParam {
-       color : gray;
+       color : #555;
+       float : right;
+       margin-right : 1em;
+}
+
+.labelParam {
        float : right;
        margin-right : 1em;
 }
 
 .dijitTreeLabel.Disabled, .labelParam.Disabled {
-       color : gray;
+       color : #555;
 }
 
 .dijitTreeRow.Error {
@@ -990,54 +885,6 @@ img.feedIcon, img.tinyFeedIcon {
        width : 16px;
        height : 16px;
        vertical-align : middle;
-}
-
-div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
-       text-align : center;
-       padding : 5px;
-       color : gray;
-}
-
-div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
-       margin-right : 5px;
-}
-
-div#pref-tabs .dijitContentPane {
-       font-size : 12px;
-}
-
-div#pref-tabs {
-       margin : 0px 5px 0px 5px;
-}
-
-div#pref-tabs .dijitContentPane h3 {
-       font-size : 14px;
-       font-weight : bold;
-}
-
-#pref-filter-wrap, #pref-filter-header, #pref-filter-content, 
-#pref-label-wrap, #pref-label-header, #pref-label-content,
-#pref-user-wrap, #pref-user-header, #pref-user-content, 
-#pref-instance-wrap, #pref-instance-header, #pref-instance-content {
-       margin : 0px;
-       padding : 0px;
-       border-width : 0px;
-}
-
-#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab { 
-       padding : 0px;
-}
-
-#errorButton {
-       color : red;
-}
-
-span.labelFixedLength {
-       display : inline-block;
-       width : 70%;
-}
-
-#filter_dlg_date_chk_box {
        display : inline-block;
 }
 
@@ -1045,24 +892,25 @@ span.labelFixedLength {
        border : 1px solid #c0c0c0;
 }
 
-a.bookmarklet {
-       color : #4684ff;
-       border : 1px solid #ecf4ff;
-       padding : 2px;
+.dijitDialog h2 {
+       margin-top : 0px;
+       margin-bottom : 4px;
+       border-width : 0px;
 }
 
 .player {
        display : inline-block;
-       color : gray;
+       color : #555;
        font-size : 11px;
        font-family : sans-serif;
-       border : 1px solid gray;
+       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;
@@ -1078,16 +926,7 @@ a.bookmarklet {
        margin-left : 1px;
        text-align : center;
        padding : 1em;
-       color : gray;
-}
-
-td.error { 
-       color : red;
-}
-
-div.dialogNotice {
-       margin-bottom : 5px;
-       color : gray;
+       color : #555;
 }
 
 ul#filterDlg_Matches, ul#filterDlg_Actions {
@@ -1111,10 +950,6 @@ ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitChec
        margin-right : 5px;
 }
 
-table.prefPluginsList td label, table.prefUserList td {
-       cursor : pointer;
-}
-
 ul.helpKbList {
        max-height : 300px;
        overflow : auto;
@@ -1139,6 +974,7 @@ ul.helpKbList h2 {
 
 .dijitTreeNode .loadingNode {
        margin-left : 3px;
+       height : 9px;
 }
 
 span.collapseBtn {
@@ -1149,16 +985,12 @@ div.postContent p {
        max-width : 650px;
 }
 
-.Unread div.hlTitle {
-       font-weight : bold;
-}
-
 div.postContent iframe {
        min-width : 50%;
 }
 
 div.postHeader span.author {
-       color : gray;
+       color : #555;
        font-size : 11px;
        font-weight : normal;
 }
@@ -1166,22 +998,31 @@ div.postHeader span.author {
 body#ttrssZoom {
        margin-left : auto;
        margin-right : auto;
+       padding : 20px;
        max-width : 800px;
-       background : #f0f0f0;
+       background : #f9fbff;
 }
 
 body#ttrssZoom div.postContent p {
        max-width : 650px;
 }
 
+body#ttrssZoom div.postHeader {
+       margin : 10px;
+       border : 1px solid #ccc;
+       box-shadow : none;
+       border-radius : 4px;
+}
+
 body#ttrssZoom div.postReply {
        border : 1px solid #ccc;
-       margin : 20px;
-       box-shadow : 0px 0px 3px #ccc;
+       border-radius : 4px;
+       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
+       background : white;
 }
 
-body#ttrssZoom div.postContent, body#ttrssZoom div.postHeader {
-       background-color : white;
+body#ttrssZoom div.postContent {
+
 }
 
 body#ttrssZoom div.footer {
@@ -1189,4 +1030,77 @@ body#ttrssZoom div.footer {
        text-align : center;
 }
 
+body#ttrssZoom div.postContent img {
+       max-width : 650px;
+       height : auto;
+} 
 
+select.attachments {
+       display : block;
+       margin-top : 10px;
+       max-width : 120px;
+}
+
+div.hl.active {
+       border-color : #88b0f0;
+}
+
+#selected_prompt {
+       margin-right : 25px;
+}
+
+#feedTree .dijitTreeRow {
+       padding : 2px 0px 2px;
+       border-width : 1px;
+       border-color : transparent;
+       color : #333;
+}
+
+#feedTree .dijitTreeNode {
+       padding : 0px;
+       border-width : 0px;
+}
+
+#feedTree { 
+       height : 100%;
+       overflow-x : hidden;
+       font-family : "Segoe UI", Tahoma, sans-serif;
+}
+
+#feedTree .counterNode.aux {
+       background : #f0f0f0;
+       color : #999;
+       border-color : #f0f0f0;
+}
+
+#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%;
+}
+
+.dijitMenuItemLabel {
+       font-size : 13px;
+}