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
.postTitle
{
49 div
.postReply div
.postDate
{
53 div
.postReply div
.postContent
{
58 div
.postReply div
.postContent img
{
63 div
.postReply div
.postEnclosures
{
68 div
.postReply img
.tagsPic
{
72 vertical-align : middle
;
76 background-color : #fff7d5;
78 border-style : none none dashed none
;
79 border-color : #e7d796;
81 background-color : #fff7d5;
85 div
.articleNote div
.noteEdit
{
90 div
.postReply span
.author
{
101 border-width : 0px 0px 1px 0px;
102 border-style : solid
;
103 border-color : #ecf4ff;
109 border-width : 0px 0px 1px 0px;
110 border-style : solid
;
111 border-color : #ecf4ff;
115 border-width : 0px 0px 1px 0px;
116 border-style : dashed
;
117 border-color : #e0e0e0;
122 text-decoration : none
;
135 border-width : 0px 1px 1px 1px;
136 border-style : solid
;
145 padding : 5px 5px 5px 5px;
149 vertical-align : middle
;
153 border-color : #d7c47a;
154 background-color : #fff7d5;
159 border-color : #7AD78E;
160 background-color : #D5FFDB;
165 border-color : #d7c47a;
166 background-color : #fff7d5;
171 background-color : #ffcccc;
172 border-color : #ff0000;
176 .notifyError span:hover {
181 .Selected, .Selected td {
182 background-color : #fff7d5 ! important
;
185 .even.Unread.Selected, .even.Unread.Selected td {
186 background : #fff7d5 ! important
;
188 border-width : 0px 0px 1px 0px;
189 border-style : solid
;
190 border-color : #e7d796;
193 .odd.Unread.Selected, .odd.Unread.Selected td {
194 background : #fff7d5 ! important
;
196 border-width : 0px 0px 1px 0px;
197 border-style : solid
;
198 border-color : #e7d796;
201 .even.Selected, .even.Selected td {
202 background : #fff7d5 ! important
;
203 border-width : 0px 0px 1px 0px;
204 border-style : solid
;
205 border-color : #e7d796;
206 border-collapse : collapse
;
209 .odd.Selected, .odd.Selected td {
210 background : #fff7d5 ! important
;
211 border-width : 0px 0px 1px 0px;
212 border-style : solid
;
213 border-color : #e7d796;
214 border-collapse : collapse
;
217 .even.Grayed, .even.Grayed td {
218 background : #f0f0f0;
220 border-width : 0px 0px 1px 0px;
221 border-style : solid
;
222 border-color : #c0c0c0;
223 border-collapse : collapse
;
231 border-width : 0px 0px 1px 0px;
232 border-style : solid
;
233 border-color : #c0c0c0;
234 background : #f0f0f0;
235 border-collapse : collapse
;
239 border-width : 0px 0px 1px 0px;
240 border-style : solid
;
241 border-color : #c0c0c0;
242 border-collapse : collapse
;
245 .even.Unread, .even.Unread td {
246 background : #f0f0f0;
248 border-width : 0px 0px 1px 0px;
249 border-style : solid
;
250 border-color : #c0c0c0;
251 border-collapse : collapse
;
254 .odd.Unread, .odd.Unread td {
256 border-width : 0px 0px 1px 0px;
257 border-style : solid
;
258 border-color : #c0c0c0;
267 /* table.prefPrefsList tr:hover td.prefValue {
271 table.prefPrefsList tr:hover td.prefValue input {
275 table
.prefPrefsList h3
{
281 border-width : 0px 0px 1px 0px;
282 border-color : #ecf4ff;
283 border-style : solid
;
291 tr
.title td
a:hover
{
295 table
.prefFeedList td
.feedEditCat
{
297 border-width : 0px 0px 1px 0px;
298 border-style : solid
;
299 border-color : #88b0f0;
303 table
.prefFilterList td
.filterEditCat
{
305 border-width : 0px 0px 1px 0px;
306 border-style : solid
;
307 border-color : #88b0f0;
311 /* oh for the love of... */
313 table
.prefFilterList tr
.even
,
314 table
.prefFilterList tr
.odd
,
315 table
.prefFilterList tr
.evenSelected
,
316 table
.prefFilterList tr
.oddSelected
,
317 table
.prefLabelList tr
.even
,
318 table
.prefLabelList tr
.odd
,
319 table
.prefLabelList tr
.evenSelected
,
320 table
.prefLabelList tr
.oddSelected
,
321 table
.prefUserList tr
.even
,
322 table
.prefUserList tr
.odd
,
323 table
.prefUserList tr
.evenSelected
,
324 table
.prefUserList tr
.oddSelected
,
325 table
.prefFeedList tr
.even
,
326 table
.prefFeedList tr
.odd
,
327 table
.prefFeedList tr
.evenSelected
,
328 table
.prefFeedList tr
.oddSelected
,
329 table
.prefInstanceList tr
.even
,
330 table
.prefInstanceList tr
.odd
,
331 table
.prefInstanceList tr
.evenSelected
,
332 table
.prefInstanceList tr
.oddSelected
337 table
.prefFilterList tr
.even:hover td
,
338 table
.prefFilterList tr
.odd:hover td
,
339 table
.prefFilterList tr
.evenSelected:hover td
,
340 table
.prefFilterList tr
.oddSelected:hover td
341 table
.prefLabelList tr
.even:hover td
,
342 table
.prefLabelList tr
.odd:hover td
,
343 table
.prefLabelList tr
.evenSelected:hover td
,
344 table
.prefLabelList tr
.oddSelected:hover td
,
345 table
.prefUserList tr
.even:hover td
,
346 table
.prefUserList tr
.odd:hover td
,
347 table
.prefUserList tr
.evenSelected:hover td
,
348 table
.prefUserList tr
.oddSelected:hover td
,
349 table
.prefFeedList tr
.even:hover td
,
350 table
.prefFeedList tr
.odd:hover td
,
351 table
.prefFeedList tr
.evenSelected:hover td
,
352 table
.prefFeedList tr
.oddSelected:hover td
,
353 table
.prefInstanceList tr
.even:hover td
,
354 table
.prefInstanceList tr
.odd:hover td
,
355 table
.prefInstanceList tr
.evenSelected:hover td
,
356 table
.prefInstanceList tr
.oddSelected:hover td
361 table
.prefFeedList td
.feedIcon
{
365 table
.prefFeedList td
.feedSelect
{
369 div
.prefFeedCatHolder
, div
.prefFeedOPMLHolder
, div
.inactiveFeedHolder
, div
.filterTestHolder
{
372 border-width : 0px 1px 1px 1px;
373 border-color : #c0c0c0;
374 border-style : solid
;
375 margin : 0px 0px 5px 0px;
376 background-color : #ecf4ff;
379 div
.prefFeedOPMLHolder
, div
.filterTestHolder
{
380 border-width : 1px 1px 1px 1px;
391 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
392 margin : 5px 0px 5px 0px;
395 border-width : 0px 0px 0px 3px;
396 border-color : #c0c0c0;
397 border-style : solid
;
398 background : #fafafa;
401 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
402 margin : 5px 0px 5px 0px;
405 font-family : monospace
;
408 border-color : #c0e0c0;
409 border-style : solid
;
410 background : #fafafa;
414 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
415 margin : 5px 0px 5px 0px;
418 font-family : monospace
;
421 border-color : #c0c0c0;
422 border-style : solid
;
423 background : #fafafa;
428 background : #ffffff;
429 border : 1px solid
#88b0f0;
432 margin : 0px 0px 5px 0px;
437 background : #fff7d5;
438 border : 1px solid
#d7c47a;
442 margin : 0px 0px 5px 0px;
445 div
.warning img
, div
.notice img
, div
.error img
{
446 vertical-align : middle
;
450 span
.filterDateError
{
455 border : 1px solid
#ff0000;
456 background : #ffcccc;
458 margin : 0px 0px 5px 0px;
463 list-style-type : none
;
468 div
.prefHelp
, td
.prefHelp
{
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 padding : 0 4px 0px 4px;
531 div#headlines-toolbar span
.r span
.error
{
535 div#headlines-toolbar span
.r a
{
539 div#headlines-toolbar span
.r
a:hover
{
543 span
.contentPreview
{
545 font-weight : normal
;
548 span
.contentPreview:hover
{
553 background-color : #fff7d5;
556 font-weight : normal
;
557 margin : 0px 3px 0px 3px;
558 padding : 0px 4px 0px 4px;
562 td
.hlSelectRow
, td
.hlUpdPic
{
567 div
.postHeader div
.postDate
{
574 padding-bottom : 3px;
584 border-width : 0px 0px 1px 0px;
585 border-style : solid
;
586 border-color : #c0c0c0;
587 padding-bottom : 5px;
591 td
.hlMarkedPic
, td
.hlSelectRow
, td
.hlUpdated
, td
.hlFeed
{
599 span
.hlFeed
, span
.hlFeed a
{
604 span
.hlFeed
a:hover
{
610 vertical-align : middle
;
617 div
.tagCloudContainer
{
618 border : 1px solid
#c0c0c0;
619 background-color : #ecf4ff;
620 margin : 5px 0px 5px 0px;
626 border : 1px solid
#c0c0c0;
627 background-color : #ecf4ff;
628 margin : 5px 0px 5px 0px;
635 list-style-type : none
;
636 border : 1px solid
#c0c0c0;
637 background-color : #ecf4ff;
638 margin : 0px 0px 5px 0px;
645 list-style-type : none
;
646 border : 1px solid
#c0c0c0;
647 background-color : #ecf4ff;
648 margin : 0px 0px 5px 0px;
652 ul
.feedErrorsList em
{
659 list-style-type : none
;
660 border : 1px solid gray
;
661 background-color : white
;
662 margin : 0px 0px 5px 0px;
669 border-width : 0px 1px 1px 1px;
670 border-color : #c0c0c0;
671 border-style : solid
;
672 margin : 0px 0px 5px 0px;
673 background-color : white
;
674 list-style-type : none
;
679 ul
.browseFeedList li
{
681 padding : 2px 4px 2px 4px;
695 margin : 5px 5px 5px 5px;
700 list-style-type : none
;
737 display : table-cell
;
738 white-space : nowrap
;
754 html
, body#ttrssMain
, #main
{
762 html
, body#ttrssPrefs
, #main
{
770 #toolbar div
.actionChooser
{
771 display : table-cell
;
776 /* preferences layout */
806 vertical-align : middle
;
812 vertical-align : middle
;
818 background-color : white
;
819 border :1px solid
#778899;
824 div
.autocomplete ul
{
825 list-style-type : none
;
830 div
.autocomplete ul li
.selected
{
831 background-color : #fff7d5;
834 div
.autocomplete ul li
{
835 list-style-type : none
;
857 border : 1px solid
#4684ff;
861 a
.visibleLinkB:hover
{
862 background-color : #ecf4ff;
865 .hlContentH a, .hlContentH span {
869 .hlContentL a, .hlContentL span {
871 text-decoration : line-through
;
874 span
.titleWrapH
, span
.titleWrapH a
{
878 span
.titleWrapL
, span
.titleWrapL a
{
880 text-decoration : line-through
;
884 vertical-align : middle
;
903 font-weight : normal
;
909 border : 0px solid transparent
;
923 span
.labelColorIndicator
{
928 display : inline-block
;
929 border : 1px solid black
;
930 background-color : #fff7d5;
936 span
.labelColorIndicator2
{
940 display : inline-block
;
941 border : 1px solid black
;
942 background-color : #fff7d5;
946 vertical-align : bottom
;
956 background-color : white
;
957 border : 1px solid
#88b0f0;
958 padding : 3px 5px 3px 5px;
962 #feed_browser_spinner {
963 vertical-align : middle
;
975 border-style : solid
;
976 border-color : #d7c47a;
977 background-color : #fff7d5;
988 display : table-cell
;
991 vertical-align : middle
;
993 padding-bottom : 4px;
997 display : table-cell
;
998 vertical-align : middle
;
1003 display : table-cell
;
1004 white-space: nowrap
;
1006 vertical-align : middle
;
1017 display : table-cell
;
1019 vertical-align : middle
;
1021 padding-bottom : 4px;
1034 div
.hlLeft img
, div
.hlRight img
{
1035 margin : 0px 4px 0px 4px;
1044 margin-bottom : 10px;
1047 div
.fatalError button
{
1051 div
.fatalError textarea
{
1070 border-width : 0px 0px 1px 1px;
1071 border-style : solid
;
1072 border-color : #c0c0c0;
1078 border-color : #88b0f0;
1079 border-left-width : 0px;
1080 border-bottom-width : 0px;
1081 border-top-width : 0px;
1085 #headlines-wrap-inner {
1093 border-color : #88b0f0;
1094 border-left-width : 0px;
1095 border-right-width : 0px;
1097 border-top-width : 0px;
1100 #headlines-toolbar_splitter, #toolbar_splitter
{
1108 white-space: nowrap
;
1116 padding : 5px 5px 0px 0px;
1118 position : absolute
;
1125 text-align : center
;
1127 padding : 4px 4px 8px 4px;
1133 border-color : #88b0f0;
1134 border-bottom-width : 0px;
1135 border-right-width : 0px;
1136 border-left-width : 0px;
1140 .dijitTreeLabel.Unread {
1150 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1154 .dijitTreeRow.Error {
1158 .dijitTreeRow.Hidden {
1162 img
.feedIcon
, img
.tinyFeedIcon
{
1165 vertical-align : middle
;
1168 div
#feedlistLoading
, div#filterlistLoading
, div#labellistLoading
{
1169 text-align : center
;
1174 div
#feedlistLoading img
, div#filterlistLoading img
, div#labellistLoading
{
1178 div#pref-tabs
.dijitContentPane
{
1183 margin : 0px 5px 0px 5px;
1186 div#pref-tabs
.dijitContentPane h3
{
1191 #pref-filter-wrap, #pref-filter-header
, #pref-filter-content
,
1192 #pref-label-wrap, #pref-label-header
, #pref-label-content
,
1193 #pref-user-wrap, #pref-user-header
, #pref-user-content
,
1194 #pref-instance-wrap, #pref-instance-header
, #pref-instance-content
{
1200 #userConfigTab, #labelConfigTab
, #filterConfigTab
, #pref-feeds-feeds
, #instanceConfigTab
{
1208 span
.labelFixedLength
{
1209 display : inline-block
;
1213 #filter_dlg_date_chk_box {
1214 display : inline-block
;
1217 .dijitDialog .dijitToolbar {
1218 border : 1px solid
#c0c0c0;
1223 border : 1px solid
#ecf4ff;
1228 display : inline-block
;
1231 font-family : sans-serif
;
1232 border : 1px solid gray
;
1233 padding : 0px 4px 0px 4px;
1234 margin : 0px 2px 0px 2px;
1236 text-align : center
;
1241 border-color : #00c000;
1245 background : #f0f0f0;
1252 text-align : center
;
1262 margin-bottom : 5px;
1266 ul#filterDlg_Matches
, ul#filterDlg_Actions
{
1269 list-style-type : none
;
1270 border-style : solid
;
1271 border-color : #c0c0c0;
1272 border-width : 0px 1px 1px 1px;
1273 background-color : #ecf4ff;
1274 margin : 0px 0px 5px 0px;
1278 ul#filterDlg_Matches li
, ul#filterDlg_Actions li
{
1280 padding : 0px 0px 0px 5px;
1283 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{
1287 table
.prefPluginsList td label
, table
.prefUserList td
{
1294 list-style-type : none
;
1295 border : 1px solid
#c0c0c0;
1296 background-color : #ecf4ff;
1297 margin : 0px 0px 5px 0px;
1301 ul
.helpKbList span
.hksequence
{
1306 display : inline-block
;