1 body#ttrssMain
, body#ttrssPrefs
, body#ttrssLogin
, body
{
6 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
11 background-color : #ecf4ff;
14 body#ttrssPrefs #footer
, body#ttrssPrefs #header
{
15 background-color : #ecf4ff;
24 div
.postReply div
.postHeader
{
28 border-width : 0px 0px 1px 0px;
33 div
.postReply div
.postTitle
{
35 text-overflow: ellipsis
;
38 text-rendering: optimizelegibility
;
39 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
40 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
41 Helvetica
, Arial
, sans-serif
;
44 div
.postReply div
.postDate
{
48 div
.postReply div
.postContent
{
52 div
.postReply div
.postContent img
{
58 div
.postReply div
.postEnclosures
{
63 div
.postReply img
.tagsPic
{
67 vertical-align : middle
;
71 background-color : #fff7d5;
75 border-color : #e7d796;
77 background-color : #fff7d5;
81 div
.articleNote div
.noteEdit
{
86 div
.postReply span
.author
{
93 text-rendering: optimizelegibility
;
94 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
95 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
96 Helvetica
, Arial
, sans-serif
;
102 border-width : 0px 0px 1px 0px;
103 border-style : solid
;
104 border-color : #ecf4ff;
105 text-rendering: optimizelegibility
;
106 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
107 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
108 Helvetica
, Arial
, sans-serif
;
113 border-width : 0px 0px 1px 0px;
114 border-style : solid
;
115 border-color : #ecf4ff;
117 text-rendering: optimizelegibility
;
118 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
119 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
120 Helvetica
, Arial
, sans-serif
;
124 border-width : 0px 0px 1px 0px;
125 border-style : solid
;
131 text-decoration : none
;
147 border-style : solid
;
158 vertical-align : middle
;
171 display : table-cell
;
172 vertical-align : middle
;
177 border-color : #d7c47a;
178 background-color : #fff7d5;
182 border-color : #d7c47a;
183 background-color : #fff7d5;
187 border-color : #88b0f0;
188 background-color : #ecf4ff;
192 background-color : #ffcccc;
193 border-color : #ff0000;
198 text-rendering: optimizelegibility
;
199 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
200 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
201 Helvetica
, Arial
, sans-serif
;
205 .hl.Unread div.hlTitle a {
209 .hl.active div.hlTitle a {
211 text-shadow : 1px 1px 2px #fff;
215 background : #f9fbff;
223 border-width : 0px 0px 1px 0px;
224 border-style : solid
;
230 background : #ecf4ff ! important
;
233 div
.filterTestHolder
{
237 border-style : solid
;
238 margin : 0px 0px 5px 0px;
239 background-color : #f5f5f5;
244 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
245 margin : 5px 0px 5px 0px;
248 border-width : 0px 0px 0px 4px;
250 border-style : solid
;
253 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
255 font-family : monospace
;
259 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
260 margin : 5px 0px 5px 0px;
263 font-family : monospace
;
267 border-style : solid
;
268 background : #f5f5f5;
274 div
.notice
, div
.warning
, div
.error
{
275 padding : 4px 10px 4px 4px;
276 display : inline-block
;
277 margin : 2px 0px 4px 0px;
279 border-style : solid
;
284 div
.notice div
.inner
, div
.warning div
.inner
, div
.error div
.inner
{
285 vertical-align : middle
;
289 background : #ecf4ff;
290 border-color : #88b0f0;
294 background : #fff7d5;
295 border-color : #e7d796;;
299 background : #ffcccc;
300 border-color : #ff0000;
303 div
.warning img
, div
.notice img
, div
.error img
{
305 vertical-align : middle
;
308 div
.warning span
, div
.notice span
, div
.error span
{
309 display : table-cell
;
310 vertical-align : middle
;
315 list-style-type : none
;
330 white-space : nowrap
;
331 display : table-cell
;
336 #main-toolbar table
*,
337 #main-toolbar .actionChooser
* {
338 text-rendering: optimizelegibility
;
339 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
340 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
341 Helvetica
, Arial
, sans-serif
;
346 #main-toolbar #headlines-toolbar
{
351 #main-toolbar #headlines-toolbar span
.holder
{
356 #main-toolbar #headlines-toolbar span
.holder
> * {
357 display : table-cell
;
360 #main-toolbar #headlines-toolbar
.main
{
364 #main-toolbar #headlines-toolbar
.main
,
365 #main-toolbar #headlines-toolbar
.r
{
369 #headlines-toolbar span
.r img
{
375 #headlines-toolbar span
.r
.error a
{
379 #main-toolbar #selected_prompt
{
385 span
.contentPreview
{
387 font-weight : normal
;
388 text-shadow : 1px 1px 2px #fff;
394 background-color : #fff7d5;
397 font-weight : normal
;
399 padding : 1px 4px 1px 4px;
400 display : inline-block
;
401 vertical-align : middle
;
406 div
.postHeader div
.postDate
{
413 padding-bottom : 3px;
421 border-width : 0px 0px 1px 0px;
422 border-style : solid
;
424 padding-bottom : 5px;
428 img
.markedPic
, img
.pubPic
{
430 vertical-align : middle
;
432 -webkit-transition : opacity
0.25s;
433 transition : opacity
0.25s;
436 img
.markedPic:hover
, img
.pubPic:hover
{
440 img
[src
*='pub_set.png'], img
[src
*='mark_set.png'] {
444 div
.tagCloudContainer
{
445 border : 1px solid
#ddd;
446 background-color : #f5f5f5;
447 margin : 5px 0px 5px 0px;
453 border : 1px solid
#ddd;
454 background-color : #f5f5f5;
455 margin : 5px 0px 5px 0px;
462 list-style-type : none
;
463 border : 1px solid
#ddd;
464 background-color : #f5f5f5;
465 margin : 0px 0px 5px 0px;
469 ul
.feedErrorsList em
{
476 border-width : 0px 1px 1px 1px;
478 border-style : solid
;
479 margin : 0px 0px 5px 0px;
480 background-color : white
;
481 list-style-type : none
;
486 ul
.browseFeedList li
{
488 padding : 2px 4px 2px 4px;
502 margin : 5px 5px 5px 5px;
507 list-style-type : none
;
556 background-color : white
;
557 border :1px solid
#778899;
562 div
.autocomplete ul
{
563 list-style-type : none
;
568 div
.autocomplete ul li
.selected
{
569 background-color : #fff7d5;
572 div
.autocomplete ul li
{
573 list-style-type : none
;
583 white-space : nowrap
;
585 text-overflow : ellipsis
;
590 div#headlines-frame
.wide
.hlTitle
{
593 white-space : normal
;
596 .hl a.title.high, span.hlContent.high .contentPreview {
599 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
603 .hl a
.title
.low
, span
.hlContent
.low
.contentPreview
,
604 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
606 text-decoration : line-through
;
610 vertical-align : middle
;
629 font-weight : normal
;
635 border : 0px solid transparent
;
649 span
.labelColorIndicator
{
654 vertical-align : middle
;
656 display : inline-block
;
657 border : 1px solid
#ccc;
658 background-color : #fff7d5;
670 background-color : white
;
671 border : 1px solid
#88b0f0;
672 padding : 3px 5px 3px 5px;
676 #feed_browser_spinner {
677 vertical-align : middle
;
683 display : table-cell
;
686 vertical-align : middle
;
688 padding-bottom : 4px;
692 display : table-cell
;
693 vertical-align : middle
;
698 display : table-cell
;
701 vertical-align : middle
;
710 display : table-cell
;
711 vertical-align : middle
;
717 display : inline-block
;
718 padding : 1px 4px 1px 4px;
721 font-weight : normal
;
723 white-space : nowrap
;
726 .hl span.hlFeed a:hover {
732 display : table-cell
;
733 vertical-align : middle
;
736 white-space : nowrap
;
741 display : inline-block
;
753 div
.hlLeft img
, div
.hlRight img
{
763 margin-bottom : 10px;
766 div
.fatalError button
{
770 div
.fatalError textarea
{
795 border-width : 0px 1px 0px 0px;
796 border-style : solid
;
799 background : #f5f5f5;
802 #headlines-wrap-inner {
814 #headlines-toolbar_splitter, #toolbar_splitter
{
828 border-width : 0px 0px 1px 0px;
830 border-style : solid
;
840 padding : 5px 5px 0px 0px;
851 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
;
965 -webkit-hyphens: auto
;
970 div
.postContent iframe
{
974 div
.postHeader span
.author
{
977 font-weight : normal
;
990 #feedTree img
.feedIcon
{
995 body#ttrssMain
#feedTree
.dijitTreeRow
{
996 padding : 2px 0px 2px;
1002 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{
1006 body#ttrssMain
#feedTree
{
1008 overflow-x : hidden
;
1009 text-rendering: optimizelegibility
;
1010 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
1011 "Segoe UI Web Semibold", "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 /* body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf {
1054 div
.enclosure_title
{
1058 body#ttrssMain #headlines-frame
.dijitCheckBox
{