Home
/
rss-reader.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
v2.0-2
[rss-reader.git]
/
html
/
style.css
diff --git
a/html/style.css
b/html/style.css
index 53827b1f772ac104250f8ed4f9366b9ddcfce54f..73fb32c8c3a89a11fed045e5ad90deaef6cc5f01 100644
(file)
--- a/
html/style.css
+++ b/
html/style.css
@@
-30,7
+30,7
@@
h1 {
}
#feed-item-list {
}
#feed-item-list {
- height: calc(100% -
3
0px);
+ height: calc(100% -
7
0px);
}
#feed-item-list span {
float: right;
}
#feed-item-list span {
float: right;
@@
-50,13
+50,13
@@
h1 {
#reading-pane img {
max-width: 100%;
}
#reading-pane img {
max-width: 100%;
}
-#feed-content, #meta {
+#feed-content, #meta
, #feed-info
{
padding: 10px;
}
#feed-content {
height: calc(100% - 100px)
}
padding: 10px;
}
#feed-content {
height: calc(100% - 100px)
}
-#meta {
+#meta
, #feed-info
{
background-color: #ddd;
font-size: 0.9rem;
max-height: 100px;
background-color: #ddd;
font-size: 0.9rem;
max-height: 100px;
@@
-73,6
+73,18
@@
h1 {
text-align: right;
}
text-align: right;
}
+.btn {
+ display: inline-block;
+ border: solid 1px #888;
+ border-radius: 4px;
+ padding: 4px 10px;
+ background-color: #eee;
+ text-decoration: none;
+}
+.btn:hover {
+ background-color: #ddd;
+}
+
.scrollable {
overflow: auto;
.scrollable {
overflow: auto;
@@
-96,7
+108,7
@@
h1 {
background-color: #eee;
}
#feed-pane a.active {
background-color: #eee;
}
#feed-pane a.active {
- background-color: #
eee
;
+ background-color: #
fff2cc
;
}
#feed-pane a.unread {
font-weight: bold;
}
#feed-pane a.unread {
font-weight: bold;
@@
-105,6
+117,13
@@
h1 {
content: '\21D2';
float: right;
}
content: '\21D2';
float: right;
}
+#feed-list {
+ height: calc(100% - 70px);
+}
+#add-feed {
+ padding: 5px;
+ border-top: solid 1px #000;
+}
#list-pane table {
width: 100%;
#list-pane table {
width: 100%;
@@
-120,19
+139,19
@@
h1 {
#list-pane th {
padding: 4px;
}
#list-pane th {
padding: 4px;
}
-#list-pane table th:nth-child(2) {
+#feed-actions {
+ float: right;
}
}
-#
list-pane
a {
+#
feed-item-list
a {
display: block;
padding: 4px;
}
display: block;
padding: 4px;
}
-#feed-
pane
a.active {
+#feed-
item-list
a.active {
background-color: #fff5e3;
}
background-color: #fff5e3;
}
-#
list-pane
a.active {
+#
feed-item-list
a.active {
background-color: #e3f2ff;
}
background-color: #e3f2ff;
}
-
-#list-pane a.unread {
+#feed-item-list a.unread {
font-weight: bold;
}
font-weight: bold;
}