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
{
53 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);
152 transition: all
0.5s ease-in-out
;
153 -webkit-transition: all
0.5s ease-in-out
;
154 -moz-transition: all
0.5s ease-in-out
;
155 -o-transition: all
0.5s ease-in-out
;
163 border-width : 1px 0px 0px 0px;
164 border-style : solid
;
169 box-shadow : 0px -2px 2px rgba
(0,0,0,0.1);
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
;
345 white-space : nowrap
;
346 display : table-cell
;
351 #main-toolbar table
*,
352 #main-toolbar .actionChooser
* {
353 text-rendering: optimizelegibility
;
354 font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
355 Helvetica
, Arial
, sans-serif
;
360 #main-toolbar #headlines-toolbar
{
365 #main-toolbar #headlines-toolbar span
.holder
{
370 #main-toolbar #headlines-toolbar span
.holder
> * {
371 display : table-cell
;
374 #main-toolbar #headlines-toolbar
.main
{
378 #main-toolbar #headlines-toolbar
.main
,
379 #main-toolbar #headlines-toolbar
.r
{
383 #headlines-toolbar span
.r img
{
389 #headlines-toolbar span
.r
.error a
{
393 #main-toolbar #selected_prompt
{
399 span
.contentPreview
{
401 font-weight : normal
;
407 background-color : #fff7d5;
410 font-weight : normal
;
412 padding : 1px 4px 1px 4px;
413 display : inline-block
;
414 vertical-align : middle
;
419 div
.postHeader div
.postDate
{
426 padding-bottom : 3px;
434 border-width : 0px 0px 1px 0px;
435 border-style : solid
;
437 padding-bottom : 5px;
441 img
.markedPic
, img
.pubPic
{
443 vertical-align : middle
;
445 -webkit-transition : opacity
0.25s;
446 transition : opacity
0.25s;
449 img
.markedPic:hover
, img
.pubPic:hover
{
453 img
[src
*='pub_set.png'], img
[src
*='mark_set.png'] {
457 div
.tagCloudContainer
{
458 border : 1px solid
#ddd;
459 background-color : #f5f5f5;
460 margin : 5px 0px 5px 0px;
466 border : 1px solid
#ddd;
467 background-color : #f5f5f5;
468 margin : 5px 0px 5px 0px;
475 list-style-type : none
;
476 border : 1px solid
#ddd;
477 background-color : #f5f5f5;
478 margin : 0px 0px 5px 0px;
482 ul
.feedErrorsList em
{
489 border-width : 0px 1px 1px 1px;
491 border-style : solid
;
492 margin : 0px 0px 5px 0px;
493 background-color : white
;
494 list-style-type : none
;
499 ul
.browseFeedList li
{
501 padding : 2px 4px 2px 4px;
515 margin : 5px 5px 5px 5px;
520 list-style-type : none
;
563 padding : 1em 1em 0px 1em;
565 border-width : 0px 0px 1px 0px;
566 border-style : solid
;
573 background-color : white
;
574 border :1px solid
#778899;
579 div
.autocomplete ul
{
580 list-style-type : none
;
585 div
.autocomplete ul li
.selected
{
586 background-color : #fff7d5;
589 div
.autocomplete ul li
{
590 list-style-type : none
;
600 white-space : nowrap
;
602 text-overflow : ellipsis
;
607 div#headlines-frame
.wide
.hlTitle
{
610 white-space : normal
;
613 div#headlines-frame
.wide
.hl
.hlFeed
{
617 .hl a.title.high, span.hlContent.high .contentPreview {
620 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
624 .hl a
.title
.low
, span
.hlContent
.low
.contentPreview
,
625 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
627 text-decoration : line-through
;
631 vertical-align : middle
;
650 font-weight : normal
;
656 border : 0px solid transparent
;
670 span
.labelColorIndicator
{
675 vertical-align : middle
;
677 display : inline-block
;
678 border : 1px solid
#ccc;
679 background-color : #fff7d5;
691 background-color : white
;
692 border : 1px solid
#88b0f0;
693 padding : 3px 5px 3px 5px;
697 #feed_browser_spinner {
698 vertical-align : middle
;
704 display : table-cell
;
707 vertical-align : middle
;
709 padding-bottom : 4px;
713 display : table-cell
;
714 vertical-align : middle
;
719 display : table-cell
;
722 vertical-align : middle
;
731 display : table-cell
;
732 vertical-align : middle
;
738 display : inline-block
;
739 padding : 1px 4px 1px 4px;
742 font-weight : normal
;
744 white-space : nowrap
;
747 .hl span.hlFeed a:hover {
753 display : table-cell
;
754 vertical-align : middle
;
757 white-space : nowrap
;
762 display : inline-block
;
774 div
.hlLeft img
, div
.hlRight img
{
784 margin-bottom : 10px;
787 div
.fatalError button
{
791 div
.fatalError textarea
{
816 border-width : 0px 1px 0px 0px;
817 border-style : solid
;
820 background : #f5f5f5;
821 box-shadow : inset
-1px 0px 2px -1px rgba
(0,0,0,0.1);
822 -webkit-overflow-scrolling : touch
;
825 #headlines-wrap-inner {
836 -webkit-overflow-scrolling : touch
;
839 #headlines-toolbar_splitter, #toolbar_splitter
{
853 border-width : 0px 0px 1px 0px;
855 border-style : solid
;
865 padding : 5px 5px 0px 0px;
876 padding : 4px 4px 8px 4px;
887 -webkit-overflow-scrolling : touch
;
890 #feedTree .dijitTreeRow
.dijitTreeLabel
.Unread
{
894 #feedTree .dijitTreeRow
.Error
.dijitTreeLabel
{
898 img
.feedIcon
, img
.tinyFeedIcon
{
902 vertical-align : middle
;
903 display : inline-block
;
907 display : inline-block
;
910 font-family : sans-serif
;
911 border : 1px solid
#555;
912 padding : 0px 4px 0px 4px;
913 margin : 0px 2px 0px 2px;
921 border-color : #00c000;
925 background : #f0f0f0;
938 #headlines-spacer a
, #headlines-spacer span
{
944 #headlines-spacer a:hover
{
948 ul#filterDlg_Matches
, ul#filterDlg_Actions
{
951 list-style-type : none
;
952 border-style : solid
;
954 border-width : 0px 1px 1px 1px;
955 background-color : white
;
956 margin : 0px 0px 5px 0px;
960 ul#filterDlg_Matches li
, ul#filterDlg_Actions li
{
962 padding : 0px 0px 0px 5px;
968 list-style-type : none
;
969 border : 1px solid
#ddd;
970 background-color : #f5f5f5;
971 margin : 0px 0px 5px 0px;
975 ul
.helpKbList span
.hksequence
{
980 display : inline-block
;
1003 -webkit-hyphens: auto
;
1008 div
.postContent iframe
{
1012 div
.postHeader span
.author
{
1015 font-weight : normal
;
1018 select
.attachments
{
1025 margin-right : 25px;
1028 #feedTree img
.feedIcon
{
1029 position : relative
;
1033 body#ttrssMain
#feedTree
.dijitTreeRow
{
1034 padding : 2px 0px 2px;
1040 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{
1044 body#ttrssMain
#feedTree
{
1046 overflow-x : hidden
;
1047 text-rendering: optimizelegibility
;
1048 font-family : "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
1049 Helvetica
, Arial
, sans-serif
;
1052 body#ttrssMain
#feedTree
.counterNode
.aux
{
1053 background : #f0f0f0;
1055 border-color : #f0f0f0;
1058 body#ttrssMain
#feedTree
.counterNode
{
1060 display : inline-block
;
1062 text-align : center
;
1063 border : 1px solid
#88b0f0;
1065 background : #88b0f0;
1066 border-radius : 4px;
1067 vertical-align : middle
;
1069 position : relative
;
1077 #feedTree img
[src
*='indicator_white.gif'] {
1078 position : relative
;
1083 background-color : #ffff00;
1087 div
.enclosure_title
{
1091 body#ttrssMain #headlines-frame
.dijitCheckBox
{
1096 body#ttrssMain #headlines-frame
.dijitCheckBoxHover
,
1097 body#ttrssMain #headlines-frame
.dijitCheckBoxChecked
{
1101 body#ttrssMain
#feedTree
.dijitTreeRow img
.dijitTreeExpandoLeaf
{
1104 vertical-align : middle
;
1105 position : relative
;