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;
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
;
155 border-width : 0px 1px 1px 1px;
156 border-style : solid
;
165 padding : 5px 5px 5px 5px;
169 vertical-align : middle
;
173 border-color : #d7c47a;
174 background-color : #fff7d5;
179 border-color : #7AD78E;
180 background-color : #D5FFDB;
185 border-color : #d7c47a;
186 background-color : #fff7d5;
191 background-color : #ffcccc;
192 border-color : #ff0000;
196 .notifyError span:hover {
201 .blankborder, .blankborder td {
202 border-style : solid
;
203 border-color : transparent
;
204 border-width : 0px 0px 1px 0px;
207 .Selected, .Selected td {
208 background-color : #fff7d5;
211 .even.Unread.Selected, .even.Unread.Selected td {
212 background-color : #fff7d5;
214 border-width : 0px 0px 1px 0px;
215 border-style : solid
;
216 border-color : #e7d796;
219 .odd.Unread.Selected, .odd.Unread.Selected td {
220 background-color : #fff7d5;
222 border-width : 0px 0px 1px 0px;
223 border-style : solid
;
224 border-color : #e7d796;
227 .even.Selected, .even.Selected td {
228 background-color : #fff7d5;
229 border-width : 0px 0px 1px 0px;
230 border-style : solid
;
231 border-color : #e7d796;
232 border-collapse : collapse
;
235 .odd.Selected, .odd.Selected td {
236 background-color : #fff7d5;
237 border-width : 0px 0px 1px 0px;
238 border-style : solid
;
239 border-color : #e7d796;
240 border-collapse : collapse
;
243 .even.Grayed, .even.Grayed td {
244 background-color : #f0f0f0;
246 border-width : 0px 0px 1px 0px;
247 border-style : solid
;
248 border-color : #c0c0c0;
249 border-collapse : collapse
;
257 border-width : 0px 0px 1px 0px;
258 border-style : solid
;
259 border-color : #c0c0c0;
260 background-color : #f0f0f0;
261 border-collapse : collapse
;
265 border-width : 0px 0px 1px 0px;
266 border-style : solid
;
267 border-color : #c0c0c0;
268 border-collapse : collapse
;
271 .even.Unread, .even.Unread td {
272 background-color : #f0f0f0;
274 border-width : 0px 0px 1px 0px;
275 border-style : solid
;
276 border-color : #c0c0c0;
277 border-collapse : collapse
;
280 .odd.Unread, .odd.Unread td {
282 border-width : 0px 0px 1px 0px;
283 border-style : solid
;
284 border-color : #c0c0c0;
293 /* table.prefPrefsList tr:hover td.prefValue {
297 table.prefPrefsList tr:hover td.prefValue input {
301 table
.prefPrefsList h3
{
306 border-width : 0px 0px 1px 0px;
307 border-color : #ecf4ff;
308 border-style : solid
;
316 tr
.title td
a:hover
{
320 table
.prefFeedList td
.feedEditCat
{
322 border-width : 0px 0px 1px 0px;
323 border-style : solid
;
324 border-color : #88b0f0;
328 table
.prefFilterList td
.filterEditCat
{
330 border-width : 0px 0px 1px 0px;
331 border-style : solid
;
332 border-color : #88b0f0;
336 /* oh for the love of... */
338 table
.prefFilterList tr
.even
,
339 table
.prefFilterList tr
.odd
,
340 table
.prefFilterList tr
.evenSelected
,
341 table
.prefFilterList tr
.oddSelected
,
342 table
.prefLabelList tr
.even
,
343 table
.prefLabelList tr
.odd
,
344 table
.prefLabelList tr
.evenSelected
,
345 table
.prefLabelList tr
.oddSelected
,
346 table
.prefUserList tr
.even
,
347 table
.prefUserList tr
.odd
,
348 table
.prefUserList tr
.evenSelected
,
349 table
.prefUserList tr
.oddSelected
,
350 table
.prefFeedList tr
.even
,
351 table
.prefFeedList tr
.odd
,
352 table
.prefFeedList tr
.evenSelected
,
353 table
.prefFeedList tr
.oddSelected
,
354 table
.prefInstanceList tr
.even
,
355 table
.prefInstanceList tr
.odd
,
356 table
.prefInstanceList tr
.evenSelected
,
357 table
.prefInstanceList tr
.oddSelected
362 table
.prefFilterList tr
.even:hover td
,
363 table
.prefFilterList tr
.odd:hover td
,
364 table
.prefFilterList tr
.evenSelected:hover td
,
365 table
.prefFilterList tr
.oddSelected:hover td
366 table
.prefLabelList tr
.even:hover td
,
367 table
.prefLabelList tr
.odd:hover td
,
368 table
.prefLabelList tr
.evenSelected:hover td
,
369 table
.prefLabelList tr
.oddSelected:hover td
,
370 table
.prefUserList tr
.even:hover td
,
371 table
.prefUserList tr
.odd:hover td
,
372 table
.prefUserList tr
.evenSelected:hover td
,
373 table
.prefUserList tr
.oddSelected:hover td
,
374 table
.prefFeedList tr
.even:hover td
,
375 table
.prefFeedList tr
.odd:hover td
,
376 table
.prefFeedList tr
.evenSelected:hover td
,
377 table
.prefFeedList tr
.oddSelected:hover td
,
378 table
.prefInstanceList tr
.even:hover td
,
379 table
.prefInstanceList tr
.odd:hover td
,
380 table
.prefInstanceList tr
.evenSelected:hover td
,
381 table
.prefInstanceList tr
.oddSelected:hover td
386 table
.prefFeedList td
.feedIcon
{
390 table
.prefFeedList td
.feedSelect
{
394 div
.prefFeedCatHolder
, div
.prefFeedOPMLHolder
, div
.inactiveFeedHolder
{
397 border-width : 0px 1px 1px 1px;
398 border-color : #c0c0c0;
399 border-style : solid
;
400 margin : 0px 0px 5px 0px;
401 background-color : #ecf4ff;
404 div
.prefFeedOPMLHolder
, div
.inactiveFeedHolder
{
405 border-width : 1px 1px 1px 1px;
416 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
417 margin : 0px 0px 0px 1em;
419 font-family : monospace
;
421 background : transparent
;
425 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
426 margin : 0px 0px 0px 1em;
427 border-width : 0px 0px 0px 2px;
428 border-color : #c0c0c0;
429 border-style : solid
;
431 padding : 0px 0px 0px 1em;
436 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
437 background : transparent
;
438 border : 0px solid transparent
;
440 font-family : monospace
;
446 background : #ffffff;
447 border : 1px solid
#88b0f0;
450 margin : 0px 0px 5px 0px;
455 background : #fff7d5;
456 border : 1px solid
#d7c47a;
460 margin : 0px 0px 5px 0px;
463 div
.warning img
, div
.notice img
, div
.error img
{
464 vertical-align : middle
;
468 span
.filterDateError
{
473 border : 1px solid
#ff0000;
474 background : #ffcccc;
476 margin : 0px 0px 5px 0px;
481 list-style-type : none
;
486 div
.prefHelp
, td
.prefHelp
{
492 background-color : #ecf4ff;
507 .insensitive a:hover {
515 table
.innerFeedTable td
{
525 div#headlines-toolbar
{
526 border-width : 0px 0px 1px 0px;
527 background-color : #ecf4ff;
528 border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
530 font-family : "Lucida Grande", "Segoe UI", Tahoma
, Arial
, sans-serif
;
538 div#headlines-toolbar
.dijitSelect
{
542 div#headlines-toolbar div#subtoolbar_main
{
543 display : table-cell
;
545 white-space : nowrap
;
546 vertical-align : middle
;
550 div#headlines-toolbar div#subtoolbar_ftitle
{
551 display : table-cell
;
553 vertical-align : middle
;
554 white-space : nowrap
;
558 div#subtoolbar_ftitle span
.error
{
562 span
.contentPreview
{
564 font-weight : normal
;
567 span
.contentPreview:hover
{
572 background-color : #fff7d5;
575 font-weight : normal
;
576 margin : 0px 3px 0px 3px;
577 padding : 0px 4px 0px 4px;
581 td
.hlSelectRow
, td
.hlUpdPic
{
586 div
.postHeader div
.postDate
{
592 div
.postHeader div
.postDateRTL
{
599 padding-bottom : 3px;
601 /* font-family : "Lucida Grande", Tahoma, sans-serif; */
610 border-width : 0px 0px 1px 0px;
611 border-style : solid
;
612 border-color : #c0c0c0;
613 padding-bottom : 5px;
617 td
.hlMarkedPic
, td
.hlSelectRow
, td
.hlUpdated
, td
.hlFeed
{
625 span
.hlFeed
, span
.hlFeed a
{
630 span
.hlFeed
a:hover
{
652 div
.tagCloudContainer
{
653 border : 1px solid
#c0c0c0;
654 background-color : #ecf4ff;
655 margin : 5px 0px 5px 0px;
661 border : 1px solid
#c0c0c0;
662 background-color : #ecf4ff;
663 margin : 5px 0px 5px 0px;
670 list-style-type : none
;
671 border : 1px solid
#c0c0c0;
672 background-color : #ecf4ff;
673 margin : 0px 0px 5px 0px;
677 ul
.feedErrorsList em
{
684 list-style-type : none
;
685 border : 1px solid gray
;
686 background-color : white
;
687 margin : 0px 0px 5px 0px;
694 border-width : 0px 1px 1px 1px;
695 border-color : #c0c0c0;
696 border-style : solid
;
697 margin : 0px 0px 5px 0px;
698 background-color : white
;
699 list-style-type : none
;
704 ul
.browseFeedList li
{
706 padding : 2px 4px 2px 4px;
720 margin : 5px 5px 5px 5px;
725 list-style-type : none
;
735 div
.browserFeedInfo
{
737 /* border : 1px solid #88b0f0;
738 background-color : #ecf4ff;
739 -moz-border-radius : 5px; */
743 div
.browserFeedInfo div
.detailsPart
{
744 margin : 5px 0px 5px 5px;
758 background-image : url
("images/shadow_white.png");
778 background-color : #ecf4ff;
779 border : 1px solid
#88b0f0;
798 display : table-cell
;
799 white-space : nowrap
;
807 font-weight : normal
;
818 /*.scriptWarn:before {
819 content : "Disabled script:";
824 background-color : #903030;
825 border : 1px solid
#601010;
841 table
.loginForm2
.loginTop
{
842 border-width : 0px 0px 1px 0px;
843 border-color : #88b0f0;
844 border-style : solid
;
848 table
.loginForm2
.loginMiddle
{
852 table
.loginForm2
.loginBottom
{
853 border-width : 1px 0px 0px 0px;
854 border-color : #88b0f0;
855 border-style : solid
;
862 table
.loginForm2
.loginBottom a
{
866 table
.loginForm2
.loginBottom
a:hover
{
870 table
.loginForm2
.loginError
{
875 table
.loginForm2
.innerLoginCell
{
895 html
, body#ttrssMain
, #main
{
903 html
, body#ttrssPrefs
, #main
{
911 #toolbar div
.actionChooser
{
912 display : table-cell
;
917 /* preferences layout */
947 vertical-align : middle
;
953 vertical-align : middle
;
956 table
.prefFeedCatList
{
963 background-color : white
;
964 border :1px solid
#778899;
969 div
.autocomplete ul
{
970 list-style-type : none
;
975 div
.autocomplete ul li
.selected
{
976 background-color : #fff7d5;
979 div
.autocomplete ul li
{
980 list-style-type : none
;
1002 border : 1px solid
#4684ff;
1006 a
.visibleLinkB:hover
{
1007 background-color : #ecf4ff;
1010 .hlContentH a, .hlContentH span {
1014 .hlContentL a, .hlContentL span {
1016 text-decoration : line-through
;
1019 span
.titleWrapH
, span
.titleWrapH a
{
1023 span
.titleWrapL
, span
.titleWrapL a
{
1025 text-decoration : line-through
;
1029 vertical-align : middle
;
1034 div#hotkey_help_overlay
{
1035 position : absolute
;
1044 div#hotkey_help_overlay h1
{
1045 text-align : center
;
1048 div#hotkey_help_overlay ul
{
1049 list-style-type : none
;
1053 div#hotkey_help_overlay a
{
1057 div#hotkey_help_overlay
a:hover
{
1061 div#hotkey_help_overlay li
{
1065 div#hotkey_help_overlay p
{
1066 text-align : center
;
1069 div#hotkey_help_overlay td
.n
{
1074 padding-right : 5px;
1077 div#hotkey_help_overlay td
{
1078 vertical-align : top
;
1081 div#hotkey_help_overlay h1
{
1085 div#hotkey_help_overlay h2
{
1088 margin : 0.3em 0px 0.3em 0px;
1089 text-align : center
;
1093 div#hotkey_help_overlay table
.hho td
.c1
{
1096 background : url
("images/c1.png");
1097 background-repeat : no-repeat
;
1101 div#hotkey_help_overlay table
.hho td
.c2
{
1104 background : url
("images/c2.png");
1105 background-repeat : no-repeat
;
1108 div#hotkey_help_overlay table
.hho td
.c3
{
1111 background : url
("images/c3.png");
1112 background-repeat : no-repeat
;
1115 div#hotkey_help_overlay table
.hho td
.c4
{
1118 background : url
("images/c4.png");
1119 background-repeat : no-repeat
;
1122 div#hotkey_help_overlay table
.hho td
.top
,
1123 div#hotkey_help_overlay table
.hho td
.left
,
1124 div#hotkey_help_overlay table
.hho td
.right
,
1125 div#hotkey_help_overlay table
.hho td
.bottom
,
1126 div#hotkey_help_overlay table
.hho td
.content
{
1127 background : url
("images/shadow_dark.png");
1130 div#hotkey_help_overlay table
.hho td
.top
,
1131 div#hotkey_help_overlay table
.hho td
.bottom
{
1132 text-align : center
;
1138 border : 1px solid black
;
1139 background-color : white
;
1145 background-color : #88b0f0;
1158 position : relative
;
1163 font-weight : normal
;
1169 border : 0px solid transparent
;
1173 div
.dlgSecCont
> * {
1174 position : relative
;
1183 span
.labelColorIndicator
{
1188 display : inline-block
;
1189 border : 1px solid black
;
1190 background-color : #fff7d5;
1192 text-align : center
;
1196 span
.labelColorIndicator2
{
1200 display : inline-block
;
1201 border : 1px solid black
;
1202 background-color : #fff7d5;
1204 text-align : center
;
1206 vertical-align : bottom
;
1210 div
.labelColorIndicator
{
1215 text-align : center
;
1216 border : 1px solid black
;
1218 background-color : #fff7d5;
1220 margin-right : 10px;
1225 font-style : normal
;
1233 position : absolute
;
1239 background-color : white
;
1240 border : 1px solid
#88b0f0;
1241 padding : 3px 5px 3px 5px;
1245 #feed_browser_spinner {
1246 vertical-align : middle
;
1252 position : absolute
;
1258 border-style : solid
;
1259 border-color : #d7c47a;
1260 background-color : #fff7d5;
1262 text-align : center
;
1271 display : table-cell
;
1274 vertical-align : middle
;
1276 padding-bottom : 4px;
1280 display : table-cell
;
1281 vertical-align : middle
;
1282 white-space: nowrap
;
1286 display : table-cell
;
1287 white-space: nowrap
;
1289 vertical-align : middle
;
1299 font-weight : medium
;
1301 display : table-cell
;
1303 vertical-align : middle
;
1305 padding-bottom : 4px;
1315 div
.hlLeft img
, div
.hlRight img
{
1316 margin : 0px 4px 0px 4px;
1321 display : table-cell
;
1322 padding-right : 4px;
1324 text-align : center
;
1325 vertical-align : middle
;
1333 margin-bottom : 10px;
1336 div
.fatalError button
{
1340 div
.fatalError textarea
{
1365 border-color : #88b0f0;
1366 border-left-width : 0px;
1367 border-bottom-width : 0px;
1368 border-top-width : 0px;
1371 #headlines-wrap-inner {
1379 border-color : #88b0f0;
1380 border-left-width : 0px;
1381 border-right-width : 0px;
1383 border-top-width : 0px;
1386 #headlines-toolbar_splitter, #toolbar_splitter
{
1400 white-space: nowrap
;
1408 padding : 5px 5px 0px 0px;
1410 position : absolute
;
1417 text-align : center
;
1419 padding : 4px 4px 8px 4px;
1425 border-color : #88b0f0;
1426 border-bottom-width : 0px;
1427 border-right-width : 0px;
1428 border-left-width : 0px;
1431 .dijitTreeLabel.Unread {
1441 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1445 .dijitTreeRow.Error {
1449 .dijitTreeRow.Hidden {
1453 img
.feedIcon
, img
.tinyFeedIcon
{
1458 div
#feedlistLoading
, div#filterlistLoading
, div#labellistLoading
{
1459 text-align : center
;
1464 div
#feedlistLoading img
, div#filterlistLoading img
, div#labellistLoading
{
1468 div#pref-tabs
.dijitContentPane
{
1473 margin : 0px 5px 0px 5px;
1476 div#pref-tabs
.dijitContentPane h3
{
1481 #pref-filter-wrap, #pref-filter-header
, #pref-filter-content
,
1482 #pref-label-wrap, #pref-label-header
, #pref-label-content
,
1483 #pref-user-wrap, #pref-user-header
, #pref-user-content
,
1484 #pref-instance-wrap, #pref-instance-header
, #pref-instance-content
{
1490 #userConfigTab, #labelConfigTab
, #filterConfigTab
, #pref-feeds-feeds
, #instanceConfigTab
{
1498 span
.labelFixedLength
{
1499 display : inline-block
;
1503 #filter_dlg_date_chk_box {
1504 display : inline-block
;
1507 .dijitDialog .dijitToolbar {
1508 border : 1px solid
#c0c0c0;
1513 border : 1px solid
#ecf4ff;
1519 vertical-align : middle
;
1520 position : relative
;
1525 display : inline-block
;
1528 font-family : sans-serif
;
1529 border : 1px solid gray
;
1530 padding : 0px 4px 0px 4px;
1531 margin : 0px 2px 0px 2px;
1533 text-align : center
;
1538 border-color : #00c000;
1542 background : #f0f0f0;