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
.postTitle
{
49 div
.postReply div
.postDate
{
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
;
87 background-color : #fff7d5;
89 border-style : none none dashed none
;
90 border-color : #e7d796;
92 background-color : #fff7d5;
96 div
.articleNote div
.noteEdit
{
101 div
.postReply span
.author
{
112 border-width : 0px 0px 1px 0px;
113 border-style : solid
;
114 border-color : #ecf4ff;
120 border-width : 0px 0px 1px 0px;
121 border-style : solid
;
122 border-color : #ecf4ff;
126 border-width : 0px 0px 1px 0px;
127 border-style : dashed
;
128 border-color : #e0e0e0;
133 text-decoration : none
;
146 border-width : 0px 1px 1px 1px;
147 border-style : solid
;
156 padding : 5px 5px 5px 5px;
160 vertical-align : middle
;
164 border-color : #d7c47a;
165 background-color : #fff7d5;
170 border-color : #7AD78E;
171 background-color : #D5FFDB;
176 border-color : #d7c47a;
177 background-color : #fff7d5;
182 background-color : #ffcccc;
183 border-color : #ff0000;
187 .notifyError span:hover {
192 .Selected, .Selected td {
193 background-color : #fff7d5 ! important
;
196 .even.Unread.Selected, .even.Unread.Selected td {
197 background : #fff7d5 ! important
;
199 border-width : 0px 0px 1px 0px;
200 border-style : solid
;
201 border-color : #e7d796;
204 .odd.Unread.Selected, .odd.Unread.Selected td {
205 background : #fff7d5 ! important
;
207 border-width : 0px 0px 1px 0px;
208 border-style : solid
;
209 border-color : #e7d796;
212 .even.Selected, .even.Selected td {
213 background : #fff7d5 ! important
;
214 border-width : 0px 0px 1px 0px;
215 border-style : solid
;
216 border-color : #e7d796;
217 border-collapse : collapse
;
220 .odd.Selected, .odd.Selected td {
221 background : #fff7d5 ! important
;
222 border-width : 0px 0px 1px 0px;
223 border-style : solid
;
224 border-color : #e7d796;
225 border-collapse : collapse
;
228 .even.Grayed, .even.Grayed td {
229 background : #f0f0f0;
231 border-width : 0px 0px 1px 0px;
232 border-style : solid
;
233 border-color : #c0c0c0;
234 border-collapse : collapse
;
242 border-width : 0px 0px 1px 0px;
243 border-style : solid
;
244 border-color : #c0c0c0;
245 background : #f0f0f0;
246 border-collapse : collapse
;
250 border-width : 0px 0px 1px 0px;
251 border-style : solid
;
252 border-color : #c0c0c0;
253 border-collapse : collapse
;
256 .even.Unread, .even.Unread td {
257 background : #f0f0f0;
259 border-width : 0px 0px 1px 0px;
260 border-style : solid
;
261 border-color : #c0c0c0;
262 border-collapse : collapse
;
265 .odd.Unread, .odd.Unread td {
267 border-width : 0px 0px 1px 0px;
268 border-style : solid
;
269 border-color : #c0c0c0;
278 /* table.prefPrefsList tr:hover td.prefValue {
282 table.prefPrefsList tr:hover td.prefValue input {
286 table
.prefPrefsList h3
{
292 border-width : 0px 0px 1px 0px;
293 border-color : #ecf4ff;
294 border-style : solid
;
302 tr
.title td
a:hover
{
306 table
.prefFeedList td
.feedEditCat
{
308 border-width : 0px 0px 1px 0px;
309 border-style : solid
;
310 border-color : #88b0f0;
314 table
.prefFilterList td
.filterEditCat
{
316 border-width : 0px 0px 1px 0px;
317 border-style : solid
;
318 border-color : #88b0f0;
322 /* oh for the love of... */
324 table
.prefFilterList tr
.even
,
325 table
.prefFilterList tr
.odd
,
326 table
.prefFilterList tr
.evenSelected
,
327 table
.prefFilterList tr
.oddSelected
,
328 table
.prefLabelList tr
.even
,
329 table
.prefLabelList tr
.odd
,
330 table
.prefLabelList tr
.evenSelected
,
331 table
.prefLabelList tr
.oddSelected
,
332 table
.prefUserList tr
.even
,
333 table
.prefUserList tr
.odd
,
334 table
.prefUserList tr
.evenSelected
,
335 table
.prefUserList tr
.oddSelected
,
336 table
.prefFeedList tr
.even
,
337 table
.prefFeedList tr
.odd
,
338 table
.prefFeedList tr
.evenSelected
,
339 table
.prefFeedList tr
.oddSelected
,
340 table
.prefInstanceList tr
.even
,
341 table
.prefInstanceList tr
.odd
,
342 table
.prefInstanceList tr
.evenSelected
,
343 table
.prefInstanceList tr
.oddSelected
348 table
.prefFilterList tr
.even:hover td
,
349 table
.prefFilterList tr
.odd:hover td
,
350 table
.prefFilterList tr
.evenSelected:hover td
,
351 table
.prefFilterList tr
.oddSelected:hover td
352 table
.prefLabelList tr
.even:hover td
,
353 table
.prefLabelList tr
.odd:hover td
,
354 table
.prefLabelList tr
.evenSelected:hover td
,
355 table
.prefLabelList tr
.oddSelected:hover td
,
356 table
.prefUserList tr
.even:hover td
,
357 table
.prefUserList tr
.odd:hover td
,
358 table
.prefUserList tr
.evenSelected:hover td
,
359 table
.prefUserList tr
.oddSelected:hover td
,
360 table
.prefFeedList tr
.even:hover td
,
361 table
.prefFeedList tr
.odd:hover td
,
362 table
.prefFeedList tr
.evenSelected:hover td
,
363 table
.prefFeedList tr
.oddSelected:hover td
,
364 table
.prefInstanceList tr
.even:hover td
,
365 table
.prefInstanceList tr
.odd:hover td
,
366 table
.prefInstanceList tr
.evenSelected:hover td
,
367 table
.prefInstanceList tr
.oddSelected:hover td
372 table
.prefFeedList td
.feedIcon
{
376 table
.prefFeedList td
.feedSelect
{
380 div
.prefFeedCatHolder
, div
.prefFeedOPMLHolder
, div
.inactiveFeedHolder
, div
.filterTestHolder
{
383 border-width : 0px 1px 1px 1px;
384 border-color : #c0c0c0;
385 border-style : solid
;
386 margin : 0px 0px 5px 0px;
387 background-color : #ecf4ff;
390 div
.prefFeedOPMLHolder
, div
.filterTestHolder
{
391 border-width : 1px 1px 1px 1px;
402 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
403 margin : 0px 0px 0px 1em;
405 font-family : monospace
;
407 background : transparent
;
412 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
413 margin : 0px 0px 0px 1em;
414 border-width : 0px 0px 0px 2px;
415 border-color : #c0c0c0;
416 border-style : solid
;
418 padding : 0px 0px 0px 1em;
423 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
424 background : transparent
;
425 border : 0px solid transparent
;
427 font-family : monospace
;
434 background : #ffffff;
435 border : 1px solid
#88b0f0;
438 margin : 0px 0px 5px 0px;
443 background : #fff7d5;
444 border : 1px solid
#d7c47a;
448 margin : 0px 0px 5px 0px;
451 div
.warning img
, div
.notice img
, div
.error img
{
452 vertical-align : middle
;
456 span
.filterDateError
{
461 border : 1px solid
#ff0000;
462 background : #ffcccc;
464 margin : 0px 0px 5px 0px;
469 list-style-type : none
;
474 div
.prefHelp
, td
.prefHelp
{
491 .insensitive a:hover {
499 table
.innerFeedTable td
{
509 div#headlines-toolbar
{
510 border-width : 0px 0px 1px 0px;
511 background-color : #f0f0f0;
512 border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
514 font-family : "Segoe UI", Tahoma
, sans-serif
;
524 div#headlines-toolbar
.dijitSelect
{
530 div#headlines-toolbar span
.r
{
533 background : #ecf4ff;
534 border-left: 5px solid white
;
535 padding : 0 4px 0px 4px;
539 /* http://css-tricks.com/adobe-like-arrow-headers/ */
541 @media screen and
(-webkit-min-device-pixel-ratio:0) {
542 div#headlines-toolbar span
.r:before
,
543 div#headlines-toolbar span
.r:after
{
546 /* Pushed down half way, will get pulled back up half height of triangle
547 ensures centering if font-size or line-height changes */
552 div#headlines-toolbar span
.r:before
{
555 border-top: 8px solid transparent
;
556 border-bottom: 8px solid transparent
;
557 border-right: 8px solid white
;
561 div#headlines-toolbar span
.r:after
{
562 /* Smaller and different position triangle */
564 border-top: 6px solid transparent
;
565 border-bottom: 6px solid transparent
;
566 border-right: 6px solid
#ecf4ff;
571 div#headlines-toolbar span
.r span
.error
{
575 div#headlines-toolbar span
.r a
{
579 div#headlines-toolbar span
.r
a:hover
{
583 span
.contentPreview
{
585 font-weight : normal
;
588 span
.contentPreview:hover
{
593 background-color : #fff7d5;
596 font-weight : normal
;
597 margin : 0px 3px 0px 3px;
598 padding : 0px 4px 0px 4px;
602 td
.hlSelectRow
, td
.hlUpdPic
{
607 div
.postHeader div
.postDate
{
613 div
.postHeader div
.postDateRTL
{
620 padding-bottom : 3px;
630 border-width : 0px 0px 1px 0px;
631 border-style : solid
;
632 border-color : #c0c0c0;
633 padding-bottom : 5px;
637 td
.hlMarkedPic
, td
.hlSelectRow
, td
.hlUpdated
, td
.hlFeed
{
645 span
.hlFeed
, span
.hlFeed a
{
650 span
.hlFeed
a:hover
{
662 div
.tagCloudContainer
{
663 border : 1px solid
#c0c0c0;
664 background-color : #ecf4ff;
665 margin : 5px 0px 5px 0px;
671 border : 1px solid
#c0c0c0;
672 background-color : #ecf4ff;
673 margin : 5px 0px 5px 0px;
680 list-style-type : none
;
681 border : 1px solid
#c0c0c0;
682 background-color : #ecf4ff;
683 margin : 0px 0px 5px 0px;
690 list-style-type : none
;
691 border : 1px solid
#c0c0c0;
692 background-color : #ecf4ff;
693 margin : 0px 0px 5px 0px;
697 ul
.feedErrorsList em
{
704 list-style-type : none
;
705 border : 1px solid gray
;
706 background-color : white
;
707 margin : 0px 0px 5px 0px;
714 border-width : 0px 1px 1px 1px;
715 border-color : #c0c0c0;
716 border-style : solid
;
717 margin : 0px 0px 5px 0px;
718 background-color : white
;
719 list-style-type : none
;
724 ul
.browseFeedList li
{
726 padding : 2px 4px 2px 4px;
740 margin : 5px 5px 5px 5px;
745 list-style-type : none
;
782 display : table-cell
;
783 white-space : nowrap
;
799 html
, body#ttrssMain
, #main
{
807 html
, body#ttrssPrefs
, #main
{
815 #toolbar div
.actionChooser
{
816 display : table-cell
;
821 /* preferences layout */
851 vertical-align : middle
;
857 vertical-align : middle
;
863 background-color : white
;
864 border :1px solid
#778899;
869 div
.autocomplete ul
{
870 list-style-type : none
;
875 div
.autocomplete ul li
.selected
{
876 background-color : #fff7d5;
879 div
.autocomplete ul li
{
880 list-style-type : none
;
902 border : 1px solid
#4684ff;
906 a
.visibleLinkB:hover
{
907 background-color : #ecf4ff;
910 .hlContentH a, .hlContentH span {
914 .hlContentL a, .hlContentL span {
916 text-decoration : line-through
;
919 span
.titleWrapH
, span
.titleWrapH a
{
923 span
.titleWrapL
, span
.titleWrapL a
{
925 text-decoration : line-through
;
929 vertical-align : middle
;
934 div#hotkey_help_overlay
{
943 border-radius : 30px;
947 div#hotkey_help_overlay h1
{
951 div#hotkey_help_overlay ul
{
952 list-style-type : none
;
956 div#hotkey_help_overlay a
{
960 div#hotkey_help_overlay
a:hover
{
964 div#hotkey_help_overlay li
{
968 div#hotkey_help_overlay p
{
972 div#hotkey_help_overlay td
.n
{
980 div#hotkey_help_overlay td
{
981 vertical-align : top
;
984 div#hotkey_help_overlay h1
{
988 div#hotkey_help_overlay h2
{
991 margin : 0.3em 0px 0.3em 0px;
996 div#hotkey_help_overlay table
.hho td
.top
,
997 div#hotkey_help_overlay table
.hho td
.bottom
{
1011 position : relative
;
1016 font-weight : normal
;
1022 border : 0px solid transparent
;
1026 div
.dlgSecCont
> * {
1027 position : relative
;
1036 span
.labelColorIndicator
{
1041 display : inline-block
;
1042 border : 1px solid black
;
1043 background-color : #fff7d5;
1045 text-align : center
;
1049 span
.labelColorIndicator2
{
1053 display : inline-block
;
1054 border : 1px solid black
;
1055 background-color : #fff7d5;
1057 text-align : center
;
1059 vertical-align : bottom
;
1063 position : absolute
;
1069 background-color : white
;
1070 border : 1px solid
#88b0f0;
1071 padding : 3px 5px 3px 5px;
1075 #feed_browser_spinner {
1076 vertical-align : middle
;
1082 position : absolute
;
1088 border-style : solid
;
1089 border-color : #d7c47a;
1090 background-color : #fff7d5;
1092 text-align : center
;
1101 display : table-cell
;
1104 vertical-align : middle
;
1106 padding-bottom : 4px;
1110 display : table-cell
;
1111 vertical-align : middle
;
1112 white-space: nowrap
;
1116 display : table-cell
;
1117 white-space: nowrap
;
1119 vertical-align : middle
;
1130 display : table-cell
;
1132 vertical-align : middle
;
1134 padding-bottom : 4px;
1143 div
.hlLeft img
, div
.hlRight img
{
1144 margin : 0px 4px 0px 4px;
1149 display : table-cell
;
1150 padding-right : 4px;
1152 text-align : center
;
1153 vertical-align : middle
;
1161 margin-bottom : 10px;
1164 div
.fatalError button
{
1168 div
.fatalError textarea
{
1193 border-color : #88b0f0;
1194 border-left-width : 0px;
1195 border-bottom-width : 0px;
1196 border-top-width : 0px;
1200 #headlines-wrap-inner {
1208 border-color : #88b0f0;
1209 border-left-width : 0px;
1210 border-right-width : 0px;
1212 border-top-width : 0px;
1215 #headlines-toolbar_splitter, #toolbar_splitter
{
1229 white-space: nowrap
;
1237 padding : 5px 5px 0px 0px;
1239 position : absolute
;
1246 text-align : center
;
1248 padding : 4px 4px 8px 4px;
1254 border-color : #88b0f0;
1255 border-bottom-width : 0px;
1256 border-right-width : 0px;
1257 border-left-width : 0px;
1261 .dijitTreeLabel.Unread {
1271 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1275 .dijitTreeRow.Error {
1279 .dijitTreeRow.Hidden {
1283 img
.feedIcon
, img
.tinyFeedIcon
{
1288 div
#feedlistLoading
, div#filterlistLoading
, div#labellistLoading
{
1289 text-align : center
;
1294 div
#feedlistLoading img
, div#filterlistLoading img
, div#labellistLoading
{
1298 div#pref-tabs
.dijitContentPane
{
1303 margin : 0px 5px 0px 5px;
1306 div#pref-tabs
.dijitContentPane h3
{
1311 #pref-filter-wrap, #pref-filter-header
, #pref-filter-content
,
1312 #pref-label-wrap, #pref-label-header
, #pref-label-content
,
1313 #pref-user-wrap, #pref-user-header
, #pref-user-content
,
1314 #pref-instance-wrap, #pref-instance-header
, #pref-instance-content
{
1320 #userConfigTab, #labelConfigTab
, #filterConfigTab
, #pref-feeds-feeds
, #instanceConfigTab
{
1328 span
.labelFixedLength
{
1329 display : inline-block
;
1333 #filter_dlg_date_chk_box {
1334 display : inline-block
;
1337 .dijitDialog .dijitToolbar {
1338 border : 1px solid
#c0c0c0;
1343 border : 1px solid
#ecf4ff;
1349 vertical-align : middle
;
1350 position : relative
;
1355 display : inline-block
;
1358 font-family : sans-serif
;
1359 border : 1px solid gray
;
1360 padding : 0px 4px 0px 4px;
1361 margin : 0px 2px 0px 2px;
1363 text-align : center
;
1368 border-color : #00c000;
1372 background : #f0f0f0;
1379 text-align : center
;
1389 margin-bottom : 5px;
1393 ul#filterDlg_Matches
, ul#filterDlg_Actions
{
1396 list-style-type : none
;
1397 border-style : solid
;
1398 border-color : #c0c0c0;
1399 border-width : 0px 1px 1px 1px;
1400 background-color : #ecf4ff;
1401 margin : 0px 0px 5px 0px;
1405 ul#filterDlg_Matches li
, ul#filterDlg_Actions li
{
1407 padding : 0px 0px 0px 5px;
1410 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{