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;
41 div
.postReply div
.postTitle
{
46 div
.postReply div
.postDate
{
50 div
.postReply div
.postContent
{
55 div
.postReply div
.postContent img
{
60 div
.postReply div
.postIcon
{
66 div
.postReply div
.postIcon img
{
71 div
.postReply div
.postEnclosures
{
76 div
.postReply img
.tagsPic
{
80 vertical-align : middle
;
84 background-color : #fff7d5;
86 border-style : none none dashed none
;
87 border-color : #e7d796;
89 background-color : #fff7d5;
93 div
.articleNote div
.noteEdit
{
98 div
.postReply span
.author
{
109 border-width : 0px 0px 1px 0px;
110 border-style : solid
;
111 border-color : #ecf4ff;
117 border-width : 0px 0px 1px 0px;
118 border-style : solid
;
119 border-color : #ecf4ff;
123 border-width : 0px 0px 1px 0px;
124 border-style : dashed
;
125 border-color : #e0e0e0;
130 text-decoration : none
;
143 border-width : 0px 1px 1px 1px;
144 border-style : solid
;
153 padding : 5px 5px 5px 5px;
157 vertical-align : middle
;
161 border-color : #d7c47a;
162 background-color : #fff7d5;
167 border-color : #7AD78E;
168 background-color : #D5FFDB;
173 border-color : #d7c47a;
174 background-color : #fff7d5;
179 background-color : #ffcccc;
180 border-color : #ff0000;
184 .notifyError span:hover {
189 .Selected, .Selected td {
190 background-color : #fff7d5 ! important
;
193 .even.Unread.Selected, .even.Unread.Selected td {
194 background : #fff7d5 ! important
;
196 border-width : 0px 0px 1px 0px;
197 border-style : solid
;
198 border-color : #e7d796;
201 .odd.Unread.Selected, .odd.Unread.Selected td {
202 background : #fff7d5 ! important
;
204 border-width : 0px 0px 1px 0px;
205 border-style : solid
;
206 border-color : #e7d796;
209 .even.Selected, .even.Selected td {
210 background : #fff7d5 ! important
;
211 border-width : 0px 0px 1px 0px;
212 border-style : solid
;
213 border-color : #e7d796;
214 border-collapse : collapse
;
217 .odd.Selected, .odd.Selected td {
218 background : #fff7d5 ! important
;
219 border-width : 0px 0px 1px 0px;
220 border-style : solid
;
221 border-color : #e7d796;
222 border-collapse : collapse
;
225 .even.Grayed, .even.Grayed td {
226 background : #f0f0f0;
228 border-width : 0px 0px 1px 0px;
229 border-style : solid
;
230 border-color : #c0c0c0;
231 border-collapse : collapse
;
239 border-width : 0px 0px 1px 0px;
240 border-style : solid
;
241 border-color : #c0c0c0;
242 background : #f0f0f0;
243 border-collapse : collapse
;
247 border-width : 0px 0px 1px 0px;
248 border-style : solid
;
249 border-color : #c0c0c0;
250 border-collapse : collapse
;
253 .even.Unread, .even.Unread td {
254 background : #f0f0f0;
256 border-width : 0px 0px 1px 0px;
257 border-style : solid
;
258 border-color : #c0c0c0;
259 border-collapse : collapse
;
262 .odd.Unread, .odd.Unread td {
264 border-width : 0px 0px 1px 0px;
265 border-style : solid
;
266 border-color : #c0c0c0;
275 /* table.prefPrefsList tr:hover td.prefValue {
279 table.prefPrefsList tr:hover td.prefValue input {
283 table
.prefPrefsList h3
{
288 border-width : 0px 0px 1px 0px;
289 border-color : #ecf4ff;
290 border-style : solid
;
298 tr
.title td
a:hover
{
302 table
.prefFeedList td
.feedEditCat
{
304 border-width : 0px 0px 1px 0px;
305 border-style : solid
;
306 border-color : #88b0f0;
310 table
.prefFilterList td
.filterEditCat
{
312 border-width : 0px 0px 1px 0px;
313 border-style : solid
;
314 border-color : #88b0f0;
318 /* oh for the love of... */
320 table
.prefFilterList tr
.even
,
321 table
.prefFilterList tr
.odd
,
322 table
.prefFilterList tr
.evenSelected
,
323 table
.prefFilterList tr
.oddSelected
,
324 table
.prefLabelList tr
.even
,
325 table
.prefLabelList tr
.odd
,
326 table
.prefLabelList tr
.evenSelected
,
327 table
.prefLabelList tr
.oddSelected
,
328 table
.prefUserList tr
.even
,
329 table
.prefUserList tr
.odd
,
330 table
.prefUserList tr
.evenSelected
,
331 table
.prefUserList tr
.oddSelected
,
332 table
.prefFeedList tr
.even
,
333 table
.prefFeedList tr
.odd
,
334 table
.prefFeedList tr
.evenSelected
,
335 table
.prefFeedList tr
.oddSelected
,
336 table
.prefInstanceList tr
.even
,
337 table
.prefInstanceList tr
.odd
,
338 table
.prefInstanceList tr
.evenSelected
,
339 table
.prefInstanceList tr
.oddSelected
344 table
.prefFilterList tr
.even:hover td
,
345 table
.prefFilterList tr
.odd:hover td
,
346 table
.prefFilterList tr
.evenSelected:hover td
,
347 table
.prefFilterList tr
.oddSelected:hover td
348 table
.prefLabelList tr
.even:hover td
,
349 table
.prefLabelList tr
.odd:hover td
,
350 table
.prefLabelList tr
.evenSelected:hover td
,
351 table
.prefLabelList tr
.oddSelected:hover td
,
352 table
.prefUserList tr
.even:hover td
,
353 table
.prefUserList tr
.odd:hover td
,
354 table
.prefUserList tr
.evenSelected:hover td
,
355 table
.prefUserList tr
.oddSelected:hover td
,
356 table
.prefFeedList tr
.even:hover td
,
357 table
.prefFeedList tr
.odd:hover td
,
358 table
.prefFeedList tr
.evenSelected:hover td
,
359 table
.prefFeedList tr
.oddSelected:hover td
,
360 table
.prefInstanceList tr
.even:hover td
,
361 table
.prefInstanceList tr
.odd:hover td
,
362 table
.prefInstanceList tr
.evenSelected:hover td
,
363 table
.prefInstanceList tr
.oddSelected:hover td
368 table
.prefFeedList td
.feedIcon
{
372 table
.prefFeedList td
.feedSelect
{
376 div
.prefFeedCatHolder
, div
.prefFeedOPMLHolder
, div
.inactiveFeedHolder
, div
.filterTestHolder
{
379 border-width : 0px 1px 1px 1px;
380 border-color : #c0c0c0;
381 border-style : solid
;
382 margin : 0px 0px 5px 0px;
383 background-color : #ecf4ff;
386 div
.prefFeedOPMLHolder
, div
.filterTestHolder
{
387 border-width : 1px 1px 1px 1px;
398 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
399 margin : 0px 0px 0px 1em;
401 font-family : monospace
;
403 background : transparent
;
408 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
409 margin : 0px 0px 0px 1em;
410 border-width : 0px 0px 0px 2px;
411 border-color : #c0c0c0;
412 border-style : solid
;
414 padding : 0px 0px 0px 1em;
419 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
420 background : transparent
;
421 border : 0px solid transparent
;
423 font-family : monospace
;
430 background : #ffffff;
431 border : 1px solid
#88b0f0;
434 margin : 0px 0px 5px 0px;
439 background : #fff7d5;
440 border : 1px solid
#d7c47a;
444 margin : 0px 0px 5px 0px;
447 div
.warning img
, div
.notice img
, div
.error img
{
448 vertical-align : middle
;
452 span
.filterDateError
{
457 border : 1px solid
#ff0000;
458 background : #ffcccc;
460 margin : 0px 0px 5px 0px;
465 list-style-type : none
;
470 div
.prefHelp
, td
.prefHelp
{
487 .insensitive a:hover {
495 table
.innerFeedTable td
{
505 div#headlines-toolbar
{
506 border-width : 0px 0px 1px 0px;
507 background-color : #f0f0f0;
508 border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
510 font-family : "Segoe UI", Tahoma
, sans-serif
;
520 div#headlines-toolbar
.dijitSelect
{
526 div#headlines-toolbar span
.r
{
529 background : #f7faff;
530 border-left: 5px solid white
;
531 padding : 0 4px 0px 4px;
535 /* http://css-tricks.com/adobe-like-arrow-headers/ */
537 @media screen and
(-webkit-min-device-pixel-ratio:0) {
538 div#headlines-toolbar span
.r:before
,
539 div#headlines-toolbar span
.r:after
{
542 /* Pushed down half way, will get pulled back up half height of triangle
543 ensures centering if font-size or line-height changes */
548 div#headlines-toolbar span
.r:before
{
551 border-top: 8px solid transparent
;
552 border-bottom: 8px solid transparent
;
553 border-right: 8px solid white
;
557 div#headlines-toolbar span
.r:after
{
558 /* Smaller and different position triangle */
560 border-top: 6px solid transparent
;
561 border-bottom: 6px solid transparent
;
562 border-right: 6px solid
#ecf4ff;
567 div#headlines-toolbar span
.r span
.error
{
571 div#headlines-toolbar span
.r a
{
575 div#headlines-toolbar span
.r
a:hover
{
579 span
.contentPreview
{
581 font-weight : normal
;
584 span
.contentPreview:hover
{
589 background-color : #fff7d5;
592 font-weight : normal
;
593 margin : 0px 3px 0px 3px;
594 padding : 0px 4px 0px 4px;
598 td
.hlSelectRow
, td
.hlUpdPic
{
603 div
.postHeader div
.postDate
{
609 div
.postHeader div
.postDateRTL
{
616 padding-bottom : 3px;
626 border-width : 0px 0px 1px 0px;
627 border-style : solid
;
628 border-color : #c0c0c0;
629 padding-bottom : 5px;
633 td
.hlMarkedPic
, td
.hlSelectRow
, td
.hlUpdated
, td
.hlFeed
{
641 span
.hlFeed
, span
.hlFeed a
{
646 span
.hlFeed
a:hover
{
658 div
.tagCloudContainer
{
659 border : 1px solid
#c0c0c0;
660 background-color : #ecf4ff;
661 margin : 5px 0px 5px 0px;
667 border : 1px solid
#c0c0c0;
668 background-color : #ecf4ff;
669 margin : 5px 0px 5px 0px;
676 list-style-type : none
;
677 border : 1px solid
#c0c0c0;
678 background-color : #ecf4ff;
679 margin : 0px 0px 5px 0px;
686 list-style-type : none
;
687 border : 1px solid
#c0c0c0;
688 background-color : #ecf4ff;
689 margin : 0px 0px 5px 0px;
693 ul
.feedErrorsList em
{
700 list-style-type : none
;
701 border : 1px solid gray
;
702 background-color : white
;
703 margin : 0px 0px 5px 0px;
710 border-width : 0px 1px 1px 1px;
711 border-color : #c0c0c0;
712 border-style : solid
;
713 margin : 0px 0px 5px 0px;
714 background-color : white
;
715 list-style-type : none
;
720 ul
.browseFeedList li
{
722 padding : 2px 4px 2px 4px;
736 margin : 5px 5px 5px 5px;
741 list-style-type : none
;
778 display : table-cell
;
779 white-space : nowrap
;
795 html
, body#ttrssMain
, #main
{
803 html
, body#ttrssPrefs
, #main
{
811 #toolbar div
.actionChooser
{
812 display : table-cell
;
817 /* preferences layout */
847 vertical-align : middle
;
853 vertical-align : middle
;
859 background-color : white
;
860 border :1px solid
#778899;
865 div
.autocomplete ul
{
866 list-style-type : none
;
871 div
.autocomplete ul li
.selected
{
872 background-color : #fff7d5;
875 div
.autocomplete ul li
{
876 list-style-type : none
;
898 border : 1px solid
#4684ff;
902 a
.visibleLinkB:hover
{
903 background-color : #ecf4ff;
906 .hlContentH a, .hlContentH span {
910 .hlContentL a, .hlContentL span {
912 text-decoration : line-through
;
915 span
.titleWrapH
, span
.titleWrapH a
{
919 span
.titleWrapL
, span
.titleWrapL a
{
921 text-decoration : line-through
;
925 vertical-align : middle
;
930 div#hotkey_help_overlay
{
939 border-radius : 30px;
943 div#hotkey_help_overlay h1
{
947 div#hotkey_help_overlay ul
{
948 list-style-type : none
;
952 div#hotkey_help_overlay a
{
956 div#hotkey_help_overlay
a:hover
{
960 div#hotkey_help_overlay li
{
964 div#hotkey_help_overlay p
{
968 div#hotkey_help_overlay td
.n
{
976 div#hotkey_help_overlay td
{
977 vertical-align : top
;
980 div#hotkey_help_overlay h1
{
984 div#hotkey_help_overlay h2
{
987 margin : 0.3em 0px 0.3em 0px;
992 div#hotkey_help_overlay table
.hho td
.top
,
993 div#hotkey_help_overlay table
.hho td
.bottom
{
1007 position : relative
;
1012 font-weight : normal
;
1018 border : 0px solid transparent
;
1022 div
.dlgSecCont
> * {
1023 position : relative
;
1032 span
.labelColorIndicator
{
1037 display : inline-block
;
1038 border : 1px solid black
;
1039 background-color : #fff7d5;
1041 text-align : center
;
1045 span
.labelColorIndicator2
{
1049 display : inline-block
;
1050 border : 1px solid black
;
1051 background-color : #fff7d5;
1053 text-align : center
;
1055 vertical-align : bottom
;
1059 position : absolute
;
1065 background-color : white
;
1066 border : 1px solid
#88b0f0;
1067 padding : 3px 5px 3px 5px;
1071 #feed_browser_spinner {
1072 vertical-align : middle
;
1078 position : absolute
;
1084 border-style : solid
;
1085 border-color : #d7c47a;
1086 background-color : #fff7d5;
1088 text-align : center
;
1097 display : table-cell
;
1100 vertical-align : middle
;
1102 padding-bottom : 4px;
1106 display : table-cell
;
1107 vertical-align : middle
;
1108 white-space: nowrap
;
1112 display : table-cell
;
1113 white-space: nowrap
;
1115 vertical-align : middle
;
1126 display : table-cell
;
1128 vertical-align : middle
;
1130 padding-bottom : 4px;
1139 div
.hlLeft img
, div
.hlRight img
{
1140 margin : 0px 4px 0px 4px;
1145 display : table-cell
;
1146 padding-right : 4px;
1148 text-align : center
;
1149 vertical-align : middle
;
1157 margin-bottom : 10px;
1160 div
.fatalError button
{
1164 div
.fatalError textarea
{
1189 border-color : #88b0f0;
1190 border-left-width : 0px;
1191 border-bottom-width : 0px;
1192 border-top-width : 0px;
1196 #headlines-wrap-inner {
1204 border-color : #88b0f0;
1205 border-left-width : 0px;
1206 border-right-width : 0px;
1208 border-top-width : 0px;
1211 #headlines-toolbar_splitter, #toolbar_splitter
{
1225 white-space: nowrap
;
1233 padding : 5px 5px 0px 0px;
1235 position : absolute
;
1242 text-align : center
;
1244 padding : 4px 4px 8px 4px;
1250 border-color : #88b0f0;
1251 border-bottom-width : 0px;
1252 border-right-width : 0px;
1253 border-left-width : 0px;
1257 .dijitTreeLabel.Unread {
1267 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1271 .dijitTreeRow.Error {
1275 .dijitTreeRow.Hidden {
1279 img
.feedIcon
, img
.tinyFeedIcon
{
1284 div
#feedlistLoading
, div#filterlistLoading
, div#labellistLoading
{
1285 text-align : center
;
1290 div
#feedlistLoading img
, div#filterlistLoading img
, div#labellistLoading
{
1294 div#pref-tabs
.dijitContentPane
{
1299 margin : 0px 5px 0px 5px;
1302 div#pref-tabs
.dijitContentPane h3
{
1307 #pref-filter-wrap, #pref-filter-header
, #pref-filter-content
,
1308 #pref-label-wrap, #pref-label-header
, #pref-label-content
,
1309 #pref-user-wrap, #pref-user-header
, #pref-user-content
,
1310 #pref-instance-wrap, #pref-instance-header
, #pref-instance-content
{
1316 #userConfigTab, #labelConfigTab
, #filterConfigTab
, #pref-feeds-feeds
, #instanceConfigTab
{
1324 span
.labelFixedLength
{
1325 display : inline-block
;
1329 #filter_dlg_date_chk_box {
1330 display : inline-block
;
1333 .dijitDialog .dijitToolbar {
1334 border : 1px solid
#c0c0c0;
1337 .dijitDialog .dijitDialogPaneContent {
1338 background-color : white
;
1339 background-image : url
("images/toolbar.png");
1340 background-repeat : repeat-x
;
1341 background-position : bottom
;
1346 border : 1px solid
#ecf4ff;
1352 vertical-align : middle
;
1353 position : relative
;
1358 display : inline-block
;
1361 font-family : sans-serif
;
1362 border : 1px solid gray
;
1363 padding : 0px 4px 0px 4px;
1364 margin : 0px 2px 0px 2px;
1366 text-align : center
;
1371 border-color : #00c000;
1375 background : #f0f0f0;
1382 text-align : center
;
1392 margin-bottom : 5px;
1396 ul#filterDlg_Matches
, ul#filterDlg_Actions
{
1399 list-style-type : none
;
1400 border-style : solid
;
1401 border-color : #c0c0c0;
1402 border-width : 0px 1px 1px 1px;
1403 background-color : #ecf4ff;
1404 margin : 0px 0px 5px 0px;
1408 ul#filterDlg_Matches li
, ul#filterDlg_Actions li
{
1410 padding : 0px 0px 0px 5px;
1413 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{