4 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
19 border: 0px solid #ddd;
20 border-bottom-width: 1px;
33 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;
224 display : table-cell;
227 vertical-align : middle;
229 white-space : nowrap;
231 text-overflow : ellipsis;
236 display : table-cell;
237 vertical-align : middle;
242 display : table-cell;
245 vertical-align : middle;
254 display : table-cell;
255 vertical-align : middle;
261 display : inline-block;
262 padding : 1px 4px 1px 4px;
265 font-weight : normal;
266 color : @default-text;
267 white-space : nowrap;
270 span.hlFeed a:hover {
271 color : @color-accent;
275 color : @default-text;
276 display : table-cell;
277 vertical-align : middle;
280 white-space : nowrap;
285 display : inline-block;
297 div.hlLeft img, div.hlRight img {
308 text-rendering: optimizelegibility;
309 font-family : @fonts-ui;
313 a.title.high, span.hlContent.high .contentPreview {
318 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
322 .hl a.title.low, span.hlContent.low .contentPreview,
323 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
325 text-decoration : line-through;
328 .hl.Unread div.hlTitle a {
332 .hl.active div.hlTitle a {
333 color : @color-accent;
334 /* text-shadow : 1px 1px 2px #fff; */
339 background : @color-accent ! important;
353 div.filterTestHolder {
357 border-style : solid;
358 margin : 0px 0px 5px 0px;
362 #content-insert blockquote,
363 #headlines-frame blockquote,
364 .dijitContentPane blockquote {
365 margin : 5px 0px 5px 0px;
366 color : @default-text;
368 border: 0px solid #ccc;
369 border-left-width: 4px;
372 #content-insert code,
373 #headlines-frame code,
374 .dijitContentPane code {
376 font-family : monospace;
381 #headlines-frame pre,
382 .dijitContentPane pre {
383 margin: 5px 0px 5px 0px;
385 color: @default-text;
386 font-family: monospace;
388 border: 0px solid #ccc;
396 padding: 8px 35px 8px 14px;
398 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
399 background-color: #fcf8e3;
400 border: 1px solid #fbeed5;
423 background-color: #dff0d8;
424 border-color: #d6e9c6;
434 background-color: #f2dede;
435 border-color: #eed3d7;
445 background-color: #d9edf7;
446 border-color: #bce8f1;
454 list-style-type : none;
460 color : @default-text;
465 color : @default-text;
475 white-space : nowrap;
476 display : table-cell;
484 text-rendering: optimizelegibility;
485 font-family : @fonts-ui;
500 display : table-cell;
530 @media (max-width: 992px) {
538 span.contentPreview {
540 font-weight : normal;
546 background-color : #fff7d5;
549 font-weight : normal;
551 padding : 1px 4px 1px 4px;
552 display : inline-block;
553 vertical-align : middle;
558 img.markedPic, img.pubPic {
560 vertical-align : middle;
562 transition : opacity 0.25s;
565 img.markedPic:hover, img.pubPic:hover {
569 img[src*='pub_set.png'], img[src*='mark_set.png'] {
573 div.tagCloudContainer {
574 border : 1px solid #ddd;
575 margin : 5px 0px 5px 0px;
581 border : 1px solid #ddd;
582 margin : 5px 0px 5px 0px;
589 list-style-type : none;
590 border : 1px solid #ddd;
591 margin : 0px 0px 5px 0px;
595 color : @default-text;
603 border-width : 0px 1px 1px 1px;
605 border-style : solid;
606 margin : 0px 0px 5px 0px;
607 background-color : white;
608 list-style-type : none;
613 padding : 2px 4px 2px 4px;
618 .browseFeedList span.subscribers {
623 list-style-type : none;
666 padding : 1em 1em 0px 1em;
668 border: 0px solid #ddd;
669 border-bottom-width: 1px;
675 background-color : white;
676 border :1px solid #778899;
681 list-style-type : none;
687 background-color : #fff7d5;
691 list-style-type : none;
701 div#headlines-frame.wide .hlTitle {
704 white-space : normal;
707 div#headlines-frame.wide .hl .hlFeed {
712 vertical-align : middle;
719 color : @default-text;
731 font-weight : normal;
739 div.dlgSecCont hr, div.dlgSecSimple hr {
742 border : 0px solid transparent;
751 span.labelColorIndicator {
756 vertical-align : middle;
758 display : inline-block;
759 border : 1px solid #ccc;
760 background-color : #fff7d5;
770 color : @default-text;
772 background-color : white;
773 border : 1px solid @color-accent;
774 padding : 3px 5px 3px 5px;
778 #feed_browser_spinner {
779 vertical-align : middle;
785 margin-bottom : 10px;
811 border: 0px solid #ddd;
813 background : #f5f5f5;
814 box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
815 -webkit-overflow-scrolling : touch;
817 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
821 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
825 #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
826 box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
827 border-right-color : white;
830 #feedTree.dijitTree .dijitTreeContainer {
834 #feedTree.dijitTree .dijitTreeRow {
836 text-overflow: ellipsis;
839 #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
840 padding : 4px 0px 4px;
845 #feedTree.dijitTree img.tinyFeedIcon {
853 text-rendering: optimizelegibility;
854 font-family : @fonts-ui;
857 background : #f0f0f0;
859 border-color : #f0f0f0;
864 display : inline-block;
867 border : 1px solid lighten(@color-accent, 5%);;
869 background : lighten(@color-accent, 5%);
871 vertical-align : middle;
881 .dijitTreeNode .loadingExpando {
891 #headlines-wrap-inner {
901 -webkit-overflow-scrolling : touch;
902 -webkit-transform: translateZ(0);
903 -webkit-backface-visibility: hidden;
906 #headlines-toolbar_splitter, #toolbar_splitter {
920 border: 0px solid #ddd;
921 border-bottom-width: 1px;
930 color : @default-text;
931 padding : 5px 5px 0px 0px;
941 color : @default-text;
942 padding : 4px 4px 8px 4px;
953 -webkit-overflow-scrolling : touch;
956 img.feedIcon, img.tinyFeedIcon {
960 vertical-align : middle;
961 display : inline-block;
965 display : inline-block;
966 color : @default-text;
968 font-family : sans-serif;
969 border : 1px solid @default-text;
970 padding : 0px 4px 0px 4px;
971 margin : 0px 2px 0px 2px;
979 border-color : #00c000;
983 background : #f0f0f0;
991 color : @default-text;
996 color : @default-text;
1002 color : @color-accent;
1006 ul#filterDlg_Matches, ul#filterDlg_Actions {
1009 list-style-type : none;
1010 border-style : solid;
1011 border-color : #ddd;
1012 border-width : 0px 1px 1px 1px;
1013 background-color : white;
1014 margin : 0px 0px 5px 0px;
1018 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
1020 padding : 0px 0px 0px 5px;
1026 list-style-type : none;
1027 border : 1px solid #ddd;
1028 margin : 0px 0px 5px 0px;
1034 color : @color-accent;
1036 display : inline-block;
1048 vertical-align : middle;
1052 select.attachments {
1059 margin-right : 25px;
1060 vertical-align : middle;
1063 #filterDlg_feeds select {
1068 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1073 background-color : #ffff00;
1077 div.enclosure_title {
1081 #headlines-frame .dijitCheckBox {
1086 #headlines-frame .dijitCheckBoxHover,
1087 #headlines-frame .dijitCheckBoxChecked {
1091 #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
1094 vertical-align : middle;
1095 position : relative;
1098 .dijitDropDownButton.attachments .dijitButtonText {
1102 .dijitDropDownButton.attachments {
1103 display : inline-block;
1110 #feedEditDlg img.feedIcon {
1111 border : 1px solid #ccc;
1127 margin-right : auto;
1135 margin-right : 20px;
1136 display : inline-block;
1142 border: 0px solid @color-accent;
1143 border-bottom-width: 1px;
1144 margin-bottom : 1em;
1145 padding-bottom : 5px;
1151 border: 0px solid @color-accent;
1152 border-top-width: 1px;
1153 text-align : center;
1161 display : inline-block;
1165 color: @color-accent;
1166 text-decoration: none;
1171 color: @color-accent;
1172 text-decoration: underline;
1179 div.footer a:hover {
1180 color : @color-accent;
1184 padding : 0px 0px 5px 0px;
1189 text-align : center;
1190 padding : 0px 0px 5px 0px;
1195 background : @color-accent;