unify main and headlines toolbar

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

diff --git a/css/tt-rss.css b/css/tt-rss.css
index 60baefc9ef5f071daa7bf8610c1e0f382f492393..ee921716a1123e4dac6ae1e797b5d3eaf1c2d5cf 100644 (file)
--- a/css/tt-rss.css
+++ b/css/tt-rss.css
@@ -22,13 +22,11 @@ div.postReply {
 }
 
 div.postReply div.postHeader {
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #eee;
        background : white;
-       box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1);
+       box-shadow : 0px 1px 1px 0px rgba(0,0,0,0.1);
        padding : 5px;
        color : #909090;
+       background : #fafafa;
 }
 
 div.postReply div.postTitle {
@@ -205,14 +203,6 @@ a:hover {
        color : #909090;
 }
 
-/* #headlines-frame div.hl:nth-child(even) {
-       background : #fafafa;
-} */
-
-#headlines-frame.normal {
-
-}
-
 .hl {
        border-width : 0px 0px 1px 0px;
        border-style : solid;
@@ -323,39 +313,44 @@ div.prefHelp {
        color : #555;
 }
 
-div#headlines-toolbar {
-       border-width : 0px;
-       font-size : 12px;
+#main-toolbar > * {
+       white-space : nowrap;
+       display : table-cell;
+       color : #999;
        font-family : "Segoe UI", Tahoma, sans-serif;
-       color : #555;
-       padding : 0px;
-       margin : 0px;
-       overflow : hidden;
-       height : 25px;
-       line-height : 25px;
-       padding-left : 4px;
-       background : #fafafa;
 }
 
-div#headlines-toolbar .dijitSelect {
-       font-size : 11px;
-       position : relative;
-       top : -2px;
+#main-toolbar #headlines-toolbar {
+       padding-right : 4px;
+       width : 100%;
+}
+
+#main-toolbar #headlines-toolbar span.holder {
+       display : table;
+       width : 100%;
+}
+
+#main-toolbar #headlines-toolbar span.holder > * {
+       display : table-cell;
 }
 
-div#headlines-toolbar span.r {
-       float: right;
-   position: relative;
-       padding : 0 4px 0px 4px;
+#main-toolbar #headlines-toolbar .main {
        text-align : right;
-}      
+}
+
+#headlines-toolbar span.r img {
+       margin-right : 4px;
+       position : relative;
+       top : 3px;
+}
 
 #headlines-toolbar span.r .error a {
        color : red;
 }
 
-div#headlines-toolbar span.r a {
-       color : #555;
+#main-toolbar #selected_prompt {
+       font-style : italic;
+       text-align : center;
 }
 
 span.contentPreview {
@@ -526,14 +521,6 @@ form {
        padding : 0px;
 }
 
-#main_toolbar_form {
-       margin : 0px;
-       padding : 0px;
-       display : table-cell;
-       white-space : nowrap;
-       width : 100%;
-}
-
 div.loadingPrompt {
        padding : 1em;
        text-align : center;
@@ -553,12 +540,6 @@ div.whiteBox {
        margin: 0;
 } */
 
-#toolbar div.actionChooser {
-       display : table-cell;
-       text-align : right;
-       padding-right : 3px;
-}
-
 div.autocomplete {
        position : absolute;
        width : 250px;
@@ -782,7 +763,6 @@ div.fatalError textarea {
        border-color : #eee;
        overflow : hidden;
        background : #fafafa;
-       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
 }
 
 #headlines-wrap-inner {
@@ -793,7 +773,7 @@ div.fatalError textarea {
 
 #headlines-frame {
        padding : 0px;
-       border-color : #c0c0c0;
+       border-color : #eee;
        border-style : solid;
        border-width : 0px;
        margin-top : 0px;
@@ -841,9 +821,7 @@ div.fatalError textarea {
 #content-insert {
        padding : 0px;
        border-color : #eee;
-       border-bottom-width : 0px;
-       border-right-width : 0px;
-       border-left-width : 0px;
+       border-width : 0px;
        line-height: 20px;
        overflow : auto;
 }
@@ -1179,12 +1157,12 @@ body#ttrssPrefs hr {
 }
 
 body#ttrssMain #feedTree .dijitTreeRowSelected {
-       background : #ecf4ff;
+       background : white;
        /* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */
 }
 
 body#ttrssMain #feedTree .dijitTreeRowHover {
-       background : white;
+       background : #ecf4ff;
 }
 
 body#ttrssMain #feedTree .dijitTreeRowActive {