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
;
140 text-decoration: underline
;
149 transform: translate
(0, -35px);
150 -webkit-transform: translate
(0, -35px);
151 -o-transform: translate
(0, -35px);
152 -moz-transform: translate
(0, -35px);
160 border-width : 1px 0px 0px 0px;
161 border-style : solid
;
166 box-shadow : 0px -2px 2px rgba
(0,0,0,0.1);
168 transition: all
0.5s ease-in-out
;
169 -webkit-transition: all
0.5s ease-in-out
;
170 -moz-transition: all
0.5s ease-in-out
;
171 -o-transition: all
0.5s ease-in-out
;
175 vertical-align : middle
;
188 display : table-cell
;
189 vertical-align : middle
;
194 border-color : #d7c47a;
195 background-color : #fff7d5;
198 .notify.notify_progress {
199 border-color : #d7c47a;
200 background-color : #fff7d5;
203 .notify.notify_info {
204 border-color : rgb
(82, 168, 236);
205 background-color : #ecf4ff;
208 .notify.notify_error {
209 background-color : #ffcccc;
210 border-color : #ff0000;
215 text-rendering: optimizelegibility
;
216 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
217 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
218 Helvetica
, Arial
, sans-serif
;
222 .hl.Unread div.hlTitle a {
226 .hl.active div.hlTitle a {
227 color : rgb
(82, 168, 236);
228 /* text-shadow : 1px 1px 2px #fff; */
232 background : #f9fbff;
240 border-width : 0px 0px 1px 0px;
241 border-style : solid
;
247 background : #ecf4ff ! important
;
250 div
.filterTestHolder
{
254 border-style : solid
;
255 margin : 0px 0px 5px 0px;
256 background-color : #f5f5f5;
261 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
262 margin : 5px 0px 5px 0px;
265 border-width : 0px 0px 0px 4px;
267 border-style : solid
;
270 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
272 font-family : monospace
;
276 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
277 margin: 5px 0px 5px 0px;
280 font-family: monospace
;
292 padding: 8px 35px 8px 14px;
294 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
295 background-color: #fcf8e3;
296 border: 1px solid
#fbeed5;
297 -webkit-border-radius: 4px;
298 -moz-border-radius: 4px;
320 background-color: #dff0d8;
321 border-color: #d6e9c6;
331 background-color: #f2dede;
332 border-color: #eed3d7;
342 background-color: #d9edf7;
343 border-color: #bce8f1;
351 list-style-type : none
;
370 white-space : nowrap
;
371 display : table-cell
;
376 #main-toolbar table
*,
377 #main-toolbar .actionChooser
* {
378 text-rendering: optimizelegibility
;
379 font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
380 Helvetica
, Arial
, sans-serif
;
385 #main-toolbar #headlines-toolbar
{
390 #main-toolbar #headlines-toolbar span
.holder
{
395 #main-toolbar #headlines-toolbar span
.holder
> * {
396 display : table-cell
;
399 #main-toolbar #headlines-toolbar
.main
{
403 #main-toolbar #headlines-toolbar
.main
,
404 #main-toolbar #headlines-toolbar
.r
{
408 #headlines-toolbar span
.r img
{
414 #headlines-toolbar span
.r
.error a
{
418 #main-toolbar #selected_prompt
{
424 span
.contentPreview
{
426 font-weight : normal
;
432 background-color : #fff7d5;
435 font-weight : normal
;
437 padding : 1px 4px 1px 4px;
438 display : inline-block
;
439 vertical-align : middle
;
444 div
.postHeader div
.postDate
{
451 padding-bottom : 3px;
459 border-width : 0px 0px 1px 0px;
460 border-style : solid
;
462 padding-bottom : 5px;
466 img
.markedPic
, img
.pubPic
{
468 vertical-align : middle
;
470 -webkit-transition : opacity
0.25s;
471 transition : opacity
0.25s;
474 img
.markedPic:hover
, img
.pubPic:hover
{
478 img
[src
*='pub_set.png'], img
[src
*='mark_set.png'] {
482 div
.tagCloudContainer
{
483 border : 1px solid
#ddd;
484 background-color : #f5f5f5;
485 margin : 5px 0px 5px 0px;
491 border : 1px solid
#ddd;
492 background-color : #f5f5f5;
493 margin : 5px 0px 5px 0px;
500 list-style-type : none
;
501 border : 1px solid
#ddd;
502 background-color : #f5f5f5;
503 margin : 0px 0px 5px 0px;
507 ul
.feedErrorsList em
{
514 border-width : 0px 1px 1px 1px;
516 border-style : solid
;
517 margin : 0px 0px 5px 0px;
518 background-color : white
;
519 list-style-type : none
;
524 ul
.browseFeedList li
{
526 padding : 2px 4px 2px 4px;
540 margin : 5px 5px 5px 5px;
545 list-style-type : none
;
588 padding : 1em 1em 0px 1em;
590 border-width : 0px 0px 1px 0px;
591 border-style : solid
;
598 background-color : white
;
599 border :1px solid
#778899;
604 div
.autocomplete ul
{
605 list-style-type : none
;
610 div
.autocomplete ul li
.selected
{
611 background-color : #fff7d5;
614 div
.autocomplete ul li
{
615 list-style-type : none
;
625 white-space : nowrap
;
627 text-overflow : ellipsis
;
632 div#headlines-frame
.wide
.hlTitle
{
635 white-space : normal
;
638 div#headlines-frame
.wide
.hl
.hlFeed
{
642 .hl a.title.high, span.hlContent.high .contentPreview {
645 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
649 .hl a
.title
.low
, span
.hlContent
.low
.contentPreview
,
650 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
652 text-decoration : line-through
;
656 vertical-align : middle
;
675 font-weight : normal
;
678 div
.dlgSecCont hr
, div
.dlgSecSimple hr
{
681 border : 0px solid transparent
;
695 span
.labelColorIndicator
{
700 vertical-align : middle
;
702 display : inline-block
;
703 border : 1px solid
#ccc;
704 background-color : #fff7d5;
716 background-color : white
;
717 border : 1px solid rgb
(82, 168, 236);
718 padding : 3px 5px 3px 5px;
722 #feed_browser_spinner {
723 vertical-align : middle
;
729 display : table-cell
;
732 vertical-align : middle
;
734 padding-bottom : 4px;
738 display : table-cell
;
739 vertical-align : middle
;
744 display : table-cell
;
747 vertical-align : middle
;
756 display : table-cell
;
757 vertical-align : middle
;
763 display : inline-block
;
764 padding : 1px 4px 1px 4px;
767 font-weight : normal
;
769 white-space : nowrap
;
772 .hl span.hlFeed a:hover {
773 color : rgb
(82, 168, 236);
778 display : table-cell
;
779 vertical-align : middle
;
782 white-space : nowrap
;
787 display : inline-block
;
799 div
.hlLeft img
, div
.hlRight img
{
809 margin-bottom : 10px;
812 div
.fatalError button
{
816 div
.fatalError textarea
{
841 border-width : 0px 0px 0px 0px;
842 border-style : solid
;
845 background : #f5f5f5;
846 box-shadow : inset
-1px 0px 2px -1px rgba
(0,0,0,0.1);
847 -webkit-overflow-scrolling : touch
;
850 #headlines-wrap-inner {
861 -webkit-overflow-scrolling : touch
;
864 #headlines-toolbar_splitter, #toolbar_splitter
{
878 border-width : 0px 0px 1px 0px;
880 border-style : solid
;
890 padding : 5px 5px 0px 0px;
901 padding : 4px 4px 8px 4px;
912 -webkit-overflow-scrolling : touch
;
915 #feedTree .dijitTreeRow
.dijitTreeLabel
.Unread
{
919 #feedTree .dijitTreeRow
.Error
.dijitTreeLabel
{
923 img
.feedIcon
, img
.tinyFeedIcon
{
927 vertical-align : middle
;
928 display : inline-block
;
932 display : inline-block
;
935 font-family : sans-serif
;
936 border : 1px solid
#555;
937 padding : 0px 4px 0px 4px;
938 margin : 0px 2px 0px 2px;
946 border-color : #00c000;
950 background : #f0f0f0;
963 #headlines-spacer a
, #headlines-spacer span
{
969 #headlines-spacer a:hover
{
970 color : rgb
(82, 168, 236);
973 ul#filterDlg_Matches
, ul#filterDlg_Actions
{
976 list-style-type : none
;
977 border-style : solid
;
979 border-width : 0px 1px 1px 1px;
980 background-color : white
;
981 margin : 0px 0px 5px 0px;
985 ul#filterDlg_Matches li
, ul#filterDlg_Actions li
{
987 padding : 0px 0px 0px 5px;
993 list-style-type : none
;
994 border : 1px solid
#ddd;
995 background-color : #f5f5f5;
996 margin : 0px 0px 5px 0px;
1000 ul
.helpKbList span
.hksequence
{
1003 color : rgb
(82, 168, 236);
1005 display : inline-block
;
1016 div
.postContent h1
{
1022 div
.postContent h4
{
1028 -webkit-hyphens: auto
;
1033 div
.postContent iframe
{
1038 div
.postHeader span
.author
{
1041 font-weight : normal
;
1044 select
.attachments
{
1051 margin-right : 25px;
1052 vertical-align : middle
;
1057 vertical-align : middle
;
1060 #feedTree img
.feedIcon
{
1061 position : relative
;
1065 body#ttrssMain
#feedTree
.dijitTreeRow
{
1066 padding : 2px 0px 2px;
1072 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{
1076 body#ttrssMain
#feedTree
{
1078 overflow-x : hidden
;
1079 text-rendering: optimizelegibility
;
1080 font-family : "Segoe UI Web", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
1081 Helvetica
, Arial
, sans-serif
;
1084 body#ttrssMain
#feedTree
.counterNode
.aux
{
1085 background : #f0f0f0;
1087 border-color : #f0f0f0;
1090 body#ttrssMain
#feedTree
.counterNode
{
1092 display : inline-block
;
1094 text-align : center
;
1095 border : 1px solid rgb
(82, 168, 236);
1097 background : rgb
(82, 168, 236);
1098 border-radius : 4px;
1099 vertical-align : middle
;
1101 position : relative
;
1109 #feedTree img
[src
*='indicator_white.gif'] {
1110 position : relative
;
1115 background-color : #ffff00;
1119 div
.enclosure_title
{
1123 body#ttrssMain #headlines-frame
.dijitCheckBox
{
1128 body#ttrssMain #headlines-frame
.dijitCheckBoxHover
,
1129 body#ttrssMain #headlines-frame
.dijitCheckBoxChecked
{
1133 body#ttrssMain
#feedTree
.dijitTreeRow img
.dijitTreeExpandoLeaf
{
1136 vertical-align : middle
;
1137 position : relative
;
1144 .dijitDropDownButton.attachments .dijitButtonText {
1148 .dijitDropDownButton.attachments {
1149 display : inline-block
;