1 body#ttrssMain
, body#ttrssPrefs
, body#ttrssLogin
, body
{
6 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
19 div
.postReply div
.postHeader
{
23 border-width : 0px 0px 1px 0px;
28 div
.postReply div
.postTitle
{
30 text-overflow: ellipsis
;
33 text-rendering: optimizelegibility
;
34 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
35 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
36 Helvetica
, Arial
, sans-serif
;
39 div
.postReply div
.postDate
{
43 div
.postReply div
.postContent
{
47 div
.postReply div
.postContent img
,
48 div
.postReply div
.postContent video
{
54 div
.postReply div
.postEnclosures
{
58 div
.postReply img
.tagsPic
{
62 vertical-align : middle
;
66 background-color : #fff7d5;
70 border-color : #e7d796;
75 div
.articleNote div
.noteEdit
{
80 div
.postReply span
.author
{
87 text-rendering: optimizelegibility
;
88 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
89 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
90 Helvetica
, Arial
, sans-serif
;
96 border-width : 0px 0px 1px 0px;
98 border-color : #ecf4ff;
99 text-rendering: optimizelegibility
;
100 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
101 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
102 Helvetica
, Arial
, sans-serif
;
107 border-width : 0px 0px 1px 0px;
108 border-style : solid
;
109 border-color : #ecf4ff;
111 text-rendering: optimizelegibility
;
112 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
113 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
114 Helvetica
, Arial
, sans-serif
;
120 text-rendering: optimizelegibility
;
121 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
122 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
123 Helvetica
, Arial
, sans-serif
;
127 border-width : 0px 0px 1px 0px;
128 border-style : solid
;
134 text-decoration : none
;
147 transform: translate
(0, -35px);
148 -webkit-transform: translate
(0, -35px);
149 -o-transform: translate
(0, -35px);
150 -moz-transform: translate
(0, -35px);
158 border-width : 1px 0px 0px 0px;
159 border-style : solid
;
164 box-shadow : 0px -2px 2px rgba
(0,0,0,0.1);
166 transition: all
0.5s ease-in-out
;
167 -webkit-transition: all
0.5s ease-in-out
;
168 -moz-transition: all
0.5s ease-in-out
;
169 -o-transition: all
0.5s ease-in-out
;
173 vertical-align : middle
;
186 display : table-cell
;
187 vertical-align : middle
;
192 border-color : #d7c47a;
193 background-color : #fff7d5;
196 .notify.notify_progress {
197 border-color : #d7c47a;
198 background-color : #fff7d5;
201 .notify.notify_info {
202 border-color : #88b0f0;
203 background-color : #ecf4ff;
206 .notify.notify_error {
207 background-color : #ffcccc;
208 border-color : #ff0000;
213 text-rendering: optimizelegibility
;
214 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
215 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
216 Helvetica
, Arial
, sans-serif
;
220 .hl.Unread div.hlTitle a {
224 .hl.active div.hlTitle a {
226 /* text-shadow : 1px 1px 2px #fff; */
230 background : #f9fbff;
238 border-width : 0px 0px 1px 0px;
239 border-style : solid
;
245 background : #ecf4ff ! important
;
248 div
.filterTestHolder
{
252 border-style : solid
;
253 margin : 0px 0px 5px 0px;
254 background-color : #f5f5f5;
259 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
260 margin : 5px 0px 5px 0px;
263 border-width : 0px 0px 0px 4px;
265 border-style : solid
;
268 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
270 font-family : monospace
;
274 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
275 margin : 5px 0px 5px 0px;
278 font-family : monospace
;
282 border-style : solid
;
283 background : #f5f5f5;
289 div
.notice
, div
.warning
, div
.error
{
290 padding : 4px 10px 4px 4px;
291 display : inline-block
;
292 margin : 2px 0px 4px 0px;
294 border-style : solid
;
299 div
.notice div
.inner
, div
.warning div
.inner
, div
.error div
.inner
{
300 vertical-align : middle
;
304 background : #ecf4ff;
305 border-color : #88b0f0;
309 background : #fff7d5;
310 border-color : #e7d796;;
314 background : #ffcccc;
315 border-color : #ff0000;
318 div
.warning img
, div
.notice img
, div
.error img
{
320 vertical-align : middle
;
323 div
.warning span
, div
.notice span
, div
.error span
{
324 display : table-cell
;
325 vertical-align : middle
;
330 list-style-type : none
;
349 white-space : nowrap
;
350 display : table-cell
;
355 #main-toolbar table
*,
356 #main-toolbar .actionChooser
* {
357 text-rendering: optimizelegibility
;
358 font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
359 Helvetica
, Arial
, sans-serif
;
364 #main-toolbar #headlines-toolbar
{
369 #main-toolbar #headlines-toolbar span
.holder
{
374 #main-toolbar #headlines-toolbar span
.holder
> * {
375 display : table-cell
;
378 #main-toolbar #headlines-toolbar
.main
{
382 #main-toolbar #headlines-toolbar
.main
,
383 #main-toolbar #headlines-toolbar
.r
{
387 #headlines-toolbar span
.r img
{
393 #headlines-toolbar span
.r
.error a
{
397 #main-toolbar #selected_prompt
{
403 span
.contentPreview
{
405 font-weight : normal
;
411 background-color : #fff7d5;
414 font-weight : normal
;
416 padding : 1px 4px 1px 4px;
417 display : inline-block
;
418 vertical-align : middle
;
423 div
.postHeader div
.postDate
{
430 padding-bottom : 3px;
438 border-width : 0px 0px 1px 0px;
439 border-style : solid
;
441 padding-bottom : 5px;
445 img
.markedPic
, img
.pubPic
{
447 vertical-align : middle
;
449 -webkit-transition : opacity
0.25s;
450 transition : opacity
0.25s;
453 img
.markedPic:hover
, img
.pubPic:hover
{
457 img
[src
*='pub_set.png'], img
[src
*='mark_set.png'] {
461 div
.tagCloudContainer
{
462 border : 1px solid
#ddd;
463 background-color : #f5f5f5;
464 margin : 5px 0px 5px 0px;
470 border : 1px solid
#ddd;
471 background-color : #f5f5f5;
472 margin : 5px 0px 5px 0px;
479 list-style-type : none
;
480 border : 1px solid
#ddd;
481 background-color : #f5f5f5;
482 margin : 0px 0px 5px 0px;
486 ul
.feedErrorsList em
{
493 border-width : 0px 1px 1px 1px;
495 border-style : solid
;
496 margin : 0px 0px 5px 0px;
497 background-color : white
;
498 list-style-type : none
;
503 ul
.browseFeedList li
{
505 padding : 2px 4px 2px 4px;
519 margin : 5px 5px 5px 5px;
524 list-style-type : none
;
567 padding : 1em 1em 0px 1em;
569 border-width : 0px 0px 1px 0px;
570 border-style : solid
;
577 background-color : white
;
578 border :1px solid
#778899;
583 div
.autocomplete ul
{
584 list-style-type : none
;
589 div
.autocomplete ul li
.selected
{
590 background-color : #fff7d5;
593 div
.autocomplete ul li
{
594 list-style-type : none
;
604 white-space : nowrap
;
606 text-overflow : ellipsis
;
611 div#headlines-frame
.wide
.hlTitle
{
614 white-space : normal
;
617 div#headlines-frame
.wide
.hl
.hlFeed
{
621 .hl a.title.high, span.hlContent.high .contentPreview {
624 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
628 .hl a
.title
.low
, span
.hlContent
.low
.contentPreview
,
629 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
631 text-decoration : line-through
;
635 vertical-align : middle
;
654 font-weight : normal
;
660 border : 0px solid transparent
;
674 span
.labelColorIndicator
{
679 vertical-align : middle
;
681 display : inline-block
;
682 border : 1px solid
#ccc;
683 background-color : #fff7d5;
695 background-color : white
;
696 border : 1px solid
#88b0f0;
697 padding : 3px 5px 3px 5px;
701 #feed_browser_spinner {
702 vertical-align : middle
;
708 display : table-cell
;
711 vertical-align : middle
;
713 padding-bottom : 4px;
717 display : table-cell
;
718 vertical-align : middle
;
723 display : table-cell
;
726 vertical-align : middle
;
735 display : table-cell
;
736 vertical-align : middle
;
742 display : inline-block
;
743 padding : 1px 4px 1px 4px;
746 font-weight : normal
;
748 white-space : nowrap
;
751 .hl span.hlFeed a:hover {
757 display : table-cell
;
758 vertical-align : middle
;
761 white-space : nowrap
;
766 display : inline-block
;
778 div
.hlLeft img
, div
.hlRight img
{
788 margin-bottom : 10px;
791 div
.fatalError button
{
795 div
.fatalError textarea
{
820 border-width : 0px 0px 0px 0px;
821 border-style : solid
;
824 background : #f5f5f5;
825 box-shadow : inset
-1px 0px 2px -1px rgba
(0,0,0,0.1);
826 -webkit-overflow-scrolling : touch
;
829 #headlines-wrap-inner {
840 -webkit-overflow-scrolling : touch
;
843 #headlines-toolbar_splitter, #toolbar_splitter
{
857 border-width : 0px 0px 1px 0px;
859 border-style : solid
;
869 padding : 5px 5px 0px 0px;
880 padding : 4px 4px 8px 4px;
891 -webkit-overflow-scrolling : touch
;
894 #feedTree .dijitTreeRow
.dijitTreeLabel
.Unread
{
898 #feedTree .dijitTreeRow
.Error
.dijitTreeLabel
{
902 img
.feedIcon
, img
.tinyFeedIcon
{
906 vertical-align : middle
;
907 display : inline-block
;
911 display : inline-block
;
914 font-family : sans-serif
;
915 border : 1px solid
#555;
916 padding : 0px 4px 0px 4px;
917 margin : 0px 2px 0px 2px;
925 border-color : #00c000;
929 background : #f0f0f0;
942 #headlines-spacer a
, #headlines-spacer span
{
948 #headlines-spacer a:hover
{
952 ul#filterDlg_Matches
, ul#filterDlg_Actions
{
955 list-style-type : none
;
956 border-style : solid
;
958 border-width : 0px 1px 1px 1px;
959 background-color : white
;
960 margin : 0px 0px 5px 0px;
964 ul#filterDlg_Matches li
, ul#filterDlg_Actions li
{
966 padding : 0px 0px 0px 5px;
972 list-style-type : none
;
973 border : 1px solid
#ddd;
974 background-color : #f5f5f5;
975 margin : 0px 0px 5px 0px;
979 ul
.helpKbList span
.hksequence
{
984 display : inline-block
;
1001 div
.postContent h4
{
1007 -webkit-hyphens: auto
;
1012 div
.postContent iframe
{
1017 div
.postHeader span
.author
{
1020 font-weight : normal
;
1023 select
.attachments
{
1030 margin-right : 25px;
1035 vertical-align : middle
;
1038 #feedTree img
.feedIcon
{
1039 position : relative
;
1043 body#ttrssMain
#feedTree
.dijitTreeRow
{
1044 padding : 2px 0px 2px;
1050 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{
1054 body#ttrssMain
#feedTree
{
1056 overflow-x : hidden
;
1057 text-rendering: optimizelegibility
;
1058 font-family : "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
1059 Helvetica
, Arial
, sans-serif
;
1062 body#ttrssMain
#feedTree
.counterNode
.aux
{
1063 background : #f0f0f0;
1065 border-color : #f0f0f0;
1068 body#ttrssMain
#feedTree
.counterNode
{
1070 display : inline-block
;
1072 text-align : center
;
1073 border : 1px solid
#88b0f0;
1075 background : #88b0f0;
1076 border-radius : 4px;
1077 vertical-align : middle
;
1079 position : relative
;
1087 #feedTree img
[src
*='indicator_white.gif'] {
1088 position : relative
;
1093 background-color : #ffff00;
1097 div
.enclosure_title
{
1101 body#ttrssMain #headlines-frame
.dijitCheckBox
{
1106 body#ttrssMain #headlines-frame
.dijitCheckBoxHover
,
1107 body#ttrssMain #headlines-frame
.dijitCheckBoxChecked
{
1111 body#ttrssMain
#feedTree
.dijitTreeRow img
.dijitTreeExpandoLeaf
{
1114 vertical-align : middle
;
1115 position : relative
;
1122 .dijitDropDownButton.attachments .dijitButtonText {
1126 .dijitDropDownButton.attachments {
1127 display : inline-block
;