4 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
19 border: 0px solid #ddd;
20 border-bottom-width: 1px;
41 text-overflow: ellipsis;
44 text-rendering: optimizelegibility;
45 font-family : @fonts-ui-bold;
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;
267 white-space : nowrap;
270 span.hlFeed a:hover {
271 color : @color-accent;
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 {
333 background : @color-accent-light ! important;
336 .hl.active div.hlTitle a {
337 color : @color-accent;
338 /* text-shadow : 1px 1px 2px #fff; */
342 background : #f9fbff;
349 div.filterTestHolder {
353 border-style : solid;
354 margin : 0px 0px 5px 0px;
358 #content-insert blockquote,
359 #headlines-frame blockquote,
360 .dijitContentPane blockquote {
361 margin : 5px 0px 5px 0px;
364 border: 0px solid #ccc;
365 border-left-width: 4px;
368 #content-insert code,
369 #headlines-frame code,
370 .dijitContentPane code {
372 font-family : monospace;
377 #headlines-frame pre,
378 .dijitContentPane pre {
379 margin: 5px 0px 5px 0px;
382 font-family: monospace;
384 border: 0px solid #ccc;
392 padding: 8px 35px 8px 14px;
394 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
395 background-color: #fcf8e3;
396 border: 1px solid #fbeed5;
419 background-color: #dff0d8;
420 border-color: #d6e9c6;
430 background-color: #f2dede;
431 border-color: #eed3d7;
441 background-color: #d9edf7;
442 border-color: #bce8f1;
450 list-style-type : none;
471 white-space : nowrap;
472 display : table-cell;
480 text-rendering: optimizelegibility;
481 font-family : @fonts-ui;
496 display : table-cell;
526 @media (max-width: 992px) {
534 span.contentPreview {
536 font-weight : normal;
542 background-color : #fff7d5;
545 font-weight : normal;
547 padding : 1px 4px 1px 4px;
548 display : inline-block;
549 vertical-align : middle;
554 img.markedPic, img.pubPic {
556 vertical-align : middle;
558 transition : opacity 0.25s;
561 img.markedPic:hover, img.pubPic:hover {
565 img[src*='pub_set.png'], img[src*='mark_set.png'] {
569 div.tagCloudContainer {
570 border : 1px solid #ddd;
571 margin : 5px 0px 5px 0px;
577 border : 1px solid #ddd;
578 margin : 5px 0px 5px 0px;
585 list-style-type : none;
586 border : 1px solid #ddd;
587 margin : 0px 0px 5px 0px;
599 border-width : 0px 1px 1px 1px;
601 border-style : solid;
602 margin : 0px 0px 5px 0px;
603 background-color : white;
604 list-style-type : none;
609 padding : 2px 4px 2px 4px;
614 .browseFeedList span.subscribers {
619 list-style-type : none;
662 padding : 1em 1em 0px 1em;
664 border: 0px solid #ddd;
665 border-bottom-width: 1px;
671 background-color : white;
672 border :1px solid #778899;
677 list-style-type : none;
683 background-color : #fff7d5;
687 list-style-type : none;
697 div#headlines-frame.wide .hlTitle {
700 white-space : normal;
703 div#headlines-frame.wide .hl .hlFeed {
708 vertical-align : middle;
727 font-weight : normal;
735 div.dlgSecCont hr, div.dlgSecSimple hr {
738 border : 0px solid transparent;
747 span.labelColorIndicator {
752 vertical-align : middle;
754 display : inline-block;
755 border : 1px solid #ccc;
756 background-color : #fff7d5;
768 background-color : white;
769 border : 1px solid @color-accent;
770 padding : 3px 5px 3px 5px;
774 #feed_browser_spinner {
775 vertical-align : middle;
781 margin-bottom : 10px;
807 border: 0px solid #ddd;
809 background : #f5f5f5;
810 box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
811 -webkit-overflow-scrolling : touch;
813 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
817 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
821 #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
822 box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
823 border-right-color : white;
826 #feedTree.dijitTree .dijitTreeContainer {
830 #feedTree.dijitTree .dijitTreeRow {
832 text-overflow: ellipsis;
835 #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
836 padding : 4px 0px 4px;
841 #feedTree.dijitTree img.tinyFeedIcon {
849 text-rendering: optimizelegibility;
850 font-family : @fonts-ui;
853 background : #f0f0f0;
855 border-color : #f0f0f0;
860 display : inline-block;
863 border : 1px solid @color-accent;
865 background : @color-accent;
867 vertical-align : middle;
877 .dijitTreeNode .loadingExpando {
887 #headlines-wrap-inner {
897 -webkit-overflow-scrolling : touch;
898 -webkit-transform: translateZ(0);
899 -webkit-backface-visibility: hidden;
902 #headlines-toolbar_splitter, #toolbar_splitter {
916 border: 0px solid #ddd;
917 border-bottom-width: 1px;
927 padding : 5px 5px 0px 0px;
938 padding : 4px 4px 8px 4px;
949 -webkit-overflow-scrolling : touch;
952 img.feedIcon, img.tinyFeedIcon {
956 vertical-align : middle;
957 display : inline-block;
961 display : inline-block;
964 font-family : sans-serif;
965 border : 1px solid #555;
966 padding : 0px 4px 0px 4px;
967 margin : 0px 2px 0px 2px;
975 border-color : #00c000;
979 background : #f0f0f0;
998 color : @color-accent;
1002 ul#filterDlg_Matches, ul#filterDlg_Actions {
1005 list-style-type : none;
1006 border-style : solid;
1007 border-color : #ddd;
1008 border-width : 0px 1px 1px 1px;
1009 background-color : white;
1010 margin : 0px 0px 5px 0px;
1014 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
1016 padding : 0px 0px 0px 5px;
1022 list-style-type : none;
1023 border : 1px solid #ddd;
1024 margin : 0px 0px 5px 0px;
1030 color : @color-accent;
1032 display : inline-block;
1044 vertical-align : middle;
1048 select.attachments {
1055 margin-right : 25px;
1056 vertical-align : middle;
1059 #filterDlg_feeds select {
1064 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1069 background-color : #ffff00;
1073 div.enclosure_title {
1077 #headlines-frame .dijitCheckBox {
1082 #headlines-frame .dijitCheckBoxHover,
1083 #headlines-frame .dijitCheckBoxChecked {
1087 #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
1090 vertical-align : middle;
1091 position : relative;
1094 .dijitDropDownButton.attachments .dijitButtonText {
1098 .dijitDropDownButton.attachments {
1099 display : inline-block;