-@fonts-ui: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
-@color-accent: rgb(82, 168, 236);
-@color-accent-light: #ecf4ff;
-
-body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
+body.ttrss_main {
background : white;
color : black;
- margin : 0px;
- padding : 0px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
-}
-
-body#ttrssMain {
overflow : hidden;
- max-height : 100%;
-}
-div.postReply {
- padding : 0px;
-
- div.postHeader {
- padding : 5px;
- margin-right : 4px;
- color : #909090;
- border-width : 0px 0px 1px 0px;
- border-color : #ddd;
- border-style : solid;
+ :focus {
+ outline: none;
}
- div.postTitle {
- overflow : hidden;
- text-overflow: ellipsis;
- white-space : nowrap;
- font-weight : 600;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
- }
+ div.postReply {
+ padding : 0px;
- div.postDate {
- padding-left : 10px;
- }
+ div.postHeader {
+ padding : 5px;
+ color : #909090;
+ border: 0px solid #ddd;
+ border-bottom-width: 1px;
+ background: #f0f0f0;
+
+ div.postDate {
+ text-align : right;
+ float : right;
+ }
+
+ div {
+ padding-bottom : 3px;
+ }
+
+ span.author {
+ color : @default-text;
+ font-size : 11px;
+ font-weight : normal;
+ }
+ }
- div.postContent {
- padding : 10px;
- font-size : 16px;
- }
+ div.postTitle {
+ overflow : hidden;
+ font-size : 15px;
+ text-overflow: ellipsis;
+ white-space : nowrap;
+ font-weight : 600;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui-bold;
+ }
- div.postContent img,
- div.postContent video {
- border-width : 0px;
- max-width : 98%;
- height: auto;
- }
+ div.postDate {
+ padding-left : 10px;
+ }
- div.postEnclosures {
- color : #555;
- }
+ div.postContent {
+ padding : 10px;
+ font-size : 16px;
+
+ img,
+ video {
+ border-width : 0px;
+ max-width : 98%;
+ height: auto;
+ }
+
+ h1 {
+ font-size : 16px;
+ }
+
+ h2,
+ h3,
+ h4 {
+ font-size : 15px;
+ }
+
+ p {
+ hyphens: auto;
+ }
+
+ iframe {
+ min-width : 50%;
+ max-width : 98%;
+ }
+ }
- img.tagsPic {
- width : 16px;
- height : 16px;
- margin-left : 4px;
- vertical-align : middle;
- }
+ div.postEnclosures {
+ color : @default-text;
+ }
- span.author {
- font-size : 12px;
- }
-}
+ img.tagsPic {
+ width : 16px;
+ height : 16px;
+ margin-left : 4px;
+ vertical-align : middle;
+ }
-div.articleNote {
- background-color : #fff7d5;
- padding : 5px;
- margin : 5px;
- border-style : solid;
- border-color : #e7d796;
- border-width : 1px;
- color : #9a8c59;
-
- div.noteEdit {
- float : right;
- cursor : pointer;
+ span.author {
+ font-size : 12px;
+ }
}
-}
-
-h1 {
- font-size : 18px;
- font-weight : 600;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
-}
-
-h2 {
- font-size : 16px;
- font-weight : 600;
- border: 0px solid @color-accent-light;
- border-bottom-width: 1px;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
-}
-
-h3 {
- font-size : 13px;
- border: 0px solid @color-accent-light;
- border-bottom-width: 1px;
- font-weight : 600;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
-}
-
-h4 {
- font-size : 14px;
- font-weight : 600;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
-}
-hr {
- border: 0px solid #ccc;
- border-bottom-width: 1px;
-}
-
-a {
- color: #0088cc;
- text-decoration: none;
-}
-
-a:hover {
- color: #005580;
- text-decoration: underline;
-}
-
-#notify.visible {
- transform: translate(0, -35px);
-}
+ div.articleNote {
+ background-color : #fff7d5;
+ padding : 5px;
+ margin : 5px;
+ border: 1px solid #e7d796;
+ color : #9a8c59;
-#notify {
- bottom : -35px;
- right : 0px;
- height : 20px;
- left : 0px;
- border-width : 1px 0px 0px 0px;
- border-style : solid;
- position : fixed;
- font-size : 12px;
- z-index : 99;
- padding : 5px;
- box-shadow : 0px -2px 2px rgba(0,0,0,0.1);
-
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
-
- img {
- vertical-align : middle;
- max-height : 14px;
+ div.noteEdit {
+ float : right;
+ cursor : pointer;
+ }
}
- span.msg {
- width : 100%;
+ h1 {
+ font-size : 18px;
+ font-weight : 600;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
}
- img.close {
- cursor : pointer;
+ h2 {
+ font-size : 16px;
+ font-weight : 600;
+ border: 0px solid @color-accent-light;
+ border-bottom-width: 1px;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
}
- span {
- display : table-cell;
- vertical-align : middle;
- padding : 2px;
+ h3 {
+ font-size : 13px;
+ border: 0px solid @color-accent-light;
+ border-bottom-width: 1px;
+ font-weight : 600;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
}
-}
-
-.notify {
- border-color : #d7c47a;
- background-color : #fff7d5;
-}
-
-.notify.notify_progress {
- border-color : #d7c47a;
- background-color : #fff7d5;
-}
-
-.notify.notify_info {
- border-color : @color-accent;
- background-color : @color-accent-light;
-}
-
-.notify.notify_error {
- background-color : #ffcccc;
- border-color : #ff0000;
-}
-
-.hl {
- border: 0px solid #ddd;
- border-bottom-width: 1px;
- padding : 1px;
- div.hlTitle a {
+ h4 {
+ font-size : 14px;
font-weight : 600;
text-rendering: optimizelegibility;
font-family : @fonts-ui;
- color : #777;
}
- .hlTitle {
- overflow : hidden;
- white-space : nowrap;
- max-width : 500px;
- text-overflow : ellipsis;
- padding-left : 6px;
- padding-right : 6px;
+ hr {
+ border: 0px solid #ccc;
+ border-bottom-width: 1px;
}
- a.title.high, span.hlContent.high .contentPreview {
- color : #00aa00;
+ a {
+ color: @color-link;
+ text-decoration: none;
}
-}
-
-.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
- color : #00dd00;
-}
-
-.hl a.title.low, span.hlContent.low .contentPreview,
-.hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
- color : #909090;
- text-decoration : line-through;
-}
-
-.hl.Unread div.hlTitle a {
- color : black;
-}
-
-.hl.active {
- background : @color-accent-light ! important;
-}
-
-.hl.active div.hlTitle a {
- color : @color-accent;
- /* text-shadow : 1px 1px 2px #fff; */
-}
-
-.hl.Selected {
- background : #f9fbff;
-}
-
-.hl.Grayed {
- color : #909090;
-}
-
-div.filterTestHolder {
- height : 300px;
- overflow : auto;
- border-color : #ddd;
- border-style : solid;
- margin : 0px 0px 5px 0px;
- border-width : 1px;
-}
-#content-insert blockquote,
-#headlines-frame blockquote,
-.dijitContentPane blockquote {
- margin : 5px 0px 5px 0px;
- color : #555;
- padding-left : 10px;
- border: 0px solid #ccc;
- border-left-width: 4px;
-}
+ a:hover {
+ color: darken(@color-link, 20%);
+ text-decoration: underline;
+ }
-#content-insert code,
-#headlines-frame code,
-.dijitContentPane code {
- color : #009900;
- font-family : monospace;
- font-size : 12px;
-}
+ #notify.visible {
+ transform: translate(0, -35px);
+ }
-#content-insert pre,
-#headlines-frame pre,
-.dijitContentPane pre {
- margin: 5px 0px 5px 0px;
- padding: 10px;
- color: #555;
- font-family: monospace;
- font-size: 12px;
- border: 0px solid #ccc;
- background: #f5f5f5;
- display: block;
- max-width: 98%;
- overflow: auto;
-}
+ #notify {
+ bottom : -35px;
+ right : 0px;
+ height : 20px;
+ left : 0px;
+ border-width : 1px 0px 0px 0px;
+ border-style : solid;
+ position : fixed;
+ font-size : 12px;
+ z-index : 99;
+ padding : 5px;
+ box-shadow : 0px -2px 2px rgba(0,0,0,0.1);
-.alert {
- padding: 8px 35px 8px 14px;
- margin-bottom: 10px;
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
- background-color: #fcf8e3;
- border: 1px solid #fbeed5;
- border-radius: 4px;
-}
+ transition: all 0.5s ease-in-out;
-.alert,
-.alert h4 {
- color: #c09853;
-}
+ img {
+ vertical-align : middle;
+ max-height : 14px;
+ }
-.alert h4 {
- margin: 0;
-}
+ span.msg {
+ width : 100%;
+ }
-.alert .close {
- position: relative;
- top: -2px;
- right: -21px;
- line-height: 20px;
- cursor : pointer;
-}
+ img.close {
+ cursor : pointer;
+ }
-.alert-success {
- color: #468847;
- background-color: #dff0d8;
- border-color: #d6e9c6;
-}
+ span {
+ display : table-cell;
+ vertical-align : middle;
+ padding : 2px;
+ }
+ }
-.alert-success h4 {
- color: #468847;
-}
+ .notify {
+ border-color : #d7c47a;
+ background-color : #fff7d5;
+ }
-.alert-danger,
-.alert-error {
- color: #b94a48;
- background-color: #f2dede;
- border-color: #eed3d7;
-}
+ .notify.notify_progress {
+ border-color : #d7c47a;
+ background-color : #fff7d5;
+ }
-.alert-danger h4,
-.alert-error h4 {
- color: #b94a48;
-}
+ .notify.notify_info {
+ border-color : @color-accent;
+ background-color : @color-accent-light;
+ }
-.alert-info {
- color: #3a87ad;
- background-color: #d9edf7;
- border-color: #bce8f1;
-}
+ .notify.notify_error {
+ background-color : #ffcccc;
+ border-color : #ff0000;
+ }
-.alert-info h4 {
- color: #3a87ad;
-}
+ .hl {
+ border: 0px solid #ddd;
+ border-bottom-width: 1px;
+ padding : 1px;
+ transition : color 0.2s, background 0.2s;
-ul.nomarks {
- list-style-type : none;
- margin : 0px;
- padding : 10px;
-}
+ div.hlTitle {
+ display : table-cell;
+ cursor : pointer;
+ width : 100%;
+ vertical-align : middle;
+ overflow : hidden;
+ white-space : nowrap;
+ max-width : 500px;
+ text-overflow : ellipsis;
+ padding: 4px 6px;
+ }
-div.prefHelp {
- color : #555;
- padding : 5px;
-}
+ div.hlLeft {
+ display : table-cell;
+ vertical-align : middle;
+ white-space: nowrap;
+ }
-.insensitive {
- color : #555;
-}
+ div.hlRight {
+ display : table-cell;
+ white-space: nowrap;
+ text-align : right;
+ vertical-align : middle;
+ }
-.small {
- font-size : 11px;
-}
+ div.hlRight img {
+ max-width : 16px;
+ max-height : 16px;
+ }
-#main-toolbar {
+ span.hlFeed {
+ display : table-cell;
+ vertical-align : middle;
+ text-align : right;
+ }
- > * {
- white-space : nowrap;
- display : table-cell;
- color : #999;
- overflow : hidden;
- }
+ span.hlFeed a {
+ border-radius : 4px;
+ display : inline-block;
+ padding : 1px 4px 1px 4px;
+ font-size : 11px;
+ font-style : italic;
+ font-weight : normal;
+ color : @default-text;
+ white-space : nowrap;
+ }
- > *,
- table *,
- .actionChooser * {
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
- font-size : 12px;
+ span.hlFeed a:hover {
+ color : @color-accent;
+ }
- }
+ span.hlUpdated {
+ color : @default-text;
+ display : table-cell;
+ vertical-align : middle;
+ text-align : right;
+ font-size : 11px;
+ white-space : nowrap;
+ padding-left : 10px;
+ }
- #headlines-toolbar {
- padding-right : 4px;
- width : 100%;
+ span.hlUpdated div {
+ display : inline-block;
+ }
- span.holder {
- display : table;
- width : 100%;
+ div.hlLeft {
+ padding-left : 8px;
}
- span.holder > * {
- display : table-cell;
+ div.hlLeft input {
+ margin-left : 4px;
+ margin-right : 4px;
}
- .main {
- text-align : right;
+ div.hlLeft img, div.hlRight img {
+ margin : 0px 4px;
}
- .main,
- .r {
- line-height : 24px;
+ div.hlLeft img {
+ width : 16px;
+ height : 16px;
}
- span.r img {
- margin-right : 4px;
- position : relative;
- top : 3px;
+ div.hlTitle a {
+ font-weight : 600;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
+ color : #777;
}
- span.r .error a {
- color : red;
+ a.title.high, span.hlContent.high .contentPreview {
+ color : #00aa00;
}
+ }
+ .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
+ color : #00dd00;
}
- #selected_prompt {
- font-style : italic;
- text-align : right;
- margin-right : 4px;
+ .hl a.title.low, span.hlContent.low .contentPreview,
+ .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
+ color : #909090;
+ text-decoration : line-through;
}
- @media (max-width: 992px) {
- #selected_prompt {
- display : none;
- }
+ .hl.Unread div.hlTitle a {
+ color : black;
}
-}
+ .hl.active div.hlTitle a {
+ color : @color-accent;
+ /* text-shadow : 1px 1px 2px #fff; */
+ }
-span.contentPreview {
- color : #999;
- font-weight : normal;
- font-size : 12px;
- padding-left : 4px;
-}
+ .hl.active {
+ background : @color-accent ! important;
+ }
-span.hlLabelRef {
- background-color : #fff7d5;
- font-size : 8px;
- color : #063064;
- font-weight : normal;
- margin-left : 2px;
- padding : 1px 4px 1px 4px;
- display : inline-block;
- vertical-align : middle;
- white-space: nowrap;
- border-radius : 4px;
-}
+ .hl.active,
+ .hl.Selected {
+ color : white;
+ background : desaturate(@color-accent, 25%);
-.postHeader {
+ a,
+ .hlFeed a,
+ .hlContent a.title,
+ span {
+ color : white;
+ }
+ }
- div.postDate {
- text-align : right;
+ .hl.Grayed {
color : #909090;
- float : right;
}
- div {
- padding-bottom : 3px;
+ div.filterTestHolder {
+ height : 300px;
+ overflow : auto;
+ border-color : #ddd;
+ border-style : solid;
+ margin : 0px 0px 5px 0px;
+ border-width : 1px;
}
-}
+ #content-insert blockquote,
+ #headlines-frame blockquote,
+ .dijitContentPane blockquote {
+ margin : 5px 0px 5px 0px;
+ color : @default-text;
+ padding-left : 10px;
+ border: 0px solid #ccc;
+ border-left-width: 4px;
+ }
+ #content-insert code,
+ #headlines-frame code,
+ .dijitContentPane code {
+ color : #009900;
+ font-family : monospace;
+ font-size : 12px;
+ }
-#feedUpdateErrors {
- display : none;
-}
+ #content-insert pre,
+ #headlines-frame pre,
+ .dijitContentPane pre {
+ margin: 5px 0px 5px 0px;
+ padding: 10px;
+ color: @default-text;
+ font-family: monospace;
+ font-size: 12px;
+ border: 0px solid #ccc;
+ background: #f5f5f5;
+ display: block;
+ max-width: 98%;
+ overflow: auto;
+ }
-#allEntryTags {
- border-width : 0px 0px 1px 0px;
- border-style : solid;
- border-color : #ddd;
- padding-bottom : 5px;
- display : none;
-}
+ .alert {
+ padding: 8px 35px 8px 14px;
+ margin-bottom: 10px;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+ background-color: #fcf8e3;
+ border: 1px solid #fbeed5;
+ border-radius: 4px;
+ }
-img.markedPic, img.pubPic {
- cursor : pointer;
- vertical-align : middle;
- opacity : 0.5;
- -webkit-transition : opacity 0.25s;
- transition : opacity 0.25s;
-}
+ .alert,
+ .alert h4 {
+ color: #c09853;
+ }
-img.markedPic:hover, img.pubPic:hover {
- opacity : 1;
-}
+ .alert h4 {
+ margin: 0;
+ }
-img[src*='pub_set.png'], img[src*='mark_set.png'] {
- opacity : 1;
-}
+ .alert .close {
+ position: relative;
+ top: -2px;
+ right: -21px;
+ line-height: 20px;
+ cursor : pointer;
+ }
-div.tagCloudContainer {
- border : 1px solid #ddd;
- margin : 5px 0px 5px 0px;
- padding : 5px;
- text-align : center;
-}
+ .alert-success {
+ color: #468847;
+ background-color: #dff0d8;
+ border-color: #d6e9c6;
+ }
-div.errorExplained {
- border : 1px solid #ddd;
- margin : 5px 0px 5px 0px;
- padding : 5px;
-}
+ .alert-success h4 {
+ color: #468847;
+ }
-ul.feedErrorsList {
- max-height : 300px;
- overflow : auto;
- list-style-type : none;
- border : 1px solid #ddd;
- margin : 0px 0px 5px 0px;
- padding : 5px;
+ .alert-danger,
+ .alert-error {
+ color: #b94a48;
+ background-color: #f2dede;
+ border-color: #eed3d7;
+ }
- em {
- color : #555;
+ .alert-danger h4,
+ .alert-error h4 {
+ color: #b94a48;
}
-}
+ .alert-info {
+ color: #3a87ad;
+ background-color: #d9edf7;
+ border-color: #bce8f1;
+ }
-ul.browseFeedList {
- height : 300px;
- overflow : auto;
- border-width : 0px 1px 1px 1px;
- border-color : #ddd;
- border-style : solid;
- margin : 0px 0px 5px 0px;
- background-color : white;
- list-style-type : none;
- padding : 0px;
+ .alert-info h4 {
+ color: #3a87ad;
+ }
- li {
+ ul.nomarks {
+ list-style-type : none;
margin : 0px;
- padding : 2px 4px 2px 4px;
+ padding : 10px;
}
-}
+ div.prefHelp {
+ color : @default-text;
+ padding : 5px;
+ }
-span.subscribers {
- color : #808080;
-}
+ .insensitive {
+ color : @default-text;
+ }
-div.subscribers {
- color : #808080;
- font-size : 12px;
- float : right;
-}
+ .small {
+ font-size : 11px;
+ }
-div.browserDetails {
- margin : 5px 5px 5px 5px;
- padding : 5px;
-}
+ #main-toolbar {
-ul.compact {
- list-style-type : none;
- margin : 0px;
- padding : 0px;
+ > * {
+ white-space : nowrap;
+ display : table-cell;
+ color : #999;
+ overflow : hidden;
+ }
- li {
- margin : 0px;
- padding : 0px;
- }
-}
+ > *,
+ table *,
+ .actionChooser * {
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
+ font-size : 12px;
-.noborder {
- border-width : 0px;
-}
+ }
-#overlay {
- background : white;
- left : 0;
- top : 0;
- height : 100%;
- width : 100%;
- z-index : 100;
- position : absolute;
-}
+ #headlines-toolbar {
+ padding-right : 4px;
+ width : 100%;
-#overlay_inner {
- font-weight : bold;
- margin : 1em;
-}
+ span.holder {
+ display : table;
+ width : 100%;
+ }
-form {
- margin : 0px;
- padding : 0px;
-}
+ span.holder > * {
+ display : table-cell;
+ }
-div.loadingPrompt {
- padding : 1em;
- text-align : center;
- font-weight : bold;
-}
+ .main {
+ text-align : right;
+ }
-div.whiteBox {
- margin-left : 1px;
- text-align : center;
- padding : 1em 1em 0px 1em;
- font-size : 11px;
- border-width : 0px 0px 1px 0px;
- border-style : solid;
- border-color : #ddd;
-}
+ .main,
+ .r {
+ line-height : 24px;
+ }
-div.autocomplete {
- position : absolute;
- width : 250px;
- background-color : white;
- border :1px solid #778899;
- margin : 0px;
- padding : 0px;
+ span.r img {
+ margin-right : 4px;
+ position : relative;
+ top : 3px;
+ }
- ul {
- list-style-type : none;
- margin : 0px;
- padding : 0px;
+ span.r .error a {
+ color : red;
+ }
+
+ }
+
+ #selected_prompt {
+ font-style : italic;
+ text-align : right;
+ margin-right : 4px;
+ }
+
+ @media (max-width: 992px) {
+ #selected_prompt {
+ display : none;
+ }
+ }
+ }
+
+
+ span.contentPreview {
+ color : #999;
+ font-weight : normal;
+ font-size : 12px;
+ padding-left : 4px;
}
- ul li.selected {
+ span.hlLabelRef {
background-color : #fff7d5;
+ font-size : 8px;
+ color : #063064;
+ font-weight : normal;
+ margin-left : 2px;
+ padding : 1px 4px 1px 4px;
+ display : inline-block;
+ vertical-align : middle;
+ white-space: nowrap;
+ border-radius : 4px;
}
- ul li {
- list-style-type : none;
- display : block;
- margin : 0;
- padding : 2px;
- height : 32px;
+ img.markedPic, img.pubPic {
cursor : pointer;
+ vertical-align : middle;
+ opacity : 0.5;
+ transition : opacity 0.25s;
}
-}
+ img.markedPic:hover, img.pubPic:hover {
+ opacity : 1;
+ }
-div#headlines-frame.wide .hlTitle {
- max-width : auto;
- overflow : visible;
- white-space : normal;
-}
+ img[src*='pub_set.png'], img[src*='mark_set.png'] {
+ opacity : 1;
+ }
-div#headlines-frame.wide .hl .hlFeed {
- display : none;
-}
+ div.tagCloudContainer {
+ border : 1px solid #ddd;
+ margin : 5px 0px 5px 0px;
+ padding : 5px;
+ text-align : center;
+ }
-img.hlScorePic {
- vertical-align : middle;
- width : 16px;
- height : 16px;
-}
+ div.errorExplained {
+ border : 1px solid #ddd;
+ margin : 5px 0px 5px 0px;
+ padding : 5px;
+ }
-div.dlgSec {
- font-size : 12px;
- color : #555;
- font-weight : bold;
- clear : both;
- height : 20px;
-}
+ ul.feedErrorsList {
+ max-height : 300px;
+ overflow : auto;
+ list-style-type : none;
+ border : 1px solid #ddd;
+ margin : 0px 0px 5px 0px;
+ padding : 5px;
-div.dlgSecCont {
- position : relative;
- left : 150px;
- top : -20px;
- float : left;
- font-size : 12px;
- font-weight : normal;
-}
+ em {
+ color : @default-text;
+ }
+ }
-div.dlgSecCont hr, div.dlgSecSimple hr {
- height : 0px;
- line-height : 0px;
- border : 0px solid transparent;
- margin : 2px;
-}
-div.dlgSecCont > * {
- position : relative;
- top : -2px;
-}
+ ul.browseFeedList {
+ height : 300px;
+ overflow : auto;
+ border-width : 0px 1px 1px 1px;
+ border-color : #ddd;
+ border-style : solid;
+ margin : 0px 0px 5px 0px;
+ background-color : white;
+ list-style-type : none;
+ padding : 0px;
-div.dlgButtons {
- text-align : right;
- clear : both;
-}
+ li {
+ margin : 0px;
+ padding : 2px 4px 2px 4px;
+ }
+ }
-span.labelColorIndicator {
- height : 16px;
- width : 16px;
- border-radius : 4px;
- line-height : 14px;
- vertical-align : middle;
- font-size : 9px;
- display : inline-block;
- border : 1px solid #ccc;
- background-color : #fff7d5;
- color : #063064;
- text-align : center;
-}
-div#cmdline {
- position : absolute;
- left : 5px;
- bottom : 5px;
- font-size : 11px;
- color : #555;
- font-weight : bold;
- background-color : white;
- border : 1px solid @color-accent;
- padding : 3px 5px 3px 5px;
- z-index : 5;
-}
+ .browseFeedList span.subscribers {
+ color : #808080;
+ }
-#feed_browser_spinner {
- vertical-align : middle;
- height : 18px;
- width : 18px;
-}
+ ul.compact {
+ list-style-type : none;
+ margin : 0px;
+ padding : 0px;
-div.hlTitle {
- display : table-cell;
- cursor : pointer;
- width : 100%;
- vertical-align : middle;
- padding-top : 4px;
- padding-bottom : 4px;
-}
+ li {
+ margin : 0px;
+ padding : 0px;
+ }
+ }
-div.hlLeft {
- display : table-cell;
- vertical-align : middle;
- white-space: nowrap;
-}
+ .noborder {
+ border-width : 0px;
+ }
-div.hlRight {
- display : table-cell;
- white-space: nowrap;
- text-align : right;
- vertical-align : middle;
-}
+ #overlay {
+ background : white;
+ left : 0;
+ top : 0;
+ height : 100%;
+ width : 100%;
+ z-index : 100;
+ position : absolute;
+ }
-div.hlRight img {
- max-width : 16px;
- max-height : 16px;
-}
+ #overlay_inner {
+ font-weight : bold;
+ margin : 1em;
+ }
-.hl span.hlFeed {
- display : table-cell;
- vertical-align : middle;
- text-align : right;
-}
+ form {
+ margin : 0px;
+ padding : 0px;
+ }
-.hl span.hlFeed a {
- border-radius : 4px;
- display : inline-block;
- padding : 1px 4px 1px 4px;
- font-size : 11px;
- font-style : italic;
- font-weight : normal;
- color : #555;
- white-space : nowrap;
-}
+ div.loadingPrompt {
+ padding : 1em;
+ text-align : center;
+ font-weight : bold;
+ }
-.hl span.hlFeed a:hover {
- color : @color-accent;
-}
+ div.whiteBox {
+ margin-left : 1px;
+ text-align : center;
+ padding : 1em 1em 0px 1em;
+ font-size : 11px;
+ border: 0px solid #ddd;
+ border-bottom-width: 1px;
+ }
-.hl span.hlUpdated {
- color : #555;
- display : table-cell;
- vertical-align : middle;
- text-align : right;
- font-size : 11px;
- white-space : nowrap;
- padding-left : 10px;
-}
+ div.autocomplete {
+ position : absolute;
+ width : 250px;
+ background-color : white;
+ border :1px solid #778899;
+ margin : 0px;
+ padding : 0px;
-span.hlUpdated div {
- display : inline-block;
-}
+ ul {
+ list-style-type : none;
+ margin : 0px;
+ padding : 0px;
+ }
-div.hlLeft {
- padding-left : 8px;
-}
+ ul li.selected {
+ background-color : #fff7d5;
+ }
-div.hlLeft input {
- margin-left : 4px;
- margin-right : 4px;
-}
+ ul li {
+ list-style-type : none;
+ display : block;
+ margin : 0;
+ padding : 2px;
+ height : 32px;
+ cursor : pointer;
+ }
+ }
-div.hlLeft img, div.hlRight img {
- margin : 0px 4px;
-}
-div.hlLeft img {
- width : 16px;
- height : 16px;
-}
+ div#headlines-frame.wide .hlTitle {
+ max-width : none;
+ overflow : visible;
+ white-space : normal;
+ }
-div.fatalError {
- margin-bottom : 10px;
-}
+ div#headlines-frame.wide .hl .hlFeed {
+ display : none;
+ }
-div.fatalError button {
- margin-top : 5px;
-}
+ img.hlScorePic {
+ vertical-align : middle;
+ width : 16px;
+ height : 16px;
+ }
-div.fatalError textarea {
- width : 565px;
- height : 200px;
-}
+ div.dlgSec {
+ font-size : 12px;
+ color : @default-text;
+ font-weight : bold;
+ clear : both;
+ height : 20px;
+ }
-#ttrssMain #main {
- border-width : 0px;
- margin : 0px;
- padding : 0px;
-}
+ div.dlgSecCont {
+ position : relative;
+ left : 150px;
+ top : -20px;
+ float : left;
+ font-size : 12px;
+ font-weight : normal;
-#header-wrap {
- border-width : 0px;
- margin : 0px;
- padding : 0px;
-}
+ > * {
+ position : relative;
+ top : -2px;
+ }
+ }
-#content-wrap {
- padding : 0px;
- border-width : 0px;
- margin : 0px;
-}
+ div.dlgSecCont hr, div.dlgSecSimple hr {
+ height : 0px;
+ line-height : 0px;
+ border : 0px solid transparent;
+ margin : 2px;
+ }
-#feeds-holder {
- padding : 0px;
- border-width : 0px 0px 0px 0px;
- border-style : solid;
- border-color : #ddd;
- overflow : hidden;
- background : #f5f5f5;
- box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
- -webkit-overflow-scrolling : touch;
-}
+ div.dlgButtons {
+ text-align : right;
+ clear : both;
+ }
-#headlines-wrap-inner {
- padding : 0px;
- margin : 0px;
- border-width : 0px;
-}
+ span.labelColorIndicator {
+ height : 16px;
+ width : 16px;
+ border-radius : 4px;
+ line-height : 14px;
+ vertical-align : middle;
+ font-size : 9px;
+ display : inline-block;
+ border : 1px solid #ccc;
+ background-color : #fff7d5;
+ color : #063064;
+ text-align : center;
+ }
-#headlines-frame {
- padding : 0px;
- border-width : 0px;
- border-color : #ddd;
- margin-top : 0px;
- -webkit-overflow-scrolling : touch;
-}
+ div#cmdline {
+ position : absolute;
+ left : 5px;
+ bottom : 5px;
+ font-size : 11px;
+ color : @default-text;
+ font-weight : bold;
+ background-color : white;
+ border : 1px solid @color-accent;
+ padding : 3px 5px 3px 5px;
+ z-index : 5;
+ }
-#headlines-toolbar_splitter, #toolbar_splitter {
- display : none;
-}
+ #feed_browser_spinner {
+ vertical-align : middle;
+ height : 18px;
+ width : 18px;
+ }
-#toolbar {
- padding : 0px;
- margin : 0px;
- border-width : 0px;
- white-space: nowrap;
- font-size : 12px;
-}
+ div.fatalError {
+ margin-bottom : 10px;
-#main-toolbar {
- background : white;
- border-width : 0px 0px 1px 0px;
- border-color : #ddd;
- border-style : solid;
- padding-left : 4px;
- height : 26px;
+ button {
+ margin-top : 5px;
+ }
-}
+ textarea {
+ width : 565px;
+ height : 200px;
+ }
+ }
-#header {
- border-width : 0px;
- text-align : right;
- color : #555;
- padding : 5px 5px 0px 0px;
- margin : 0px;
- position : absolute;
- right : 0px;
- top : 0px;
- z-index : 5;
-}
+ #header-wrap {
+ border-width : 0px;
+ margin : 0px;
+ padding : 0px;
+ }
-#footer {
- text-align : center;
- color : #555;
- padding : 4px 4px 8px 4px;
- border-width : 0px;
-}
+ #content-wrap {
+ padding : 0px;
+ border-width : 0px;
+ margin : 0px;
+ }
-#content-insert {
- padding : 0px;
- border-color : #ddd;
- border-width : 0px;
- line-height: 1.5;
- font-size : 15px;
- overflow : auto;
- -webkit-overflow-scrolling : touch;
-}
+ #feeds-holder {
+ padding : 0px;
+ border: 0px solid #ddd;
+ overflow : hidden;
+ background : #f5f5f5;
+ box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
+ -webkit-overflow-scrolling : touch;
-#feedTree .dijitTreeRow .dijitTreeLabel.Unread {
- font-weight : bold;
-}
+ #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
+ font-weight : bold;
+ }
-#feedTree .dijitTreeRow.Error .dijitTreeLabel {
- color : red;
-}
+ #feedTree .dijitTreeRow.Error .dijitTreeLabel {
+ color : red;
+ }
-img.feedIcon, img.tinyFeedIcon {
- width : 16px;
- height : 16px;
- line-height : 16px;
- vertical-align : middle;
- display : inline-block;
-}
+ #feedTree .dijitTreeRow.UpdatesDisabled .dijitTreeLabel {
+ color : #909090;
+ }
-.player {
- display : inline-block;
- color : #555;
- font-size : 11px;
- font-family : sans-serif;
- border : 1px solid #555;
- padding : 0px 4px 0px 4px;
- margin : 0px 2px 0px 2px;
- width : 50px;
- text-align : center;
- background : white;
-}
+ #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
+ box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
+ border-right-color : white;
+ }
-.player.playing {
- color : #00c000;
- border-color : #00c000;
-}
+ #feedTree.dijitTree .dijitTreeContainer {
+ max-width : 100%;
+ }
-.player:hover {
- background : #f0f0f0;
- cursor : pointer;
-}
+ #feedTree.dijitTree .dijitTreeRow {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
-#headlines-spacer {
- height : 100%;
- margin-left : 1px;
- text-align : center;
- color : #555;
- font-size : 11px;
- font-style : italic;
-}
+ #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
+ padding : 4px 0px 4px;
+ border-width : 1px;
+ color : #333;
+ }
-#headlines-spacer a, #headlines-spacer span {
- color : #555;
- padding : 10px;
- display : block;
-}
+ #feedTree.dijitTree img.tinyFeedIcon {
+ position : relative;
+ top : -2px;
+ }
-#headlines-spacer a:hover {
- color : @color-accent;
-}
+ #feedTree {
+ height : 100%;
+ overflow-x : hidden;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
+
+ .counterNode.aux {
+ background : #f0f0f0;
+ color : #999;
+ border-color : #f0f0f0;
+ }
+
+ .counterNode {
+ font-weight : bold;
+ display : inline-block;
+ font-size : 9px;
+ text-align : center;
+ border : 1px solid lighten(@color-accent, 5%);;
+ color : white;
+ background : lighten(@color-accent, 5%);
+ border-radius : 4px;
+ vertical-align : middle;
+ float : right;
+ position : relative;
+ line-height : 14px;
+ margin-right : 8px;
+ margin-top : 2px;
+ min-width : 23px;
+ height : 14px;
+ }
+
+ .dijitTreeNode .loadingExpando {
+ left : -3px;
+ height : 22px;
+ position : relative;
+ top : -3px;
+ }
-ul#filterDlg_Matches, ul#filterDlg_Actions {
- max-height : 100px;
- overflow : auto;
- list-style-type : none;
- border-style : solid;
- border-color : #ddd;
- border-width : 0px 1px 1px 1px;
- background-color : white;
- margin : 0px 0px 5px 0px;
- padding : 0px;
-}
+ }
+ }
-ul#filterDlg_Matches li, ul#filterDlg_Actions li {
- cursor : pointer;
- padding : 0px 0px 0px 5px;
-}
+ #headlines-wrap-inner {
+ padding : 0px;
+ margin : 0px;
+ border-width : 0px;
+ }
-ul.helpKbList {
- max-height : 300px;
- overflow : auto;
- list-style-type : none;
- border : 1px solid #ddd;
- margin : 0px 0px 5px 0px;
- padding : 5px;
-}
+ #headlines-frame {
+ padding : 0px;
+ border: 0px #ddd;
+ margin-top : 0px;
+ -webkit-overflow-scrolling : touch;
+ -webkit-transform: translateZ(0);
+ -webkit-backface-visibility: hidden;
+ }
-ul.helpKbList span.hksequence {
- width : 6em;
- margin-left : 20px;
- color : @color-accent;
- font-weight : bold;
- display : inline-block;
-}
+ #headlines-toolbar_splitter, #toolbar_splitter {
+ display : none;
+ }
-ul.helpKbList h2 {
- margin-top : 0px;
-}
+ #content-insert_splitter.dijitSplitterH {
+ background : #f0f0f0;
+ border-color: #ddd;
+ border-top-width : 1px;
+ border-style : solid;
+ }
-span.collapseBtn {
- cursor : pointer;
-}
+ #toolbar {
+ padding : 0px;
+ margin : 0px;
+ border-width : 0px;
+ white-space: nowrap;
+ font-size : 12px;
+ }
-span.collapseBtn img {
- vertical-align : middle;
-}
+ #main-toolbar {
+ background : white;
+ border: 0px solid #ddd;
+ border-bottom-width: 1px;
+ padding-left : 4px;
+ height : 26px;
-div.postContent h1 {
- font-size : 16px;
-}
+ }
-div.postContent h2,
-div.postContent h3,
-div.postContent h4 {
- font-size : 15px;
-}
+ #header {
+ border-width : 0px;
+ text-align : right;
+ color : @default-text;
+ padding : 5px 5px 0px 0px;
+ margin : 0px;
+ position : absolute;
+ right : 0px;
+ top : 0px;
+ z-index : 5;
+ }
-div.postContent p {
- /*max-width : 650px;*/
- -webkit-hyphens: auto;
- -moz-hyphens: auto;
- hyphens: auto;
-}
+ #footer {
+ text-align : center;
+ color : @default-text;
+ padding : 4px 4px 8px 4px;
+ border-width : 0px;
+ }
-div.postContent iframe {
- min-width : 50%;
- max-width : 98%;
-}
+ #content-insert {
+ padding : 0px;
+ border-color : #ddd;
+ border-width : 0px;
+ line-height: 1.5;
+ overflow : auto;
+ -webkit-overflow-scrolling : touch;
+ }
-div.postHeader span.author {
- color : #555;
- font-size : 11px;
- font-weight : normal;
-}
+ img.feedIcon, img.tinyFeedIcon {
+ width : 16px;
+ height : 16px;
+ line-height : 16px;
+ vertical-align : middle;
+ display : inline-block;
+ }
-select.attachments {
- display : block;
- margin-top : 10px;
- max-width : 120px;
-}
+ .player {
+ display : inline-block;
+ color : @default-text;
+ font-size : 11px;
+ font-family : sans-serif;
+ border : 1px solid @default-text;
+ padding : 0px 4px 0px 4px;
+ margin : 0px 2px 0px 2px;
+ width : 50px;
+ text-align : center;
+ background : white;
+ }
-#selected_prompt {
- margin-right : 25px;
- vertical-align : middle;
-}
+ .player.playing {
+ color : #00c000;
+ border-color : #00c000;
+ }
-span.sel_links {
- margin-right : 4px;
- vertical-align : middle;
-}
+ .player:hover {
+ background : #f0f0f0;
+ cursor : pointer;
+ }
-/*#feedTree img.feedIcon {
- position : relative;
- top : -2px;
-}*/
+ #headlines-spacer {
+ height : 100%;
+ margin-left : 1px;
+ text-align : center;
+ color : @default-text;
+ font-size : 11px;
+ font-style : italic;
-body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
- box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
- border-right-color : white;
-}
+ a, span {
+ color : @default-text;
+ padding : 10px;
+ display : block;
+ }
-body#ttrssMain #feedTree.dijitTree .dijitTreeContainer {
- max-width : 100%;
-}
+ a:hover {
+ color : @color-accent;
+ }
+ }
-body#ttrssMain #feedTree.dijitTree .dijitTreeRow {
- overflow: hidden;
- text-overflow: ellipsis;
-}
+ ul#filterDlg_Matches, ul#filterDlg_Actions {
+ max-height : 100px;
+ overflow : auto;
+ list-style-type : none;
+ border-style : solid;
+ border-color : #ddd;
+ border-width : 0px 1px 1px 1px;
+ background-color : white;
+ margin : 0px 0px 5px 0px;
+ padding : 0px;
+ }
-body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
- padding : 4px 0px 4px;
- border-width : 1px;
- color : #333;
-}
+ ul#filterDlg_Matches li, ul#filterDlg_Actions li {
+ cursor : pointer;
+ padding : 0px 0px 0px 5px;
+ }
-body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon {
- position : relative;
- top : -2px;
-}
+ ul.helpKbList {
+ max-height : 300px;
+ overflow : auto;
+ list-style-type : none;
+ border : 1px solid #ddd;
+ margin : 0px 0px 5px 0px;
+ padding : 5px;
-#filterDlg_feeds select {
- height : 150px;
- width : 410px;
-}
+ span.hksequence {
+ width : 6em;
+ margin-left : 20px;
+ color : @color-accent;
+ font-weight : bold;
+ display : inline-block;
+ }
-ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
- margin-right : 5px;
-}
+ h2 {
+ margin-top : 0px;
+ }
+ }
-body#ttrssMain #feedTree {
- height : 100%;
- overflow-x : hidden;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
-}
+ select.attachments {
+ display : block;
+ margin-top : 10px;
+ max-width : 120px;
+ }
-body#ttrssMain #feedTree .counterNode.aux {
- background : #f0f0f0;
- color : #999;
- border-color : #f0f0f0;
-}
+ #selected_prompt {
+ margin-right : 25px;
+ vertical-align : middle;
+ }
-body#ttrssMain #feedTree .counterNode {
- font-weight : bold;
- display : inline-block;
- font-size : 9px;
- text-align : center;
- border : 1px solid @color-accent;
- color : white;
- background : @color-accent;
- border-radius : 4px;
- vertical-align : middle;
- float : right;
- position : relative;
- line-height : 14px;
- margin-right : 8px;
- margin-top : 2px;
- min-width : 23px;
- height : 14px;
-}
+ #filterDlg_feeds select {
+ height : 150px;
+ width : 410px;
+ }
-body#ttrssMain #feedTree .dijitTreeNode .loadingExpando {
- left : -3px;
- height : 22px;
- position : relative;
- top : -3px;
-}
+ ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
+ margin-right : 5px;
+ }
+ span.highlight {
+ background-color : #ffff00;
+ color : #cc90cc;
+ }
-span.highlight {
- background-color : #ffff00;
- color : #cc90cc;
-}
+ div.enclosure_title {
-div.enclosure_title {
+ }
-}
+ #headlines-frame .dijitCheckBox {
+ border-width : 0px;
+ opacity : 0.5;
+ }
-body#ttrssMain #headlines-frame .dijitCheckBox {
- border-width : 0px;
- opacity : 0.5;
-}
+ #headlines-frame .dijitCheckBoxHover,
+ #headlines-frame .dijitCheckBoxChecked {
+ opacity : 1;
+ }
-body#ttrssMain #headlines-frame .dijitCheckBoxHover,
-body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
- opacity : 1;
-}
+ #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
+ width : 16px;
+ height : 16px;
+ vertical-align : middle;
+ position : relative;
+ }
-body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
- width : 16px;
- height : 16px;
- vertical-align : middle;
- position : relative;
-}
+ .dijitDropDownButton.attachments .dijitButtonText {
+ font-size : 12px;
+ }
-#headlines-frame {
- -webkit-transform: translateZ(0);
- -webkit-backface-visibility: hidden;
-}
+ .dijitDropDownButton.attachments {
+ display : inline-block;
+ }
-:focus {
- outline: none;
-}
+ #editTagsDlg{
+ overflow: visible;
+ }
-.dijitDropDownButton.attachments .dijitButtonText {
- font-size : 12px;
+ #feedEditDlg img.feedIcon {
+ border : 1px solid #ccc;
+ padding : 5px;
+ margin : 5px;
+ max-width : 20px;
+ max-height : 20px;
+ height : auto;
+ width : auto;
+ }
}
-.dijitDropDownButton.attachments {
- display : inline-block;
+body.ttrss_login {
+ padding : 2em;
+ font-size : 14px;
+
+ fieldset {
+ margin-left : auto;
+ margin-right : auto;
+ display : block;
+ width : 400px;
+ border-width : 0px;
+ }
+
+ label {
+ width : 120px;
+ margin-right : 20px;
+ display : inline-block;
+ text-align : right;
+ color : gray;
+ }
+
+ div.header {
+ border: 0px solid @color-accent;
+ border-bottom-width: 1px;
+ margin-bottom : 1em;
+ padding-bottom : 5px;
+ }
+
+ div.footer {
+ margin-top : 1em;
+ padding-top : 5px;
+ border: 0px solid @color-accent;
+ border-top-width: 1px;
+ text-align : center;
+ color : gray;
+ font-size : 12px;
+ }
+
+ a.forgotpass {
+ text-align : right;
+ font-size : 11px;
+ display : inline-block;
+ }
+
+ a {
+ color: @color-accent;
+ text-decoration: none;
+ }
+
+ a:hover,
+ a:focus {
+ color: @color-accent;
+ text-decoration: underline;
+ }
+
+ div.footer a {
+ color : gray;
+ }
+
+ div.footer a:hover {
+ color : @color-accent;
+ }
+
+ div.row {
+ padding : 0px 0px 5px 0px;
+ }
+
+ div.row-error {
+ color : red;
+ text-align : center;
+ padding : 0px 0px 5px 0px;
+ }
}
-#editTagsDlg{
- overflow: visible;
-}
\ No newline at end of file
+::selection {
+ background : @color-accent;
+ color : white;
+}
git.wh0rd.org / tt-rss.git / blobdiff