1 body#ttrssMain
, body#ttrssPrefs
, body#ttrssLogin
{
6 font-family : "Lucida Grande", Arial
, sans-serif
;
11 background-color : #ecf4ff;
14 body#ttrssPrefs #footer
, body#ttrssPrefs #header
{
15 background-color : #ecf4ff;
22 border-width : 0px 0px 0px 8px;
23 border-color : #e0e0e0;
26 background-color : #f0f0f0;
37 div
.postReply
a:hover
{
41 div
.postReply div
.postHeader
{
42 border-width : 0px 0px 1px 0px;
44 border-color : #88b0f0;
45 background-color : white
;
46 background : url
("images/toolbar.png");
47 background-position : bottom left
;
48 background-repeat : repeat-x
;
53 div
.postReply div
.postContent
{
58 div
.postReply div
.postContent img
{
63 div
.postReply div
.postIcon
{
69 div
.postReply div
.postIcon img
{
74 div
.postReply div
.postEnclosures
{
79 div
.postReply img
.tagsPic
{
83 vertical-align : middle
;
86 div
.articleNote div
.articleNoteOps
{
93 div
.articleNote div
.articleNoteOps a
{
97 div
.articleNote div
.articleNoteOps
a:hover
{
102 background-color : #fff7d5;
105 border-style : dashed
;
106 border-color : #e7d796;
114 text-align : justify
;
117 div
.postReply span
.author
{
128 border-width : 0px 0px 1px 0px;
129 border-style : solid
;
130 border-color : #ecf4ff;
136 border-width : 0px 0px 1px 0px;
137 border-style : solid
;
138 border-color : #ecf4ff;
142 border-width : 0px 0px 1px 0px;
143 border-style : dashed
;
144 border-color : #e0e0e0;
149 text-decoration : none
;
180 border-width : 0px 1px 1px 1px;
181 border-style : solid
;
190 padding : 5px 5px 5px 5px;
194 vertical-align : middle
;
198 border-color : #d7c47a;
199 background-color : #fff7d5;
204 border-color : #7AD78E;
205 background-color : #D5FFDB;
210 border-color : #d7c47a;
211 background-color : #fff7d5;
216 background-color : #ffcccc;
217 border-color : #ff0000;
221 .notifyError span:hover {
226 .blankborder, .blankborder td {
227 border-style : solid
;
228 border-color : transparent
;
229 border-width : 0px 0px 1px 0px;
232 .Selected, .Selected td {
233 background-color : #fff7d5;
236 .even.Unread.Selected, .even.Unread.Selected td {
237 background-color : #fff7d5;
239 border-width : 0px 0px 1px 0px;
240 border-style : solid
;
241 border-color : #e7d796;
244 .odd.Unread.Selected, .odd.Unread.Selected td {
245 background-color : #fff7d5;
247 border-width : 0px 0px 1px 0px;
248 border-style : solid
;
249 border-color : #e7d796;
252 .even.Selected, .even.Selected td {
253 background-color : #fff7d5;
254 border-width : 0px 0px 1px 0px;
255 border-style : solid
;
256 border-color : #e7d796;
257 border-collapse : collapse
;
260 .odd.Selected, .odd.Selected td {
261 background-color : #fff7d5;
262 border-width : 0px 0px 1px 0px;
263 border-style : solid
;
264 border-color : #e7d796;
265 border-collapse : collapse
;
268 .even.Grayed, .even.Grayed td {
269 background-color : #f0f0f0;
271 border-width : 0px 0px 1px 0px;
272 border-style : solid
;
273 border-color : #c0c0c0;
274 border-collapse : collapse
;
282 border-width : 0px 0px 1px 0px;
283 border-style : solid
;
284 border-color : #c0c0c0;
285 background-color : #f0f0f0;
286 border-collapse : collapse
;
290 border-width : 0px 0px 1px 0px;
291 border-style : solid
;
292 border-color : #c0c0c0;
293 border-collapse : collapse
;
296 .even.Unread, .even.Unread td {
297 background-color : #f0f0f0;
299 border-width : 0px 0px 1px 0px;
300 border-style : solid
;
301 border-color : #c0c0c0;
302 border-collapse : collapse
;
305 .odd.Unread, .odd.Unread td {
307 border-width : 0px 0px 1px 0px;
308 border-style : solid
;
309 border-color : #c0c0c0;
318 table
.prefPrefsList
tr:hover td
.prefValue
{
322 table
.prefPrefsList
tr:hover td
.prefValue input
{
326 table
.prefPrefsList h3
{
331 border-width : 0px 0px 1px 0px;
332 border-color : #ecf4ff;
333 border-style : solid
;
341 tr
.title td
a:hover
{
345 table
.prefFeedList td
.feedEditCat
{
347 border-width : 0px 0px 1px 0px;
348 border-style : solid
;
349 border-color : #88b0f0;
353 table
.prefFilterList td
.filterEditCat
{
355 border-width : 0px 0px 1px 0px;
356 border-style : solid
;
357 border-color : #88b0f0;
361 /* oh for the love of... */
363 table
.prefFilterList tr
.even
,
364 table
.prefFilterList tr
.odd
,
365 table
.prefFilterList tr
.evenSelected
,
366 table
.prefFilterList tr
.oddSelected
,
367 table
.prefLabelList tr
.even
,
368 table
.prefLabelList tr
.odd
,
369 table
.prefLabelList tr
.evenSelected
,
370 table
.prefLabelList tr
.oddSelected
,
371 table
.prefUserList tr
.even
,
372 table
.prefUserList tr
.odd
,
373 table
.prefUserList tr
.evenSelected
,
374 table
.prefUserList tr
.oddSelected
,
375 table
.prefFeedList tr
.even
,
376 table
.prefFeedList tr
.odd
,
377 table
.prefFeedList tr
.evenSelected
,
378 table
.prefFeedList tr
.oddSelected
383 table
.prefFilterList tr
.even:hover td
,
384 table
.prefFilterList tr
.odd:hover td
,
385 table
.prefFilterList tr
.evenSelected:hover td
,
386 table
.prefFilterList tr
.oddSelected:hover td
387 table
.prefLabelList tr
.even:hover td
,
388 table
.prefLabelList tr
.odd:hover td
,
389 table
.prefLabelList tr
.evenSelected:hover td
,
390 table
.prefLabelList tr
.oddSelected:hover td
,
391 table
.prefUserList tr
.even:hover td
,
392 table
.prefUserList tr
.odd:hover td
,
393 table
.prefUserList tr
.evenSelected:hover td
,
394 table
.prefUserList tr
.oddSelected:hover td
,
395 table
.prefFeedList tr
.even:hover td
,
396 table
.prefFeedList tr
.odd:hover td
,
397 table
.prefFeedList tr
.evenSelected:hover td
,
398 table
.prefFeedList tr
.oddSelected:hover td
403 table
.prefFeedList td
.feedIcon
{
407 table
.prefFeedList td
.feedSelect
{
411 div
.prefFeedCatHolder
, div
.prefFeedOPMLHolder
{
414 border-width : 0px 1px 1px 1px;
415 border-color : #c0c0c0;
416 border-style : solid
;
417 margin : 0px 0px 5px 0px;
418 background-color : #ecf4ff;
421 div
.prefFeedOPMLHolder
{
422 border-width : 1px 1px 1px 1px;
447 div.prefsTab.Selected:hover {
453 border-width : 1px 1px 0px 1px;
454 border-color : #C4D1E4;
455 border-style : solid;
456 margin : 0px 0px 0px 5px;
457 padding : 3px 5px 3px 5px;
459 font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
460 border-collapse : collapse;
469 div.prefsTab.Selected {
471 border-width : 1px 1px 0px 1px;
472 border-color : #88b0f0;
473 border-style : solid;
474 margin : 0px 0px 0px 5px;
475 padding : 3px 5px 3px 5px;
476 background-color : #ecf4ff;
478 font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
479 border-collapse : collapse;
491 background : #ffffff;
492 border : 1px solid
#88b0f0;
495 margin : 0px 0px 5px 0px;
500 background : #fff7d5;
501 border : 1px solid
#d7c47a;
505 margin : 0px 0px 5px 0px;
508 div
.warning img
, div
.notice img
, div
.error img
{
509 vertical-align : middle
;
513 span
.filterDateError
{
518 border : 1px solid
#ff0000;
519 background : #ffcccc;
521 margin : 0px 0px 5px 0px;
526 list-style-type : none
;
531 div
.prefHelp
, td
.prefHelp
{
537 background-color : #ecf4ff;
552 .insensitive a:hover {
560 table
.innerFeedTable td
{
570 div#headlines-toolbar
{
571 border-width : 1px 0px 1px 0px;
572 background-color : #ecf4ff;
573 border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
575 font-family : "Lucida Grande", "Segoe UI", Tahoma
, Arial
, sans-serif
;
583 div#headlines-toolbar
.dijitSelect
{
587 div#headlines-toolbar div#subtoolbar_main
{
588 display : table-cell
;
590 white-space : nowrap
;
591 vertical-align : middle
;
595 div#headlines-toolbar div#subtoolbar_ftitle
{
596 display : table-cell
;
598 vertical-align : middle
;
599 white-space : nowrap
;
603 span
.contentPreview
{
605 font-weight : normal
;
608 span
.contentPreview:hover
{
613 background-color : #fff7d5;
616 font-weight : normal
;
617 margin : 0px 3px 0px 3px;
618 padding : 0px 4px 0px 4px;
622 td
.hlSelectRow
, td
.hlUpdPic
{
627 div
.postHeader div
.postDate
{
633 div
.postHeader div
.postDateRTL
{
640 padding-bottom : 3px;
642 /* font-family : "Lucida Grande", Tahoma, sans-serif; */
651 border-width : 0px 0px 1px 0px;
652 border-style : solid
;
653 border-color : #c0c0c0;
654 padding-bottom : 5px;
658 td
.hlMarkedPic
, td
.hlSelectRow
, td
.hlUpdated
, td
.hlFeed
{
666 span
.hlFeed
, span
.hlFeed a
{
671 span
.hlFeed
a:hover
{
693 div
.tagCloudContainer
{
694 border : 1px solid
#c0c0c0;
695 background-color : #ecf4ff;
696 margin : 5px 0px 5px 0px;
702 border : 1px solid
#c0c0c0;
703 background-color : #ecf4ff;
704 margin : 5px 0px 5px 0px;
711 list-style-type : none
;
712 border : 1px solid
#c0c0c0;
713 background-color : #ecf4ff;
714 margin : 0px 0px 5px 0px;
718 ul
.feedErrorsList em
{
725 list-style-type : none
;
726 border : 1px solid gray
;
727 background-color : white
;
728 margin : 0px 0px 5px 0px;
735 border-width : 0px 1px 1px 1px;
736 border-color : #c0c0c0;
737 border-style : solid
;
738 margin : 0px 0px 5px 0px;
739 background-color : white
;
740 list-style-type : none
;
745 ul
.browseFeedList li
{
747 padding : 2px 4px 2px 4px;
761 margin : 5px 5px 5px 5px;
766 list-style-type : none
;
776 div
.browserFeedInfo
{
778 /* border : 1px solid #88b0f0;
779 background-color : #ecf4ff;
780 -moz-border-radius : 5px; */
784 div
.browserFeedInfo div
.detailsPart
{
785 margin : 5px 0px 5px 5px;
799 background-image : url
("images/shadow_white.png");
819 background-color : #ecf4ff;
820 border : 1px solid
#88b0f0;
839 display : table-cell
;
840 white-space : nowrap
;
848 font-weight : normal
;
859 /*.scriptWarn:before {
860 content : "Disabled script:";
865 background-color : #903030;
866 border : 1px solid
#601010;
882 table
.loginForm2
.loginTop
{
883 border-width : 0px 0px 1px 0px;
884 border-color : #88b0f0;
885 border-style : solid
;
889 table
.loginForm2
.loginMiddle
{
893 table
.loginForm2
.loginBottom
{
894 border-width : 1px 0px 0px 0px;
895 border-color : #88b0f0;
896 border-style : solid
;
903 table
.loginForm2
.loginBottom a
{
907 table
.loginForm2
.loginBottom
a:hover
{
911 table
.loginForm2
.loginError
{
916 table
.loginForm2
.innerLoginCell
{
936 html
, body#ttrssMain
, #main
{
944 html
, body#ttrssPrefs
, #main
{
952 #toolbar div
.actionChooser
{
953 display : table-cell
;
958 /* preferences layout */
967 background-image : url("images/footer.png");
968 background-position : top left;
969 background-repeat : repeat-x;
970 background-color : white;
974 border-collapse : collapse;
975 border-width : 1px 0px 0px 0px;
976 border-style : solid;
977 border-color : #88b0f0;
985 #footer a, #prefFooter a {
989 #footer a:hover, #prefFooter a:hover {
1003 margin-right : 10px;
1010 div
.return
a:hover
{
1014 /* #prefContentOuter {
1016 position : absolute;
1022 border-width : 1px 0px 0px 0px;
1023 border-color : #88b0f0;
1024 border-style : solid;
1030 background-image : url("images/prefs-content.png");
1031 background-position : top left;
1032 background-repeat : repeat-x;
1033 position : absolute;
1043 vertical-align : middle
;
1049 vertical-align : middle
;
1052 table
.prefFeedCatList
{
1057 position : absolute
;
1059 background-color : white
;
1060 border :1px solid
#778899;
1065 div
.autocomplete ul
{
1066 list-style-type : none
;
1071 div
.autocomplete ul li
.selected
{
1072 background-color : #fff7d5;
1075 div
.autocomplete ul li
{
1076 list-style-type : none
;
1098 div
.topLinks
a:hover
{
1102 div
.topLinks a
.feedback
{
1112 border : 1px solid
#4684ff;
1116 a
.visibleLinkB:hover
{
1117 background-color : #ecf4ff;
1120 .hlContentH a, .hlContentH span {
1124 .hlContentL a, .hlContentL span {
1126 text-decoration : line-through
;
1129 span
.titleWrapH
, span
.titleWrapH a
{
1133 span
.titleWrapL
, span
.titleWrapL a
{
1135 text-decoration : line-through
;
1139 vertical-align : middle
;
1144 div#hotkey_help_overlay
{
1145 position : absolute
;
1154 div#hotkey_help_overlay h1
{
1155 text-align : center
;
1158 div#hotkey_help_overlay ul
{
1159 list-style-type : none
;
1163 div#hotkey_help_overlay li
{
1167 div#hotkey_help_overlay p
{
1168 text-align : center
;
1171 div#hotkey_help_overlay td
.n
{
1176 padding-right : 5px;
1179 div#hotkey_help_overlay td
{
1180 vertical-align : top
;
1183 div#hotkey_help_overlay h1
{
1187 div#hotkey_help_overlay h2
{
1190 margin : 0.3em 0px 0.3em 0px;
1191 text-align : center
;
1195 div#hotkey_help_overlay table
.hho td
.c1
{
1198 background : url
("images/c1.png");
1199 background-repeat : no-repeat
;
1203 div#hotkey_help_overlay table
.hho td
.c2
{
1206 background : url
("images/c2.png");
1207 background-repeat : no-repeat
;
1210 div#hotkey_help_overlay table
.hho td
.c3
{
1213 background : url
("images/c3.png");
1214 background-repeat : no-repeat
;
1217 div#hotkey_help_overlay table
.hho td
.c4
{
1220 background : url
("images/c4.png");
1221 background-repeat : no-repeat
;
1224 div#hotkey_help_overlay table
.hho td
.top
,
1225 div#hotkey_help_overlay table
.hho td
.left
,
1226 div#hotkey_help_overlay table
.hho td
.right
,
1227 div#hotkey_help_overlay table
.hho td
.bottom
,
1228 div#hotkey_help_overlay table
.hho td
.content
{
1229 background : url
("images/shadow_dark.png");
1232 div#hotkey_help_overlay table
.hho td
.top
,
1233 div#hotkey_help_overlay table
.hho td
.bottom
{
1234 text-align : center
;
1240 border : 1px solid black
;
1241 background-color : white
;
1247 background-color : #88b0f0;
1260 position : relative
;
1265 font-weight : normal
;
1268 div
.dlgSecCont
> * {
1270 vertical-align : bottom
;
1280 font-family : monospace
;
1283 span
.prefsLabelEntry
{
1287 span
.labelColorIndicator
{
1292 display : inline-block
;
1293 border : 1px solid black
;
1294 background-color : #fff7d5;
1296 text-align : center
;
1300 span
.labelColorIndicator2
{
1304 display : inline-block
;
1305 border : 1px solid black
;
1306 background-color : #fff7d5;
1308 text-align : center
;
1310 vertical-align : bottom
;
1314 div
.labelColorIndicator
{
1319 text-align : center
;
1320 border : 1px solid black
;
1322 background-color : #fff7d5;
1324 margin-right : 10px;
1327 div
.colorPicker div
.colorPickerEntry:hover
{
1328 border : 1px solid
#88b0f0;
1331 div
.colorPicker div
.ccPrompt:hover
{
1335 div
.colorPicker div
.colorPickerEntry
{
1340 text-align : center
;
1341 border : 1px solid black
;
1342 margin : 5px 5px 0px 0px;
1347 border : 1px solid
#cccccc;
1348 background : #f0f0f0;
1350 padding : 0px 0px 5px 5px;
1351 position : absolute
;
1360 font-style : normal
;
1368 position : absolute
;
1374 background-color : white
;
1375 border : 1px solid
#88b0f0;
1376 padding : 3px 5px 3px 5px;
1380 #feed_browser_spinner {
1381 vertical-align : middle
;
1387 position : absolute
;
1393 border-style : solid
;
1394 border-color : #d7c47a;
1395 background-color : #fff7d5;
1397 text-align : center
;
1406 display : table-cell
;
1409 vertical-align : middle
;
1411 padding-bottom : 4px;
1415 display : table-cell
;
1416 vertical-align : middle
;
1417 white-space: nowrap
;
1421 display : table-cell
;
1422 white-space: nowrap
;
1424 vertical-align : middle
;
1434 font-weight : medium
;
1436 display : inline-block
;
1444 div
.hlLeft img
, div
.hlRight img
{
1445 margin : 0px 4px 0px 4px;
1450 display : table-cell
;
1451 padding-right : 4px;
1453 text-align : center
;
1454 vertical-align : middle
;
1462 div
.fatalError button
{
1466 div
.fatalError textarea
{
1485 border-color : #88b0f0;
1486 border-left-width : 0px;
1487 border-bottom-width : 0px;
1490 #headlines-wrap-inner {
1498 border-color : #88b0f0;
1499 border-left-width : 0px;
1500 border-right-width : 0px;
1502 border-top-width : 0px;
1505 #headlines-toolbar_splitter {
1515 #content-tabs .dijitTab
{
1524 white-space: nowrap
;
1529 padding : 4px 8px 0px 8px;
1534 text-align : center
;
1536 padding : 4px 4px 8px 4px;
1542 border-color : #88b0f0;
1543 border-bottom-width : 0px;
1544 border-right-width : 0px;
1545 border-left-width : 0px;
1548 .dijitTreeLabel.Unread {
1552 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1556 .dijitTreeRow.Error {
1560 .dijitTreeRow.Hidden {
1564 img
.feedIcon
, img
.tinyFeedIcon
{
1569 div
#feedlistLoading
, div#filterlistLoading
, div#labellistLoading
{
1570 text-align : center
;
1575 div
#feedlistLoading img
, div#filterlistLoading img
, div#labellistLoading
{
1579 div#pref-tabs
.dijitContentPane
{
1584 margin : 0px 5px 0px 5px;
1587 div#pref-tabs
.dijitContentPane h3
{
1594 font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
1598 #pref-filter-wrap, #pref-filter-header
, #pref-filter-content
,
1599 #pref-label-wrap, #pref-label-header
, #pref-label-content
,
1600 #pref-user-wrap, #pref-user-header
, #pref-user-content
{
1606 #userConfigTab, #labelConfigTab
, #filterConfigTab
, #pref-feeds-feeds
{
1614 span
.labelFixedLength
{
1615 display : inline-block
;
1619 #filter_dlg_date_chk_box {
1620 display : inline-block
;
1623 .dijitDialog .dijitToolbar {
1624 border : 1px solid
#c0c0c0;
1629 border : 1px solid
#ecf4ff;