1 body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
6 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
14 div.postReply div.postHeader {
18 border-width : 0px 0px 1px 0px;
23 div.postReply div.postTitle {
25 text-overflow: ellipsis;
28 text-rendering: optimizelegibility;
29 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
30 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
31 Helvetica, Arial, sans-serif;
34 div.postReply div.postDate {
38 div.postReply div.postContent {
42 div.postReply div.postContent img {
48 div.postReply div.postEnclosures {
53 div.postReply img.tagsPic {
57 vertical-align : middle;
61 background-color : #fff7d5;
65 border-color : #e7d796;
67 background-color : #fff7d5;
71 div.articleNote div.noteEdit {
76 div.postReply span.author {
83 text-rendering: optimizelegibility;
84 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
85 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
86 Helvetica, Arial, sans-serif;
92 border-width : 0px 0px 1px 0px;
94 border-color : #ecf4ff;
95 text-rendering: optimizelegibility;
96 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
97 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
98 Helvetica, Arial, sans-serif;
103 border-width : 0px 0px 1px 0px;
104 border-style : solid;
105 border-color : #ecf4ff;
107 text-rendering: optimizelegibility;
108 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
109 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
110 Helvetica, Arial, sans-serif;
116 text-rendering: optimizelegibility;
117 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
118 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
119 Helvetica, Arial, sans-serif;
123 border-width : 0px 0px 1px 0px;
124 border-style : solid;
130 text-decoration : none;
146 border-style : solid;
157 vertical-align : middle;
170 display : table-cell;
171 vertical-align : middle;
176 border-color : #d7c47a;
177 background-color : #fff7d5;
181 border-color : #d7c47a;
182 background-color : #fff7d5;
186 border-color : #88b0f0;
187 background-color : #ecf4ff;
191 background-color : #ffcccc;
192 border-color : #ff0000;
197 text-rendering: optimizelegibility;
198 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
199 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
200 Helvetica, Arial, sans-serif;
204 .hl.Unread div.hlTitle a {
208 .hl.active div.hlTitle a {
210 /* text-shadow : 1px 1px 2px #fff; */
214 background : #f9fbff;
222 border-width : 0px 0px 1px 0px;
223 border-style : solid;
229 background : #ecf4ff ! important;
232 div.filterTestHolder {
236 border-style : solid;
237 margin : 0px 0px 5px 0px;
238 background-color : #f5f5f5;
243 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
244 margin : 5px 0px 5px 0px;
247 border-width : 0px 0px 0px 4px;
249 border-style : solid;
252 #content-insert code, #headlines-frame code, .dijitContentPane code {
254 font-family : monospace;
258 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
259 margin : 5px 0px 5px 0px;
262 font-family : monospace;
266 border-style : solid;
267 background : #f5f5f5;
273 div.notice, div.warning, div.error {
274 padding : 4px 10px 4px 4px;
275 display : inline-block;
276 margin : 2px 0px 4px 0px;
278 border-style : solid;
283 div.notice div.inner, div.warning div.inner, div.error div.inner {
284 vertical-align : middle;
288 background : #ecf4ff;
289 border-color : #88b0f0;
293 background : #fff7d5;
294 border-color : #e7d796;;
298 background : #ffcccc;
299 border-color : #ff0000;
302 div.warning img, div.notice img, div.error img {
304 vertical-align : middle;
307 div.warning span, div.notice span, div.error span {
308 display : table-cell;
309 vertical-align : middle;
314 list-style-type : none;
329 white-space : nowrap;
330 display : table-cell;
335 #main-toolbar table *,
336 #main-toolbar .actionChooser * {
337 text-rendering: optimizelegibility;
338 font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", "Helvetica Neue",
339 Helvetica, Arial, sans-serif;
344 #main-toolbar #headlines-toolbar {
349 #main-toolbar #headlines-toolbar span.holder {
354 #main-toolbar #headlines-toolbar span.holder > * {
355 display : table-cell;
358 #main-toolbar #headlines-toolbar .main {
362 #main-toolbar #headlines-toolbar .main,
363 #main-toolbar #headlines-toolbar .r {
367 #headlines-toolbar span.r img {
373 #headlines-toolbar span.r .error a {
377 #main-toolbar #selected_prompt {
383 span.contentPreview {
385 font-weight : normal;
391 background-color : #fff7d5;
394 font-weight : normal;
396 padding : 1px 4px 1px 4px;
397 display : inline-block;
398 vertical-align : middle;
403 div.postHeader div.postDate {
410 padding-bottom : 3px;
418 border-width : 0px 0px 1px 0px;
419 border-style : solid;
421 padding-bottom : 5px;
425 img.markedPic, img.pubPic {
427 vertical-align : middle;
429 -webkit-transition : opacity 0.25s;
430 transition : opacity 0.25s;
433 img.markedPic:hover, img.pubPic:hover {
437 img[src*='pub_set.png'], img[src*='mark_set.png'] {
441 div.tagCloudContainer {
442 border : 1px solid #ddd;
443 background-color : #f5f5f5;
444 margin : 5px 0px 5px 0px;
450 border : 1px solid #ddd;
451 background-color : #f5f5f5;
452 margin : 5px 0px 5px 0px;
459 list-style-type : none;
460 border : 1px solid #ddd;
461 background-color : #f5f5f5;
462 margin : 0px 0px 5px 0px;
466 ul.feedErrorsList em {
473 border-width : 0px 1px 1px 1px;
475 border-style : solid;
476 margin : 0px 0px 5px 0px;
477 background-color : white;
478 list-style-type : none;
483 ul.browseFeedList li {
485 padding : 2px 4px 2px 4px;
499 margin : 5px 5px 5px 5px;
504 list-style-type : none;
553 background-color : white;
554 border :1px solid #778899;
559 div.autocomplete ul {
560 list-style-type : none;
565 div.autocomplete ul li.selected {
566 background-color : #fff7d5;
569 div.autocomplete ul li {
570 list-style-type : none;
580 white-space : nowrap;
582 text-overflow : ellipsis;
587 div#headlines-frame.wide .hlTitle {
590 white-space : normal;
593 .hl a.title.high, span.hlContent.high .contentPreview {
596 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
600 .hl a.title.low, span.hlContent.low .contentPreview,
601 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
603 text-decoration : line-through;
607 vertical-align : middle;
626 font-weight : normal;
632 border : 0px solid transparent;
646 span.labelColorIndicator {
651 vertical-align : middle;
653 display : inline-block;
654 border : 1px solid #ccc;
655 background-color : #fff7d5;
667 background-color : white;
668 border : 1px solid #88b0f0;
669 padding : 3px 5px 3px 5px;
673 #feed_browser_spinner {
674 vertical-align : middle;
680 display : table-cell;
683 vertical-align : middle;
685 padding-bottom : 4px;
689 display : table-cell;
690 vertical-align : middle;
695 display : table-cell;
698 vertical-align : middle;
707 display : table-cell;
708 vertical-align : middle;
714 display : inline-block;
715 padding : 1px 4px 1px 4px;
718 font-weight : normal;
720 white-space : nowrap;
723 .hl span.hlFeed a:hover {
729 display : table-cell;
730 vertical-align : middle;
733 white-space : nowrap;
738 display : inline-block;
750 div.hlLeft img, div.hlRight img {
760 margin-bottom : 10px;
763 div.fatalError button {
767 div.fatalError textarea {
792 border-width : 0px 1px 0px 0px;
793 border-style : solid;
796 background : #f5f5f5;
797 box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
800 #headlines-wrap-inner {
813 #headlines-toolbar_splitter, #toolbar_splitter {
827 border-width : 0px 0px 1px 0px;
829 border-style : solid;
839 padding : 5px 5px 0px 0px;
850 padding : 4px 4px 8px 4px;
863 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
867 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
871 img.feedIcon, img.tinyFeedIcon {
875 vertical-align : middle;
876 display : inline-block;
880 display : inline-block;
883 font-family : sans-serif;
884 border : 1px solid #555;
885 padding : 0px 4px 0px 4px;
886 margin : 0px 2px 0px 2px;
894 border-color : #00c000;
898 background : #f0f0f0;
911 ul#filterDlg_Matches, ul#filterDlg_Actions {
914 list-style-type : none;
915 border-style : solid;
917 border-width : 0px 1px 1px 1px;
918 background-color : white;
919 margin : 0px 0px 5px 0px;
923 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
925 padding : 0px 0px 0px 5px;
931 list-style-type : none;
932 border : 1px solid #ddd;
933 background-color : #f5f5f5;
934 margin : 0px 0px 5px 0px;
938 ul.helpKbList span.hksequence {
943 display : inline-block;
966 -webkit-hyphens: auto;
971 div.postContent iframe {
975 div.postHeader span.author {
978 font-weight : normal;
991 #feedTree img.feedIcon {
996 body#ttrssMain #feedTree .dijitTreeRow {
997 padding : 2px 0px 2px;
1003 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1007 body#ttrssMain #feedTree {
1009 overflow-x : hidden;
1010 text-rendering: optimizelegibility;
1011 font-family : "Segoe UI Web", "Segoe UI", "Helvetica Neue",
1012 Helvetica, Arial, sans-serif;
1015 body#ttrssMain #feedTree .counterNode.aux {
1016 background : #f0f0f0;
1018 border-color : #f0f0f0;
1021 body#ttrssMain #feedTree .counterNode {
1023 display : inline-block;
1025 text-align : center;
1026 border : 1px solid #88b0f0;
1028 background : #88b0f0;
1029 border-radius : 4px;
1030 vertical-align : middle;
1032 position : relative;
1040 #feedTree img[src*='indicator_white.gif'] {
1041 position : relative;
1046 background-color : #ffff00;
1050 div.enclosure_title {
1054 body#ttrssMain #headlines-frame .dijitCheckBox {
1059 body#ttrssMain #headlines-frame .dijitCheckBoxHover,
1060 body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
1064 body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
1067 vertical-align : middle;
1068 position : relative;