1 @fonts-ui-bold: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
2 @fonts-ui: "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
4 @color-accent: rgb(82, 168, 236);
5 @color-accent-light: #ecf4ff;
13 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
33 border: 0px solid #ddd;
34 border-bottom-width: 1px;
55 text-overflow: ellipsis;
58 text-rendering: optimizelegibility;
59 font-family : @fonts-ui-bold;
105 vertical-align : middle;
114 background-color : #fff7d5;
117 border: 1px solid #e7d796;
129 text-rendering: optimizelegibility;
130 font-family : @fonts-ui;
136 border: 0px solid @color-accent-light;
137 border-bottom-width: 1px;
138 text-rendering: optimizelegibility;
139 font-family : @fonts-ui;
144 border: 0px solid @color-accent-light;
145 border-bottom-width: 1px;
147 text-rendering: optimizelegibility;
148 font-family : @fonts-ui;
154 text-rendering: optimizelegibility;
155 font-family : @fonts-ui;
159 border: 0px solid #ccc;
160 border-bottom-width: 1px;
165 text-decoration: none;
169 color: darken(@color-link, 20%);
170 text-decoration: underline;
174 transform: translate(0, -35px);
182 border-width : 1px 0px 0px 0px;
183 border-style : solid;
188 box-shadow : 0px -2px 2px rgba(0,0,0,0.1);
190 transition: all 0.5s ease-in-out;
193 vertical-align : middle;
206 display : table-cell;
207 vertical-align : middle;
213 border-color : #d7c47a;
214 background-color : #fff7d5;
217 .notify.notify_progress {
218 border-color : #d7c47a;
219 background-color : #fff7d5;
222 .notify.notify_info {
223 border-color : @color-accent;
224 background-color : @color-accent-light;
227 .notify.notify_error {
228 background-color : #ffcccc;
229 border-color : #ff0000;
233 border: 0px solid #ddd;
234 border-bottom-width: 1px;
238 display : table-cell;
241 vertical-align : middle;
243 white-space : nowrap;
245 text-overflow : ellipsis;
250 display : table-cell;
251 vertical-align : middle;
256 display : table-cell;
259 vertical-align : middle;
268 display : table-cell;
269 vertical-align : middle;
275 display : inline-block;
276 padding : 1px 4px 1px 4px;
279 font-weight : normal;
281 white-space : nowrap;
284 span.hlFeed a:hover {
285 color : @color-accent;
290 display : table-cell;
291 vertical-align : middle;
294 white-space : nowrap;
299 display : inline-block;
311 div.hlLeft img, div.hlRight img {
322 text-rendering: optimizelegibility;
323 font-family : @fonts-ui;
327 a.title.high, span.hlContent.high .contentPreview {
332 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
336 .hl a.title.low, span.hlContent.low .contentPreview,
337 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
339 text-decoration : line-through;
342 .hl.Unread div.hlTitle a {
347 background : @color-accent-light ! important;
350 .hl.active div.hlTitle a {
351 color : @color-accent;
352 /* text-shadow : 1px 1px 2px #fff; */
356 background : #f9fbff;
363 div.filterTestHolder {
367 border-style : solid;
368 margin : 0px 0px 5px 0px;
372 #content-insert blockquote,
373 #headlines-frame blockquote,
374 .dijitContentPane blockquote {
375 margin : 5px 0px 5px 0px;
378 border: 0px solid #ccc;
379 border-left-width: 4px;
382 #content-insert code,
383 #headlines-frame code,
384 .dijitContentPane code {
386 font-family : monospace;
391 #headlines-frame pre,
392 .dijitContentPane pre {
393 margin: 5px 0px 5px 0px;
396 font-family: monospace;
398 border: 0px solid #ccc;
406 padding: 8px 35px 8px 14px;
408 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
409 background-color: #fcf8e3;
410 border: 1px solid #fbeed5;
433 background-color: #dff0d8;
434 border-color: #d6e9c6;
444 background-color: #f2dede;
445 border-color: #eed3d7;
455 background-color: #d9edf7;
456 border-color: #bce8f1;
464 list-style-type : none;
485 white-space : nowrap;
486 display : table-cell;
494 text-rendering: optimizelegibility;
495 font-family : @fonts-ui;
510 display : table-cell;
540 @media (max-width: 992px) {
548 span.contentPreview {
550 font-weight : normal;
556 background-color : #fff7d5;
559 font-weight : normal;
561 padding : 1px 4px 1px 4px;
562 display : inline-block;
563 vertical-align : middle;
568 img.markedPic, img.pubPic {
570 vertical-align : middle;
572 transition : opacity 0.25s;
575 img.markedPic:hover, img.pubPic:hover {
579 img[src*='pub_set.png'], img[src*='mark_set.png'] {
583 div.tagCloudContainer {
584 border : 1px solid #ddd;
585 margin : 5px 0px 5px 0px;
591 border : 1px solid #ddd;
592 margin : 5px 0px 5px 0px;
599 list-style-type : none;
600 border : 1px solid #ddd;
601 margin : 0px 0px 5px 0px;
613 border-width : 0px 1px 1px 1px;
615 border-style : solid;
616 margin : 0px 0px 5px 0px;
617 background-color : white;
618 list-style-type : none;
623 padding : 2px 4px 2px 4px;
628 .browseFeedList span.subscribers {
633 list-style-type : none;
676 padding : 1em 1em 0px 1em;
678 border: 0px solid #ddd;
679 border-bottom-width: 1px;
685 background-color : white;
686 border :1px solid #778899;
691 list-style-type : none;
697 background-color : #fff7d5;
701 list-style-type : none;
711 div#headlines-frame.wide .hlTitle {
714 white-space : normal;
717 div#headlines-frame.wide .hl .hlFeed {
722 vertical-align : middle;
741 font-weight : normal;
749 div.dlgSecCont hr, div.dlgSecSimple hr {
752 border : 0px solid transparent;
761 span.labelColorIndicator {
766 vertical-align : middle;
768 display : inline-block;
769 border : 1px solid #ccc;
770 background-color : #fff7d5;
782 background-color : white;
783 border : 1px solid @color-accent;
784 padding : 3px 5px 3px 5px;
788 #feed_browser_spinner {
789 vertical-align : middle;
795 margin-bottom : 10px;
827 border: 0px solid #ddd;
829 background : #f5f5f5;
830 box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
831 -webkit-overflow-scrolling : touch;
834 #headlines-wrap-inner {
844 -webkit-overflow-scrolling : touch;
845 -webkit-transform: translateZ(0);
846 -webkit-backface-visibility: hidden;
849 #headlines-toolbar_splitter, #toolbar_splitter {
863 border: 0px solid #ddd;
864 border-bottom-width: 1px;
874 padding : 5px 5px 0px 0px;
885 padding : 4px 4px 8px 4px;
896 -webkit-overflow-scrolling : touch;
899 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
903 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
907 img.feedIcon, img.tinyFeedIcon {
911 vertical-align : middle;
912 display : inline-block;
916 display : inline-block;
919 font-family : sans-serif;
920 border : 1px solid #555;
921 padding : 0px 4px 0px 4px;
922 margin : 0px 2px 0px 2px;
930 border-color : #00c000;
934 background : #f0f0f0;
953 color : @color-accent;
957 ul#filterDlg_Matches, ul#filterDlg_Actions {
960 list-style-type : none;
961 border-style : solid;
963 border-width : 0px 1px 1px 1px;
964 background-color : white;
965 margin : 0px 0px 5px 0px;
969 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
971 padding : 0px 0px 0px 5px;
977 list-style-type : none;
978 border : 1px solid #ddd;
979 margin : 0px 0px 5px 0px;
985 color : @color-accent;
987 display : inline-block;
999 vertical-align : middle;
1003 select.attachments {
1010 margin-right : 25px;
1011 vertical-align : middle;
1014 body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
1015 box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
1016 border-right-color : white;
1019 body#ttrssMain #feedTree.dijitTree .dijitTreeContainer {
1023 body#ttrssMain #feedTree.dijitTree .dijitTreeRow {
1025 text-overflow: ellipsis;
1028 body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
1029 padding : 4px 0px 4px;
1034 body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon {
1035 position : relative;
1039 #filterDlg_feeds select {
1044 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1048 body#ttrssMain #feedTree {
1050 overflow-x : hidden;
1051 text-rendering: optimizelegibility;
1052 font-family : @fonts-ui;
1055 background : #f0f0f0;
1057 border-color : #f0f0f0;
1062 display : inline-block;
1064 text-align : center;
1065 border : 1px solid @color-accent;
1067 background : @color-accent;
1068 border-radius : 4px;
1069 vertical-align : middle;
1071 position : relative;
1079 .dijitTreeNode .loadingExpando {
1082 position : relative;
1089 background-color : #ffff00;
1093 div.enclosure_title {
1097 body#ttrssMain #headlines-frame .dijitCheckBox {
1102 body#ttrssMain #headlines-frame .dijitCheckBoxHover,
1103 body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
1107 body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
1110 vertical-align : middle;
1111 position : relative;
1114 .dijitDropDownButton.attachments .dijitButtonText {
1118 .dijitDropDownButton.attachments {
1119 display : inline-block;
1128 margin-right : auto;
1131 background : #f5f5f5;
1133 div.postHeader div.postFeedTitle {
1140 div.postHeader a.postComments {
1146 div.postHeader div.postDate {
1154 div.postHeader div.postTags {
1159 div.postHeader div.postTitle {
1160 white-space : normal;
1170 -webkit-hyphens: auto;
1177 border-width : 0px 0px 1px 0px;
1178 border-style : solid;
1179 border-color : #eee;
1184 border : 1px solid #ddd;
1186 box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
1187 border-radius : 6px;
1192 text-align : center;
1195 div.postContent img {
1200 div.postContent blockquote {
1201 margin : 5px 0px 5px 0px;
1203 padding-left : 10px;
1204 border-width : 0px 0px 0px 4px;
1205 border-color : #ccc;
1206 border-style : solid;
1209 div.postContent code {
1211 font-family : monospace;
1215 div.postContent pre {
1216 margin : 5px 0px 5px 0px;
1219 font-family : monospace;
1222 border-color : #ccc;
1223 border-style : solid;
1224 background : #f5f5f5;