1 body#ttrssMain
, body#ttrssPrefs
, body#ttrssLogin
, body
{
6 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
18 div
.postReply div
.postHeader
{
22 border-width : 0px 0px 1px 0px;
27 div
.postReply div
.postTitle
{
29 text-overflow: ellipsis
;
32 text-rendering: optimizelegibility
;
33 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
34 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
35 Helvetica
, Arial
, sans-serif
;
38 div
.postReply div
.postDate
{
42 div
.postReply div
.postContent
{
46 div
.postReply div
.postContent img
{
52 div
.postReply div
.postEnclosures
{
57 div
.postReply img
.tagsPic
{
61 vertical-align : middle
;
65 background-color : #fff7d5;
69 border-color : #e7d796;
74 div
.articleNote div
.noteEdit
{
79 div
.postReply span
.author
{
86 text-rendering: optimizelegibility
;
87 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
88 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
89 Helvetica
, Arial
, sans-serif
;
95 border-width : 0px 0px 1px 0px;
97 border-color : #ecf4ff;
98 text-rendering: optimizelegibility
;
99 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
100 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
101 Helvetica
, Arial
, sans-serif
;
106 border-width : 0px 0px 1px 0px;
107 border-style : solid
;
108 border-color : #ecf4ff;
110 text-rendering: optimizelegibility
;
111 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
112 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
113 Helvetica
, Arial
, sans-serif
;
119 text-rendering: optimizelegibility
;
120 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
121 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
122 Helvetica
, Arial
, sans-serif
;
126 border-width : 0px 0px 1px 0px;
127 border-style : solid
;
133 text-decoration : none
;
146 transform: translate
(0, -35px);
147 -webkit-transform: translate
(0, -35px);
148 -o-transform: translate
(0, -35px);
149 -moz-transform: translate
(0, -35px);
151 transition: all
0.5s ease-in-out
;
152 -webkit-transition: all
0.5s ease-in-out
;
153 -moz-transition: all
0.5s ease-in-out
;
154 -o-transition: all
0.5s ease-in-out
;
162 border-width : 1px 0px 0px 0px;
163 border-style : solid
;
168 box-shadow : 0px -2px 2px rgba
(0,0,0,0.1);
172 vertical-align : middle
;
185 display : table-cell
;
186 vertical-align : middle
;
191 border-color : #d7c47a;
192 background-color : #fff7d5;
195 .notify.notify_progress {
196 border-color : #d7c47a;
197 background-color : #fff7d5;
200 .notify.notify_info {
201 border-color : #88b0f0;
202 background-color : #ecf4ff;
205 .notify.notify_error {
206 background-color : #ffcccc;
207 border-color : #ff0000;
212 text-rendering: optimizelegibility
;
213 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
214 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
215 Helvetica
, Arial
, sans-serif
;
219 .hl.Unread div.hlTitle a {
223 .hl.active div.hlTitle a {
225 /* text-shadow : 1px 1px 2px #fff; */
229 background : #f9fbff;
237 border-width : 0px 0px 1px 0px;
238 border-style : solid
;
244 background : #ecf4ff ! important
;
247 div
.filterTestHolder
{
251 border-style : solid
;
252 margin : 0px 0px 5px 0px;
253 background-color : #f5f5f5;
258 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
259 margin : 5px 0px 5px 0px;
262 border-width : 0px 0px 0px 4px;
264 border-style : solid
;
267 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
269 font-family : monospace
;
273 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
274 margin : 5px 0px 5px 0px;
277 font-family : monospace
;
281 border-style : solid
;
282 background : #f5f5f5;
288 div
.notice
, div
.warning
, div
.error
{
289 padding : 4px 10px 4px 4px;
290 display : inline-block
;
291 margin : 2px 0px 4px 0px;
293 border-style : solid
;
298 div
.notice div
.inner
, div
.warning div
.inner
, div
.error div
.inner
{
299 vertical-align : middle
;
303 background : #ecf4ff;
304 border-color : #88b0f0;
308 background : #fff7d5;
309 border-color : #e7d796;;
313 background : #ffcccc;
314 border-color : #ff0000;
317 div
.warning img
, div
.notice img
, div
.error img
{
319 vertical-align : middle
;
322 div
.warning span
, div
.notice span
, div
.error span
{
323 display : table-cell
;
324 vertical-align : middle
;
329 list-style-type : none
;
344 white-space : nowrap
;
345 display : table-cell
;
350 #main-toolbar table
*,
351 #main-toolbar .actionChooser
* {
352 text-rendering: optimizelegibility
;
353 font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
354 Helvetica
, Arial
, sans-serif
;
359 #main-toolbar #headlines-toolbar
{
364 #main-toolbar #headlines-toolbar span
.holder
{
369 #main-toolbar #headlines-toolbar span
.holder
> * {
370 display : table-cell
;
373 #main-toolbar #headlines-toolbar
.main
{
377 #main-toolbar #headlines-toolbar
.main
,
378 #main-toolbar #headlines-toolbar
.r
{
382 #headlines-toolbar span
.r img
{
388 #headlines-toolbar span
.r
.error a
{
392 #main-toolbar #selected_prompt
{
398 span
.contentPreview
{
400 font-weight : normal
;
406 background-color : #fff7d5;
409 font-weight : normal
;
411 padding : 1px 4px 1px 4px;
412 display : inline-block
;
413 vertical-align : middle
;
418 div
.postHeader div
.postDate
{
425 padding-bottom : 3px;
433 border-width : 0px 0px 1px 0px;
434 border-style : solid
;
436 padding-bottom : 5px;
440 img
.markedPic
, img
.pubPic
{
442 vertical-align : middle
;
444 -webkit-transition : opacity
0.25s;
445 transition : opacity
0.25s;
448 img
.markedPic:hover
, img
.pubPic:hover
{
452 img
[src
*='pub_set.png'], img
[src
*='mark_set.png'] {
456 div
.tagCloudContainer
{
457 border : 1px solid
#ddd;
458 background-color : #f5f5f5;
459 margin : 5px 0px 5px 0px;
465 border : 1px solid
#ddd;
466 background-color : #f5f5f5;
467 margin : 5px 0px 5px 0px;
474 list-style-type : none
;
475 border : 1px solid
#ddd;
476 background-color : #f5f5f5;
477 margin : 0px 0px 5px 0px;
481 ul
.feedErrorsList em
{
488 border-width : 0px 1px 1px 1px;
490 border-style : solid
;
491 margin : 0px 0px 5px 0px;
492 background-color : white
;
493 list-style-type : none
;
498 ul
.browseFeedList li
{
500 padding : 2px 4px 2px 4px;
514 margin : 5px 5px 5px 5px;
519 list-style-type : none
;
562 padding : 1em 1em 0px 1em;
564 border-width : 0px 0px 1px 0px;
565 border-style : solid
;
572 background-color : white
;
573 border :1px solid
#778899;
578 div
.autocomplete ul
{
579 list-style-type : none
;
584 div
.autocomplete ul li
.selected
{
585 background-color : #fff7d5;
588 div
.autocomplete ul li
{
589 list-style-type : none
;
599 white-space : nowrap
;
601 text-overflow : ellipsis
;
606 div#headlines-frame
.wide
.hlTitle
{
609 white-space : normal
;
612 div#headlines-frame
.wide
.hl
.hlFeed
{
616 .hl a.title.high, span.hlContent.high .contentPreview {
619 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
623 .hl a
.title
.low
, span
.hlContent
.low
.contentPreview
,
624 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
626 text-decoration : line-through
;
630 vertical-align : middle
;
649 font-weight : normal
;
655 border : 0px solid transparent
;
669 span
.labelColorIndicator
{
674 vertical-align : middle
;
676 display : inline-block
;
677 border : 1px solid
#ccc;
678 background-color : #fff7d5;
690 background-color : white
;
691 border : 1px solid
#88b0f0;
692 padding : 3px 5px 3px 5px;
696 #feed_browser_spinner {
697 vertical-align : middle
;
703 display : table-cell
;
706 vertical-align : middle
;
708 padding-bottom : 4px;
712 display : table-cell
;
713 vertical-align : middle
;
718 display : table-cell
;
721 vertical-align : middle
;
730 display : table-cell
;
731 vertical-align : middle
;
737 display : inline-block
;
738 padding : 1px 4px 1px 4px;
741 font-weight : normal
;
743 white-space : nowrap
;
746 .hl span.hlFeed a:hover {
752 display : table-cell
;
753 vertical-align : middle
;
756 white-space : nowrap
;
761 display : inline-block
;
773 div
.hlLeft img
, div
.hlRight img
{
783 margin-bottom : 10px;
786 div
.fatalError button
{
790 div
.fatalError textarea
{
815 border-width : 0px 1px 0px 0px;
816 border-style : solid
;
819 background : #f5f5f5;
820 box-shadow : inset
-1px 0px 2px -1px rgba
(0,0,0,0.1);
821 -webkit-overflow-scrolling : touch
;
824 #headlines-wrap-inner {
835 -webkit-overflow-scrolling : touch
;
838 #headlines-toolbar_splitter, #toolbar_splitter
{
852 border-width : 0px 0px 1px 0px;
854 border-style : solid
;
864 padding : 5px 5px 0px 0px;
875 padding : 4px 4px 8px 4px;
886 -webkit-overflow-scrolling : touch
;
889 #feedTree .dijitTreeRow
.dijitTreeLabel
.Unread
{
893 #feedTree .dijitTreeRow
.Error
.dijitTreeLabel
{
897 img
.feedIcon
, img
.tinyFeedIcon
{
901 vertical-align : middle
;
902 display : inline-block
;
906 display : inline-block
;
909 font-family : sans-serif
;
910 border : 1px solid
#555;
911 padding : 0px 4px 0px 4px;
912 margin : 0px 2px 0px 2px;
920 border-color : #00c000;
924 background : #f0f0f0;
937 #headlines-spacer a
, #headlines-spacer span
{
943 #headlines-spacer a:hover
{
947 ul#filterDlg_Matches
, ul#filterDlg_Actions
{
950 list-style-type : none
;
951 border-style : solid
;
953 border-width : 0px 1px 1px 1px;
954 background-color : white
;
955 margin : 0px 0px 5px 0px;
959 ul#filterDlg_Matches li
, ul#filterDlg_Actions li
{
961 padding : 0px 0px 0px 5px;
967 list-style-type : none
;
968 border : 1px solid
#ddd;
969 background-color : #f5f5f5;
970 margin : 0px 0px 5px 0px;
974 ul
.helpKbList span
.hksequence
{
979 display : inline-block
;
1002 -webkit-hyphens: auto
;
1007 div
.postContent iframe
{
1011 div
.postHeader span
.author
{
1014 font-weight : normal
;
1017 select
.attachments
{
1024 margin-right : 25px;
1027 #feedTree img
.feedIcon
{
1028 position : relative
;
1032 body#ttrssMain
#feedTree
.dijitTreeRow
{
1033 padding : 2px 0px 2px;
1039 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{
1043 body#ttrssMain
#feedTree
{
1045 overflow-x : hidden
;
1046 text-rendering: optimizelegibility
;
1047 font-family : "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
1048 Helvetica
, Arial
, sans-serif
;
1051 body#ttrssMain
#feedTree
.counterNode
.aux
{
1052 background : #f0f0f0;
1054 border-color : #f0f0f0;
1057 body#ttrssMain
#feedTree
.counterNode
{
1059 display : inline-block
;
1061 text-align : center
;
1062 border : 1px solid
#88b0f0;
1064 background : #88b0f0;
1065 border-radius : 4px;
1066 vertical-align : middle
;
1068 position : relative
;
1076 #feedTree img
[src
*='indicator_white.gif'] {
1077 position : relative
;
1082 background-color : #ffff00;
1086 div
.enclosure_title
{
1090 body#ttrssMain #headlines-frame
.dijitCheckBox
{
1095 body#ttrssMain #headlines-frame
.dijitCheckBoxHover
,
1096 body#ttrssMain #headlines-frame
.dijitCheckBoxChecked
{
1100 body#ttrssMain
#feedTree
.dijitTreeRow img
.dijitTreeExpandoLeaf
{
1103 vertical-align : middle
;
1104 position : relative
;