add some less files for base css

[tt-rss.git] / css / tt-rss.css

diff --git a/css/tt-rss.css b/css/tt-rss.css
index 1955ee0d9d46999a1b1ff5749d3a501e8c317b04..866e95f29478626b54c30c0f81281cf559c7c952 100644 (file)
--- a/css/tt-rss.css
+++ b/css/tt-rss.css
@@ -32,7 +32,7 @@ div.postReply div.postTitle {
        font-weight : 600;
        text-rendering: optimizelegibility;
        font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
+               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
                Helvetica, Arial, sans-serif;
 }
 
@@ -42,6 +42,7 @@ div.postReply div.postDate {
 
 div.postReply div.postContent {
        padding : 10px;
+       font-size : 16px;
 }
 
 div.postReply div.postContent img,
@@ -86,7 +87,7 @@ h1 {
        font-weight : 600;
        text-rendering: optimizelegibility;
        font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
+               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
                Helvetica, Arial, sans-serif;
 }
 
@@ -98,7 +99,7 @@ h2 {
        border-color : #ecf4ff;
        text-rendering: optimizelegibility;
        font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
+               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
                Helvetica, Arial, sans-serif;
 }
 
@@ -110,7 +111,7 @@ h3 {
        font-weight : 600;
        text-rendering: optimizelegibility;
        font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
+               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
                Helvetica, Arial, sans-serif;
 }
 
@@ -119,7 +120,7 @@ h4 {
        font-weight : 600;
        text-rendering: optimizelegibility;
        font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
+               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
                Helvetica, Arial, sans-serif;
 }
 
@@ -134,8 +135,7 @@ a {
        text-decoration: none;
 }
 
-a:hover,
-a:focus {
+a:hover {
        color: #005580;
        text-decoration: underline;
 }
@@ -180,14 +180,14 @@ a:focus {
        width : 100%;
 }
 
-#notify span.close {
-       text-align : right;
+#notify img.close {
+       cursor : pointer;
 }
 
 #notify span {
        display : table-cell;
        vertical-align : middle;
-       padding : 4px;
+       padding : 2px;
 }
 
 .notify {
@@ -214,7 +214,7 @@ a:focus {
        font-weight : 600;
        text-rendering: optimizelegibility;
        font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
+               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
                Helvetica, Arial, sans-serif;
        color : #777;
 }
@@ -253,7 +253,6 @@ div.filterTestHolder {
        border-color : #ddd;
        border-style : solid;
        margin : 0px 0px 5px 0px;
-       background-color : #f5f5f5;
        border-width : 1px;
 }
 
@@ -313,6 +312,7 @@ div.filterTestHolder {
        top: -2px;
        right: -21px;
        line-height: 20px;
+       cursor : pointer;
 }
 
 .alert-success {
@@ -370,13 +370,14 @@ div.prefHelp {
        white-space : nowrap;
        display : table-cell;
        color : #999;
+       overflow : hidden;
 }
 
 #main-toolbar > *,
 #main-toolbar table *,
 #main-toolbar .actionChooser * {
        text-rendering: optimizelegibility;
-       font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
+       font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue",
                Helvetica, Arial, sans-serif;
        font-size : 12px;
 
@@ -421,6 +422,12 @@ div.prefHelp {
        margin-right : 4px;
 }
 
+@media (max-width: 992px) {
+       #main-toolbar #selected_prompt {
+               display : none;
+       }
+}
+
 span.contentPreview {
        color : #999;
        font-weight : normal;
@@ -481,7 +488,6 @@ img[src*='pub_set.png'], img[src*='mark_set.png'] {
 
 div.tagCloudContainer {
        border : 1px solid #ddd;
-       background-color : #f5f5f5;
        margin : 5px 0px 5px 0px;
        padding : 5px;
        text-align : center;
@@ -489,7 +495,6 @@ div.tagCloudContainer {
 
 div.errorExplained {
        border : 1px solid #ddd;
-       background-color : #f5f5f5;
        margin : 5px 0px 5px 0px;
        padding : 5px;
 }
@@ -499,7 +504,6 @@ ul.feedErrorsList {
        overflow : auto;
        list-style-type : none;
        border : 1px solid #ddd;
-       background-color : #f5f5f5;
        margin : 0px 0px 5px 0px;
        padding : 5px;
 }
@@ -675,7 +679,7 @@ div.dlgSecCont {
        font-weight : normal;
 }
 
-div.dlgSecCont hr {
+div.dlgSecCont hr, div.dlgSecSimple hr {
        height : 0px;
        line-height : 0px;
        border : 0px solid transparent;
@@ -814,8 +818,8 @@ div.fatalError button {
 }
 
 div.fatalError textarea {
-       width : 100%;
-       height : 100px;
+       width : 565px;
+       height : 200px;
 }
 
 #ttrssMain #main {
@@ -992,7 +996,6 @@ ul.helpKbList {
        overflow : auto;
        list-style-type : none;
        border : 1px solid #ddd;
-       background-color : #f5f5f5;
        margin : 0px 0px 5px 0px;
        padding : 5px;
 }
@@ -1013,6 +1016,10 @@ span.collapseBtn {
        cursor : pointer;
 }
 
+span.collapseBtn img {
+       vertical-align : middle;
+}
+
 div.postContent h1 {
        font-size : 16px;
 }
@@ -1024,7 +1031,7 @@ div.postContent h4 {
 }
 
 div.postContent p {
-       max-width : 650px;
+       /*max-width : 650px;*/
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
@@ -1057,18 +1064,41 @@ span.sel_links {
        vertical-align  : middle;
 }
 
-#feedTree img.feedIcon {
+/*#feedTree img.feedIcon {
        position : relative;
        top : -2px;
+}*/
+
+body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
+       box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
+       border-right-color : white;
 }
 
-body#ttrssMain #feedTree .dijitTreeRow {
-       padding : 2px 0px 2px;
-       height : 22px;
+body#ttrssMain #feedTree.dijitTree .dijitTreeContainer {
+       max-width : 100%;
+}
+
+body#ttrssMain #feedTree.dijitTree .dijitTreeRow {
+       overflow: hidden;
+       text-overflow: ellipsis;
+}
+
+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;
+}
+
+#filterDlg_feeds select {
+       height : 150px;
+       width : 410px;
+}
+
 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
        margin-right : 5px;
 }
@@ -1077,7 +1107,7 @@ body#ttrssMain #feedTree {
        height : 100%;
        overflow-x : hidden;
        text-rendering: optimizelegibility;
-       font-family : "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
+       font-family : "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue",
                Helvetica, Arial, sans-serif;
 }
 
@@ -1101,16 +1131,19 @@ body#ttrssMain #feedTree .counterNode {
        position : relative;
        line-height : 14px;
        margin-right : 8px;
-       margin-top : 3px;
+       margin-top : 2px;
        min-width : 23px;
        height : 14px;
 }
 
-#feedTree img[src*='indicator_white.gif'] {
+body#ttrssMain #feedTree .dijitTreeNode .loadingExpando {
+       left : -3px;
+       height : 22px;
        position : relative;
-       top : -2px;
+       top : -3px;
 }
 
+
 span.highlight {
        background-color : #ffff00;
        color : #cc90cc;
@@ -1137,6 +1170,11 @@ body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
        position : relative;
 } 
 
+#headlines-frame {
+       -webkit-transform: translateZ(0);
+       -webkit-backface-visibility: hidden;
+}
+
 :focus {
        outline: none; 
 }
@@ -1147,4 +1185,8 @@ body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
 
 .dijitDropDownButton.attachments {
        display : inline-block;
+}
+
+#editTagsDlg{
+       overflow: visible;
 }
\ No newline at end of file