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
;
142 transform: translate
(0, -35px);
143 -webkit-transform: translate
(0, -35px);
144 -o-transform: translate
(0, -35px);
145 -moz-transform: translate
(0, -35px);
147 transition: all
0.5s ease-in-out
;
148 -webkit-transition: all
0.5s ease-in-out
;
149 -moz-transition: all
0.5s ease-in-out
;
150 -o-transition: all
0.5s ease-in-out
;
158 border-width : 1px 0px 0px 0px;
159 border-style : solid
;
164 box-shadow : 0px -2px 2px rgba
(0,0,0,0.1);
168 vertical-align : middle
;
181 display : table-cell
;
182 vertical-align : middle
;
187 border-color : #d7c47a;
188 background-color : #fff7d5;
191 .notify.notify_progress {
192 border-color : #d7c47a;
193 background-color : #fff7d5;
196 .notify.notify_info {
197 border-color : #88b0f0;
198 background-color : #ecf4ff;
201 .notify.notify_error {
202 background-color : #ffcccc;
203 border-color : #ff0000;
208 text-rendering: optimizelegibility
;
209 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
210 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
211 Helvetica
, Arial
, sans-serif
;
215 .hl.Unread div.hlTitle a {
219 .hl.active div.hlTitle a {
221 /* text-shadow : 1px 1px 2px #fff; */
225 background : #f9fbff;
233 border-width : 0px 0px 1px 0px;
234 border-style : solid
;
240 background : #ecf4ff ! important
;
243 div
.filterTestHolder
{
247 border-style : solid
;
248 margin : 0px 0px 5px 0px;
249 background-color : #f5f5f5;
254 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
255 margin : 5px 0px 5px 0px;
258 border-width : 0px 0px 0px 4px;
260 border-style : solid
;
263 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
265 font-family : monospace
;
269 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
270 margin : 5px 0px 5px 0px;
273 font-family : monospace
;
277 border-style : solid
;
278 background : #f5f5f5;
284 div
.notice
, div
.warning
, div
.error
{
285 padding : 4px 10px 4px 4px;
286 display : inline-block
;
287 margin : 2px 0px 4px 0px;
289 border-style : solid
;
294 div
.notice div
.inner
, div
.warning div
.inner
, div
.error div
.inner
{
295 vertical-align : middle
;
299 background : #ecf4ff;
300 border-color : #88b0f0;
304 background : #fff7d5;
305 border-color : #e7d796;;
309 background : #ffcccc;
310 border-color : #ff0000;
313 div
.warning img
, div
.notice img
, div
.error img
{
315 vertical-align : middle
;
318 div
.warning span
, div
.notice span
, div
.error span
{
319 display : table-cell
;
320 vertical-align : middle
;
325 list-style-type : none
;
340 white-space : nowrap
;
341 display : table-cell
;
346 #main-toolbar table
*,
347 #main-toolbar .actionChooser
* {
348 text-rendering: optimizelegibility
;
349 font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
350 Helvetica
, Arial
, sans-serif
;
355 #main-toolbar #headlines-toolbar
{
360 #main-toolbar #headlines-toolbar span
.holder
{
365 #main-toolbar #headlines-toolbar span
.holder
> * {
366 display : table-cell
;
369 #main-toolbar #headlines-toolbar
.main
{
373 #main-toolbar #headlines-toolbar
.main
,
374 #main-toolbar #headlines-toolbar
.r
{
378 #headlines-toolbar span
.r img
{
384 #headlines-toolbar span
.r
.error a
{
388 #main-toolbar #selected_prompt
{
394 span
.contentPreview
{
396 font-weight : normal
;
402 background-color : #fff7d5;
405 font-weight : normal
;
407 padding : 1px 4px 1px 4px;
408 display : inline-block
;
409 vertical-align : middle
;
414 div
.postHeader div
.postDate
{
421 padding-bottom : 3px;
429 border-width : 0px 0px 1px 0px;
430 border-style : solid
;
432 padding-bottom : 5px;
436 img
.markedPic
, img
.pubPic
{
438 vertical-align : middle
;
440 -webkit-transition : opacity
0.25s;
441 transition : opacity
0.25s;
444 img
.markedPic:hover
, img
.pubPic:hover
{
448 img
[src
*='pub_set.png'], img
[src
*='mark_set.png'] {
452 div
.tagCloudContainer
{
453 border : 1px solid
#ddd;
454 background-color : #f5f5f5;
455 margin : 5px 0px 5px 0px;
461 border : 1px solid
#ddd;
462 background-color : #f5f5f5;
463 margin : 5px 0px 5px 0px;
470 list-style-type : none
;
471 border : 1px solid
#ddd;
472 background-color : #f5f5f5;
473 margin : 0px 0px 5px 0px;
477 ul
.feedErrorsList em
{
484 border-width : 0px 1px 1px 1px;
486 border-style : solid
;
487 margin : 0px 0px 5px 0px;
488 background-color : white
;
489 list-style-type : none
;
494 ul
.browseFeedList li
{
496 padding : 2px 4px 2px 4px;
510 margin : 5px 5px 5px 5px;
515 list-style-type : none
;
558 padding : 1em 1em 0px 1em;
560 border-width : 0px 0px 1px 0px;
561 border-style : solid
;
568 background-color : white
;
569 border :1px solid
#778899;
574 div
.autocomplete ul
{
575 list-style-type : none
;
580 div
.autocomplete ul li
.selected
{
581 background-color : #fff7d5;
584 div
.autocomplete ul li
{
585 list-style-type : none
;
595 white-space : nowrap
;
597 text-overflow : ellipsis
;
602 div#headlines-frame
.wide
.hlTitle
{
605 white-space : normal
;
608 div#headlines-frame
.wide
.hl
.hlFeed
{
612 .hl a.title.high, span.hlContent.high .contentPreview {
615 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
619 .hl a
.title
.low
, span
.hlContent
.low
.contentPreview
,
620 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
622 text-decoration : line-through
;
626 vertical-align : middle
;
645 font-weight : normal
;
651 border : 0px solid transparent
;
665 span
.labelColorIndicator
{
670 vertical-align : middle
;
672 display : inline-block
;
673 border : 1px solid
#ccc;
674 background-color : #fff7d5;
686 background-color : white
;
687 border : 1px solid
#88b0f0;
688 padding : 3px 5px 3px 5px;
692 #feed_browser_spinner {
693 vertical-align : middle
;
699 display : table-cell
;
702 vertical-align : middle
;
704 padding-bottom : 4px;
708 display : table-cell
;
709 vertical-align : middle
;
714 display : table-cell
;
717 vertical-align : middle
;
726 display : table-cell
;
727 vertical-align : middle
;
733 display : inline-block
;
734 padding : 1px 4px 1px 4px;
737 font-weight : normal
;
739 white-space : nowrap
;
742 .hl span.hlFeed a:hover {
748 display : table-cell
;
749 vertical-align : middle
;
752 white-space : nowrap
;
757 display : inline-block
;
769 div
.hlLeft img
, div
.hlRight img
{
779 margin-bottom : 10px;
782 div
.fatalError button
{
786 div
.fatalError textarea
{
811 border-width : 0px 1px 0px 0px;
812 border-style : solid
;
815 background : #f5f5f5;
816 box-shadow : inset
-1px 0px 2px -1px rgba
(0,0,0,0.1);
817 -webkit-overflow-scrolling : touch
;
820 #headlines-wrap-inner {
831 -webkit-overflow-scrolling : touch
;
834 #headlines-toolbar_splitter, #toolbar_splitter
{
848 border-width : 0px 0px 1px 0px;
850 border-style : solid
;
860 padding : 5px 5px 0px 0px;
871 padding : 4px 4px 8px 4px;
882 -webkit-overflow-scrolling : touch
;
885 #feedTree .dijitTreeRow
.dijitTreeLabel
.Unread
{
889 #feedTree .dijitTreeRow
.Error
.dijitTreeLabel
{
893 img
.feedIcon
, img
.tinyFeedIcon
{
897 vertical-align : middle
;
898 display : inline-block
;
902 display : inline-block
;
905 font-family : sans-serif
;
906 border : 1px solid
#555;
907 padding : 0px 4px 0px 4px;
908 margin : 0px 2px 0px 2px;
916 border-color : #00c000;
920 background : #f0f0f0;
933 #headlines-spacer a
, #headlines-spacer span
{
939 #headlines-spacer a:hover
{
943 ul#filterDlg_Matches
, ul#filterDlg_Actions
{
946 list-style-type : none
;
947 border-style : solid
;
949 border-width : 0px 1px 1px 1px;
950 background-color : white
;
951 margin : 0px 0px 5px 0px;
955 ul#filterDlg_Matches li
, ul#filterDlg_Actions li
{
957 padding : 0px 0px 0px 5px;
963 list-style-type : none
;
964 border : 1px solid
#ddd;
965 background-color : #f5f5f5;
966 margin : 0px 0px 5px 0px;
970 ul
.helpKbList span
.hksequence
{
975 display : inline-block
;
998 -webkit-hyphens: auto
;
1003 div
.postContent iframe
{
1007 div
.postHeader span
.author
{
1010 font-weight : normal
;
1013 select
.attachments
{
1020 margin-right : 25px;
1023 #feedTree img
.feedIcon
{
1024 position : relative
;
1028 body#ttrssMain
#feedTree
.dijitTreeRow
{
1029 padding : 2px 0px 2px;
1035 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{
1039 body#ttrssMain
#feedTree
{
1041 overflow-x : hidden
;
1042 text-rendering: optimizelegibility
;
1043 font-family : "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
1044 Helvetica
, Arial
, sans-serif
;
1047 body#ttrssMain
#feedTree
.counterNode
.aux
{
1048 background : #f0f0f0;
1050 border-color : #f0f0f0;
1053 body#ttrssMain
#feedTree
.counterNode
{
1055 display : inline-block
;
1057 text-align : center
;
1058 border : 1px solid
#88b0f0;
1060 background : #88b0f0;
1061 border-radius : 4px;
1062 vertical-align : middle
;
1064 position : relative
;
1072 #feedTree img
[src
*='indicator_white.gif'] {
1073 position : relative
;
1078 background-color : #ffff00;
1082 div
.enclosure_title
{
1086 body#ttrssMain #headlines-frame
.dijitCheckBox
{
1091 body#ttrssMain #headlines-frame
.dijitCheckBoxHover
,
1092 body#ttrssMain #headlines-frame
.dijitCheckBoxChecked
{
1096 body#ttrssMain
#feedTree
.dijitTreeRow img
.dijitTreeExpandoLeaf
{
1099 vertical-align : middle
;
1100 position : relative
;