summaryrefslogtreecommitdiff
path: root/tt-rss.css
diff options
context:
space:
mode:
Diffstat (limited to 'tt-rss.css')
-rw-r--r--tt-rss.css162
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%;
+}
generated by cgit v1.2.3 (git 2.25.1) at 2024-08-29 02:38:02 +0000