summaryrefslogtreecommitdiff
path: root/css/tt-rss.less
diff options
context:
space:
mode:
Diffstat (limited to 'css/tt-rss.less')
-rw-r--r--css/tt-rss.less1936
1 files changed, 970 insertions, 966 deletions
diff --git a/css/tt-rss.less b/css/tt-rss.less
index f762cc665..8ceafbed5 100644
--- a/css/tt-rss.less
+++ b/css/tt-rss.less
@@ -1,1225 +1,1229 @@
-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%;
-}
+ body#ttrssMain {
+ overflow : hidden;
+ max-height : 100%;
+ }
-:focus {
- outline: none;
-}
+ :focus {
+ outline: none;
+ }
-div.postReply {
- padding : 0px;
+ div.postReply {
+ padding : 0px;
- div.postHeader {
- padding : 5px;
- margin-right : 4px;
- color : #909090;
- border: 0px solid #ddd;
- border-bottom-width: 1px;
+ div.postHeader {
+ padding : 5px;
+ margin-right : 4px;
+ color : #909090;
+ border: 0px solid #ddd;
+ border-bottom-width: 1px;
+
+ div.postDate {
+ text-align : right;
+ color : #909090;
+ float : right;
+ }
+
+ div {
+ padding-bottom : 3px;
+ }
+
+ span.author {
+ color : #555;
+ font-size : 11px;
+ font-weight : normal;
+ }
+ }
+
+ div.postTitle {
+ overflow : hidden;
+ text-overflow: ellipsis;
+ white-space : nowrap;
+ font-weight : 600;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui-bold;
+ }
div.postDate {
- text-align : right;
- color : #909090;
- float : right;
+ padding-left : 10px;
}
- div {
- padding-bottom : 3px;
+ 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%;
+ }
}
- span.author {
+ div.postEnclosures {
color : #555;
- font-size : 11px;
- font-weight : normal;
+ }
+
+ img.tagsPic {
+ width : 16px;
+ height : 16px;
+ margin-left : 4px;
+ vertical-align : middle;
+ }
+
+ span.author {
+ font-size : 12px;
}
}
- div.postTitle {
- overflow : hidden;
- text-overflow: ellipsis;
- white-space : nowrap;
+ div.articleNote {
+ background-color : #fff7d5;
+ padding : 5px;
+ margin : 5px;
+ border: 1px solid #e7d796;
+ color : #9a8c59;
+
+ div.noteEdit {
+ float : right;
+ cursor : pointer;
+ }
+ }
+
+ h1 {
+ font-size : 18px;
font-weight : 600;
text-rendering: optimizelegibility;
- font-family : @fonts-ui-bold;
+ font-family : @fonts-ui;
}
- div.postDate {
- padding-left : 10px;
+ h2 {
+ font-size : 16px;
+ font-weight : 600;
+ border: 0px solid @color-accent-light;
+ border-bottom-width: 1px;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
}
- div.postContent {
- padding : 10px;
- font-size : 16px;
+ h3 {
+ font-size : 13px;
+ border: 0px solid @color-accent-light;
+ border-bottom-width: 1px;
+ font-weight : 600;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
+ }
- img,
- video {
- border-width : 0px;
- max-width : 98%;
- height: auto;
- }
+ h4 {
+ font-size : 14px;
+ font-weight : 600;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
+ }
- h1 {
- font-size : 16px;
+ hr {
+ border: 0px solid #ccc;
+ border-bottom-width: 1px;
+ }
+
+ a {
+ color: @color-link;
+ text-decoration: none;
+ }
+
+ a:hover {
+ color: darken(@color-link, 20%);
+ text-decoration: underline;
+ }
+
+ #notify.visible {
+ transform: translate(0, -35px);
+ }
+
+ #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;
+
+ img {
+ vertical-align : middle;
+ max-height : 14px;
}
- h2,
- h3,
- h4 {
- font-size : 15px;
+ span.msg {
+ width : 100%;
}
- p {
- hyphens: auto;
+ img.close {
+ cursor : pointer;
}
- iframe {
- min-width : 50%;
- max-width : 98%;
+ span {
+ display : table-cell;
+ vertical-align : middle;
+ padding : 2px;
}
}
- div.postEnclosures {
- color : #555;
+ .notify {
+ border-color : #d7c47a;
+ background-color : #fff7d5;
}
- img.tagsPic {
- width : 16px;
- height : 16px;
- margin-left : 4px;
- vertical-align : middle;
+ .notify.notify_progress {
+ border-color : #d7c47a;
+ background-color : #fff7d5;
}
- span.author {
- font-size : 12px;
+ .notify.notify_info {
+ border-color : @color-accent;
+ background-color : @color-accent-light;
}
-}
-
-div.articleNote {
- background-color : #fff7d5;
- padding : 5px;
- margin : 5px;
- border: 1px solid #e7d796;
- color : #9a8c59;
- div.noteEdit {
- float : right;
- cursor : pointer;
+ .notify.notify_error {
+ background-color : #ffcccc;
+ border-color : #ff0000;
}
-}
-h1 {
- font-size : 18px;
- font-weight : 600;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
-}
+ .hl {
+ border: 0px solid #ddd;
+ border-bottom-width: 1px;
+ padding : 1px;
-h2 {
- font-size : 16px;
- font-weight : 600;
- border: 0px solid @color-accent-light;
- border-bottom-width: 1px;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
-}
+ 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;
+ }
-h3 {
- font-size : 13px;
- border: 0px solid @color-accent-light;
- border-bottom-width: 1px;
- font-weight : 600;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
-}
+ div.hlLeft {
+ display : table-cell;
+ vertical-align : middle;
+ white-space: nowrap;
+ }
-h4 {
- font-size : 14px;
- font-weight : 600;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
-}
+ div.hlRight {
+ display : table-cell;
+ white-space: nowrap;
+ text-align : right;
+ vertical-align : middle;
+ }
-hr {
- border: 0px solid #ccc;
- border-bottom-width: 1px;
-}
+ div.hlRight img {
+ max-width : 16px;
+ max-height : 16px;
+ }
-a {
- color: @color-link;
- text-decoration: none;
-}
+ span.hlFeed {
+ display : table-cell;
+ vertical-align : middle;
+ text-align : right;
+ }
-a:hover {
- color: darken(@color-link, 20%);
- text-decoration: underline;
-}
+ 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;
+ }
-#notify.visible {
- transform: translate(0, -35px);
-}
+ span.hlFeed a:hover {
+ color : @color-accent;
+ }
-#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;
-
- img {
- vertical-align : middle;
- max-height : 14px;
- }
+ span.hlUpdated {
+ color : #555;
+ display : table-cell;
+ vertical-align : middle;
+ text-align : right;
+ font-size : 11px;
+ white-space : nowrap;
+ padding-left : 10px;
+ }
- span.msg {
- width : 100%;
- }
+ span.hlUpdated div {
+ display : inline-block;
+ }
- img.close {
- cursor : pointer;
- }
+ div.hlLeft {
+ padding-left : 8px;
+ }
- span {
- display : table-cell;
- vertical-align : middle;
- padding : 2px;
- }
-}
+ div.hlLeft input {
+ margin-left : 4px;
+ margin-right : 4px;
+ }
-.notify {
- border-color : #d7c47a;
- background-color : #fff7d5;
-}
+ div.hlLeft img, div.hlRight img {
+ margin : 0px 4px;
+ }
-.notify.notify_progress {
- border-color : #d7c47a;
- background-color : #fff7d5;
-}
+ div.hlLeft img {
+ width : 16px;
+ height : 16px;
+ }
-.notify.notify_info {
- border-color : @color-accent;
- background-color : @color-accent-light;
-}
+ div.hlTitle a {
+ font-weight : 600;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
+ color : #777;
+ }
-.notify.notify_error {
- background-color : #ffcccc;
- border-color : #ff0000;
-}
+ a.title.high, span.hlContent.high .contentPreview {
+ color : #00aa00;
+ }
+ }
-.hl {
- border: 0px solid #ddd;
- border-bottom-width: 1px;
- padding : 1px;
+ .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
+ color : #00dd00;
+ }
- 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;
+ .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;
}
- div.hlLeft {
- display : table-cell;
- vertical-align : middle;
- white-space: nowrap;
+ .hl.Unread div.hlTitle a {
+ color : black;
}
- div.hlRight {
- display : table-cell;
- white-space: nowrap;
- text-align : right;
- vertical-align : middle;
+ .hl.active {
+ background : @color-accent-light ! important;
}
- div.hlRight img {
- max-width : 16px;
- max-height : 16px;
+ .hl.active div.hlTitle a {
+ color : @color-accent;
+ /* text-shadow : 1px 1px 2px #fff; */
}
- span.hlFeed {
- display : table-cell;
- vertical-align : middle;
- text-align : right;
+ .hl.Selected {
+ background : #f9fbff;
}
- 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;
+ .hl.Grayed {
+ color : #909090;
}
- span.hlFeed a:hover {
- color : @color-accent;
+ div.filterTestHolder {
+ height : 300px;
+ overflow : auto;
+ border-color : #ddd;
+ border-style : solid;
+ margin : 0px 0px 5px 0px;
+ border-width : 1px;
}
- span.hlUpdated {
+ #content-insert blockquote,
+ #headlines-frame blockquote,
+ .dijitContentPane blockquote {
+ margin : 5px 0px 5px 0px;
color : #555;
- display : table-cell;
- vertical-align : middle;
- text-align : right;
- font-size : 11px;
- white-space : nowrap;
padding-left : 10px;
+ border: 0px solid #ccc;
+ border-left-width: 4px;
}
- span.hlUpdated div {
- display : inline-block;
+ #content-insert code,
+ #headlines-frame code,
+ .dijitContentPane code {
+ color : #009900;
+ font-family : monospace;
+ font-size : 12px;
}
- div.hlLeft {
- padding-left : 8px;
+ #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;
}
- div.hlLeft input {
- margin-left : 4px;
- margin-right : 4px;
+ .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;
}
- div.hlLeft img, div.hlRight img {
- margin : 0px 4px;
+ .alert,
+ .alert h4 {
+ color: #c09853;
}
- div.hlLeft img {
- width : 16px;
- height : 16px;
+ .alert h4 {
+ margin: 0;
}
- div.hlTitle a {
- font-weight : 600;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
- color : #777;
+ .alert .close {
+ position: relative;
+ top: -2px;
+ right: -21px;
+ line-height: 20px;
+ cursor : pointer;
}
- a.title.high, span.hlContent.high .contentPreview {
- color : #00aa00;
+ .alert-success {
+ color: #468847;
+ background-color: #dff0d8;
+ border-color: #d6e9c6;
}
-}
-.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
- color : #00dd00;
-}
+ .alert-success h4 {
+ color: #468847;
+ }
-.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;
-}
+ .alert-danger,
+ .alert-error {
+ color: #b94a48;
+ background-color: #f2dede;
+ border-color: #eed3d7;
+ }
-.hl.Unread div.hlTitle a {
- color : black;
-}
+ .alert-danger h4,
+ .alert-error h4 {
+ color: #b94a48;
+ }
-.hl.active {
- background : @color-accent-light ! important;
-}
+ .alert-info {
+ color: #3a87ad;
+ background-color: #d9edf7;
+ border-color: #bce8f1;
+ }
-.hl.active div.hlTitle a {
- color : @color-accent;
- /* text-shadow : 1px 1px 2px #fff; */
-}
+ .alert-info h4 {
+ color: #3a87ad;
+ }
-.hl.Selected {
- background : #f9fbff;
-}
+ ul.nomarks {
+ list-style-type : none;
+ margin : 0px;
+ padding : 10px;
+ }
-.hl.Grayed {
- color : #909090;
-}
+ div.prefHelp {
+ color : #555;
+ padding : 5px;
+ }
-div.filterTestHolder {
- height : 300px;
- overflow : auto;
- border-color : #ddd;
- border-style : solid;
- margin : 0px 0px 5px 0px;
- border-width : 1px;
-}
+ .insensitive {
+ color : #555;
+ }
-#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;
-}
+ .small {
+ font-size : 11px;
+ }
-#content-insert code,
-#headlines-frame code,
-.dijitContentPane code {
- color : #009900;
- font-family : monospace;
- font-size : 12px;
-}
+ #main-toolbar {
-#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;
-}
+ > * {
+ white-space : nowrap;
+ display : table-cell;
+ color : #999;
+ overflow : hidden;
+ }
-.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;
-}
+ > *,
+ table *,
+ .actionChooser * {
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
+ font-size : 12px;
-.alert,
-.alert h4 {
- color: #c09853;
-}
+ }
-.alert h4 {
- margin: 0;
-}
+ #headlines-toolbar {
+ padding-right : 4px;
+ width : 100%;
-.alert .close {
- position: relative;
- top: -2px;
- right: -21px;
- line-height: 20px;
- cursor : pointer;
-}
+ span.holder {
+ display : table;
+ width : 100%;
+ }
-.alert-success {
- color: #468847;
- background-color: #dff0d8;
- border-color: #d6e9c6;
-}
+ span.holder > * {
+ display : table-cell;
+ }
-.alert-success h4 {
- color: #468847;
-}
+ .main {
+ text-align : right;
+ }
-.alert-danger,
-.alert-error {
- color: #b94a48;
- background-color: #f2dede;
- border-color: #eed3d7;
-}
+ .main,
+ .r {
+ line-height : 24px;
+ }
-.alert-danger h4,
-.alert-error h4 {
- color: #b94a48;
-}
+ span.r img {
+ margin-right : 4px;
+ position : relative;
+ top : 3px;
+ }
-.alert-info {
- color: #3a87ad;
- background-color: #d9edf7;
- border-color: #bce8f1;
-}
+ span.r .error a {
+ color : red;
+ }
-.alert-info h4 {
- color: #3a87ad;
-}
+ }
-ul.nomarks {
- list-style-type : none;
- margin : 0px;
- padding : 10px;
-}
+ #selected_prompt {
+ font-style : italic;
+ text-align : right;
+ margin-right : 4px;
+ }
-div.prefHelp {
- color : #555;
- padding : 5px;
-}
+ @media (max-width: 992px) {
+ #selected_prompt {
+ display : none;
+ }
+ }
+ }
-.insensitive {
- color : #555;
-}
-.small {
- font-size : 11px;
-}
+ span.contentPreview {
+ color : #999;
+ font-weight : normal;
+ font-size : 12px;
+ padding-left : 4px;
+ }
-#main-toolbar {
+ 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;
+ }
- > * {
- white-space : nowrap;
- display : table-cell;
- color : #999;
- overflow : hidden;
+ img.markedPic, img.pubPic {
+ cursor : pointer;
+ vertical-align : middle;
+ opacity : 0.5;
+ transition : opacity 0.25s;
}
- > *,
- table *,
- .actionChooser * {
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
- font-size : 12px;
+ img.markedPic:hover, img.pubPic:hover {
+ opacity : 1;
+ }
+ img[src*='pub_set.png'], img[src*='mark_set.png'] {
+ opacity : 1;
}
- #headlines-toolbar {
- padding-right : 4px;
- width : 100%;
+ div.tagCloudContainer {
+ border : 1px solid #ddd;
+ margin : 5px 0px 5px 0px;
+ padding : 5px;
+ text-align : center;
+ }
- span.holder {
- display : table;
- width : 100%;
- }
+ div.errorExplained {
+ border : 1px solid #ddd;
+ margin : 5px 0px 5px 0px;
+ padding : 5px;
+ }
- span.holder > * {
- display : table-cell;
- }
+ ul.feedErrorsList {
+ max-height : 300px;
+ overflow : auto;
+ list-style-type : none;
+ border : 1px solid #ddd;
+ margin : 0px 0px 5px 0px;
+ padding : 5px;
- .main {
- text-align : right;
+ em {
+ color : #555;
}
+ }
- .main,
- .r {
- line-height : 24px;
- }
- span.r img {
- margin-right : 4px;
- position : relative;
- top : 3px;
- }
+ 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;
- span.r .error a {
- color : red;
+ li {
+ margin : 0px;
+ padding : 2px 4px 2px 4px;
}
-
}
- #selected_prompt {
- font-style : italic;
- text-align : right;
- margin-right : 4px;
+
+ .browseFeedList span.subscribers {
+ color : #808080;
}
- @media (max-width: 992px) {
- #selected_prompt {
- display : none;
+ ul.compact {
+ list-style-type : none;
+ margin : 0px;
+ padding : 0px;
+
+ li {
+ margin : 0px;
+ padding : 0px;
}
}
-}
+ .noborder {
+ border-width : 0px;
+ }
-span.contentPreview {
- color : #999;
- font-weight : normal;
- font-size : 12px;
- padding-left : 4px;
-}
+ #overlay {
+ background : white;
+ left : 0;
+ top : 0;
+ height : 100%;
+ width : 100%;
+ z-index : 100;
+ position : absolute;
+ }
-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;
-}
+ #overlay_inner {
+ font-weight : bold;
+ margin : 1em;
+ }
-img.markedPic, img.pubPic {
- cursor : pointer;
- vertical-align : middle;
- opacity : 0.5;
- transition : opacity 0.25s;
-}
+ form {
+ margin : 0px;
+ padding : 0px;
+ }
-img.markedPic:hover, img.pubPic:hover {
- opacity : 1;
-}
+ div.loadingPrompt {
+ padding : 1em;
+ text-align : center;
+ font-weight : bold;
+ }
-img[src*='pub_set.png'], img[src*='mark_set.png'] {
- opacity : 1;
-}
+ div.whiteBox {
+ margin-left : 1px;
+ text-align : center;
+ padding : 1em 1em 0px 1em;
+ font-size : 11px;
+ border: 0px solid #ddd;
+ border-bottom-width: 1px;
+ }
-div.tagCloudContainer {
- border : 1px solid #ddd;
- margin : 5px 0px 5px 0px;
- padding : 5px;
- text-align : center;
-}
+ div.autocomplete {
+ position : absolute;
+ width : 250px;
+ background-color : white;
+ border :1px solid #778899;
+ margin : 0px;
+ padding : 0px;
-div.errorExplained {
- border : 1px solid #ddd;
- margin : 5px 0px 5px 0px;
- padding : 5px;
-}
+ ul {
+ list-style-type : none;
+ margin : 0px;
+ padding : 0px;
+ }
-ul.feedErrorsList {
- max-height : 300px;
- overflow : auto;
- list-style-type : none;
- border : 1px solid #ddd;
- margin : 0px 0px 5px 0px;
- padding : 5px;
+ ul li.selected {
+ background-color : #fff7d5;
+ }
- em {
- color : #555;
+ ul li {
+ list-style-type : none;
+ display : block;
+ margin : 0;
+ padding : 2px;
+ height : 32px;
+ cursor : pointer;
+ }
}
-}
-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;
-
- li {
- margin : 0px;
- padding : 2px 4px 2px 4px;
+ div#headlines-frame.wide .hlTitle {
+ max-width : none;
+ overflow : visible;
+ white-space : normal;
}
-}
-
-
-.browseFeedList span.subscribers {
- color : #808080;
-}
-ul.compact {
- list-style-type : none;
- margin : 0px;
- padding : 0px;
-
- li {
- margin : 0px;
- padding : 0px;
+ div#headlines-frame.wide .hl .hlFeed {
+ display : none;
}
-}
-
-.noborder {
- border-width : 0px;
-}
-#overlay {
- background : white;
- left : 0;
- top : 0;
- height : 100%;
- width : 100%;
- z-index : 100;
- position : absolute;
-}
-
-#overlay_inner {
- font-weight : bold;
- margin : 1em;
-}
+ img.hlScorePic {
+ vertical-align : middle;
+ width : 16px;
+ height : 16px;
+ }
-form {
- margin : 0px;
- padding : 0px;
-}
+ div.dlgSec {
+ font-size : 12px;
+ color : #555;
+ font-weight : bold;
+ clear : both;
+ height : 20px;
+ }
-div.loadingPrompt {
- padding : 1em;
- text-align : center;
- font-weight : bold;
-}
+ div.dlgSecCont {
+ position : relative;
+ left : 150px;
+ top : -20px;
+ float : left;
+ font-size : 12px;
+ font-weight : normal;
-div.whiteBox {
- margin-left : 1px;
- text-align : center;
- padding : 1em 1em 0px 1em;
- font-size : 11px;
- border: 0px solid #ddd;
- border-bottom-width: 1px;
-}
+ > * {
+ position : relative;
+ top : -2px;
+ }
+ }
-div.autocomplete {
- position : absolute;
- width : 250px;
- background-color : white;
- border :1px solid #778899;
- margin : 0px;
- padding : 0px;
+ div.dlgSecCont hr, div.dlgSecSimple hr {
+ height : 0px;
+ line-height : 0px;
+ border : 0px solid transparent;
+ margin : 2px;
+ }
- ul {
- list-style-type : none;
- margin : 0px;
- padding : 0px;
+ div.dlgButtons {
+ text-align : right;
+ clear : both;
}
- ul li.selected {
+ 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;
}
- ul li {
- list-style-type : none;
- display : block;
- margin : 0;
- padding : 2px;
- height : 32px;
- cursor : pointer;
+ 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;
}
-}
+ #feed_browser_spinner {
+ vertical-align : middle;
+ height : 18px;
+ width : 18px;
+ }
-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;
-}
+ button {
+ margin-top : 5px;
+ }
-img.hlScorePic {
- vertical-align : middle;
- width : 16px;
- height : 16px;
-}
+ textarea {
+ width : 565px;
+ height : 200px;
+ }
+ }
-div.dlgSec {
- font-size : 12px;
- color : #555;
- 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: 0px solid #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: 0px #ddd;
+ margin-top : 0px;
+ -webkit-overflow-scrolling : touch;
+ -webkit-transform: translateZ(0);
+ -webkit-backface-visibility: hidden;
+ }
-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;
-}
+ #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: 0px solid #ddd;
+ border-bottom-width: 1px;
+ 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;
}
-}
-
-#ttrssMain #main {
- border-width : 0px;
- margin : 0px;
- padding : 0px;
-}
-
-#header-wrap {
- border-width : 0px;
- margin : 0px;
- padding : 0px;
-}
-#content-wrap {
- padding : 0px;
- border-width : 0px;
- margin : 0px;
-}
+ #footer {
+ text-align : center;
+ color : #555;
+ padding : 4px 4px 8px 4px;
+ border-width : 0px;
+ }
-#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;
-}
+ #content-insert {
+ padding : 0px;
+ border-color : #ddd;
+ border-width : 0px;
+ line-height: 1.5;
+ font-size : 15px;
+ overflow : auto;
+ -webkit-overflow-scrolling : touch;
+ }
-#headlines-wrap-inner {
- padding : 0px;
- margin : 0px;
- border-width : 0px;
-}
+ #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
+ font-weight : bold;
+ }
-#headlines-frame {
- padding : 0px;
- border: 0px #ddd;
- margin-top : 0px;
- -webkit-overflow-scrolling : touch;
- -webkit-transform: translateZ(0);
- -webkit-backface-visibility: hidden;
-}
+ #feedTree .dijitTreeRow.Error .dijitTreeLabel {
+ color : red;
+ }
-#headlines-toolbar_splitter, #toolbar_splitter {
- display : none;
-}
+ img.feedIcon, img.tinyFeedIcon {
+ width : 16px;
+ height : 16px;
+ line-height : 16px;
+ vertical-align : middle;
+ display : inline-block;
+ }
-#toolbar {
- padding : 0px;
- margin : 0px;
- border-width : 0px;
- white-space: nowrap;
- font-size : 12px;
-}
+ .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;
+ }
-#main-toolbar {
- background : white;
- border: 0px solid #ddd;
- border-bottom-width: 1px;
- padding-left : 4px;
- height : 26px;
+ .player.playing {
+ color : #00c000;
+ border-color : #00c000;
+ }
-}
+ .player:hover {
+ background : #f0f0f0;
+ cursor : pointer;
+ }
-#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;
-}
+ #headlines-spacer {
+ height : 100%;
+ margin-left : 1px;
+ text-align : center;
+ color : #555;
+ font-size : 11px;
+ font-style : italic;
-#footer {
- text-align : center;
- color : #555;
- padding : 4px 4px 8px 4px;
- border-width : 0px;
-}
+ a, span {
+ color : #555;
+ padding : 10px;
+ display : block;
+ }
-#content-insert {
- padding : 0px;
- border-color : #ddd;
- border-width : 0px;
- line-height: 1.5;
- font-size : 15px;
- overflow : auto;
- -webkit-overflow-scrolling : touch;
-}
+ a:hover {
+ color : @color-accent;
+ }
+ }
-#feedTree .dijitTreeRow .dijitTreeLabel.Unread {
- font-weight : bold;
-}
+ 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;
+ }
-#feedTree .dijitTreeRow.Error .dijitTreeLabel {
- color : red;
-}
+ ul#filterDlg_Matches li, ul#filterDlg_Actions li {
+ cursor : pointer;
+ padding : 0px 0px 0px 5px;
+ }
-img.feedIcon, img.tinyFeedIcon {
- width : 16px;
- height : 16px;
- line-height : 16px;
- vertical-align : middle;
- display : inline-block;
-}
+ ul.helpKbList {
+ max-height : 300px;
+ overflow : auto;
+ list-style-type : none;
+ border : 1px solid #ddd;
+ margin : 0px 0px 5px 0px;
+ padding : 5px;
-.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;
-}
+ span.hksequence {
+ width : 6em;
+ margin-left : 20px;
+ color : @color-accent;
+ font-weight : bold;
+ display : inline-block;
+ }
-.player.playing {
- color : #00c000;
- border-color : #00c000;
-}
+ h2 {
+ margin-top : 0px;
+ }
+ }
-.player:hover {
- background : #f0f0f0;
- cursor : pointer;
-}
+ span.collapseBtn {
+ cursor : pointer;
-#headlines-spacer {
- height : 100%;
- margin-left : 1px;
- text-align : center;
- color : #555;
- font-size : 11px;
- font-style : italic;
+ img {
+ vertical-align : middle;
+ }
+ }
- a, span {
- color : #555;
- padding : 10px;
+ select.attachments {
display : block;
+ margin-top : 10px;
+ max-width : 120px;
}
- a:hover {
- color : @color-accent;
+ #selected_prompt {
+ margin-right : 25px;
+ vertical-align : middle;
}
-}
-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.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
+ box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
+ border-right-color : white;
+ }
-ul#filterDlg_Matches li, ul#filterDlg_Actions li {
- cursor : pointer;
- padding : 0px 0px 0px 5px;
-}
+ body#ttrssMain #feedTree.dijitTree .dijitTreeContainer {
+ max-width : 100%;
+ }
-ul.helpKbList {
- max-height : 300px;
- overflow : auto;
- list-style-type : none;
- border : 1px solid #ddd;
- margin : 0px 0px 5px 0px;
- padding : 5px;
-
- span.hksequence {
- width : 6em;
- margin-left : 20px;
- color : @color-accent;
- font-weight : bold;
- display : inline-block;
+ body#ttrssMain #feedTree.dijitTree .dijitTreeRow {
+ overflow: hidden;
+ text-overflow: ellipsis;
}
- h2 {
- margin-top : 0px;
+ body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
+ padding : 4px 0px 4px;
+ border-width : 1px;
+ color : #333;
}
-}
-span.collapseBtn {
- cursor : pointer;
+ body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon {
+ position : relative;
+ top : -2px;
+ }
- img {
- vertical-align : middle;
+ #filterDlg_feeds select {
+ height : 150px;
+ width : 410px;
}
-}
-select.attachments {
- display : block;
- margin-top : 10px;
- max-width : 120px;
-}
+ ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
+ margin-right : 5px;
+ }
-#selected_prompt {
- margin-right : 25px;
- vertical-align : middle;
-}
+ body#ttrssMain #feedTree {
+ height : 100%;
+ overflow-x : hidden;
+ text-rendering: optimizelegibility;
+ font-family : @fonts-ui;
-body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
- box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
- border-right-color : white;
-}
+ .counterNode.aux {
+ background : #f0f0f0;
+ color : #999;
+ border-color : #f0f0f0;
+ }
-body#ttrssMain #feedTree.dijitTree .dijitTreeContainer {
- max-width : 100%;
-}
+ .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;
+ }
-body#ttrssMain #feedTree.dijitTree .dijitTreeRow {
- overflow: hidden;
- text-overflow: ellipsis;
-}
+ .dijitTreeNode .loadingExpando {
+ left : -3px;
+ height : 22px;
+ position : relative;
+ top : -3px;
+ }
-body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
- padding : 4px 0px 4px;
- border-width : 1px;
- color : #333;
-}
+ }
-body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon {
- position : relative;
- top : -2px;
-}
+ span.highlight {
+ background-color : #ffff00;
+ color : #cc90cc;
+ }
-#filterDlg_feeds select {
- height : 150px;
- width : 410px;
-}
+ div.enclosure_title {
-ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
- margin-right : 5px;
-}
+ }
-body#ttrssMain #feedTree {
- height : 100%;
- overflow-x : hidden;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui;
+ body#ttrssMain #headlines-frame .dijitCheckBox {
+ border-width : 0px;
+ opacity : 0.5;
+ }
- .counterNode.aux {
- background : #f0f0f0;
- color : #999;
- border-color : #f0f0f0;
+ body#ttrssMain #headlines-frame .dijitCheckBoxHover,
+ body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
+ opacity : 1;
}
- .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;
+ body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
+ width : 16px;
+ height : 16px;
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;
+ .dijitDropDownButton.attachments .dijitButtonText {
+ font-size : 12px;
}
-}
-
-span.highlight {
- background-color : #ffff00;
- color : #cc90cc;
-}
-
-div.enclosure_title {
-
-}
-
-body#ttrssMain #headlines-frame .dijitCheckBox {
- border-width : 0px;
- opacity : 0.5;
-}
-
-body#ttrssMain #headlines-frame .dijitCheckBoxHover,
-body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
- opacity : 1;
-}
-
-body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
- width : 16px;
- height : 16px;
- vertical-align : middle;
- position : relative;
-}
+ .dijitDropDownButton.attachments {
+ display : inline-block;
+ }
-.dijitDropDownButton.attachments .dijitButtonText {
- font-size : 12px;
-}
+ #editTagsDlg{
+ overflow: visible;
+ }
-.dijitDropDownButton.attachments {
- display : inline-block;
-}
+ body#ttrssZoom {
+ margin-left : auto;
+ margin-right : auto;
+ padding : 20px;
+ max-width : 770px;
+ background : #f5f5f5;
-#editTagsDlg{
- overflow: visible;
-}
+ div.postHeader div.postFeedTitle {
+ float : left;
+ text-align : right;
+ padding-left : 0px;
+ font-size : 11px;
+ }
-body#ttrssZoom {
- margin-left : auto;
- margin-right : auto;
- padding : 20px;
- max-width : 770px;
- background : #f5f5f5;
+ div.postHeader a.postComments {
+ text-align : right;
+ padding-left : 0px;
+ font-size : 11px;
+ }
- div.postHeader div.postFeedTitle {
- float : left;
- text-align : right;
- padding-left : 0px;
- font-size : 11px;
- }
+ div.postHeader div.postDate {
+ float : none;
+ text-align : right;
+ padding-left : 0px;
+ color : #777;
+ font-size : 11px;
+ }
- div.postHeader a.postComments {
- text-align : right;
- padding-left : 0px;
- font-size : 11px;
- }
+ div.postHeader div.postTags {
+ color : #777;
+ font-size : 11px;
+ }
- div.postHeader div.postDate {
- float : none;
- text-align : right;
- padding-left : 0px;
- color : #777;
- font-size : 11px;
- }
+ div.postHeader div.postTitle {
+ white-space : normal;
+ font-size : 16px;
+ }
- div.postHeader div.postTags {
- color : #777;
- font-size : 11px;
- }
+ div.postContent {
+ font-size : 15px;
+ line-height : 1.5;
+ }
- div.postHeader div.postTitle {
- white-space : normal;
- font-size : 16px;
- }
+ div.postContent p {
+ -webkit-hyphens: auto;
+ -moz-hyphens: auto;
+ hyphens: auto;
+ }
- div.postContent {
- font-size : 15px;
- line-height : 1.5;
- }
+ div.postHeader {
+ margin : 10px;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #eee;
+ background : white;
+ }
- div.postContent p {
- -webkit-hyphens: auto;
- -moz-hyphens: auto;
- hyphens: auto;
- }
+ div.postReply {
+ border : 1px solid #ddd;
+ background : white;
+ box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
+ border-radius : 6px;
+ }
- div.postHeader {
- margin : 10px;
- border-width : 0px 0px 1px 0px;
- border-style : solid;
- border-color : #eee;
- background : white;
- }
+ div.footer {
+ margin-top : 1em;
+ text-align : center;
+ }
- div.postReply {
- border : 1px solid #ddd;
- background : white;
- box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
- border-radius : 6px;
- }
+ div.postContent img {
+ max-width : 730px;
+ height : auto;
+ }
- div.footer {
- margin-top : 1em;
- text-align : center;
- }
+ div.postContent blockquote {
+ margin : 5px 0px 5px 0px;
+ color : #555;
+ padding-left : 10px;
+ border-width : 0px 0px 0px 4px;
+ border-color : #ccc;
+ border-style : solid;
+ }
- div.postContent img {
- max-width : 730px;
- height : auto;
- }
+ div.postContent code {
+ color : #009900;
+ font-family : monospace;
+ font-size : 12px;
+ }
- div.postContent blockquote {
- margin : 5px 0px 5px 0px;
- color : #555;
- padding-left : 10px;
- border-width : 0px 0px 0px 4px;
- border-color : #ccc;
- border-style : solid;
- }
+ div.postContent pre {
+ margin : 5px 0px 5px 0px;
+ padding : 10px;
+ color : #555;
+ font-family : monospace;
+ font-size : 12px;
+ border-width : 0px;
+ border-color : #ccc;
+ border-style : solid;
+ background : #f5f5f5;
+ display : block;
+ max-width : 98%;
+ overflow : auto;
+ }
- div.postContent code {
- color : #009900;
- font-family : monospace;
- font-size : 12px;
- }
- div.postContent pre {
- margin : 5px 0px 5px 0px;
- padding : 10px;
- color : #555;
- font-family : monospace;
- font-size : 12px;
- border-width : 0px;
- border-color : #ccc;
- border-style : solid;
- background : #f5f5f5;
- display : block;
- max-width : 98%;
- overflow : auto;
}
}
+