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;
81 border-style : dashed
;
82 border-color : #e7d796;
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
358 table
.prefFilterList tr
.even:hover td
,
359 table
.prefFilterList tr
.odd:hover td
,
360 table
.prefFilterList tr
.evenSelected:hover td
,
361 table
.prefFilterList tr
.oddSelected:hover td
362 table
.prefLabelList tr
.even:hover td
,
363 table
.prefLabelList tr
.odd:hover td
,
364 table
.prefLabelList tr
.evenSelected:hover td
,
365 table
.prefLabelList tr
.oddSelected:hover td
,
366 table
.prefUserList tr
.even:hover td
,
367 table
.prefUserList tr
.odd:hover td
,
368 table
.prefUserList tr
.evenSelected:hover td
,
369 table
.prefUserList tr
.oddSelected:hover td
,
370 table
.prefFeedList tr
.even:hover td
,
371 table
.prefFeedList tr
.odd:hover td
,
372 table
.prefFeedList tr
.evenSelected:hover td
,
373 table
.prefFeedList tr
.oddSelected:hover td
378 table
.prefFeedList td
.feedIcon
{
382 table
.prefFeedList td
.feedSelect
{
386 div
.prefFeedCatHolder
, div
.prefFeedOPMLHolder
{
389 border-width : 0px 1px 1px 1px;
390 border-color : #c0c0c0;
391 border-style : solid
;
392 margin : 0px 0px 5px 0px;
393 background-color : #ecf4ff;
396 div
.prefFeedOPMLHolder
{
397 border-width : 1px 1px 1px 1px;
408 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
409 margin : 0px 0px 0px 1em;
411 font-family : monospace
;
413 background : transparent
;
417 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
418 margin : 0px 0px 0px 1em;
419 border-width : 0px 0px 0px 2px;
420 border-color : #c0c0c0;
421 border-style : solid
;
423 padding : 0px 0px 0px 1em;
428 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
429 background : transparent
;
430 border : 0px solid transparent
;
432 font-family : monospace
;
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 div#subtoolbar_ftitle span
.error
{
607 span
.contentPreview
{
609 font-weight : normal
;
612 span
.contentPreview:hover
{
617 background-color : #fff7d5;
620 font-weight : normal
;
621 margin : 0px 3px 0px 3px;
622 padding : 0px 4px 0px 4px;
626 td
.hlSelectRow
, td
.hlUpdPic
{
631 div
.postHeader div
.postDate
{
637 div
.postHeader div
.postDateRTL
{
644 padding-bottom : 3px;
646 /* font-family : "Lucida Grande", Tahoma, sans-serif; */
655 border-width : 0px 0px 1px 0px;
656 border-style : solid
;
657 border-color : #c0c0c0;
658 padding-bottom : 5px;
662 td
.hlMarkedPic
, td
.hlSelectRow
, td
.hlUpdated
, td
.hlFeed
{
670 span
.hlFeed
, span
.hlFeed a
{
675 span
.hlFeed
a:hover
{
697 div
.tagCloudContainer
{
698 border : 1px solid
#c0c0c0;
699 background-color : #ecf4ff;
700 margin : 5px 0px 5px 0px;
706 border : 1px solid
#c0c0c0;
707 background-color : #ecf4ff;
708 margin : 5px 0px 5px 0px;
715 list-style-type : none
;
716 border : 1px solid
#c0c0c0;
717 background-color : #ecf4ff;
718 margin : 0px 0px 5px 0px;
722 ul
.feedErrorsList em
{
729 list-style-type : none
;
730 border : 1px solid gray
;
731 background-color : white
;
732 margin : 0px 0px 5px 0px;
739 border-width : 0px 1px 1px 1px;
740 border-color : #c0c0c0;
741 border-style : solid
;
742 margin : 0px 0px 5px 0px;
743 background-color : white
;
744 list-style-type : none
;
749 ul
.browseFeedList li
{
751 padding : 2px 4px 2px 4px;
765 margin : 5px 5px 5px 5px;
770 list-style-type : none
;
780 div
.browserFeedInfo
{
782 /* border : 1px solid #88b0f0;
783 background-color : #ecf4ff;
784 -moz-border-radius : 5px; */
788 div
.browserFeedInfo div
.detailsPart
{
789 margin : 5px 0px 5px 5px;
803 background-image : url
("images/shadow_white.png");
823 background-color : #ecf4ff;
824 border : 1px solid
#88b0f0;
843 display : table-cell
;
844 white-space : nowrap
;
852 font-weight : normal
;
863 /*.scriptWarn:before {
864 content : "Disabled script:";
869 background-color : #903030;
870 border : 1px solid
#601010;
886 table
.loginForm2
.loginTop
{
887 border-width : 0px 0px 1px 0px;
888 border-color : #88b0f0;
889 border-style : solid
;
893 table
.loginForm2
.loginMiddle
{
897 table
.loginForm2
.loginBottom
{
898 border-width : 1px 0px 0px 0px;
899 border-color : #88b0f0;
900 border-style : solid
;
907 table
.loginForm2
.loginBottom a
{
911 table
.loginForm2
.loginBottom
a:hover
{
915 table
.loginForm2
.loginError
{
920 table
.loginForm2
.innerLoginCell
{
940 html
, body#ttrssMain
, #main
{
948 html
, body#ttrssPrefs
, #main
{
956 #toolbar div
.actionChooser
{
957 display : table-cell
;
962 /* preferences layout */
971 background-image : url("images/footer.png");
972 background-position : top left;
973 background-repeat : repeat-x;
974 background-color : white;
978 border-collapse : collapse;
979 border-width : 1px 0px 0px 0px;
980 border-style : solid;
981 border-color : #88b0f0;
989 #footer a, #prefFooter a {
993 #footer a:hover, #prefFooter a:hover {
1007 margin-right : 10px;
1014 div
.return
a:hover
{
1018 /* #prefContentOuter {
1020 position : absolute;
1026 border-width : 1px 0px 0px 0px;
1027 border-color : #88b0f0;
1028 border-style : solid;
1034 background-image : url("images/prefs-content.png");
1035 background-position : top left;
1036 background-repeat : repeat-x;
1037 position : absolute;
1060 vertical-align : middle
;
1066 vertical-align : middle
;
1069 table
.prefFeedCatList
{
1074 position : absolute
;
1076 background-color : white
;
1077 border :1px solid
#778899;
1082 div
.autocomplete ul
{
1083 list-style-type : none
;
1088 div
.autocomplete ul li
.selected
{
1089 background-color : #fff7d5;
1092 div
.autocomplete ul li
{
1093 list-style-type : none
;
1117 div.topLinks a:hover {
1121 #header a
.feedback
{
1131 border : 1px solid
#4684ff;
1135 a
.visibleLinkB:hover
{
1136 background-color : #ecf4ff;
1139 .hlContentH a, .hlContentH span {
1143 .hlContentL a, .hlContentL span {
1145 text-decoration : line-through
;
1148 span
.titleWrapH
, span
.titleWrapH a
{
1152 span
.titleWrapL
, span
.titleWrapL a
{
1154 text-decoration : line-through
;
1158 vertical-align : middle
;
1163 div#hotkey_help_overlay
{
1164 position : absolute
;
1173 div#hotkey_help_overlay h1
{
1174 text-align : center
;
1177 div#hotkey_help_overlay ul
{
1178 list-style-type : none
;
1182 div#hotkey_help_overlay a
{
1186 div#hotkey_help_overlay
a:hover
{
1190 div#hotkey_help_overlay li
{
1194 div#hotkey_help_overlay p
{
1195 text-align : center
;
1198 div#hotkey_help_overlay td
.n
{
1203 padding-right : 5px;
1206 div#hotkey_help_overlay td
{
1207 vertical-align : top
;
1210 div#hotkey_help_overlay h1
{
1214 div#hotkey_help_overlay h2
{
1217 margin : 0.3em 0px 0.3em 0px;
1218 text-align : center
;
1222 div#hotkey_help_overlay table
.hho td
.c1
{
1225 background : url
("images/c1.png");
1226 background-repeat : no-repeat
;
1230 div#hotkey_help_overlay table
.hho td
.c2
{
1233 background : url
("images/c2.png");
1234 background-repeat : no-repeat
;
1237 div#hotkey_help_overlay table
.hho td
.c3
{
1240 background : url
("images/c3.png");
1241 background-repeat : no-repeat
;
1244 div#hotkey_help_overlay table
.hho td
.c4
{
1247 background : url
("images/c4.png");
1248 background-repeat : no-repeat
;
1251 div#hotkey_help_overlay table
.hho td
.top
,
1252 div#hotkey_help_overlay table
.hho td
.left
,
1253 div#hotkey_help_overlay table
.hho td
.right
,
1254 div#hotkey_help_overlay table
.hho td
.bottom
,
1255 div#hotkey_help_overlay table
.hho td
.content
{
1256 background : url
("images/shadow_dark.png");
1259 div#hotkey_help_overlay table
.hho td
.top
,
1260 div#hotkey_help_overlay table
.hho td
.bottom
{
1261 text-align : center
;
1267 border : 1px solid black
;
1268 background-color : white
;
1274 background-color : #88b0f0;
1287 position : relative
;
1292 font-weight : normal
;
1298 border : 0px solid transparent
;
1302 div
.dlgSecCont
> * {
1303 position : relative
;
1312 span
.prefsLabelEntry
{
1316 span
.labelColorIndicator
{
1321 display : inline-block
;
1322 border : 1px solid black
;
1323 background-color : #fff7d5;
1325 text-align : center
;
1329 span
.labelColorIndicator2
{
1333 display : inline-block
;
1334 border : 1px solid black
;
1335 background-color : #fff7d5;
1337 text-align : center
;
1339 vertical-align : bottom
;
1343 div
.labelColorIndicator
{
1348 text-align : center
;
1349 border : 1px solid black
;
1351 background-color : #fff7d5;
1353 margin-right : 10px;
1356 div
.colorPicker div
.colorPickerEntry:hover
{
1357 border : 1px solid
#88b0f0;
1360 div
.colorPicker div
.ccPrompt:hover
{
1364 div
.colorPicker div
.colorPickerEntry
{
1369 text-align : center
;
1370 border : 1px solid black
;
1371 margin : 5px 5px 0px 0px;
1376 border : 1px solid
#cccccc;
1377 background : #f0f0f0;
1379 padding : 0px 0px 5px 5px;
1380 position : absolute
;
1389 font-style : normal
;
1397 position : absolute
;
1403 background-color : white
;
1404 border : 1px solid
#88b0f0;
1405 padding : 3px 5px 3px 5px;
1409 #feed_browser_spinner {
1410 vertical-align : middle
;
1416 position : absolute
;
1422 border-style : solid
;
1423 border-color : #d7c47a;
1424 background-color : #fff7d5;
1426 text-align : center
;
1435 display : table-cell
;
1438 vertical-align : middle
;
1440 padding-bottom : 4px;
1444 display : table-cell
;
1445 vertical-align : middle
;
1446 white-space: nowrap
;
1450 display : table-cell
;
1451 white-space: nowrap
;
1453 vertical-align : middle
;
1463 font-weight : medium
;
1465 display : inline-block
;
1473 div
.hlLeft img
, div
.hlRight img
{
1474 margin : 0px 4px 0px 4px;
1479 display : table-cell
;
1480 padding-right : 4px;
1482 text-align : center
;
1483 vertical-align : middle
;
1491 div
.fatalError button
{
1495 div
.fatalError textarea
{
1520 border-color : #88b0f0;
1521 border-left-width : 0px;
1522 border-bottom-width : 0px;
1523 border-top-width : 0px;
1526 #headlines-wrap-inner {
1534 border-color : #88b0f0;
1535 border-left-width : 0px;
1536 border-right-width : 0px;
1538 border-top-width : 0px;
1541 #headlines-toolbar_splitter {
1551 #content-tabs .dijitTab
{
1560 white-space: nowrap
;
1568 padding : 5px 5px 0px 0px;
1570 position : absolute
;
1577 text-align : center
;
1579 padding : 4px 4px 8px 4px;
1585 border-color : #88b0f0;
1586 border-bottom-width : 0px;
1587 border-right-width : 0px;
1588 border-left-width : 0px;
1591 .dijitTreeLabel.Unread {
1601 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1605 .dijitTreeRow.Error {
1609 .dijitTreeRow.Hidden {
1613 img
.feedIcon
, img
.tinyFeedIcon
{
1618 div
#feedlistLoading
, div#filterlistLoading
, div#labellistLoading
{
1619 text-align : center
;
1624 div
#feedlistLoading img
, div#filterlistLoading img
, div#labellistLoading
{
1628 div#pref-tabs
.dijitContentPane
{
1633 margin : 0px 5px 0px 5px;
1636 div#pref-tabs
.dijitContentPane h3
{
1643 font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
1647 #pref-filter-wrap, #pref-filter-header
, #pref-filter-content
,
1648 #pref-label-wrap, #pref-label-header
, #pref-label-content
,
1649 #pref-user-wrap, #pref-user-header
, #pref-user-content
{
1655 #userConfigTab, #labelConfigTab
, #filterConfigTab
, #pref-feeds-feeds
{
1663 span
.labelFixedLength
{
1664 display : inline-block
;
1668 #filter_dlg_date_chk_box {
1669 display : inline-block
;
1672 .dijitDialog .dijitToolbar {
1673 border : 1px solid
#c0c0c0;
1678 border : 1px solid
#ecf4ff;
1684 vertical-align : middle
;
1685 position : relative
;
1690 display : inline-block
;
1693 font-family : sans-serif
;
1694 border : 1px solid gray
;
1695 padding : 0px 4px 0px 4px;
1696 margin : 0px 2px 0px 2px;
1698 text-align : center
;
1703 border-color : #00c000;
1707 background : #f0f0f0;