4 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
18 border: 0px solid #ddd;
19 border-bottom-width: 1px;
32 color : @default-text;
41 text-overflow: ellipsis;
44 text-rendering: optimizelegibility;
45 font-family : @fonts-ui-bold;
84 color : @default-text;
91 vertical-align : middle;
100 background-color : #fff7d5;
103 border: 1px solid #e7d796;
115 text-rendering: optimizelegibility;
116 font-family : @fonts-ui;
122 border: 0px solid @color-accent-light;
123 border-bottom-width: 1px;
124 text-rendering: optimizelegibility;
125 font-family : @fonts-ui;
130 border: 0px solid @color-accent-light;
131 border-bottom-width: 1px;
133 text-rendering: optimizelegibility;
134 font-family : @fonts-ui;
140 text-rendering: optimizelegibility;
141 font-family : @fonts-ui;
145 border: 0px solid #ccc;
146 border-bottom-width: 1px;
151 text-decoration: none;
155 color: darken(@color-link, 20%);
156 text-decoration: underline;
160 transform: translate(0, -35px);
168 border-width : 1px 0px 0px 0px;
169 border-style : solid;
174 box-shadow : 0px -2px 2px rgba(0,0,0,0.1);
176 transition: all 0.5s ease-in-out;
179 vertical-align : middle;
192 display : table-cell;
193 vertical-align : middle;
199 border-color : #d7c47a;
200 background-color : #fff7d5;
203 .notify.notify_progress {
204 border-color : #d7c47a;
205 background-color : #fff7d5;
208 .notify.notify_info {
209 border-color : @color-accent;
210 background-color : @color-accent-light;
213 .notify.notify_error {
214 background-color : #ffcccc;
215 border-color : #ff0000;
219 border: 0px solid #ddd;
220 border-bottom-width: 1px;
222 transition : color 0.2s, background 0.2s;
225 display : table-cell;
228 vertical-align : middle;
230 white-space : nowrap;
232 text-overflow : ellipsis;
237 display : table-cell;
238 vertical-align : middle;
243 display : table-cell;
246 vertical-align : middle;
255 display : table-cell;
256 vertical-align : middle;
262 display : inline-block;
263 padding : 1px 4px 1px 4px;
266 font-weight : normal;
267 color : @default-text;
268 white-space : nowrap;
271 span.hlFeed a:hover {
272 color : @color-accent;
276 color : @default-text;
277 display : table-cell;
278 vertical-align : middle;
281 white-space : nowrap;
286 display : inline-block;
298 div.hlLeft img, div.hlRight img {
309 text-rendering: optimizelegibility;
310 font-family : @fonts-ui;
314 a.title.high, span.hlContent.high .contentPreview {
319 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
323 .hl a.title.low, span.hlContent.low .contentPreview,
324 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
326 text-decoration : line-through;
329 .hl.Unread div.hlTitle a {
333 .hl.active div.hlTitle a {
334 color : @color-accent;
335 /* text-shadow : 1px 1px 2px #fff; */
339 background : @color-accent ! important;
345 background : desaturate(@color-accent, 25%);
359 div.filterTestHolder {
363 border-style : solid;
364 margin : 0px 0px 5px 0px;
368 #content-insert blockquote,
369 #headlines-frame blockquote,
370 .dijitContentPane blockquote {
371 margin : 5px 0px 5px 0px;
372 color : @default-text;
374 border: 0px solid #ccc;
375 border-left-width: 4px;
378 #content-insert code,
379 #headlines-frame code,
380 .dijitContentPane code {
382 font-family : monospace;
387 #headlines-frame pre,
388 .dijitContentPane pre {
389 margin: 5px 0px 5px 0px;
391 color: @default-text;
392 font-family: monospace;
394 border: 0px solid #ccc;
402 padding: 8px 35px 8px 14px;
404 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
405 background-color: #fcf8e3;
406 border: 1px solid #fbeed5;
429 background-color: #dff0d8;
430 border-color: #d6e9c6;
440 background-color: #f2dede;
441 border-color: #eed3d7;
451 background-color: #d9edf7;
452 border-color: #bce8f1;
460 list-style-type : none;
466 color : @default-text;
471 color : @default-text;
481 white-space : nowrap;
482 display : table-cell;
490 text-rendering: optimizelegibility;
491 font-family : @fonts-ui;
506 display : table-cell;
536 @media (max-width: 992px) {
544 span.contentPreview {
546 font-weight : normal;
552 background-color : #fff7d5;
555 font-weight : normal;
557 padding : 1px 4px 1px 4px;
558 display : inline-block;
559 vertical-align : middle;
564 img.markedPic, img.pubPic {
566 vertical-align : middle;
568 transition : opacity 0.25s;
571 img.markedPic:hover, img.pubPic:hover {
575 img[src*='pub_set.png'], img[src*='mark_set.png'] {
579 div.tagCloudContainer {
580 border : 1px solid #ddd;
581 margin : 5px 0px 5px 0px;
587 border : 1px solid #ddd;
588 margin : 5px 0px 5px 0px;
595 list-style-type : none;
596 border : 1px solid #ddd;
597 margin : 0px 0px 5px 0px;
601 color : @default-text;
609 border-width : 0px 1px 1px 1px;
611 border-style : solid;
612 margin : 0px 0px 5px 0px;
613 background-color : white;
614 list-style-type : none;
619 padding : 2px 4px 2px 4px;
624 .browseFeedList span.subscribers {
629 list-style-type : none;
672 padding : 1em 1em 0px 1em;
674 border: 0px solid #ddd;
675 border-bottom-width: 1px;
681 background-color : white;
682 border :1px solid #778899;
687 list-style-type : none;
693 background-color : #fff7d5;
697 list-style-type : none;
707 div#headlines-frame.wide .hlTitle {
710 white-space : normal;
713 div#headlines-frame.wide .hl .hlFeed {
718 vertical-align : middle;
725 color : @default-text;
737 font-weight : normal;
745 div.dlgSecCont hr, div.dlgSecSimple hr {
748 border : 0px solid transparent;
757 span.labelColorIndicator {
762 vertical-align : middle;
764 display : inline-block;
765 border : 1px solid #ccc;
766 background-color : #fff7d5;
776 color : @default-text;
778 background-color : white;
779 border : 1px solid @color-accent;
780 padding : 3px 5px 3px 5px;
784 #feed_browser_spinner {
785 vertical-align : middle;
791 margin-bottom : 10px;
817 border: 0px solid #ddd;
819 background : #f5f5f5;
820 box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
821 -webkit-overflow-scrolling : touch;
823 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
827 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
831 #feedTree .dijitTreeRow.UpdatesDisabled .dijitTreeLabel {
835 #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
836 box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
837 border-right-color : white;
840 #feedTree.dijitTree .dijitTreeContainer {
844 #feedTree.dijitTree .dijitTreeRow {
846 text-overflow: ellipsis;
849 #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
850 padding : 4px 0px 4px;
855 #feedTree.dijitTree img.tinyFeedIcon {
863 text-rendering: optimizelegibility;
864 font-family : @fonts-ui;
867 background : #f0f0f0;
869 border-color : #f0f0f0;
874 display : inline-block;
877 border : 1px solid lighten(@color-accent, 5%);;
879 background : lighten(@color-accent, 5%);
881 vertical-align : middle;
891 .dijitTreeNode .loadingExpando {
901 #headlines-wrap-inner {
911 -webkit-overflow-scrolling : touch;
912 -webkit-transform: translateZ(0);
913 -webkit-backface-visibility: hidden;
916 #headlines-toolbar_splitter, #toolbar_splitter {
920 #content-insert_splitter.dijitSplitterH {
921 background : #f0f0f0;
923 border-top-width : 1px;
924 border-style : solid;
937 border: 0px solid #ddd;
938 border-bottom-width: 1px;
947 color : @default-text;
948 padding : 5px 5px 0px 0px;
958 color : @default-text;
959 padding : 4px 4px 8px 4px;
969 -webkit-overflow-scrolling : touch;
972 img.feedIcon, img.tinyFeedIcon {
976 vertical-align : middle;
977 display : inline-block;
981 display : inline-block;
982 color : @default-text;
984 font-family : sans-serif;
985 border : 1px solid @default-text;
986 padding : 0px 4px 0px 4px;
987 margin : 0px 2px 0px 2px;
995 border-color : #00c000;
999 background : #f0f0f0;
1006 text-align : center;
1007 color : @default-text;
1009 font-style : italic;
1012 color : @default-text;
1018 color : @color-accent;
1022 ul#filterDlg_Matches, ul#filterDlg_Actions {
1025 list-style-type : none;
1026 border-style : solid;
1027 border-color : #ddd;
1028 border-width : 0px 1px 1px 1px;
1029 background-color : white;
1030 margin : 0px 0px 5px 0px;
1034 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
1036 padding : 0px 0px 0px 5px;
1042 list-style-type : none;
1043 border : 1px solid #ddd;
1044 margin : 0px 0px 5px 0px;
1050 color : @color-accent;
1052 display : inline-block;
1060 select.attachments {
1067 margin-right : 25px;
1068 vertical-align : middle;
1071 #filterDlg_feeds select {
1076 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1081 background-color : #ffff00;
1085 div.enclosure_title {
1089 #headlines-frame .dijitCheckBox {
1094 #headlines-frame .dijitCheckBoxHover,
1095 #headlines-frame .dijitCheckBoxChecked {
1099 #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
1102 vertical-align : middle;
1103 position : relative;
1106 .dijitDropDownButton.attachments .dijitButtonText {
1110 .dijitDropDownButton.attachments {
1111 display : inline-block;
1118 #feedEditDlg img.feedIcon {
1119 border : 1px solid #ccc;
1135 margin-right : auto;
1143 margin-right : 20px;
1144 display : inline-block;
1150 border: 0px solid @color-accent;
1151 border-bottom-width: 1px;
1152 margin-bottom : 1em;
1153 padding-bottom : 5px;
1159 border: 0px solid @color-accent;
1160 border-top-width: 1px;
1161 text-align : center;
1169 display : inline-block;
1173 color: @color-accent;
1174 text-decoration: none;
1179 color: @color-accent;
1180 text-decoration: underline;
1187 div.footer a:hover {
1188 color : @color-accent;
1192 padding : 0px 0px 5px 0px;
1197 text-align : center;
1198 padding : 0px 0px 5px 0px;
1203 background : @color-accent;