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;
70 div
.articleNote div
.noteEdit
{
75 div
.postReply span
.author
{
82 text-rendering: optimizelegibility
;
83 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
84 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
85 Helvetica
, Arial
, sans-serif
;
91 border-width : 0px 0px 1px 0px;
93 border-color : #ecf4ff;
94 text-rendering: optimizelegibility
;
95 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
96 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
97 Helvetica
, Arial
, sans-serif
;
102 border-width : 0px 0px 1px 0px;
103 border-style : solid
;
104 border-color : #ecf4ff;
106 text-rendering: optimizelegibility
;
107 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
108 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
109 Helvetica
, Arial
, sans-serif
;
115 text-rendering: optimizelegibility
;
116 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
117 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
118 Helvetica
, Arial
, sans-serif
;
122 border-width : 0px 0px 1px 0px;
123 border-style : solid
;
129 text-decoration : none
;
145 border-style : solid
;
156 vertical-align : middle
;
169 display : table-cell
;
170 vertical-align : middle
;
175 border-color : #d7c47a;
176 background-color : #fff7d5;
180 border-color : #d7c47a;
181 background-color : #fff7d5;
185 border-color : #88b0f0;
186 background-color : #ecf4ff;
190 background-color : #ffcccc;
191 border-color : #ff0000;
196 text-rendering: optimizelegibility
;
197 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
198 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
199 Helvetica
, Arial
, sans-serif
;
203 .hl.Unread div.hlTitle a {
207 .hl.active div.hlTitle a {
209 /* text-shadow : 1px 1px 2px #fff; */
213 background : #f9fbff;
221 border-width : 0px 0px 1px 0px;
222 border-style : solid
;
228 background : #ecf4ff ! important
;
231 div
.filterTestHolder
{
235 border-style : solid
;
236 margin : 0px 0px 5px 0px;
237 background-color : #f5f5f5;
242 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
243 margin : 5px 0px 5px 0px;
246 border-width : 0px 0px 0px 4px;
248 border-style : solid
;
251 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
253 font-family : monospace
;
257 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
258 margin : 5px 0px 5px 0px;
261 font-family : monospace
;
265 border-style : solid
;
266 background : #f5f5f5;
272 div
.notice
, div
.warning
, div
.error
{
273 padding : 4px 10px 4px 4px;
274 display : inline-block
;
275 margin : 2px 0px 4px 0px;
277 border-style : solid
;
282 div
.notice div
.inner
, div
.warning div
.inner
, div
.error div
.inner
{
283 vertical-align : middle
;
287 background : #ecf4ff;
288 border-color : #88b0f0;
292 background : #fff7d5;
293 border-color : #e7d796;;
297 background : #ffcccc;
298 border-color : #ff0000;
301 div
.warning img
, div
.notice img
, div
.error img
{
303 vertical-align : middle
;
306 div
.warning span
, div
.notice span
, div
.error span
{
307 display : table-cell
;
308 vertical-align : middle
;
313 list-style-type : none
;
328 white-space : nowrap
;
329 display : table-cell
;
334 #main-toolbar table
*,
335 #main-toolbar .actionChooser
* {
336 text-rendering: optimizelegibility
;
337 font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
338 Helvetica
, Arial
, sans-serif
;
343 #main-toolbar #headlines-toolbar
{
348 #main-toolbar #headlines-toolbar span
.holder
{
353 #main-toolbar #headlines-toolbar span
.holder
> * {
354 display : table-cell
;
357 #main-toolbar #headlines-toolbar
.main
{
361 #main-toolbar #headlines-toolbar
.main
,
362 #main-toolbar #headlines-toolbar
.r
{
366 #headlines-toolbar span
.r img
{
372 #headlines-toolbar span
.r
.error a
{
376 #main-toolbar #selected_prompt
{
382 span
.contentPreview
{
384 font-weight : normal
;
390 background-color : #fff7d5;
393 font-weight : normal
;
395 padding : 1px 4px 1px 4px;
396 display : inline-block
;
397 vertical-align : middle
;
402 div
.postHeader div
.postDate
{
409 padding-bottom : 3px;
417 border-width : 0px 0px 1px 0px;
418 border-style : solid
;
420 padding-bottom : 5px;
424 img
.markedPic
, img
.pubPic
{
426 vertical-align : middle
;
428 -webkit-transition : opacity
0.25s;
429 transition : opacity
0.25s;
432 img
.markedPic:hover
, img
.pubPic:hover
{
436 img
[src
*='pub_set.png'], img
[src
*='mark_set.png'] {
440 div
.tagCloudContainer
{
441 border : 1px solid
#ddd;
442 background-color : #f5f5f5;
443 margin : 5px 0px 5px 0px;
449 border : 1px solid
#ddd;
450 background-color : #f5f5f5;
451 margin : 5px 0px 5px 0px;
458 list-style-type : none
;
459 border : 1px solid
#ddd;
460 background-color : #f5f5f5;
461 margin : 0px 0px 5px 0px;
465 ul
.feedErrorsList em
{
472 border-width : 0px 1px 1px 1px;
474 border-style : solid
;
475 margin : 0px 0px 5px 0px;
476 background-color : white
;
477 list-style-type : none
;
482 ul
.browseFeedList li
{
484 padding : 2px 4px 2px 4px;
498 margin : 5px 5px 5px 5px;
503 list-style-type : none
;
546 padding : 1em 1em 0px 1em;
548 border-width : 0px 0px 1px 0px;
549 border-style : solid
;
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 div#headlines-frame
.wide
.hl
.hlFeed
{
600 .hl a.title.high, span.hlContent.high .contentPreview {
603 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
607 .hl a
.title
.low
, span
.hlContent
.low
.contentPreview
,
608 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
610 text-decoration : line-through
;
614 vertical-align : middle
;
633 font-weight : normal
;
639 border : 0px solid transparent
;
653 span
.labelColorIndicator
{
658 vertical-align : middle
;
660 display : inline-block
;
661 border : 1px solid
#ccc;
662 background-color : #fff7d5;
674 background-color : white
;
675 border : 1px solid
#88b0f0;
676 padding : 3px 5px 3px 5px;
680 #feed_browser_spinner {
681 vertical-align : middle
;
687 display : table-cell
;
690 vertical-align : middle
;
692 padding-bottom : 4px;
696 display : table-cell
;
697 vertical-align : middle
;
702 display : table-cell
;
705 vertical-align : middle
;
714 display : table-cell
;
715 vertical-align : middle
;
721 display : inline-block
;
722 padding : 1px 4px 1px 4px;
725 font-weight : normal
;
727 white-space : nowrap
;
730 .hl span.hlFeed a:hover {
736 display : table-cell
;
737 vertical-align : middle
;
740 white-space : nowrap
;
745 display : inline-block
;
757 div
.hlLeft img
, div
.hlRight img
{
767 margin-bottom : 10px;
770 div
.fatalError button
{
774 div
.fatalError textarea
{
799 border-width : 0px 1px 0px 0px;
800 border-style : solid
;
803 background : #f5f5f5;
804 box-shadow : inset
-1px 0px 2px -1px rgba
(0,0,0,0.1);
805 -webkit-overflow-scrolling : touch
;
808 #headlines-wrap-inner {
819 -webkit-overflow-scrolling : touch
;
822 #headlines-toolbar_splitter, #toolbar_splitter
{
836 border-width : 0px 0px 1px 0px;
838 border-style : solid
;
848 padding : 5px 5px 0px 0px;
859 padding : 4px 4px 8px 4px;
870 -webkit-overflow-scrolling : touch
;
873 #feedTree .dijitTreeRow
.dijitTreeLabel
.Unread
{
877 #feedTree .dijitTreeRow
.Error
.dijitTreeLabel
{
881 img
.feedIcon
, img
.tinyFeedIcon
{
885 vertical-align : middle
;
886 display : inline-block
;
890 display : inline-block
;
893 font-family : sans-serif
;
894 border : 1px solid
#555;
895 padding : 0px 4px 0px 4px;
896 margin : 0px 2px 0px 2px;
904 border-color : #00c000;
908 background : #f0f0f0;
921 #headlines-spacer a
, #headlines-spacer span
{
927 #headlines-spacer a:hover
{
931 ul#filterDlg_Matches
, ul#filterDlg_Actions
{
934 list-style-type : none
;
935 border-style : solid
;
937 border-width : 0px 1px 1px 1px;
938 background-color : white
;
939 margin : 0px 0px 5px 0px;
943 ul#filterDlg_Matches li
, ul#filterDlg_Actions li
{
945 padding : 0px 0px 0px 5px;
951 list-style-type : none
;
952 border : 1px solid
#ddd;
953 background-color : #f5f5f5;
954 margin : 0px 0px 5px 0px;
958 ul
.helpKbList span
.hksequence
{
963 display : inline-block
;
986 -webkit-hyphens: auto
;
991 div
.postContent iframe
{
995 div
.postHeader span
.author
{
998 font-weight : normal
;
1001 select
.attachments
{
1008 margin-right : 25px;
1011 #feedTree img
.feedIcon
{
1012 position : relative
;
1016 body#ttrssMain
#feedTree
.dijitTreeRow
{
1017 padding : 2px 0px 2px;
1023 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{
1027 body#ttrssMain
#feedTree
{
1029 overflow-x : hidden
;
1030 text-rendering: optimizelegibility
;
1031 font-family : "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
1032 Helvetica
, Arial
, sans-serif
;
1035 body#ttrssMain
#feedTree
.counterNode
.aux
{
1036 background : #f0f0f0;
1038 border-color : #f0f0f0;
1041 body#ttrssMain
#feedTree
.counterNode
{
1043 display : inline-block
;
1045 text-align : center
;
1046 border : 1px solid
#88b0f0;
1048 background : #88b0f0;
1049 border-radius : 4px;
1050 vertical-align : middle
;
1052 position : relative
;
1060 #feedTree img
[src
*='indicator_white.gif'] {
1061 position : relative
;
1066 background-color : #ffff00;
1070 div
.enclosure_title
{
1074 body#ttrssMain #headlines-frame
.dijitCheckBox
{
1079 body#ttrssMain #headlines-frame
.dijitCheckBoxHover
,
1080 body#ttrssMain #headlines-frame
.dijitCheckBoxChecked
{
1084 body#ttrssMain
#feedTree
.dijitTreeRow img
.dijitTreeExpandoLeaf
{
1087 vertical-align : middle
;
1088 position : relative
;