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 : #ecf4ff;
506 border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
508 font-family : "Segoe UI", Tahoma
, sans-serif
;
516 div#headlines-toolbar
.dijitSelect
{
520 div#headlines-toolbar div#subtoolbar_main
{
521 display : table-cell
;
523 white-space : nowrap
;
524 vertical-align : middle
;
528 div#headlines-toolbar div#subtoolbar_ftitle
{
529 display : table-cell
;
531 vertical-align : middle
;
532 white-space : nowrap
;
536 div#subtoolbar_ftitle span
.error
{
540 span
.contentPreview
{
542 font-weight : normal
;
545 span
.contentPreview:hover
{
550 background-color : #fff7d5;
553 font-weight : normal
;
554 margin : 0px 3px 0px 3px;
555 padding : 0px 4px 0px 4px;
559 td
.hlSelectRow
, td
.hlUpdPic
{
564 div
.postHeader div
.postDate
{
570 div
.postHeader div
.postDateRTL
{
577 padding-bottom : 3px;
587 border-width : 0px 0px 1px 0px;
588 border-style : solid
;
589 border-color : #c0c0c0;
590 padding-bottom : 5px;
594 td
.hlMarkedPic
, td
.hlSelectRow
, td
.hlUpdated
, td
.hlFeed
{
602 span
.hlFeed
, span
.hlFeed a
{
607 span
.hlFeed
a:hover
{
619 div
.tagCloudContainer
{
620 border : 1px solid
#c0c0c0;
621 background-color : #ecf4ff;
622 margin : 5px 0px 5px 0px;
628 border : 1px solid
#c0c0c0;
629 background-color : #ecf4ff;
630 margin : 5px 0px 5px 0px;
637 list-style-type : none
;
638 border : 1px solid
#c0c0c0;
639 background-color : #ecf4ff;
640 margin : 0px 0px 5px 0px;
644 ul
.feedErrorsList em
{
651 list-style-type : none
;
652 border : 1px solid gray
;
653 background-color : white
;
654 margin : 0px 0px 5px 0px;
661 border-width : 0px 1px 1px 1px;
662 border-color : #c0c0c0;
663 border-style : solid
;
664 margin : 0px 0px 5px 0px;
665 background-color : white
;
666 list-style-type : none
;
671 ul
.browseFeedList li
{
673 padding : 2px 4px 2px 4px;
687 margin : 5px 5px 5px 5px;
692 list-style-type : none
;
729 display : table-cell
;
730 white-space : nowrap
;
739 table
.loginForm2
.loginTop
{
740 border-width : 0px 0px 1px 0px;
741 border-color : #88b0f0;
742 border-style : solid
;
746 table
.loginForm2
.loginMiddle
{
750 table
.loginForm2
.loginBottom
{
751 border-width : 1px 0px 0px 0px;
752 border-color : #88b0f0;
753 border-style : solid
;
760 table
.loginForm2
.loginBottom a
{
764 table
.loginForm2
.loginBottom
a:hover
{
768 table
.loginForm2
.loginError
{
773 table
.loginForm2
.innerLoginCell
{
789 html
, body#ttrssMain
, #main
{
797 html
, body#ttrssPrefs
, #main
{
805 #toolbar div
.actionChooser
{
806 display : table-cell
;
811 /* preferences layout */
841 vertical-align : middle
;
847 vertical-align : middle
;
853 background-color : white
;
854 border :1px solid
#778899;
859 div
.autocomplete ul
{
860 list-style-type : none
;
865 div
.autocomplete ul li
.selected
{
866 background-color : #fff7d5;
869 div
.autocomplete ul li
{
870 list-style-type : none
;
892 border : 1px solid
#4684ff;
896 a
.visibleLinkB:hover
{
897 background-color : #ecf4ff;
900 .hlContentH a, .hlContentH span {
904 .hlContentL a, .hlContentL span {
906 text-decoration : line-through
;
909 span
.titleWrapH
, span
.titleWrapH a
{
913 span
.titleWrapL
, span
.titleWrapL a
{
915 text-decoration : line-through
;
919 vertical-align : middle
;
924 div#hotkey_help_overlay
{
933 border-radius : 30px;
937 div#hotkey_help_overlay h1
{
941 div#hotkey_help_overlay ul
{
942 list-style-type : none
;
946 div#hotkey_help_overlay a
{
950 div#hotkey_help_overlay
a:hover
{
954 div#hotkey_help_overlay li
{
958 div#hotkey_help_overlay p
{
962 div#hotkey_help_overlay td
.n
{
970 div#hotkey_help_overlay td
{
971 vertical-align : top
;
974 div#hotkey_help_overlay h1
{
978 div#hotkey_help_overlay h2
{
981 margin : 0.3em 0px 0.3em 0px;
986 div#hotkey_help_overlay table
.hho td
.top
,
987 div#hotkey_help_overlay table
.hho td
.bottom
{
1001 position : relative
;
1006 font-weight : normal
;
1012 border : 0px solid transparent
;
1016 div
.dlgSecCont
> * {
1017 position : relative
;
1026 span
.labelColorIndicator
{
1031 display : inline-block
;
1032 border : 1px solid black
;
1033 background-color : #fff7d5;
1035 text-align : center
;
1039 span
.labelColorIndicator2
{
1043 display : inline-block
;
1044 border : 1px solid black
;
1045 background-color : #fff7d5;
1047 text-align : center
;
1049 vertical-align : bottom
;
1053 position : absolute
;
1059 background-color : white
;
1060 border : 1px solid
#88b0f0;
1061 padding : 3px 5px 3px 5px;
1065 #feed_browser_spinner {
1066 vertical-align : middle
;
1072 position : absolute
;
1078 border-style : solid
;
1079 border-color : #d7c47a;
1080 background-color : #fff7d5;
1082 text-align : center
;
1091 display : table-cell
;
1094 vertical-align : middle
;
1096 padding-bottom : 4px;
1100 display : table-cell
;
1101 vertical-align : middle
;
1102 white-space: nowrap
;
1106 display : table-cell
;
1107 white-space: nowrap
;
1109 vertical-align : middle
;
1119 font-weight : medium
;
1121 display : table-cell
;
1123 vertical-align : middle
;
1125 padding-bottom : 4px;
1135 div
.hlLeft img
, div
.hlRight img
{
1136 margin : 0px 4px 0px 4px;
1141 display : table-cell
;
1142 padding-right : 4px;
1144 text-align : center
;
1145 vertical-align : middle
;
1153 margin-bottom : 10px;
1156 div
.fatalError button
{
1160 div
.fatalError textarea
{
1185 border-color : #88b0f0;
1186 border-left-width : 0px;
1187 border-bottom-width : 0px;
1188 border-top-width : 0px;
1192 #headlines-wrap-inner {
1200 border-color : #88b0f0;
1201 border-left-width : 0px;
1202 border-right-width : 0px;
1204 border-top-width : 0px;
1207 #headlines-toolbar_splitter, #toolbar_splitter
{
1221 white-space: nowrap
;
1229 padding : 5px 5px 0px 0px;
1231 position : absolute
;
1238 text-align : center
;
1240 padding : 4px 4px 8px 4px;
1246 border-color : #88b0f0;
1247 border-bottom-width : 0px;
1248 border-right-width : 0px;
1249 border-left-width : 0px;
1253 .dijitTreeLabel.Unread {
1263 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1267 .dijitTreeRow.Error {
1271 .dijitTreeRow.Hidden {
1275 img
.feedIcon
, img
.tinyFeedIcon
{
1280 div
#feedlistLoading
, div#filterlistLoading
, div#labellistLoading
{
1281 text-align : center
;
1286 div
#feedlistLoading img
, div#filterlistLoading img
, div#labellistLoading
{
1290 div#pref-tabs
.dijitContentPane
{
1295 margin : 0px 5px 0px 5px;
1298 div#pref-tabs
.dijitContentPane h3
{
1303 #pref-filter-wrap, #pref-filter-header
, #pref-filter-content
,
1304 #pref-label-wrap, #pref-label-header
, #pref-label-content
,
1305 #pref-user-wrap, #pref-user-header
, #pref-user-content
,
1306 #pref-instance-wrap, #pref-instance-header
, #pref-instance-content
{
1312 #userConfigTab, #labelConfigTab
, #filterConfigTab
, #pref-feeds-feeds
, #instanceConfigTab
{
1320 span
.labelFixedLength
{
1321 display : inline-block
;
1325 #filter_dlg_date_chk_box {
1326 display : inline-block
;
1329 .dijitDialog .dijitToolbar {
1330 border : 1px solid
#c0c0c0;
1335 border : 1px solid
#ecf4ff;
1341 vertical-align : middle
;
1342 position : relative
;
1347 display : inline-block
;
1350 font-family : sans-serif
;
1351 border : 1px solid gray
;
1352 padding : 0px 4px 0px 4px;
1353 margin : 0px 2px 0px 2px;
1355 text-align : center
;
1360 border-color : #00c000;
1364 background : #f0f0f0;
1371 text-align : center
;