1 body#ttrssMain
, body#ttrssPrefs
{
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
{
414 border-width : 0px 1px 1px 1px;
415 border-color : #c0c0c0;
416 border-style : solid
;
417 margin : 0px 0px 5px 0px;
418 background-color : white
;
443 div.prefsTab.Selected:hover {
449 border-width : 1px 1px 0px 1px;
450 border-color : #C4D1E4;
451 border-style : solid;
452 margin : 0px 0px 0px 5px;
453 padding : 3px 5px 3px 5px;
455 font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
456 border-collapse : collapse;
465 div.prefsTab.Selected {
467 border-width : 1px 1px 0px 1px;
468 border-color : #88b0f0;
469 border-style : solid;
470 margin : 0px 0px 0px 5px;
471 padding : 3px 5px 3px 5px;
472 background-color : #ecf4ff;
474 font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
475 border-collapse : collapse;
487 background : #ffffff;
488 border : 1px solid
#88b0f0;
491 margin : 0px 0px 5px 0px;
496 background : #fff7d5;
497 border : 1px solid
#d7c47a;
501 margin : 0px 0px 5px 0px;
504 div
.warning img
, div
.notice img
, div
.error img
{
505 vertical-align : middle
;
509 span
.filterDateError
{
514 border : 1px solid
#ff0000;
515 background : #ffcccc;
517 margin : 0px 0px 5px 0px;
522 list-style-type : none
;
527 div
.prefHelp
, td
.prefHelp
{
533 background-color : #ecf4ff;
548 .insensitive a:hover {
556 table
.innerFeedTable td
{
566 div#headlines-toolbar
{
567 border-width : 1px 0px 1px 0px;
568 background-color : #ecf4ff;
569 border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
571 font-family : "Lucida Grande", "Segoe UI", Tahoma
, Arial
, sans-serif
;
579 div#headlines-toolbar
.dijitSelect
{
583 div#headlines-toolbar div#subtoolbar_main
{
584 display : table-cell
;
586 white-space : nowrap
;
587 vertical-align : middle
;
591 div#headlines-toolbar div#subtoolbar_ftitle
{
592 display : table-cell
;
594 vertical-align : middle
;
595 white-space : nowrap
;
599 span
.contentPreview
{
601 font-weight : normal
;
604 span
.contentPreview:hover
{
609 background-color : #fff7d5;
612 font-weight : normal
;
613 margin : 0px 3px 0px 3px;
614 padding : 0px 4px 0px 4px;
618 td
.hlSelectRow
, td
.hlUpdPic
{
623 div
.postHeader div
.postDate
{
629 div
.postHeader div
.postDateRTL
{
636 padding-bottom : 3px;
638 /* font-family : "Lucida Grande", Tahoma, sans-serif; */
647 border-width : 0px 0px 1px 0px;
648 border-style : solid
;
649 border-color : #c0c0c0;
650 padding-bottom : 5px;
654 td
.hlMarkedPic
, td
.hlSelectRow
, td
.hlUpdated
, td
.hlFeed
{
662 span
.hlFeed
, span
.hlFeed a
{
667 span
.hlFeed
a:hover
{
689 div
.tagCloudContainer
{
690 border : 1px solid
#c0c0c0;
691 background-color : white
;
692 margin : 5px 0px 5px 0px;
698 border : 1px solid
#c0c0c0;
699 background-color : white
;
700 margin : 5px 0px 5px 0px;
707 list-style-type : none
;
708 border : 1px solid
#c0c0c0;
709 background-color : white
;
710 margin : 0px 0px 5px 0px;
714 ul
.feedErrorsList em
{
721 list-style-type : none
;
722 border : 1px solid gray
;
723 background-color : white
;
724 margin : 0px 0px 5px 0px;
731 border-width : 0px 1px 1px 1px;
732 border-color : #c0c0c0;
733 border-style : solid
;
734 margin : 0px 0px 5px 0px;
735 background-color : white
;
736 list-style-type : none
;
741 ul
.browseFeedList li
{
743 padding : 2px 4px 2px 4px;
757 margin : 5px 5px 5px 5px;
762 list-style-type : none
;
772 div
.browserFeedInfo
{
774 /* border : 1px solid #88b0f0;
775 background-color : #ecf4ff;
776 -moz-border-radius : 5px; */
780 div
.browserFeedInfo div
.detailsPart
{
781 margin : 5px 0px 5px 5px;
795 background-image : url
("images/shadow_white.png");
815 background-color : #ecf4ff;
816 border : 1px solid
#88b0f0;
835 display : table-cell
;
836 white-space : nowrap
;
844 font-weight : normal
;
855 /*.scriptWarn:before {
856 content : "Disabled script:";
861 background-color : #903030;
862 border : 1px solid
#601010;
878 table
.loginForm2
.loginTop
{
879 border-width : 0px 0px 1px 0px;
880 border-color : #88b0f0;
881 border-style : solid
;
885 table
.loginForm2
.loginMiddle
{
889 table
.loginForm2
.loginBottom
{
890 border-width : 1px 0px 0px 0px;
891 border-color : #88b0f0;
892 border-style : solid
;
899 table
.loginForm2
.loginBottom a
{
903 table
.loginForm2
.loginBottom
a:hover
{
907 table
.loginForm2
.loginError
{
912 table
.loginForm2
.innerLoginCell
{
932 html
, body#ttrssMain
, #main
{
940 html
, body#ttrssPrefs
, #main
{
948 #toolbar div
.actionChooser
{
949 display : table-cell
;
954 /* preferences layout */
963 background-image : url("images/footer.png");
964 background-position : top left;
965 background-repeat : repeat-x;
966 background-color : white;
970 border-collapse : collapse;
971 border-width : 1px 0px 0px 0px;
972 border-style : solid;
973 border-color : #88b0f0;
981 #footer a, #prefFooter a {
985 #footer a:hover, #prefFooter a:hover {
1006 div
.return
a:hover
{
1010 /* #prefContentOuter {
1012 position : absolute;
1018 border-width : 1px 0px 0px 0px;
1019 border-color : #88b0f0;
1020 border-style : solid;
1026 background-image : url("images/prefs-content.png");
1027 background-position : top left;
1028 background-repeat : repeat-x;
1029 position : absolute;
1039 vertical-align : middle
;
1045 vertical-align : middle
;
1048 table
.prefFeedCatList
{
1049 background-color : white
;
1053 position : absolute
;
1055 background-color : white
;
1056 border :1px solid
#778899;
1061 div
.autocomplete ul
{
1062 list-style-type : none
;
1067 div
.autocomplete ul li
.selected
{
1068 background-color : #fff7d5;
1071 div
.autocomplete ul li
{
1072 list-style-type : none
;
1094 div
.topLinks
a:hover
{
1098 div
.topLinks a
.feedback
{
1108 border : 1px solid
#4684ff;
1112 a
.visibleLinkB:hover
{
1113 background-color : #ecf4ff;
1116 .hlContentH a, .hlContentH span {
1120 .hlContentL a, .hlContentL span {
1122 text-decoration : line-through
;
1125 span
.titleWrapH
, span
.titleWrapH a
{
1129 span
.titleWrapL
, span
.titleWrapL a
{
1131 text-decoration : line-through
;
1135 vertical-align : middle
;
1140 div#hotkey_help_overlay
{
1141 position : absolute
;
1150 div#hotkey_help_overlay h1
{
1151 text-align : center
;
1154 div#hotkey_help_overlay ul
{
1155 list-style-type : none
;
1159 div#hotkey_help_overlay li
{
1163 div#hotkey_help_overlay p
{
1164 text-align : center
;
1167 div#hotkey_help_overlay td
.n
{
1172 padding-right : 5px;
1175 div#hotkey_help_overlay td
{
1176 vertical-align : top
;
1179 div#hotkey_help_overlay h1
{
1183 div#hotkey_help_overlay h2
{
1186 margin : 0.3em 0px 0.3em 0px;
1187 text-align : center
;
1191 div#hotkey_help_overlay table
.hho td
.c1
{
1194 background : url
("images/c1.png");
1195 background-repeat : no-repeat
;
1199 div#hotkey_help_overlay table
.hho td
.c2
{
1202 background : url
("images/c2.png");
1203 background-repeat : no-repeat
;
1206 div#hotkey_help_overlay table
.hho td
.c3
{
1209 background : url
("images/c3.png");
1210 background-repeat : no-repeat
;
1213 div#hotkey_help_overlay table
.hho td
.c4
{
1216 background : url
("images/c4.png");
1217 background-repeat : no-repeat
;
1220 div#hotkey_help_overlay table
.hho td
.top
,
1221 div#hotkey_help_overlay table
.hho td
.left
,
1222 div#hotkey_help_overlay table
.hho td
.right
,
1223 div#hotkey_help_overlay table
.hho td
.bottom
,
1224 div#hotkey_help_overlay table
.hho td
.content
{
1225 background : url
("images/shadow_dark.png");
1228 div#hotkey_help_overlay table
.hho td
.top
,
1229 div#hotkey_help_overlay table
.hho td
.bottom
{
1230 text-align : center
;
1236 border : 1px solid black
;
1237 background-color : white
;
1243 background-color : #88b0f0;
1256 position : relative
;
1261 font-weight : normal
;
1264 div
.dlgSecCont
> * {
1266 vertical-align : bottom
;
1276 font-family : monospace
;
1279 span
.prefsLabelEntry
{
1283 span
.labelColorIndicator
{
1288 display : inline-block
;
1289 border : 1px solid black
;
1290 background-color : #fff7d5;
1292 text-align : center
;
1296 span
.labelColorIndicator2
{
1300 display : inline-block
;
1301 border : 1px solid black
;
1302 background-color : #fff7d5;
1304 text-align : center
;
1306 vertical-align : bottom
;
1310 div
.labelColorIndicator
{
1315 text-align : center
;
1316 border : 1px solid black
;
1318 background-color : #fff7d5;
1320 margin-right : 10px;
1323 div
.colorPicker div
.colorPickerEntry:hover
{
1324 border : 1px solid
#88b0f0;
1327 div
.colorPicker div
.ccPrompt:hover
{
1331 div
.colorPicker div
.colorPickerEntry
{
1336 text-align : center
;
1337 border : 1px solid black
;
1338 margin : 5px 5px 0px 0px;
1343 border : 1px solid
#cccccc;
1344 background : #f0f0f0;
1346 padding : 0px 0px 5px 5px;
1347 position : absolute
;
1356 font-style : normal
;
1364 position : absolute
;
1370 background-color : white
;
1371 border : 1px solid
#88b0f0;
1372 padding : 3px 5px 3px 5px;
1376 #feed_browser_spinner {
1377 vertical-align : middle
;
1383 position : absolute
;
1389 border-style : solid
;
1390 border-color : #d7c47a;
1391 background-color : #fff7d5;
1393 text-align : center
;
1402 display : table-cell
;
1405 vertical-align : middle
;
1407 padding-bottom : 4px;
1411 display : table-cell
;
1412 vertical-align : middle
;
1413 white-space: nowrap
;
1417 display : table-cell
;
1418 white-space: nowrap
;
1420 vertical-align : middle
;
1430 font-weight : medium
;
1432 display : inline-block
;
1440 div
.hlLeft img
, div
.hlRight img
{
1441 margin : 0px 4px 0px 4px;
1446 display : table-cell
;
1447 padding-right : 4px;
1449 text-align : center
;
1450 vertical-align : middle
;
1458 div
.fatalError button
{
1462 div
.fatalError textarea
{
1481 border-color : #88b0f0;
1482 border-left-width : 0px;
1483 border-bottom-width : 0px;
1486 #headlines-wrap-inner {
1494 border-color : #88b0f0;
1495 border-left-width : 0px;
1496 border-right-width : 0px;
1498 border-top-width : 0px;
1501 #headlines-toolbar_splitter {
1511 #content-tabs .dijitTab
{
1520 white-space: nowrap
;
1525 padding : 4px 8px 0px 8px;
1530 text-align : center
;
1532 padding : 4px 4px 8px 4px;
1538 border-color : #88b0f0;
1539 border-bottom-width : 0px;
1540 border-right-width : 0px;
1541 border-left-width : 0px;
1544 .dijitTreeLabel.Unread {
1548 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1552 .dijitTreeRow.Error {
1556 .dijitTreeRow.Hidden {
1560 img
.feedIcon
, img
.tinyFeedIcon
{
1565 div
#feedlistLoading
, div#filterlistLoading
, div#labellistLoading
{
1566 text-align : center
;
1571 div
#feedlistLoading img
, div#filterlistLoading img
, div#labellistLoading
{
1575 div#pref-tabs
.dijitContentPane
{
1580 margin : 0px 5px 0px 5px;
1583 div#pref-tabs
.dijitContentPane h3
{
1590 font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
1594 #pref-filter-wrap, #pref-filter-header
, #pref-filter-content
,
1595 #pref-label-wrap, #pref-label-header
, #pref-label-content
,
1596 #pref-user-wrap, #pref-user-header
, #pref-user-content
{
1602 #userConfigTab, #labelConfigTab
, #filterConfigTab
, #pref-feeds-feeds
{
1610 span
.labelFixedLength
{
1611 display : inline-block
;
1615 #filter_dlg_date_chk_box {
1616 display : inline-block
;
1619 .dijitDialog .dijitToolbar {
1620 border : 1px solid
#c0c0c0;
1625 border : 1px solid
#ecf4ff;