Commit 5e9e37fbf4a8f10c06e86264720ba928457a4fec
Styles for all channels page
Alan Shaw committed on 9/12/2017, 2:13:30 PMParent: 8ac30128636bcb1f696c3a38a8bbafe0f0e5c7e4
Files changed
| styles/dark/all-channels.mcss | changed |
| styles/dark/all-channels.mcss | ||
|---|---|---|
| @@ -9,22 +9,34 @@ | ||
| 9 | 9 | display: flex; |
| 10 | 10 | padding: 8px 10px; |
| 11 | 11 | font-size: 110%; |
| 12 | 12 | margin: 4px; |
| 13 | - background: rgba(255, 255, 255, 0.66); | |
| 14 | - color: #333; | |
| 13 | + background: #2d2c2c; | |
| 14 | + color: #ccc; | |
| 15 | 15 | border-radius: 3px; |
| 16 | 16 | position: relative |
| 17 | - transition: background-color 0.2s | |
| 17 | + transition: background-color 0.25s | |
| 18 | 18 | width: 200px; |
| 19 | - overflow: hidden; | |
| 20 | - text-overflow: ellipsis; | |
| 21 | 19 | |
| 22 | 20 | background-repeat: no-repeat |
| 23 | 21 | background-position: right |
| 24 | 22 | |
| 23 | + -more { | |
| 24 | + background-color: transparent | |
| 25 | + color: #6e6d6d | |
| 26 | + | |
| 27 | + :hover { | |
| 28 | + background-color: transparent | |
| 29 | + color: #ccc | |
| 30 | + } | |
| 31 | + } | |
| 32 | + | |
| 25 | 33 | -subscribed { |
| 26 | 34 | background-image: svg(subscribed) |
| 35 | + border-left: 2px solid #51c067; | |
| 36 | + border-top-left-radius: 0; | |
| 37 | + border-bottom-left-radius: 0; | |
| 38 | + | |
| 27 | 39 | span.name { |
| 28 | 40 | font-weight: bold |
| 29 | 41 | } |
| 30 | 42 | } |
| @@ -35,9 +47,9 @@ | ||
| 35 | 47 | content: "<circle cx='6' stroke='#888' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#888'/>" |
| 36 | 48 | } |
| 37 | 49 | |
| 38 | 50 | :hover { |
| 39 | - background: rgba(255, 255, 255, 0.4); | |
| 51 | + background: #383736; | |
| 40 | 52 | text-decoration: none; |
| 41 | 53 | a { |
| 42 | 54 | transition: opacity 0.05s |
| 43 | 55 | opacity: 1 |
| @@ -58,18 +70,17 @@ | ||
| 58 | 70 | transition: opacity 0.2s, background-color 0.4s |
| 59 | 71 | padding: 9px 10px; |
| 60 | 72 | color: white; |
| 61 | 73 | border-radius: 3px; |
| 62 | - font-weight: bold; | |
| 63 | 74 | margin: -8px -10px -8px 4px; |
| 64 | 75 | border-top-left-radius: 0; |
| 65 | 76 | border-bottom-left-radius: 0; |
| 66 | 77 | border-left: 2px solid rgba(255, 255, 255, 0.9); |
| 67 | 78 | text-decoration: none |
| 68 | 79 | |
| 69 | 80 | -subscribe { |
| 70 | 81 | :hover { |
| 71 | - background-color: rgb(112, 184, 212); | |
| 82 | + background-color: #51c067; | |
| 72 | 83 | } |
| 73 | 84 | } |
| 74 | 85 | |
| 75 | 86 | -unsubscribe { |
| @@ -79,5 +90,4 @@ | ||
| 79 | 90 | } |
| 80 | 91 | } |
| 81 | 92 | } |
| 82 | 93 | } |
| 83 | -} | |
Built with git-ssb-web