1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
|
.news_input { float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:200px; }
.svg { border: inherit; background: inherit; }
div.add_parentfolder { position: relative; }
#file_upload_start { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; z-index:1001; width:0; height:0;}
/* feed/folder list */
#leftcontent { top: 3.5em !important; padding: 0; margin: 0; box-shadow: -3px 0px 7px rgb(0, 0, 0); }
#feeds { background: #fff; width: 19.7em; left: 12.5em; top: 3.7em; bottom:3em; position: fixed; overflow: auto; padding: 0; margin: 0 0 0 0.3em;}
li { padding: 0px !important; }
li.feed { position: relative; margin-left: 16px !important; text-align: right; border-radius: 5px; padding-left: 5px !important; background-color: rgb(255,255,255) !important; }
li.feed a { padding: 0 0 0 20px !important; overflow: hidden; text-overflow: ellipsis; text-align: left; width: 65%; }
li.feed a.nonzero { font-weight: bold; }
li.feed a.zero { font-weight: normal; }
li#selected_feed { background-color: #FF9933 !important; }
li.feed:hover { background-color: rgb(221, 221, 221) !important; }
li.collapsable_container { background-color: rgb(255,255,255) !important; margin-left: 16px; }
li.collapsable_container:hover { color: rgb(0, 0, 0) !important; background-color: rgb(255,255,255) !important; }
li.collapsable_container > ul { margin-bottom: 0.1em; }
div.collapsable { position: relative; border-radius: 5px; }
.collapsable_trigger { border: none ; margin: 0 0 0 5px; padding: 0; border-radius: 0; box-shadow: none; vertical-align: middle !important; background: url('%webroot%/core/img/places/folder.svg') no-repeat; opacity: 1; }
.collapsable_title { padding-left: 0.2em; }
div.collapsable:hover { background-color: rgb(221, 221, 221); }
.feeds_delete { position: absolute; right: 0.1em; background: url('%webroot%/core/img/actions/delete.svg') no-repeat center; display: none; padding: 0; margin: -8px 0 0 0; top: 50%; }
.feeds_edit { position: absolute; right: 1.6em; background: url('%webroot%/core/img/actions/rename.svg') no-repeat center; display: none; padding: 0; margin: -8px 0 0 0; top: 50%; }
.unreaditemcounter.nonzero { position: relative; background: #5E5E5E; border-radius: 5px; padding: 0 5px; color: white; text-align: center; margin: 0 0.3em 0 0.3em;}
.unreaditemcounter.zero { position: relative; margin: 0 0.3em 0 0; }
/* when there are no feeds in the db */
#firstrun { width: 100%; position: absolute; top: 5em; left: 0; text-align: center; font-weight:bold; font-size:1.5em; color:#777; }
#firstrun #selections { font-size:0.8em; margin: 2em auto auto auto; clear: both; }
#addfeedbtn { background: url('%appswebroot%/news/img/rss.svg') no-repeat left; padding-left: 20px; }
#importopmlbtn { background: url('%appswebroot%/news/img/opml-icon.svg') no-repeat left center; padding-left: 20px; }
/* feed controls */
#addfolder { background: url('%webroot%/core/img/places/folder.svg') no-repeat left center; padding-left: 20px !important; }
#addfeed { background: url('%appswebroot%/news/img/rss.svg') no-repeat left center; padding-left: 20px !important; }
/* #feeds a { height: 23px; display: block; margin: 0 0 0 0; padding: 0 0 0 25px; } */
#feedcontrols { padding: 0; bottom:0px; overflow:visible; height:2.8em; width: 20em; margin:0; background:#eee; border-top:1px solid #ccc; position:fixed; -moz-box-shadow: 0 -3px 3px -3px #000; -webkit-box-shadow: 0 -3px 3px -3px #000; box-shadow: 0 -3px 3px -3px #000;}
ul.controls li { float: left; }
/* item view */
#rightcontent { top: 3.5em !important; padding: 0 0 0 5px; box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 3.5em;}
#rightcontent div.feed_controls { box-sizing: border-box; -moz-box-sizing: border-box; background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #ccc; box-shadow: 0 3px 3px -3px #000000; text-align: right; overflow: hidden; position: fixed; left: 32.5em; right: 0; top: 3.5em; }
#rightcontent div.feed_controls div.feed_title { float: left; padding-left: 10px; }
#rightcontent div.feed_controls div.feed_title h1 { font-size: 1.7em; color: #444; padding-top: .5em; }
#rightcontent #feed_items {
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: auto;
height: 100%;
}
#feed_items h1.item_title { }
#feed_items .title_unread h1.item_title { font-weight: bold; border-bottom: 1px solid #222; }
#feed_items .title_unread h1.item_title a { color: #222; }
#feed_items .title_unread h1.item_title,
#feed_items .title_read h1.item_title { padding: 15px 10px 10px 10px; font-size: 1.5em; }
#feed_items .title_read h1.item_title { font-weight: normal; border-bottom: 1px solid #ccc; }
#feed_items .title_read h1.item_title a { color: #888; }
#feed_items .title_read a:hover, #feed_items .title_unread a:hover { text-decoration: underline; }
#feed_items .item_utils {
float: left;
padding: 15px 10px 10px;
}
#feed_items .item_utils ul {}
#feed_items .item_utils ul li { display: inline-block; }
#feed_items .item_utils ul li.star {
background-image: url('%appswebroot%/news/img/inactive_star.svg');
background-repeat: no-repeat;
background-size: 100%;
height: 1.5em;
width: 1.5em;
}
#feed_items .item_utils ul li.star.important,
#feed_items .item_utils ul li.star:hover {
background-image: url('%appswebroot%/news/img/active_star.svg');
}
#feed_items div.body { padding: 15px 25px 10px 25px; }
#feed_items div.body p { line-height: 1.5; margin: 10px 0; }
#feed_items div.body a { color: #0000ff; text-decoration: underline; }
#feed_items div.body ul { padding-left: 15px; list-style-type: disc; }
#feed_items div.body ul
|
