fix includes order in update daemon

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

diff --git a/tt-rss.css b/tt-rss.css
index 972805f901c9afb263dd7c8569d983a69fa16718..30f94d28834a0d526abe7ff508c3f2999743071a 100644 (file)
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -367,7 +367,7 @@ table.prefFeedList td.feedSelect {
        text-align : center;
 }
 
-div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder {
+div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder, div.filterTestHolder {
        height : 300px;
        overflow : auto;
        border-width : 0px 1px 1px 1px;
@@ -377,7 +377,7 @@ div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder {
        background-color : #ecf4ff;
 }
 
-div.prefFeedOPMLHolder, div.inactiveFeedHolder {
+div.prefFeedOPMLHolder, div.filterTestHolder {
        border-width : 1px 1px 1px 1px;
 }
 
@@ -502,7 +502,7 @@ td.selectPrompt {
 
 div#headlines-toolbar {
        border-width : 0px 0px 1px 0px;
-       background-color : #ecf4ff;
+       background-color : #f0f0f0;
        border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
        font-size : 11px;
        font-family : "Segoe UI", Tahoma, sans-serif;
@@ -510,31 +510,68 @@ div#headlines-toolbar {
        padding : 0px;
        margin : 0px;
        overflow : hidden;
-       height : 23px;
+       height : 25px;
+       line-height : 25px;
+       padding-left : 4px;
 }
 
 div#headlines-toolbar .dijitSelect {
        font-size : 11px;
+       position : relative;
+       top : -2px;
 }
 
-div#headlines-toolbar div#subtoolbar_main {
-       display : table-cell;
-       width : 100%;
-       white-space : nowrap;
-       vertical-align : middle;
-       padding-left : 5px;
-}
-
-div#headlines-toolbar div#subtoolbar_ftitle {
-       display : table-cell;
+div#headlines-toolbar span.r {
+       float: right;
+   position: relative;
+       background : #ecf4ff;
+       border-left: 5px solid white;
+       padding : 0 4px 0px 4px;
        text-align : right;
-       vertical-align : middle;
-       white-space : nowrap;
-       padding-right : 5px;
+}      
+
+/* http://css-tricks.com/adobe-like-arrow-headers/ */
+
+@media screen and (-webkit-min-device-pixel-ratio:0) { 
+       div#headlines-toolbar span.r:before,
+       div#headlines-toolbar span.r:after {
+               content: "";
+          position: absolute;
+           /* Pushed down half way, will get pulled back up half height of triangle
+              ensures centering if font-size or line-height changes */
+           top: 50%;
+           width: 0;
+           height: 0;
+       }
+       div#headlines-toolbar span.r:before {
+           left: -12px;
+           /* Triangle */
+           border-top: 8px solid transparent;
+           border-bottom: 8px solid transparent;
+           border-right: 8px solid white;
+           /* Pull-up */
+           margin-top: -8px;
+       }
+       div#headlines-toolbar span.r:after {
+           /* Smaller and different position triangle */
+           left: -5px;
+           border-top: 6px solid transparent;
+           border-bottom: 6px solid transparent;
+           border-right: 6px solid #ecf4ff;
+           margin-top: -6px;
+       }
+}
+
+div#headlines-toolbar span.r span.error {
+       color : red;
+} 
+
+div#headlines-toolbar span.r a {
+       color : gray;
 }
 
-div#subtoolbar_ftitle span.error {
-       color : red;
+div#headlines-toolbar span.r a:hover {
+       color : black;
 }
 
 span.contentPreview {
@@ -548,7 +585,7 @@ span.contentPreview:hover {
 
 span.hlLabelRef {
        background-color : #fff7d5;     
-       font-height : 8px;
+       font-size : 8px;
        color : #063064;
        font-weight : normal;
        margin : 0px 3px 0px 3px;
@@ -1027,7 +1064,7 @@ span.labelColorIndicator {
        height : 14px;
        width : 14px;
        line-height : 14px;
-       font-height : 9px;
+       font-size : 9px;
        display : inline-block;
        border : 1px solid black;
        background-color : #fff7d5;     
@@ -1039,7 +1076,7 @@ span.labelColorIndicator {
 span.labelColorIndicator2 {
        height : 14px;
        width : 14px;
-       font-height : 9px;
+       font-size : 9px;
        display : inline-block;
        border : 1px solid black;
        background-color : #fff7d5;     
@@ -1116,7 +1153,6 @@ div.hlRight img {
 
 span.hlUpdated {
        color : gray;
-       font-weight : medium;
        min-width : 100px;
        display : table-cell;
        width : 100%;
@@ -1124,7 +1160,6 @@ span.hlUpdated {
        padding-top : 4px;
        padding-bottom : 4px;
        text-align : right;
-
 }
 
 div.hlLeft input {
@@ -1372,3 +1407,12 @@ a.bookmarklet {
        padding : 1em;
        color : gray;
 }
+
+td.error { 
+       color : red;
+}
+
+div.dialogNotice {
+       margin-bottom : 5px;
+       color : gray;
+}