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", Ubuntu
, "DejaVu Sans", "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", Ubuntu
, "DejaVu Sans", "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", Ubuntu
, "DejaVu Sans", "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", Ubuntu
, "DejaVu Sans", "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", Ubuntu
, "DejaVu Sans", "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", Ubuntu
, "DejaVu Sans", "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", Ubuntu
, "DejaVu Sans", "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
;
547 padding : 1em 1em 0px 1em;
554 background-color : white
;
555 border :1px solid
#778899;
560 div
.autocomplete ul
{
561 list-style-type : none
;
566 div
.autocomplete ul li
.selected
{
567 background-color : #fff7d5;
570 div
.autocomplete ul li
{
571 list-style-type : none
;
581 white-space : nowrap
;
583 text-overflow : ellipsis
;
588 div#headlines-frame
.wide
.hlTitle
{
591 white-space : normal
;
594 div#headlines-frame
.wide
.hl
.hlFeed
{
598 .hl a.title.high, span.hlContent.high .contentPreview {
601 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
605 .hl a
.title
.low
, span
.hlContent
.low
.contentPreview
,
606 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
608 text-decoration : line-through
;
612 vertical-align : middle
;
631 font-weight : normal
;
637 border : 0px solid transparent
;
651 span
.labelColorIndicator
{
656 vertical-align : middle
;
658 display : inline-block
;
659 border : 1px solid
#ccc;
660 background-color : #fff7d5;
672 background-color : white
;
673 border : 1px solid
#88b0f0;
674 padding : 3px 5px 3px 5px;
678 #feed_browser_spinner {
679 vertical-align : middle
;
685 display : table-cell
;
688 vertical-align : middle
;
690 padding-bottom : 4px;
694 display : table-cell
;
695 vertical-align : middle
;
700 display : table-cell
;
703 vertical-align : middle
;
712 display : table-cell
;
713 vertical-align : middle
;
719 display : inline-block
;
720 padding : 1px 4px 1px 4px;
723 font-weight : normal
;
725 white-space : nowrap
;
728 .hl span.hlFeed a:hover {
734 display : table-cell
;
735 vertical-align : middle
;
738 white-space : nowrap
;
743 display : inline-block
;
755 div
.hlLeft img
, div
.hlRight img
{
765 margin-bottom : 10px;
768 div
.fatalError button
{
772 div
.fatalError textarea
{
797 border-width : 0px 1px 0px 0px;
798 border-style : solid
;
801 background : #f5f5f5;
802 box-shadow : inset
-1px 0px 2px -1px rgba
(0,0,0,0.1);
803 -webkit-overflow-scrolling : touch
;
806 #headlines-wrap-inner {
817 -webkit-overflow-scrolling : touch
;
820 #headlines-toolbar_splitter, #toolbar_splitter
{
834 border-width : 0px 0px 1px 0px;
836 border-style : solid
;
846 padding : 5px 5px 0px 0px;
857 padding : 4px 4px 8px 4px;
868 -webkit-overflow-scrolling : touch
;
871 #feedTree .dijitTreeRow
.dijitTreeLabel
.Unread
{
875 #feedTree .dijitTreeRow
.Error
.dijitTreeLabel
{
879 img
.feedIcon
, img
.tinyFeedIcon
{
883 vertical-align : middle
;
884 display : inline-block
;
888 display : inline-block
;
891 font-family : sans-serif
;
892 border : 1px solid
#555;
893 padding : 0px 4px 0px 4px;
894 margin : 0px 2px 0px 2px;
902 border-color : #00c000;
906 background : #f0f0f0;
919 #headlines-spacer a
{
923 ul#filterDlg_Matches
, ul#filterDlg_Actions
{
926 list-style-type : none
;
927 border-style : solid
;
929 border-width : 0px 1px 1px 1px;
930 background-color : white
;
931 margin : 0px 0px 5px 0px;
935 ul#filterDlg_Matches li
, ul#filterDlg_Actions li
{
937 padding : 0px 0px 0px 5px;
943 list-style-type : none
;
944 border : 1px solid
#ddd;
945 background-color : #f5f5f5;
946 margin : 0px 0px 5px 0px;
950 ul
.helpKbList span
.hksequence
{
955 display : inline-block
;
978 -webkit-hyphens: auto
;
983 div
.postContent iframe
{
987 div
.postHeader span
.author
{
990 font-weight : normal
;
1000 margin-right : 25px;
1003 #feedTree img
.feedIcon
{
1004 position : relative
;
1008 body#ttrssMain
#feedTree
.dijitTreeRow
{
1009 padding : 2px 0px 2px;
1015 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{
1019 body#ttrssMain
#feedTree
{
1021 overflow-x : hidden
;
1022 text-rendering: optimizelegibility
;
1023 font-family : "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
1024 Helvetica
, Arial
, sans-serif
;
1027 body#ttrssMain
#feedTree
.counterNode
.aux
{
1028 background : #f0f0f0;
1030 border-color : #f0f0f0;
1033 body#ttrssMain
#feedTree
.counterNode
{
1035 display : inline-block
;
1037 text-align : center
;
1038 border : 1px solid
#88b0f0;
1040 background : #88b0f0;
1041 border-radius : 4px;
1042 vertical-align : middle
;
1044 position : relative
;
1052 #feedTree img
[src
*='indicator_white.gif'] {
1053 position : relative
;
1058 background-color : #ffff00;
1062 div
.enclosure_title
{
1066 body#ttrssMain #headlines-frame
.dijitCheckBox
{
1071 body#ttrssMain #headlines-frame
.dijitCheckBoxHover
,
1072 body#ttrssMain #headlines-frame
.dijitCheckBoxChecked
{
1076 body#ttrssMain
#feedTree
.dijitTreeRow img
.dijitTreeExpandoLeaf
{
1079 vertical-align : middle
;
1080 position : relative
;