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
;
139 text-decoration: underline
;
148 transform: translate
(0, -35px);
149 -webkit-transform: translate
(0, -35px);
150 -o-transform: translate
(0, -35px);
151 -moz-transform: translate
(0, -35px);
159 border-width : 1px 0px 0px 0px;
160 border-style : solid
;
165 box-shadow : 0px -2px 2px rgba
(0,0,0,0.1);
167 transition: all
0.5s ease-in-out
;
168 -webkit-transition: all
0.5s ease-in-out
;
169 -moz-transition: all
0.5s ease-in-out
;
170 -o-transition: all
0.5s ease-in-out
;
174 vertical-align : middle
;
187 display : table-cell
;
188 vertical-align : middle
;
193 border-color : #d7c47a;
194 background-color : #fff7d5;
197 .notify.notify_progress {
198 border-color : #d7c47a;
199 background-color : #fff7d5;
202 .notify.notify_info {
203 border-color : rgb
(82, 168, 236);
204 background-color : #ecf4ff;
207 .notify.notify_error {
208 background-color : #ffcccc;
209 border-color : #ff0000;
214 text-rendering: optimizelegibility
;
215 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
216 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
217 Helvetica
, Arial
, sans-serif
;
221 .hl.Unread div.hlTitle a {
225 .hl.active div.hlTitle a {
226 color : rgb
(82, 168, 236);
227 /* text-shadow : 1px 1px 2px #fff; */
231 background : #f9fbff;
239 border-width : 0px 0px 1px 0px;
240 border-style : solid
;
246 background : #ecf4ff ! important
;
249 div
.filterTestHolder
{
253 border-style : solid
;
254 margin : 0px 0px 5px 0px;
255 background-color : #f5f5f5;
260 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
261 margin : 5px 0px 5px 0px;
264 border-width : 0px 0px 0px 4px;
266 border-style : solid
;
269 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
271 font-family : monospace
;
275 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
276 margin: 5px 0px 5px 0px;
279 font-family: monospace
;
291 padding: 8px 35px 8px 14px;
293 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
294 background-color: #fcf8e3;
295 border: 1px solid
#fbeed5;
296 -webkit-border-radius: 4px;
297 -moz-border-radius: 4px;
319 background-color: #dff0d8;
320 border-color: #d6e9c6;
330 background-color: #f2dede;
331 border-color: #eed3d7;
341 background-color: #d9edf7;
342 border-color: #bce8f1;
350 list-style-type : none
;
369 white-space : nowrap
;
370 display : table-cell
;
375 #main-toolbar table
*,
376 #main-toolbar .actionChooser
* {
377 text-rendering: optimizelegibility
;
378 font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
379 Helvetica
, Arial
, sans-serif
;
384 #main-toolbar #headlines-toolbar
{
389 #main-toolbar #headlines-toolbar span
.holder
{
394 #main-toolbar #headlines-toolbar span
.holder
> * {
395 display : table-cell
;
398 #main-toolbar #headlines-toolbar
.main
{
402 #main-toolbar #headlines-toolbar
.main
,
403 #main-toolbar #headlines-toolbar
.r
{
407 #headlines-toolbar span
.r img
{
413 #headlines-toolbar span
.r
.error a
{
417 #main-toolbar #selected_prompt
{
423 span
.contentPreview
{
425 font-weight : normal
;
431 background-color : #fff7d5;
434 font-weight : normal
;
436 padding : 1px 4px 1px 4px;
437 display : inline-block
;
438 vertical-align : middle
;
443 div
.postHeader div
.postDate
{
450 padding-bottom : 3px;
458 border-width : 0px 0px 1px 0px;
459 border-style : solid
;
461 padding-bottom : 5px;
465 img
.markedPic
, img
.pubPic
{
467 vertical-align : middle
;
469 -webkit-transition : opacity
0.25s;
470 transition : opacity
0.25s;
473 img
.markedPic:hover
, img
.pubPic:hover
{
477 img
[src
*='pub_set.png'], img
[src
*='mark_set.png'] {
481 div
.tagCloudContainer
{
482 border : 1px solid
#ddd;
483 background-color : #f5f5f5;
484 margin : 5px 0px 5px 0px;
490 border : 1px solid
#ddd;
491 background-color : #f5f5f5;
492 margin : 5px 0px 5px 0px;
499 list-style-type : none
;
500 border : 1px solid
#ddd;
501 background-color : #f5f5f5;
502 margin : 0px 0px 5px 0px;
506 ul
.feedErrorsList em
{
513 border-width : 0px 1px 1px 1px;
515 border-style : solid
;
516 margin : 0px 0px 5px 0px;
517 background-color : white
;
518 list-style-type : none
;
523 ul
.browseFeedList li
{
525 padding : 2px 4px 2px 4px;
539 margin : 5px 5px 5px 5px;
544 list-style-type : none
;
587 padding : 1em 1em 0px 1em;
589 border-width : 0px 0px 1px 0px;
590 border-style : solid
;
597 background-color : white
;
598 border :1px solid
#778899;
603 div
.autocomplete ul
{
604 list-style-type : none
;
609 div
.autocomplete ul li
.selected
{
610 background-color : #fff7d5;
613 div
.autocomplete ul li
{
614 list-style-type : none
;
624 white-space : nowrap
;
626 text-overflow : ellipsis
;
631 div#headlines-frame
.wide
.hlTitle
{
634 white-space : normal
;
637 div#headlines-frame
.wide
.hl
.hlFeed
{
641 .hl a.title.high, span.hlContent.high .contentPreview {
644 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
648 .hl a
.title
.low
, span
.hlContent
.low
.contentPreview
,
649 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
651 text-decoration : line-through
;
655 vertical-align : middle
;
674 font-weight : normal
;
677 div
.dlgSecCont hr
, div
.dlgSecSimple hr
{
680 border : 0px solid transparent
;
694 span
.labelColorIndicator
{
699 vertical-align : middle
;
701 display : inline-block
;
702 border : 1px solid
#ccc;
703 background-color : #fff7d5;
715 background-color : white
;
716 border : 1px solid rgb
(82, 168, 236);
717 padding : 3px 5px 3px 5px;
721 #feed_browser_spinner {
722 vertical-align : middle
;
728 display : table-cell
;
731 vertical-align : middle
;
733 padding-bottom : 4px;
737 display : table-cell
;
738 vertical-align : middle
;
743 display : table-cell
;
746 vertical-align : middle
;
755 display : table-cell
;
756 vertical-align : middle
;
762 display : inline-block
;
763 padding : 1px 4px 1px 4px;
766 font-weight : normal
;
768 white-space : nowrap
;
771 .hl span.hlFeed a:hover {
772 color : rgb
(82, 168, 236);
777 display : table-cell
;
778 vertical-align : middle
;
781 white-space : nowrap
;
786 display : inline-block
;
798 div
.hlLeft img
, div
.hlRight img
{
808 margin-bottom : 10px;
811 div
.fatalError button
{
815 div
.fatalError textarea
{
840 border-width : 0px 0px 0px 0px;
841 border-style : solid
;
844 background : #f5f5f5;
845 box-shadow : inset
-1px 0px 2px -1px rgba
(0,0,0,0.1);
846 -webkit-overflow-scrolling : touch
;
849 #headlines-wrap-inner {
860 -webkit-overflow-scrolling : touch
;
863 #headlines-toolbar_splitter, #toolbar_splitter
{
877 border-width : 0px 0px 1px 0px;
879 border-style : solid
;
889 padding : 5px 5px 0px 0px;
900 padding : 4px 4px 8px 4px;
911 -webkit-overflow-scrolling : touch
;
914 #feedTree .dijitTreeRow
.dijitTreeLabel
.Unread
{
918 #feedTree .dijitTreeRow
.Error
.dijitTreeLabel
{
922 img
.feedIcon
, img
.tinyFeedIcon
{
926 vertical-align : middle
;
927 display : inline-block
;
931 display : inline-block
;
934 font-family : sans-serif
;
935 border : 1px solid
#555;
936 padding : 0px 4px 0px 4px;
937 margin : 0px 2px 0px 2px;
945 border-color : #00c000;
949 background : #f0f0f0;
962 #headlines-spacer a
, #headlines-spacer span
{
968 #headlines-spacer a:hover
{
969 color : rgb
(82, 168, 236);
972 ul#filterDlg_Matches
, ul#filterDlg_Actions
{
975 list-style-type : none
;
976 border-style : solid
;
978 border-width : 0px 1px 1px 1px;
979 background-color : white
;
980 margin : 0px 0px 5px 0px;
984 ul#filterDlg_Matches li
, ul#filterDlg_Actions li
{
986 padding : 0px 0px 0px 5px;
992 list-style-type : none
;
993 border : 1px solid
#ddd;
994 background-color : #f5f5f5;
995 margin : 0px 0px 5px 0px;
999 ul
.helpKbList span
.hksequence
{
1002 color : rgb
(82, 168, 236);
1004 display : inline-block
;
1015 div
.postContent h1
{
1021 div
.postContent h4
{
1027 -webkit-hyphens: auto
;
1032 div
.postContent iframe
{
1037 div
.postHeader span
.author
{
1040 font-weight : normal
;
1043 select
.attachments
{
1050 margin-right : 25px;
1051 vertical-align : middle
;
1056 vertical-align : middle
;
1059 #feedTree img
.feedIcon
{
1060 position : relative
;
1064 body#ttrssMain
#feedTree
.dijitTreeRow
{
1065 padding : 2px 0px 2px;
1071 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{
1075 body#ttrssMain
#feedTree
{
1077 overflow-x : hidden
;
1078 text-rendering: optimizelegibility
;
1079 font-family : "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
1080 Helvetica
, Arial
, sans-serif
;
1083 body#ttrssMain
#feedTree
.counterNode
.aux
{
1084 background : #f0f0f0;
1086 border-color : #f0f0f0;
1089 body#ttrssMain
#feedTree
.counterNode
{
1091 display : inline-block
;
1093 text-align : center
;
1094 border : 1px solid rgb
(82, 168, 236);
1096 background : rgb
(82, 168, 236);
1097 border-radius : 4px;
1098 vertical-align : middle
;
1100 position : relative
;
1108 #feedTree img
[src
*='indicator_white.gif'] {
1109 position : relative
;
1114 background-color : #ffff00;
1118 div
.enclosure_title
{
1122 body#ttrssMain #headlines-frame
.dijitCheckBox
{
1127 body#ttrssMain #headlines-frame
.dijitCheckBoxHover
,
1128 body#ttrssMain #headlines-frame
.dijitCheckBoxChecked
{
1132 body#ttrssMain
#feedTree
.dijitTreeRow img
.dijitTreeExpandoLeaf
{
1135 vertical-align : middle
;
1136 position : relative
;
1143 .dijitDropDownButton.attachments .dijitButtonText {
1147 .dijitDropDownButton.attachments {
1148 display : inline-block
;