summaryrefslogtreecommitdiff
path: root/css/tt-rss.less
diff options
context:
space:
mode:
Diffstat (limited to 'css/tt-rss.less')
-rwxr-xr-xcss/tt-rss.less92
1 files changed, 51 insertions, 41 deletions
diff --git a/css/tt-rss.less b/css/tt-rss.less
index cbe5cdddf..e2abcb81a 100755
--- a/css/tt-rss.less
+++ b/css/tt-rss.less
@@ -143,42 +143,39 @@ body.ttrss_main {
}
#notify.visible {
- transform: translate(0, -35px);
+ transform: translate(0, -45px);
}
#notify {
- bottom : -35px;
+ bottom : -45px;
right : 0px;
- height : 20px;
+ height : 30px;
left : 0px;
border-width : 1px 0px 0px 0px;
border-style : solid;
position : fixed;
- font-size : 12px;
+ font-size : 13px;
z-index : 99;
- padding : 5px;
- box-shadow : 0px -2px 2px rgba(0,0,0,0.1);
+ display : flex;
transition: all 0.5s ease-in-out;
+ > * {
+ align-self : center;
+ padding : 4px;
+ }
+
img {
vertical-align : middle;
- max-height : 14px;
}
- span.msg {
- width : 100%;
+ .msg {
+ flex-grow : 2;
}
- img.close {
+ .icon-close {
cursor : pointer;
}
-
- span {
- display : table-cell;
- vertical-align : middle;
- padding : 2px;
- }
}
.notify {
@@ -194,11 +191,20 @@ body.ttrss_main {
.notify.notify_info {
border-color : @color-accent;
background-color : @color-accent-light;
+
+ i.icon-notify {
+ color : @color-accent;
+ }
}
.notify.notify_error {
- background-color : #ffcccc;
- border-color : #ff0000;
+ background-color : #c00;
+ border-color : #900;
+ color : white;
+
+ i.icon-notify, i.icon-close {
+ color : white;
+ }
}
.hl {
@@ -290,16 +296,6 @@ body.ttrss_main {
}
}
- .hl.Unread a.title.high, .hl.Unread span.hl-content.high .preview {
- color : #00dd00;
- }
-
- .hl a.title.low, span.hl-content.low .preview,
- .hl.Unread a.title.low, .hl.Unread span.hl-content.low .preview {
- color : #909090;
- text-decoration : line-through;
- }
-
.hl.Unread div.title a {
color : black;
}
@@ -672,17 +668,8 @@ body.ttrss_main {
}
}
- span.labelColorIndicator {
- height : 16px;
- width : 16px;
- border-radius : 4px;
- line-height : 14px;
- vertical-align : middle;
- font-size : 9px;
- display : inline-block;
- background-color : #fff7d5;
- color : #063064;
- text-align : center;
+ i.icon-label {
+ color : #fff7d5;
}
div#cmdline {
@@ -789,6 +776,7 @@ body.ttrss_main {
box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
border-color : #ddd transparent;
background : white;
+ color : #333;
}
.icon {
@@ -819,11 +807,11 @@ body.ttrss_main {
color : @color-published;
}
- i.icon.icon-new_releases {
+ i.icon.icon-whatshot {
color : @color-enabled;
}
- i.icon.icon-cached {
+ i.icon.icon-restore {
font-weight : bold;
left : -3px;
color : @color-accent;
@@ -881,6 +869,7 @@ body.ttrss_main {
background : white;
border: 0px solid #ddd;
border-bottom-width: 1px;
+ padding-left : 4px;
height : 32px;
display : flex;
flex-direction : row;
@@ -898,6 +887,10 @@ body.ttrss_main {
border : 0px;
}
+ .net-alert i, .left i.icon-error {
+ color : red;
+ }
+
#toolbar-headlines {
padding-right : 4px;
flex-grow : 2;
@@ -926,6 +919,11 @@ body.ttrss_main {
}
}
+ #updates-available {
+ color : @color-enabled;
+ padding-right : 4px;
+ }
+
#selected_prompt {
font-style : italic;
text-align : right;
@@ -1192,6 +1190,18 @@ body.ttrss_main {
color : @color-published;
}
+ .score-high i.icon-score {
+ color : @color-enabled;
+ }
+
+ .score-low i.icon-score {
+ color : #500;
+ }
+
+ .score-neutral i.icon-score {
+ opacity : 0.5;
+ }
+
}
::selection {