diff options
| -rw-r--r-- | p/themes/Origine/origine.css | 59 |
1 files changed, 32 insertions, 27 deletions
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 64bec06a2..0a317695b 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -508,8 +508,13 @@ a.btn { font-size: 1.2rem; font-weight: bold; } +.tree-folder-items { + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; + background: #f6f6f6; +} .tree-folder-items .item { - padding: 0 5px 0 20px; + padding: 0 10px; line-height: 2.5rem; font-size: 0.8rem; } @@ -563,58 +568,58 @@ a.btn { } .aside_feed .tree-folder-title { position: relative; - margin: 5px 0; +} +.aside_feed .tree-folder-title .title { + color: #444; +} +.aside_feed .tree-folder-title .title:hover { + text-decoration: none; } .aside_feed .tree-folder-title > .title:not([data-unread="0"]):after { position: absolute; - top: 3px; right: 3px; - padding: 0 5px; - background: #ccc; - color: #fff; - border: 1px solid #bbb; - border-radius: 5px; - box-shadow: 1px 3px 3px #aaa inset; - text-shadow: 0 0 1px #aaa; + right: 0; + padding: 0 10px; + font-size: 1rem; +} +.aside_feed .tree-folder.active .tree-folder-title { + background: #e6e6e6; } /*=== Aside main page (feeds) */ -.categories .feeds .item.active { +.aside_feed .tree-folder-items .item.active { background: #0062BE; } -.categories .feeds .item.empty.active { +.aside_feed .tree-folder-items .item.empty.active { background: #e67e22; } -.categories .feeds .item.error.active { +.aside_feed .tree-folder-items .item.error.active { background: #BD362F; } -.categories .feeds .item.empty .feed { +.aside_feed .tree-folder-items .item.empty > a { color: #e67e22; } -.categories .feeds .item.error .feed { +.aside_feed .tree-folder-items .item.error > a { color: #BD362F; } -.categories .feeds .item.active .feed, -.categories .feeds .item.empty.active .feed, -.categories .feeds .item.error.active .feed { +.aside_feed .tree-folder-items .item.active > a, +.aside_feed .tree-folder-items .item.empty.active > a, +.aside_feed .tree-folder-items .item.error.active > a { color: #fff; } -.categories .feeds .item .feed { - margin: 0; - width: 165px; +.aside_feed .tree-folder-items .item > a { line-height: 3em; - font-size: 0.8em; text-align: left; text-decoration: none; } -.categories .feeds .feed:not([data-unread="0"]) { +.aside_feed .tree-folder-items .item:not([data-unread="0"]) { font-weight: bold; } -.categories .feeds .dropdown-menu:after { +.aside_feed .tree-folder-items .dropdown-menu:after { left: 2px; } -.categories .feeds .item .dropdown-target:target ~ .dropdown-toggle > .icon, -.categories .feeds .item:hover .dropdown-toggle > .icon, -.categories .feeds .item.active .dropdown-toggle > .icon { +.aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon, +.aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon, +.aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon { background-color: #fff; border-radius: 3px; vertical-align: middle; |
