diff options
Diffstat (limited to 'css/default.css')
| -rw-r--r-- | css/default.css | 146 |
1 files changed, 120 insertions, 26 deletions
diff --git a/css/default.css b/css/default.css index e32978c2e..006789331 100644 --- a/css/default.css +++ b/css/default.css @@ -1,4 +1,4 @@ -@import "../lib/flat-ttrss/flat.css"; +@import "../lib/flat-ttrss/flat_combined.css"; body.ttrss_main, body.ttrss_prefs, #main { @@ -184,17 +184,32 @@ body.ttrss_main .hl { body.ttrss_main .hl > * { align-self: center; white-space: nowrap; - padding: 5px; + padding: 4px; } body.ttrss_main .hl img { vertical-align: middle; } +body.ttrss_main .hl .left, +body.ttrss_main .hl .right { + display: flex; +} +body.ttrss_main .hl .left > *, +body.ttrss_main .hl .right > * { + align-self: center; +} +body.ttrss_main .hl .left i.material-icons, +body.ttrss_main .hl .right i.material-icons { + margin-left: 2px; + font-size: 20px; + padding: 2px; + transition: color 0.2s linear; + user-select: none; +} body.ttrss_main .hl div.title { cursor: pointer; flex-grow: 2; overflow: hidden; text-overflow: ellipsis; - padding-left: 5px; } body.ttrss_main .hl div.right { text-align: right; @@ -398,20 +413,10 @@ body.ttrss_main span.hlLabelRef { white-space: nowrap; border-radius: 4px; } -body.ttrss_main img.marked-pic, -body.ttrss_main img.pub-pic { +body.ttrss_main i.marked-pic, +body.ttrss_main i.pub-pic { cursor: pointer; - vertical-align: middle; - opacity: 0.5; - transition: opacity 0.25s; -} -body.ttrss_main img.marked-pic:hover, -body.ttrss_main img.pub-pic:hover { - opacity: 1; -} -body.ttrss_main img[src*='pub_set.png'], -body.ttrss_main img[src*='mark_set.png'] { - opacity: 1; + color: #ccc; } body.ttrss_main div.tagCloudContainer { background: white; @@ -449,8 +454,11 @@ body.ttrss_main ul.browseFeedList { padding: 0px; } body.ttrss_main ul.browseFeedList li { - margin: 0px; - padding: 2px 4px 2px 4px; + display: flex; +} +body.ttrss_main ul.browseFeedList li > * { + align-self: center; + margin: 2px; } body.ttrss_main .browseFeedList span.subscribers { color: #808080; @@ -961,6 +969,19 @@ body.ttrss_main .dijitDialog h3:first-of-type, body.ttrss_main .dijitDialog h4:first-of-type { margin-top: 0px; } +body.ttrss_main i.icon-syndicate { + font-size: 19px; + color: #ff5718; + margin-right: 2px; +} +body.ttrss_main .cdm.marked .left i.marked-pic, +body.ttrss_main .hl.marked .left i.marked-pic { + color: #ffc069; +} +body.ttrss_main .cdm.published .left i.pub-pic, +body.ttrss_main .hl.published .left i.pub-pic { + color: #ff5718; +} ::selection { background: #257aa7; color: white; @@ -987,9 +1008,24 @@ body.ttrss_main .dijitDialog h4:first-of-type { } .cdm .header > * { align-self: center; - padding: 5px; + padding: 4px; white-space: nowrap; } +.cdm .header .left, +.cdm .header .right { + display: flex; +} +.cdm .header .left > *, +.cdm .header .right > * { + align-self: center; +} +.cdm .header .left i.material-icons, +.cdm .header .right i.material-icons { + margin-left: 2px; + font-size: 20px; + padding: 2px; + user-select: none; +} .cdm .header .titleWrap { flex-grow: 2; } @@ -1139,17 +1175,36 @@ div#floatingTitle { border-bottom-width: 1px; background: white; color: #555555; + display: flex; + flex-direction: row; + flex-wrap: nowrap; box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1); } div#floatingTitle > * { - display: table-cell; + align-self: center; white-space: nowrap; - vertical-align: middle; - padding: 9px 5px; + padding: 4px; } -div#floatingTitle img { - margin-right: 4px; - margin-left: 4px; +div#floatingTitle .left, +div#floatingTitle .right { + display: flex; +} +div#floatingTitle .left > *, +div#floatingTitle .right > * { + align-self: center; +} +div#floatingTitle .left i.material-icons, +div#floatingTitle .right i.material-icons { + margin-left: 2px; + font-size: 20px; + padding: 2px; + user-select: none; +} +div#floatingTitle .left i.anchor, +div#floatingTitle .right i.anchor { + margin-left: 0px; + padding: 0px; + color: #ccc; } div#floatingTitle span.author { color: #555555; @@ -1197,7 +1252,6 @@ div#floatingTitle span.titleWrap { width: 100%; white-space: normal; } -div#floatingTitle .dijit, div#floatingTitle img.score-pic { display: none; } @@ -1430,6 +1484,9 @@ body.ttrss_prefs table.prefUserList td { body.ttrss_prefs table.prefPluginsList label { white-space: nowrap; } +body.ttrss_prefs table.prefPluginsList i.plugin-enabled { + color: #69C671; +} body.ttrss_prefs table.prefPluginsList label img { vertical-align: middle; } @@ -1514,6 +1571,10 @@ body.ttrss_prefs hr { float: right; margin-right: 1em; } +.flat .dijitTree .labelParam.filterDisabled, +.flat .dijitTree .dijitTreeLabel.filterDisabled { + text-decoration: line-through; +} .flat .dijitTree .feedParam { color: #555555; float: right; @@ -1867,4 +1928,37 @@ body.ttrss_zoom div.post div.content pre { max-width: 98%; overflow: auto; } +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: url(../lib/iconfont/MaterialIcons-Regular.eot); + src: local('Material Icons'), local('MaterialIcons-Regular'), url(../lib/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../lib/iconfont/MaterialIcons-Regular.woff) format('woff'), url(../lib/iconfont/MaterialIcons-Regular.ttf) format('truetype'); + + /* For IE6-8 */ +} +.material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 18px; + /* Preferred icon size */ + display: inline-block; + line-height: 1; + color: #999; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + vertical-align: middle; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} /*# sourceMappingURL=default.css.map */
\ No newline at end of file |