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
;
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 Semibold", "Segoe UI Semibold",
339 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
340 Helvetica
, Arial
, sans-serif
;
345 #main-toolbar #headlines-toolbar
.dijitDownArrowButton
{
349 #main-toolbar #headlines-toolbar
{
354 #main-toolbar #headlines-toolbar span
.holder
{
359 #main-toolbar #headlines-toolbar span
.holder
> * {
360 display : table-cell
;
363 #main-toolbar #headlines-toolbar
.main
{
367 #main-toolbar #headlines-toolbar
.main
,
368 #main-toolbar #headlines-toolbar
.r
{
372 #headlines-toolbar span
.r img
{
378 #headlines-toolbar span
.r
.error a
{
382 #main-toolbar #selected_prompt
{
388 span
.contentPreview
{
390 font-weight : normal
;
391 text-shadow : 1px 1px 2px #fff;
396 background-color : #fff7d5;
399 font-weight : normal
;
401 padding : 1px 4px 1px 4px;
402 display : inline-block
;
403 vertical-align : middle
;
408 div
.postHeader div
.postDate
{
415 padding-bottom : 3px;
423 border-width : 0px 0px 1px 0px;
424 border-style : solid
;
426 padding-bottom : 5px;
432 white-space : nowrap
;
435 font-weight : normal
;
436 display : inline-block
;
437 padding : 1px 2px 1px 2px;
447 img
.markedPic
, img
.pubPic
{
449 vertical-align : middle
;
451 -webkit-transition : opacity
0.25s;
452 transition : opacity
0.25s;
455 img
.markedPic:hover
, img
.pubPic:hover
{
459 img
[src
*='pub_set.png'], img
[src
*='mark_set.png'] {
463 div
.tagCloudContainer
{
464 border : 1px solid
#ddd;
465 background-color : #f5f5f5;
466 margin : 5px 0px 5px 0px;
472 border : 1px solid
#ddd;
473 background-color : #f5f5f5;
474 margin : 5px 0px 5px 0px;
481 list-style-type : none
;
482 border : 1px solid
#ddd;
483 background-color : #f5f5f5;
484 margin : 0px 0px 5px 0px;
488 ul
.feedErrorsList em
{
495 border-width : 0px 1px 1px 1px;
497 border-style : solid
;
498 margin : 0px 0px 5px 0px;
499 background-color : white
;
500 list-style-type : none
;
505 ul
.browseFeedList li
{
507 padding : 2px 4px 2px 4px;
521 margin : 5px 5px 5px 5px;
526 list-style-type : none
;
575 background-color : white
;
576 border :1px solid
#778899;
581 div
.autocomplete ul
{
582 list-style-type : none
;
587 div
.autocomplete ul li
.selected
{
588 background-color : #fff7d5;
591 div
.autocomplete ul li
{
592 list-style-type : none
;
602 white-space : nowrap
;
604 text-overflow : ellipsis
;
607 div#headlines-frame
.wide
.hlTitle
{
610 white-space : normal
;
613 .hl a.title.high, span.hlContent.high .contentPreview {
616 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
620 .hl a
.title
.low
, span
.hlContent
.low
.contentPreview
,
621 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
623 text-decoration : line-through
;
627 vertical-align : middle
;
646 font-weight : normal
;
652 border : 0px solid transparent
;
666 span
.labelColorIndicator
{
671 vertical-align : middle
;
673 display : inline-block
;
674 border : 1px solid
#ccc;
675 background-color : #fff7d5;
687 background-color : white
;
688 border : 1px solid
#88b0f0;
689 padding : 3px 5px 3px 5px;
693 #feed_browser_spinner {
694 vertical-align : middle
;
700 display : table-cell
;
703 vertical-align : middle
;
705 padding-bottom : 4px;
709 display : table-cell
;
710 vertical-align : middle
;
715 display : table-cell
;
718 vertical-align : middle
;
729 display : table-cell
;
731 vertical-align : middle
;
745 div
.hlLeft img
, div
.hlRight img
{
755 margin-bottom : 10px;
758 div
.fatalError button
{
762 div
.fatalError textarea
{
787 border-width : 0px 1px 0px 0px;
788 border-style : solid
;
791 background : #f5f5f5;
794 #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
;
948 -webkit-hyphens: auto
;
953 div
.postContent iframe
{
957 div
.postHeader span
.author
{
960 font-weight : normal
;
973 #feedTree img
.feedIcon
{
978 body#ttrssMain
#feedTree
.dijitTreeRow
{
979 padding : 2px 0px 2px;
985 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{
989 body#ttrssMain
#feedTree
{
992 text-rendering: optimizelegibility
;
993 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
994 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
995 Helvetica
, Arial
, sans-serif
;
998 body#ttrssMain
#feedTree
.counterNode
.aux
{
999 background : #f0f0f0;
1001 border-color : #f0f0f0;
1004 body#ttrssMain
#feedTree
.counterNode
{
1006 display : inline-block
;
1008 text-align : center
;
1009 border : 1px solid
#88b0f0;
1011 background : #88b0f0;
1012 border-radius : 4px;
1013 vertical-align : middle
;
1015 position : relative
;
1023 #feedTree img
[src
*='indicator_white.gif'] {
1024 position : relative
;
1029 background-color : #ffff00;
1033 /* body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf {
1037 div
.enclosure_title
{
1041 body#ttrssMain #headlines-frame
.dijitCheckBox
{