1 body#ttrssMain
, body#ttrssPrefs
, body#ttrssLogin
, body
{
6 font-family : sans-serif
;
11 background-color : #ecf4ff;
14 body#ttrssPrefs #footer
, body#ttrssPrefs #header
{
15 background-color : #ecf4ff;
28 div
.postReply
a:hover
{
32 div
.postReply div
.postHeader
{
33 border-width : 0px 0px 1px 0px;
35 border-color : #88b0f0;
36 background-color : white
;
37 background : url
("images/toolbar.png");
38 background-position : bottom left
;
39 background-repeat : repeat-x
;
44 div
.postReply div
.postContent
{
49 div
.postReply div
.postContent img
{
54 div
.postReply div
.postIcon
{
60 div
.postReply div
.postIcon img
{
65 div
.postReply div
.postEnclosures
{
70 div
.postReply img
.tagsPic
{
74 vertical-align : middle
;
78 background-color : #fff7d5;
80 border-style : none none dashed none
;
81 border-color : #e7d796;
83 background-color : #fff7d5;
87 div
.articleNote div
.noteEdit
{
92 div
.postReply span
.author
{
103 border-width : 0px 0px 1px 0px;
104 border-style : solid
;
105 border-color : #ecf4ff;
111 border-width : 0px 0px 1px 0px;
112 border-style : solid
;
113 border-color : #ecf4ff;
117 border-width : 0px 0px 1px 0px;
118 border-style : dashed
;
119 border-color : #e0e0e0;
124 text-decoration : none
;
137 border-width : 0px 1px 1px 1px;
138 border-style : solid
;
147 padding : 5px 5px 5px 5px;
151 vertical-align : middle
;
155 border-color : #d7c47a;
156 background-color : #fff7d5;
161 border-color : #7AD78E;
162 background-color : #D5FFDB;
167 border-color : #d7c47a;
168 background-color : #fff7d5;
173 background-color : #ffcccc;
174 border-color : #ff0000;
178 .notifyError span:hover {
183 .Selected, .Selected td {
184 background-color : #fff7d5;
187 .even.Unread.Selected, .even.Unread.Selected td {
188 background-color : #fff7d5;
190 border-width : 0px 0px 1px 0px;
191 border-style : solid
;
192 border-color : #e7d796;
195 .odd.Unread.Selected, .odd.Unread.Selected td {
196 background-color : #fff7d5;
198 border-width : 0px 0px 1px 0px;
199 border-style : solid
;
200 border-color : #e7d796;
203 .even.Selected, .even.Selected td {
204 background-color : #fff7d5;
205 border-width : 0px 0px 1px 0px;
206 border-style : solid
;
207 border-color : #e7d796;
208 border-collapse : collapse
;
211 .odd.Selected, .odd.Selected td {
212 background-color : #fff7d5;
213 border-width : 0px 0px 1px 0px;
214 border-style : solid
;
215 border-color : #e7d796;
216 border-collapse : collapse
;
219 .even.Grayed, .even.Grayed td {
220 background-color : #f0f0f0;
222 border-width : 0px 0px 1px 0px;
223 border-style : solid
;
224 border-color : #c0c0c0;
225 border-collapse : collapse
;
233 border-width : 0px 0px 1px 0px;
234 border-style : solid
;
235 border-color : #c0c0c0;
236 background-color : #f0f0f0;
237 border-collapse : collapse
;
241 border-width : 0px 0px 1px 0px;
242 border-style : solid
;
243 border-color : #c0c0c0;
244 border-collapse : collapse
;
247 .even.Unread, .even.Unread td {
248 background-color : #f0f0f0;
250 border-width : 0px 0px 1px 0px;
251 border-style : solid
;
252 border-color : #c0c0c0;
253 border-collapse : collapse
;
256 .odd.Unread, .odd.Unread td {
258 border-width : 0px 0px 1px 0px;
259 border-style : solid
;
260 border-color : #c0c0c0;
269 /* table.prefPrefsList tr:hover td.prefValue {
273 table.prefPrefsList tr:hover td.prefValue input {
277 table
.prefPrefsList h3
{
282 border-width : 0px 0px 1px 0px;
283 border-color : #ecf4ff;
284 border-style : solid
;
292 tr
.title td
a:hover
{
296 table
.prefFeedList td
.feedEditCat
{
298 border-width : 0px 0px 1px 0px;
299 border-style : solid
;
300 border-color : #88b0f0;
304 table
.prefFilterList td
.filterEditCat
{
306 border-width : 0px 0px 1px 0px;
307 border-style : solid
;
308 border-color : #88b0f0;
312 /* oh for the love of... */
314 table
.prefFilterList tr
.even
,
315 table
.prefFilterList tr
.odd
,
316 table
.prefFilterList tr
.evenSelected
,
317 table
.prefFilterList tr
.oddSelected
,
318 table
.prefLabelList tr
.even
,
319 table
.prefLabelList tr
.odd
,
320 table
.prefLabelList tr
.evenSelected
,
321 table
.prefLabelList tr
.oddSelected
,
322 table
.prefUserList tr
.even
,
323 table
.prefUserList tr
.odd
,
324 table
.prefUserList tr
.evenSelected
,
325 table
.prefUserList tr
.oddSelected
,
326 table
.prefFeedList tr
.even
,
327 table
.prefFeedList tr
.odd
,
328 table
.prefFeedList tr
.evenSelected
,
329 table
.prefFeedList tr
.oddSelected
,
330 table
.prefInstanceList tr
.even
,
331 table
.prefInstanceList tr
.odd
,
332 table
.prefInstanceList tr
.evenSelected
,
333 table
.prefInstanceList tr
.oddSelected
338 table
.prefFilterList tr
.even:hover td
,
339 table
.prefFilterList tr
.odd:hover td
,
340 table
.prefFilterList tr
.evenSelected:hover td
,
341 table
.prefFilterList tr
.oddSelected:hover td
342 table
.prefLabelList tr
.even:hover td
,
343 table
.prefLabelList tr
.odd:hover td
,
344 table
.prefLabelList tr
.evenSelected:hover td
,
345 table
.prefLabelList tr
.oddSelected:hover td
,
346 table
.prefUserList tr
.even:hover td
,
347 table
.prefUserList tr
.odd:hover td
,
348 table
.prefUserList tr
.evenSelected:hover td
,
349 table
.prefUserList tr
.oddSelected:hover td
,
350 table
.prefFeedList tr
.even:hover td
,
351 table
.prefFeedList tr
.odd:hover td
,
352 table
.prefFeedList tr
.evenSelected:hover td
,
353 table
.prefFeedList tr
.oddSelected:hover td
,
354 table
.prefInstanceList tr
.even:hover td
,
355 table
.prefInstanceList tr
.odd:hover td
,
356 table
.prefInstanceList tr
.evenSelected:hover td
,
357 table
.prefInstanceList tr
.oddSelected:hover td
362 table
.prefFeedList td
.feedIcon
{
366 table
.prefFeedList td
.feedSelect
{
370 div
.prefFeedCatHolder
, div
.prefFeedOPMLHolder
, div
.inactiveFeedHolder
{
373 border-width : 0px 1px 1px 1px;
374 border-color : #c0c0c0;
375 border-style : solid
;
376 margin : 0px 0px 5px 0px;
377 background-color : #ecf4ff;
380 div
.prefFeedOPMLHolder
, div
.inactiveFeedHolder
{
381 border-width : 1px 1px 1px 1px;
392 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
393 margin : 0px 0px 0px 1em;
395 font-family : monospace
;
397 background : transparent
;
402 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
403 margin : 0px 0px 0px 1em;
404 border-width : 0px 0px 0px 2px;
405 border-color : #c0c0c0;
406 border-style : solid
;
408 padding : 0px 0px 0px 1em;
413 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
414 background : transparent
;
415 border : 0px solid transparent
;
417 font-family : monospace
;
424 background : #ffffff;
425 border : 1px solid
#88b0f0;
428 margin : 0px 0px 5px 0px;
433 background : #fff7d5;
434 border : 1px solid
#d7c47a;
438 margin : 0px 0px 5px 0px;
441 div
.warning img
, div
.notice img
, div
.error img
{
442 vertical-align : middle
;
446 span
.filterDateError
{
451 border : 1px solid
#ff0000;
452 background : #ffcccc;
454 margin : 0px 0px 5px 0px;
459 list-style-type : none
;
464 div
.prefHelp
, td
.prefHelp
{
470 background-color : #ecf4ff;
485 .insensitive a:hover {
493 table
.innerFeedTable td
{
503 div#headlines-toolbar
{
504 border-width : 0px 0px 1px 0px;
505 background-color : #f0f0f0;
506 border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
508 font-family : "Segoe UI", Tahoma
, sans-serif
;
518 div#headlines-toolbar
.dijitSelect
{
524 div#headlines-toolbar span
.r
{
527 background : #ecf4ff;
528 border-left: 5px solid white
;
529 padding : 0 4px 0px 4px;
533 /* http://css-tricks.com/adobe-like-arrow-headers/ */
535 @media screen and
(-webkit-min-device-pixel-ratio:0) {
536 div#headlines-toolbar span
.r:before
,
537 div#headlines-toolbar span
.r:after
{
540 /* Pushed down half way, will get pulled back up half height of triangle
541 ensures centering if font-size or line-height changes */
546 div#headlines-toolbar span
.r:before
{
549 border-top: 8px solid transparent
;
550 border-bottom: 8px solid transparent
;
551 border-right: 8px solid white
;
555 div#headlines-toolbar span
.r:after
{
556 /* Smaller and different position triangle */
558 border-top: 6px solid transparent
;
559 border-bottom: 6px solid transparent
;
560 border-right: 6px solid
#ecf4ff;
565 div#headlines-toolbar span
.r span
.error
{
569 div#headlines-toolbar span
.r a
{
573 div#headlines-toolbar span
.r
a:hover
{
577 span
.contentPreview
{
579 font-weight : normal
;
582 span
.contentPreview:hover
{
587 background-color : #fff7d5;
590 font-weight : normal
;
591 margin : 0px 3px 0px 3px;
592 padding : 0px 4px 0px 4px;
596 td
.hlSelectRow
, td
.hlUpdPic
{
601 div
.postHeader div
.postDate
{
607 div
.postHeader div
.postDateRTL
{
614 padding-bottom : 3px;
624 border-width : 0px 0px 1px 0px;
625 border-style : solid
;
626 border-color : #c0c0c0;
627 padding-bottom : 5px;
631 td
.hlMarkedPic
, td
.hlSelectRow
, td
.hlUpdated
, td
.hlFeed
{
639 span
.hlFeed
, span
.hlFeed a
{
644 span
.hlFeed
a:hover
{
656 div
.tagCloudContainer
{
657 border : 1px solid
#c0c0c0;
658 background-color : #ecf4ff;
659 margin : 5px 0px 5px 0px;
665 border : 1px solid
#c0c0c0;
666 background-color : #ecf4ff;
667 margin : 5px 0px 5px 0px;
674 list-style-type : none
;
675 border : 1px solid
#c0c0c0;
676 background-color : #ecf4ff;
677 margin : 0px 0px 5px 0px;
681 ul
.feedErrorsList em
{
688 list-style-type : none
;
689 border : 1px solid gray
;
690 background-color : white
;
691 margin : 0px 0px 5px 0px;
698 border-width : 0px 1px 1px 1px;
699 border-color : #c0c0c0;
700 border-style : solid
;
701 margin : 0px 0px 5px 0px;
702 background-color : white
;
703 list-style-type : none
;
708 ul
.browseFeedList li
{
710 padding : 2px 4px 2px 4px;
724 margin : 5px 5px 5px 5px;
729 list-style-type : none
;
766 display : table-cell
;
767 white-space : nowrap
;
776 table
.loginForm2
.loginTop
{
777 border-width : 0px 0px 1px 0px;
778 border-color : #88b0f0;
779 border-style : solid
;
783 table
.loginForm2
.loginMiddle
{
787 table
.loginForm2
.loginBottom
{
788 border-width : 1px 0px 0px 0px;
789 border-color : #88b0f0;
790 border-style : solid
;
797 table
.loginForm2
.loginBottom a
{
801 table
.loginForm2
.loginBottom
a:hover
{
805 table
.loginForm2
.loginError
{
810 table
.loginForm2
.innerLoginCell
{
826 html
, body#ttrssMain
, #main
{
834 html
, body#ttrssPrefs
, #main
{
842 #toolbar div
.actionChooser
{
843 display : table-cell
;
848 /* preferences layout */
878 vertical-align : middle
;
884 vertical-align : middle
;
890 background-color : white
;
891 border :1px solid
#778899;
896 div
.autocomplete ul
{
897 list-style-type : none
;
902 div
.autocomplete ul li
.selected
{
903 background-color : #fff7d5;
906 div
.autocomplete ul li
{
907 list-style-type : none
;
929 border : 1px solid
#4684ff;
933 a
.visibleLinkB:hover
{
934 background-color : #ecf4ff;
937 .hlContentH a, .hlContentH span {
941 .hlContentL a, .hlContentL span {
943 text-decoration : line-through
;
946 span
.titleWrapH
, span
.titleWrapH a
{
950 span
.titleWrapL
, span
.titleWrapL a
{
952 text-decoration : line-through
;
956 vertical-align : middle
;
961 div#hotkey_help_overlay
{
970 border-radius : 30px;
974 div#hotkey_help_overlay h1
{
978 div#hotkey_help_overlay ul
{
979 list-style-type : none
;
983 div#hotkey_help_overlay a
{
987 div#hotkey_help_overlay
a:hover
{
991 div#hotkey_help_overlay li
{
995 div#hotkey_help_overlay p
{
999 div#hotkey_help_overlay td
.n
{
1004 padding-right : 5px;
1007 div#hotkey_help_overlay td
{
1008 vertical-align : top
;
1011 div#hotkey_help_overlay h1
{
1015 div#hotkey_help_overlay h2
{
1018 margin : 0.3em 0px 0.3em 0px;
1019 text-align : center
;
1023 div#hotkey_help_overlay table
.hho td
.top
,
1024 div#hotkey_help_overlay table
.hho td
.bottom
{
1025 text-align : center
;
1038 position : relative
;
1043 font-weight : normal
;
1049 border : 0px solid transparent
;
1053 div
.dlgSecCont
> * {
1054 position : relative
;
1063 span
.labelColorIndicator
{
1068 display : inline-block
;
1069 border : 1px solid black
;
1070 background-color : #fff7d5;
1072 text-align : center
;
1076 span
.labelColorIndicator2
{
1080 display : inline-block
;
1081 border : 1px solid black
;
1082 background-color : #fff7d5;
1084 text-align : center
;
1086 vertical-align : bottom
;
1090 position : absolute
;
1096 background-color : white
;
1097 border : 1px solid
#88b0f0;
1098 padding : 3px 5px 3px 5px;
1102 #feed_browser_spinner {
1103 vertical-align : middle
;
1109 position : absolute
;
1115 border-style : solid
;
1116 border-color : #d7c47a;
1117 background-color : #fff7d5;
1119 text-align : center
;
1128 display : table-cell
;
1131 vertical-align : middle
;
1133 padding-bottom : 4px;
1137 display : table-cell
;
1138 vertical-align : middle
;
1139 white-space: nowrap
;
1143 display : table-cell
;
1144 white-space: nowrap
;
1146 vertical-align : middle
;
1156 font-weight : medium
;
1158 display : table-cell
;
1160 vertical-align : middle
;
1162 padding-bottom : 4px;
1172 div
.hlLeft img
, div
.hlRight img
{
1173 margin : 0px 4px 0px 4px;
1178 display : table-cell
;
1179 padding-right : 4px;
1181 text-align : center
;
1182 vertical-align : middle
;
1190 margin-bottom : 10px;
1193 div
.fatalError button
{
1197 div
.fatalError textarea
{
1222 border-color : #88b0f0;
1223 border-left-width : 0px;
1224 border-bottom-width : 0px;
1225 border-top-width : 0px;
1229 #headlines-wrap-inner {
1237 border-color : #88b0f0;
1238 border-left-width : 0px;
1239 border-right-width : 0px;
1241 border-top-width : 0px;
1244 #headlines-toolbar_splitter, #toolbar_splitter
{
1258 white-space: nowrap
;
1266 padding : 5px 5px 0px 0px;
1268 position : absolute
;
1275 text-align : center
;
1277 padding : 4px 4px 8px 4px;
1283 border-color : #88b0f0;
1284 border-bottom-width : 0px;
1285 border-right-width : 0px;
1286 border-left-width : 0px;
1290 .dijitTreeLabel.Unread {
1300 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1304 .dijitTreeRow.Error {
1308 .dijitTreeRow.Hidden {
1312 img
.feedIcon
, img
.tinyFeedIcon
{
1317 div
#feedlistLoading
, div#filterlistLoading
, div#labellistLoading
{
1318 text-align : center
;
1323 div
#feedlistLoading img
, div#filterlistLoading img
, div#labellistLoading
{
1327 div#pref-tabs
.dijitContentPane
{
1332 margin : 0px 5px 0px 5px;
1335 div#pref-tabs
.dijitContentPane h3
{
1340 #pref-filter-wrap, #pref-filter-header
, #pref-filter-content
,
1341 #pref-label-wrap, #pref-label-header
, #pref-label-content
,
1342 #pref-user-wrap, #pref-user-header
, #pref-user-content
,
1343 #pref-instance-wrap, #pref-instance-header
, #pref-instance-content
{
1349 #userConfigTab, #labelConfigTab
, #filterConfigTab
, #pref-feeds-feeds
, #instanceConfigTab
{
1357 span
.labelFixedLength
{
1358 display : inline-block
;
1362 #filter_dlg_date_chk_box {
1363 display : inline-block
;
1366 .dijitDialog .dijitToolbar {
1367 border : 1px solid
#c0c0c0;
1372 border : 1px solid
#ecf4ff;
1378 vertical-align : middle
;
1379 position : relative
;
1384 display : inline-block
;
1387 font-family : sans-serif
;
1388 border : 1px solid gray
;
1389 padding : 0px 4px 0px 4px;
1390 margin : 0px 2px 0px 2px;
1392 text-align : center
;
1397 border-color : #00c000;
1401 background : #f0f0f0;
1408 text-align : center
;