7 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
26 border: 0px solid #ddd;
27 border-bottom-width: 1px;
48 text-overflow: ellipsis;
51 text-rendering: optimizelegibility;
52 font-family : @fonts-ui-bold;
98 vertical-align : middle;
107 background-color : #fff7d5;
110 border: 1px solid #e7d796;
122 text-rendering: optimizelegibility;
123 font-family : @fonts-ui;
129 border: 0px solid @color-accent-light;
130 border-bottom-width: 1px;
131 text-rendering: optimizelegibility;
132 font-family : @fonts-ui;
137 border: 0px solid @color-accent-light;
138 border-bottom-width: 1px;
140 text-rendering: optimizelegibility;
141 font-family : @fonts-ui;
147 text-rendering: optimizelegibility;
148 font-family : @fonts-ui;
152 border: 0px solid #ccc;
153 border-bottom-width: 1px;
158 text-decoration: none;
162 color: darken(@color-link, 20%);
163 text-decoration: underline;
167 transform: translate(0, -35px);
175 border-width : 1px 0px 0px 0px;
176 border-style : solid;
181 box-shadow : 0px -2px 2px rgba(0,0,0,0.1);
183 transition: all 0.5s ease-in-out;
186 vertical-align : middle;
199 display : table-cell;
200 vertical-align : middle;
206 border-color : #d7c47a;
207 background-color : #fff7d5;
210 .notify.notify_progress {
211 border-color : #d7c47a;
212 background-color : #fff7d5;
215 .notify.notify_info {
216 border-color : @color-accent;
217 background-color : @color-accent-light;
220 .notify.notify_error {
221 background-color : #ffcccc;
222 border-color : #ff0000;
226 border: 0px solid #ddd;
227 border-bottom-width: 1px;
231 display : table-cell;
234 vertical-align : middle;
236 white-space : nowrap;
238 text-overflow : ellipsis;
243 display : table-cell;
244 vertical-align : middle;
249 display : table-cell;
252 vertical-align : middle;
261 display : table-cell;
262 vertical-align : middle;
268 display : inline-block;
269 padding : 1px 4px 1px 4px;
272 font-weight : normal;
274 white-space : nowrap;
277 span.hlFeed a:hover {
278 color : @color-accent;
283 display : table-cell;
284 vertical-align : middle;
287 white-space : nowrap;
292 display : inline-block;
304 div.hlLeft img, div.hlRight img {
315 text-rendering: optimizelegibility;
316 font-family : @fonts-ui;
320 a.title.high, span.hlContent.high .contentPreview {
325 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
329 .hl a.title.low, span.hlContent.low .contentPreview,
330 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
332 text-decoration : line-through;
335 .hl.Unread div.hlTitle a {
340 background : @color-accent-light ! important;
343 .hl.active div.hlTitle a {
344 color : @color-accent;
345 /* text-shadow : 1px 1px 2px #fff; */
349 background : #f9fbff;
356 div.filterTestHolder {
360 border-style : solid;
361 margin : 0px 0px 5px 0px;
365 #content-insert blockquote,
366 #headlines-frame blockquote,
367 .dijitContentPane blockquote {
368 margin : 5px 0px 5px 0px;
371 border: 0px solid #ccc;
372 border-left-width: 4px;
375 #content-insert code,
376 #headlines-frame code,
377 .dijitContentPane code {
379 font-family : monospace;
384 #headlines-frame pre,
385 .dijitContentPane pre {
386 margin: 5px 0px 5px 0px;
389 font-family: monospace;
391 border: 0px solid #ccc;
399 padding: 8px 35px 8px 14px;
401 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
402 background-color: #fcf8e3;
403 border: 1px solid #fbeed5;
426 background-color: #dff0d8;
427 border-color: #d6e9c6;
437 background-color: #f2dede;
438 border-color: #eed3d7;
448 background-color: #d9edf7;
449 border-color: #bce8f1;
457 list-style-type : none;
478 white-space : nowrap;
479 display : table-cell;
487 text-rendering: optimizelegibility;
488 font-family : @fonts-ui;
503 display : table-cell;
533 @media (max-width: 992px) {
541 span.contentPreview {
543 font-weight : normal;
549 background-color : #fff7d5;
552 font-weight : normal;
554 padding : 1px 4px 1px 4px;
555 display : inline-block;
556 vertical-align : middle;
561 img.markedPic, img.pubPic {
563 vertical-align : middle;
565 transition : opacity 0.25s;
568 img.markedPic:hover, img.pubPic:hover {
572 img[src*='pub_set.png'], img[src*='mark_set.png'] {
576 div.tagCloudContainer {
577 border : 1px solid #ddd;
578 margin : 5px 0px 5px 0px;
584 border : 1px solid #ddd;
585 margin : 5px 0px 5px 0px;
592 list-style-type : none;
593 border : 1px solid #ddd;
594 margin : 0px 0px 5px 0px;
606 border-width : 0px 1px 1px 1px;
608 border-style : solid;
609 margin : 0px 0px 5px 0px;
610 background-color : white;
611 list-style-type : none;
616 padding : 2px 4px 2px 4px;
621 .browseFeedList span.subscribers {
626 list-style-type : none;
669 padding : 1em 1em 0px 1em;
671 border: 0px solid #ddd;
672 border-bottom-width: 1px;
678 background-color : white;
679 border :1px solid #778899;
684 list-style-type : none;
690 background-color : #fff7d5;
694 list-style-type : none;
704 div#headlines-frame.wide .hlTitle {
707 white-space : normal;
710 div#headlines-frame.wide .hl .hlFeed {
715 vertical-align : middle;
734 font-weight : normal;
742 div.dlgSecCont hr, div.dlgSecSimple hr {
745 border : 0px solid transparent;
754 span.labelColorIndicator {
759 vertical-align : middle;
761 display : inline-block;
762 border : 1px solid #ccc;
763 background-color : #fff7d5;
775 background-color : white;
776 border : 1px solid @color-accent;
777 padding : 3px 5px 3px 5px;
781 #feed_browser_spinner {
782 vertical-align : middle;
788 margin-bottom : 10px;
820 border: 0px solid #ddd;
822 background : #f5f5f5;
823 box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
824 -webkit-overflow-scrolling : touch;
827 #headlines-wrap-inner {
837 -webkit-overflow-scrolling : touch;
838 -webkit-transform: translateZ(0);
839 -webkit-backface-visibility: hidden;
842 #headlines-toolbar_splitter, #toolbar_splitter {
856 border: 0px solid #ddd;
857 border-bottom-width: 1px;
867 padding : 5px 5px 0px 0px;
878 padding : 4px 4px 8px 4px;
889 -webkit-overflow-scrolling : touch;
892 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
896 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
900 img.feedIcon, img.tinyFeedIcon {
904 vertical-align : middle;
905 display : inline-block;
909 display : inline-block;
912 font-family : sans-serif;
913 border : 1px solid #555;
914 padding : 0px 4px 0px 4px;
915 margin : 0px 2px 0px 2px;
923 border-color : #00c000;
927 background : #f0f0f0;
946 color : @color-accent;
950 ul#filterDlg_Matches, ul#filterDlg_Actions {
953 list-style-type : none;
954 border-style : solid;
956 border-width : 0px 1px 1px 1px;
957 background-color : white;
958 margin : 0px 0px 5px 0px;
962 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
964 padding : 0px 0px 0px 5px;
970 list-style-type : none;
971 border : 1px solid #ddd;
972 margin : 0px 0px 5px 0px;
978 color : @color-accent;
980 display : inline-block;
992 vertical-align : middle;
1003 margin-right : 25px;
1004 vertical-align : middle;
1007 body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
1008 box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
1009 border-right-color : white;
1012 body#ttrssMain #feedTree.dijitTree .dijitTreeContainer {
1016 body#ttrssMain #feedTree.dijitTree .dijitTreeRow {
1018 text-overflow: ellipsis;
1021 body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
1022 padding : 4px 0px 4px;
1027 body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon {
1028 position : relative;
1032 #filterDlg_feeds select {
1037 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1041 body#ttrssMain #feedTree {
1043 overflow-x : hidden;
1044 text-rendering: optimizelegibility;
1045 font-family : @fonts-ui;
1048 background : #f0f0f0;
1050 border-color : #f0f0f0;
1055 display : inline-block;
1057 text-align : center;
1058 border : 1px solid @color-accent;
1060 background : @color-accent;
1061 border-radius : 4px;
1062 vertical-align : middle;
1064 position : relative;
1072 .dijitTreeNode .loadingExpando {
1075 position : relative;
1082 background-color : #ffff00;
1086 div.enclosure_title {
1090 body#ttrssMain #headlines-frame .dijitCheckBox {
1095 body#ttrssMain #headlines-frame .dijitCheckBoxHover,
1096 body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
1100 body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
1103 vertical-align : middle;
1104 position : relative;
1107 .dijitDropDownButton.attachments .dijitButtonText {
1111 .dijitDropDownButton.attachments {
1112 display : inline-block;
1121 margin-right : auto;
1124 background : #f5f5f5;
1126 div.postHeader div.postFeedTitle {
1133 div.postHeader a.postComments {
1139 div.postHeader div.postDate {
1147 div.postHeader div.postTags {
1152 div.postHeader div.postTitle {
1153 white-space : normal;
1163 -webkit-hyphens: auto;
1170 border-width : 0px 0px 1px 0px;
1171 border-style : solid;
1172 border-color : #eee;
1177 border : 1px solid #ddd;
1179 box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
1180 border-radius : 6px;
1185 text-align : center;
1188 div.postContent img {
1193 div.postContent blockquote {
1194 margin : 5px 0px 5px 0px;
1196 padding-left : 10px;
1197 border-width : 0px 0px 0px 4px;
1198 border-color : #ccc;
1199 border-style : solid;
1202 div.postContent code {
1204 font-family : monospace;
1208 div.postContent pre {
1209 margin : 5px 0px 5px 0px;
1212 font-family : monospace;
1215 border-color : #ccc;
1216 border-style : solid;
1217 background : #f5f5f5;