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
.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
;
426 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
427 margin : 0px 0px 0px 1em;
428 border-width : 0px 0px 0px 2px;
429 border-color : #c0c0c0;
430 border-style : solid
;
432 padding : 0px 0px 0px 1em;
437 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
438 background : transparent
;
439 border : 0px solid transparent
;
441 font-family : monospace
;
448 background : #ffffff;
449 border : 1px solid
#88b0f0;
452 margin : 0px 0px 5px 0px;
457 background : #fff7d5;
458 border : 1px solid
#d7c47a;
462 margin : 0px 0px 5px 0px;
465 div
.warning img
, div
.notice img
, div
.error img
{
466 vertical-align : middle
;
470 span
.filterDateError
{
475 border : 1px solid
#ff0000;
476 background : #ffcccc;
478 margin : 0px 0px 5px 0px;
483 list-style-type : none
;
488 div
.prefHelp
, td
.prefHelp
{
494 background-color : #ecf4ff;
509 .insensitive a:hover {
517 table
.innerFeedTable td
{
527 div#headlines-toolbar
{
528 border-width : 0px 0px 1px 0px;
529 background-color : #ecf4ff;
530 border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
532 font-family : "Segoe UI", Tahoma
, sans-serif
;
540 div#headlines-toolbar
.dijitSelect
{
544 div#headlines-toolbar div#subtoolbar_main
{
545 display : table-cell
;
547 white-space : nowrap
;
548 vertical-align : middle
;
552 div#headlines-toolbar div#subtoolbar_ftitle
{
553 display : table-cell
;
555 vertical-align : middle
;
556 white-space : nowrap
;
560 div#subtoolbar_ftitle span
.error
{
564 span
.contentPreview
{
566 font-weight : normal
;
569 span
.contentPreview:hover
{
574 background-color : #fff7d5;
577 font-weight : normal
;
578 margin : 0px 3px 0px 3px;
579 padding : 0px 4px 0px 4px;
583 td
.hlSelectRow
, td
.hlUpdPic
{
588 div
.postHeader div
.postDate
{
594 div
.postHeader div
.postDateRTL
{
601 padding-bottom : 3px;
611 border-width : 0px 0px 1px 0px;
612 border-style : solid
;
613 border-color : #c0c0c0;
614 padding-bottom : 5px;
618 td
.hlMarkedPic
, td
.hlSelectRow
, td
.hlUpdated
, td
.hlFeed
{
626 span
.hlFeed
, span
.hlFeed a
{
631 span
.hlFeed
a:hover
{
653 div
.tagCloudContainer
{
654 border : 1px solid
#c0c0c0;
655 background-color : #ecf4ff;
656 margin : 5px 0px 5px 0px;
662 border : 1px solid
#c0c0c0;
663 background-color : #ecf4ff;
664 margin : 5px 0px 5px 0px;
671 list-style-type : none
;
672 border : 1px solid
#c0c0c0;
673 background-color : #ecf4ff;
674 margin : 0px 0px 5px 0px;
678 ul
.feedErrorsList em
{
685 list-style-type : none
;
686 border : 1px solid gray
;
687 background-color : white
;
688 margin : 0px 0px 5px 0px;
695 border-width : 0px 1px 1px 1px;
696 border-color : #c0c0c0;
697 border-style : solid
;
698 margin : 0px 0px 5px 0px;
699 background-color : white
;
700 list-style-type : none
;
705 ul
.browseFeedList li
{
707 padding : 2px 4px 2px 4px;
721 margin : 5px 5px 5px 5px;
726 list-style-type : none
;
736 div
.browserFeedInfo
{
738 /* border : 1px solid #88b0f0;
739 background-color : #ecf4ff;
740 -moz-border-radius : 5px; */
744 div
.browserFeedInfo div
.detailsPart
{
745 margin : 5px 0px 5px 5px;
769 background-color : #ecf4ff;
770 border : 1px solid
#88b0f0;
789 display : table-cell
;
790 white-space : nowrap
;
798 font-weight : normal
;
809 /*.scriptWarn:before {
810 content : "Disabled script:";
815 background-color : #903030;
816 border : 1px solid
#601010;
832 table
.loginForm2
.loginTop
{
833 border-width : 0px 0px 1px 0px;
834 border-color : #88b0f0;
835 border-style : solid
;
839 table
.loginForm2
.loginMiddle
{
843 table
.loginForm2
.loginBottom
{
844 border-width : 1px 0px 0px 0px;
845 border-color : #88b0f0;
846 border-style : solid
;
853 table
.loginForm2
.loginBottom a
{
857 table
.loginForm2
.loginBottom
a:hover
{
861 table
.loginForm2
.loginError
{
866 table
.loginForm2
.innerLoginCell
{
886 html
, body#ttrssMain
, #main
{
894 html
, body#ttrssPrefs
, #main
{
902 #toolbar div
.actionChooser
{
903 display : table-cell
;
908 /* preferences layout */
938 vertical-align : middle
;
944 vertical-align : middle
;
947 table
.prefFeedCatList
{
954 background-color : white
;
955 border :1px solid
#778899;
960 div
.autocomplete ul
{
961 list-style-type : none
;
966 div
.autocomplete ul li
.selected
{
967 background-color : #fff7d5;
970 div
.autocomplete ul li
{
971 list-style-type : none
;
993 border : 1px solid
#4684ff;
997 a
.visibleLinkB:hover
{
998 background-color : #ecf4ff;
1001 .hlContentH a, .hlContentH span {
1005 .hlContentL a, .hlContentL span {
1007 text-decoration : line-through
;
1010 span
.titleWrapH
, span
.titleWrapH a
{
1014 span
.titleWrapL
, span
.titleWrapL a
{
1016 text-decoration : line-through
;
1020 vertical-align : middle
;
1025 div#hotkey_help_overlay
{
1026 position : absolute
;
1034 border-radius : 30px;
1038 div#hotkey_help_overlay h1
{
1039 text-align : center
;
1042 div#hotkey_help_overlay ul
{
1043 list-style-type : none
;
1047 div#hotkey_help_overlay a
{
1051 div#hotkey_help_overlay
a:hover
{
1055 div#hotkey_help_overlay li
{
1059 div#hotkey_help_overlay p
{
1060 text-align : center
;
1063 div#hotkey_help_overlay td
.n
{
1068 padding-right : 5px;
1071 div#hotkey_help_overlay td
{
1072 vertical-align : top
;
1075 div#hotkey_help_overlay h1
{
1079 div#hotkey_help_overlay h2
{
1082 margin : 0.3em 0px 0.3em 0px;
1083 text-align : center
;
1087 div#hotkey_help_overlay table
.hho td
.top
,
1088 div#hotkey_help_overlay table
.hho td
.bottom
{
1089 text-align : center
;
1095 border : 1px solid black
;
1096 background-color : white
;
1102 background-color : #88b0f0;
1115 position : relative
;
1120 font-weight : normal
;
1126 border : 0px solid transparent
;
1130 div
.dlgSecCont
> * {
1131 position : relative
;
1140 span
.labelColorIndicator
{
1145 display : inline-block
;
1146 border : 1px solid black
;
1147 background-color : #fff7d5;
1149 text-align : center
;
1153 span
.labelColorIndicator2
{
1157 display : inline-block
;
1158 border : 1px solid black
;
1159 background-color : #fff7d5;
1161 text-align : center
;
1163 vertical-align : bottom
;
1167 div
.labelColorIndicator
{
1172 text-align : center
;
1173 border : 1px solid black
;
1175 background-color : #fff7d5;
1177 margin-right : 10px;
1182 font-style : normal
;
1190 position : absolute
;
1196 background-color : white
;
1197 border : 1px solid
#88b0f0;
1198 padding : 3px 5px 3px 5px;
1202 #feed_browser_spinner {
1203 vertical-align : middle
;
1209 position : absolute
;
1215 border-style : solid
;
1216 border-color : #d7c47a;
1217 background-color : #fff7d5;
1219 text-align : center
;
1228 display : table-cell
;
1231 vertical-align : middle
;
1233 padding-bottom : 4px;
1237 display : table-cell
;
1238 vertical-align : middle
;
1239 white-space: nowrap
;
1243 display : table-cell
;
1244 white-space: nowrap
;
1246 vertical-align : middle
;
1256 font-weight : medium
;
1258 display : table-cell
;
1260 vertical-align : middle
;
1262 padding-bottom : 4px;
1272 div
.hlLeft img
, div
.hlRight img
{
1273 margin : 0px 4px 0px 4px;
1278 display : table-cell
;
1279 padding-right : 4px;
1281 text-align : center
;
1282 vertical-align : middle
;
1290 margin-bottom : 10px;
1293 div
.fatalError button
{
1297 div
.fatalError textarea
{
1322 border-color : #88b0f0;
1323 border-left-width : 0px;
1324 border-bottom-width : 0px;
1325 border-top-width : 0px;
1329 #headlines-wrap-inner {
1337 border-color : #88b0f0;
1338 border-left-width : 0px;
1339 border-right-width : 0px;
1341 border-top-width : 0px;
1344 #headlines-toolbar_splitter, #toolbar_splitter
{
1358 white-space: nowrap
;
1366 padding : 5px 5px 0px 0px;
1368 position : absolute
;
1375 text-align : center
;
1377 padding : 4px 4px 8px 4px;
1383 border-color : #88b0f0;
1384 border-bottom-width : 0px;
1385 border-right-width : 0px;
1386 border-left-width : 0px;
1390 .dijitTreeLabel.Unread {
1400 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1404 .dijitTreeRow.Error {
1408 .dijitTreeRow.Hidden {
1412 img
.feedIcon
, img
.tinyFeedIcon
{
1417 div
#feedlistLoading
, div#filterlistLoading
, div#labellistLoading
{
1418 text-align : center
;
1423 div
#feedlistLoading img
, div#filterlistLoading img
, div#labellistLoading
{
1427 div#pref-tabs
.dijitContentPane
{
1432 margin : 0px 5px 0px 5px;
1435 div#pref-tabs
.dijitContentPane h3
{
1440 #pref-filter-wrap, #pref-filter-header
, #pref-filter-content
,
1441 #pref-label-wrap, #pref-label-header
, #pref-label-content
,
1442 #pref-user-wrap, #pref-user-header
, #pref-user-content
,
1443 #pref-instance-wrap, #pref-instance-header
, #pref-instance-content
{
1449 #userConfigTab, #labelConfigTab
, #filterConfigTab
, #pref-feeds-feeds
, #instanceConfigTab
{
1457 span
.labelFixedLength
{
1458 display : inline-block
;
1462 #filter_dlg_date_chk_box {
1463 display : inline-block
;
1466 .dijitDialog .dijitToolbar {
1467 border : 1px solid
#c0c0c0;
1472 border : 1px solid
#ecf4ff;
1478 vertical-align : middle
;
1479 position : relative
;
1484 display : inline-block
;
1487 font-family : sans-serif
;
1488 border : 1px solid gray
;
1489 padding : 0px 4px 0px 4px;
1490 margin : 0px 2px 0px 2px;
1492 text-align : center
;
1497 border-color : #00c000;
1501 background : #f0f0f0;
1508 text-align : center
;