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;
114 border-width : 0px 0px 1px 0px;
115 border-style : solid;
121 text-decoration : none;
137 border-style : solid;
148 vertical-align : middle;
161 display : table-cell;
162 vertical-align : middle;
167 border-color : #d7c47a;
168 background-color : #fff7d5;
172 border-color : #d7c47a;
173 background-color : #fff7d5;
177 border-color : #88b0f0;
178 background-color : #ecf4ff;
182 background-color : #ffcccc;
183 border-color : #ff0000;
188 text-rendering: optimizelegibility;
189 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
190 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
191 Helvetica, Arial, sans-serif;
195 .hl.Unread div.hlTitle a {
199 .hl.active div.hlTitle a {
201 text-shadow : 1px 1px 2px #fff;
205 background : #f9fbff;
213 border-width : 0px 0px 1px 0px;
214 border-style : solid;
220 background : #ecf4ff ! important;
223 div.filterTestHolder {
227 border-style : solid;
228 margin : 0px 0px 5px 0px;
229 background-color : #f5f5f5;
234 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
235 margin : 5px 0px 5px 0px;
238 border-width : 0px 0px 0px 4px;
240 border-style : solid;
243 #content-insert code, #headlines-frame code, .dijitContentPane code {
245 font-family : monospace;
249 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
250 margin : 5px 0px 5px 0px;
253 font-family : monospace;
257 border-style : solid;
258 background : #f5f5f5;
264 div.notice, div.warning, div.error {
265 padding : 4px 10px 4px 4px;
266 display : inline-block;
267 margin : 2px 0px 4px 0px;
269 border-style : solid;
274 div.notice div.inner, div.warning div.inner, div.error div.inner {
275 vertical-align : middle;
279 background : #ecf4ff;
280 border-color : #88b0f0;
284 background : #fff7d5;
285 border-color : #e7d796;;
289 background : #ffcccc;
290 border-color : #ff0000;
293 div.warning img, div.notice img, div.error img {
295 vertical-align : middle;
298 div.warning span, div.notice span, div.error span {
299 display : table-cell;
300 vertical-align : middle;
305 list-style-type : none;
320 white-space : nowrap;
321 display : table-cell;
326 #main-toolbar table *,
327 #main-toolbar .actionChooser * {
328 text-rendering: optimizelegibility;
329 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
330 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
331 Helvetica, Arial, sans-serif;
336 #main-toolbar #headlines-toolbar {
341 #main-toolbar #headlines-toolbar span.holder {
346 #main-toolbar #headlines-toolbar span.holder > * {
347 display : table-cell;
350 #main-toolbar #headlines-toolbar .main {
354 #main-toolbar #headlines-toolbar .main,
355 #main-toolbar #headlines-toolbar .r {
359 #headlines-toolbar span.r img {
365 #headlines-toolbar span.r .error a {
369 #main-toolbar #selected_prompt {
375 span.contentPreview {
377 font-weight : normal;
378 text-shadow : 1px 1px 2px #fff;
384 background-color : #fff7d5;
387 font-weight : normal;
389 padding : 1px 4px 1px 4px;
390 display : inline-block;
391 vertical-align : middle;
396 div.postHeader div.postDate {
403 padding-bottom : 3px;
411 border-width : 0px 0px 1px 0px;
412 border-style : solid;
414 padding-bottom : 5px;
418 img.markedPic, img.pubPic {
420 vertical-align : middle;
422 -webkit-transition : opacity 0.25s;
423 transition : opacity 0.25s;
426 img.markedPic:hover, img.pubPic:hover {
430 img[src*='pub_set.png'], img[src*='mark_set.png'] {
434 div.tagCloudContainer {
435 border : 1px solid #ddd;
436 background-color : #f5f5f5;
437 margin : 5px 0px 5px 0px;
443 border : 1px solid #ddd;
444 background-color : #f5f5f5;
445 margin : 5px 0px 5px 0px;
452 list-style-type : none;
453 border : 1px solid #ddd;
454 background-color : #f5f5f5;
455 margin : 0px 0px 5px 0px;
459 ul.feedErrorsList em {
466 border-width : 0px 1px 1px 1px;
468 border-style : solid;
469 margin : 0px 0px 5px 0px;
470 background-color : white;
471 list-style-type : none;
476 ul.browseFeedList li {
478 padding : 2px 4px 2px 4px;
492 margin : 5px 5px 5px 5px;
497 list-style-type : none;
546 background-color : white;
547 border :1px solid #778899;
552 div.autocomplete ul {
553 list-style-type : none;
558 div.autocomplete ul li.selected {
559 background-color : #fff7d5;
562 div.autocomplete ul li {
563 list-style-type : none;
573 white-space : nowrap;
575 text-overflow : ellipsis;
580 div#headlines-frame.wide .hlTitle {
583 white-space : normal;
586 .hl a.title.high, span.hlContent.high .contentPreview {
589 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
593 .hl a.title.low, span.hlContent.low .contentPreview,
594 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
596 text-decoration : line-through;
600 vertical-align : middle;
619 font-weight : normal;
625 border : 0px solid transparent;
639 span.labelColorIndicator {
644 vertical-align : middle;
646 display : inline-block;
647 border : 1px solid #ccc;
648 background-color : #fff7d5;
660 background-color : white;
661 border : 1px solid #88b0f0;
662 padding : 3px 5px 3px 5px;
666 #feed_browser_spinner {
667 vertical-align : middle;
673 display : table-cell;
676 vertical-align : middle;
678 padding-bottom : 4px;
682 display : table-cell;
683 vertical-align : middle;
688 display : table-cell;
691 vertical-align : middle;
700 display : table-cell;
701 vertical-align : middle;
707 display : inline-block;
708 padding : 1px 4px 1px 4px;
711 font-weight : normal;
713 white-space : nowrap;
716 .hl span.hlFeed a:hover {
722 display : table-cell;
723 vertical-align : middle;
726 white-space : nowrap;
731 display : inline-block;
743 div.hlLeft img, div.hlRight img {
753 margin-bottom : 10px;
756 div.fatalError button {
760 div.fatalError textarea {
785 border-width : 0px 1px 0px 0px;
786 border-style : solid;
789 background : #f5f5f5;
790 box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
793 #headlines-wrap-inner {
806 #headlines-toolbar_splitter, #toolbar_splitter {
820 border-width : 0px 0px 1px 0px;
822 border-style : solid;
832 padding : 5px 5px 0px 0px;
843 padding : 4px 4px 8px 4px;
855 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
859 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
863 img.feedIcon, img.tinyFeedIcon {
867 vertical-align : middle;
868 display : inline-block;
872 display : inline-block;
875 font-family : sans-serif;
876 border : 1px solid #555;
877 padding : 0px 4px 0px 4px;
878 margin : 0px 2px 0px 2px;
886 border-color : #00c000;
890 background : #f0f0f0;
903 ul#filterDlg_Matches, ul#filterDlg_Actions {
906 list-style-type : none;
907 border-style : solid;
909 border-width : 0px 1px 1px 1px;
910 background-color : white;
911 margin : 0px 0px 5px 0px;
915 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
917 padding : 0px 0px 0px 5px;
923 list-style-type : none;
924 border : 1px solid #ddd;
925 background-color : #f5f5f5;
926 margin : 0px 0px 5px 0px;
930 ul.helpKbList span.hksequence {
935 display : inline-block;
957 -webkit-hyphens: auto;
962 div.postContent iframe {
966 div.postHeader span.author {
969 font-weight : normal;
982 #feedTree img.feedIcon {
987 body#ttrssMain #feedTree .dijitTreeRow {
988 padding : 2px 0px 2px;
994 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
998 body#ttrssMain #feedTree {
1000 overflow-x : hidden;
1001 text-rendering: optimizelegibility;
1002 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
1003 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
1004 Helvetica, Arial, sans-serif;
1007 body#ttrssMain #feedTree .counterNode.aux {
1008 background : #f0f0f0;
1010 border-color : #f0f0f0;
1013 body#ttrssMain #feedTree .counterNode {
1015 display : inline-block;
1017 text-align : center;
1018 border : 1px solid #88b0f0;
1020 background : #88b0f0;
1021 border-radius : 4px;
1022 vertical-align : middle;
1024 position : relative;
1032 #feedTree img[src*='indicator_white.gif'] {
1033 position : relative;
1038 background-color : #ffff00;
1042 /* body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf {
1046 div.enclosure_title {
1050 body#ttrssMain #headlines-frame .dijitCheckBox {