use css for help overlay, css cleanup

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

diff --git a/tt-rss.css b/tt-rss.css
index 4c4de2de209426b7f6cc9ca230b8e64c9217c9ed..fe6d883533fe9be4be164e82ae5c0833a1d9a20f 100644 (file)
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -1,9 +1,9 @@
-body#ttrssMain, body#ttrssPrefs, body#ttrssLogin {
+body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
        background : white;
        color : black;
        margin : 0px;
        padding : 0px;
-       font-family : "Lucida Grande", Arial, sans-serif;
+       font-family : sans-serif;
        font-size : 12px;
 }
 
@@ -350,7 +350,11 @@ table.prefUserList tr.oddSelected,
 table.prefFeedList tr.even,
 table.prefFeedList tr.odd,
 table.prefFeedList tr.evenSelected,
-table.prefFeedList tr.oddSelected
+table.prefFeedList tr.oddSelected,
+table.prefInstanceList tr.even,
+table.prefInstanceList tr.odd,
+table.prefInstanceList tr.evenSelected,
+table.prefInstanceList tr.oddSelected
 {      
        cursor : pointer;
 }
@@ -370,7 +374,11 @@ table.prefUserList tr.oddSelected:hover td,
 table.prefFeedList tr.even:hover td, 
 table.prefFeedList tr.odd:hover td,
 table.prefFeedList tr.evenSelected:hover td, 
-table.prefFeedList tr.oddSelected:hover td
+table.prefFeedList tr.oddSelected:hover td,
+table.prefInstanceList tr.even:hover td, 
+table.prefInstanceList tr.odd:hover td,
+table.prefInstanceList tr.evenSelected:hover td, 
+table.prefInstanceList tr.oddSelected:hover td
 {
        color : #88b0f0;
 }
@@ -412,6 +420,7 @@ a.helpLink:hover {
        font-size : 12px;
        background : transparent;
        border-width : 0px;
+       color : gray;
 }
 
 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
@@ -432,6 +441,7 @@ a.helpLink:hover {
        font-family : monospace;
        padding : 0px;
        font-size : 12px;
+       color : black;
 }
 
 div.notice {
@@ -519,7 +529,7 @@ div#headlines-toolbar {
        background-color : #ecf4ff;
        border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
        font-size : 11px;
-       font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
+       font-family : "Segoe UI", Tahoma, sans-serif;
        color : gray;
        padding : 0px;
        margin : 0px;
@@ -590,7 +600,6 @@ div.postHeader div.postDateRTL {
 div.postHeader div {
        padding-bottom : 3px;
        font-size : 12px;
-       /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 }
 
 #feedUpdateErrors {
@@ -740,16 +749,6 @@ div.browserFeedInfo div.detailsPart {
        border-width : 0px;
 }
 
-#dialog_overlay {
-       left : 0;
-       top : 0;
-       height : 100%;
-       width : 100%;
-       z-index : 4;
-       position : absolute;
-       background-image : url("images/shadow_white.png");
-}
-
 #overlay {
        background : white;
        left : 0;
@@ -1031,6 +1030,9 @@ div#hotkey_help_overlay {
        z-index : 999;
        color : white;
        font-size : 15px;
+       background : black;
+       border-radius : 30px;
+       padding : 10px;
 }
 
 div#hotkey_help_overlay h1 {
@@ -1082,43 +1084,6 @@ div#hotkey_help_overlay h2 {
        color : #88b0f0;
 }
 
-div#hotkey_help_overlay table.hho td.c1 {
-       height : 30px;
-       width : 30px;
-       background : url("images/c1.png");
-       background-repeat : no-repeat;
-
-}
-
-div#hotkey_help_overlay table.hho td.c2 {
-       height : 30px;
-       width : 30px;
-       background : url("images/c2.png");
-       background-repeat : no-repeat;
-}
-
-div#hotkey_help_overlay table.hho td.c3 {
-       height : 30px;
-       width : 30px;
-       background : url("images/c3.png");
-       background-repeat : no-repeat;
-}
-
-div#hotkey_help_overlay table.hho td.c4 {
-       height : 30px;
-       width : 30px;
-       background : url("images/c4.png");
-       background-repeat : no-repeat;
-}
-
-div#hotkey_help_overlay table.hho td.top,
-div#hotkey_help_overlay table.hho td.left,
-div#hotkey_help_overlay table.hho td.right,
-div#hotkey_help_overlay table.hho td.bottom,
-div#hotkey_help_overlay table.hho td.content {
-       background : url("images/shadow_dark.png");     
-}
-
 div#hotkey_help_overlay table.hho td.top,
 div#hotkey_help_overlay table.hho td.bottom {
        text-align : center;
@@ -1289,8 +1254,14 @@ div.hlRight img {
 span.hlUpdated {
        color : gray;
        font-weight : medium;
-       width : 100px;
-       display : inline-block;
+       min-width : 100px;
+       display : table-cell;
+       width : 100%;
+       vertical-align : middle;
+       padding-top : 4px;
+       padding-bottom : 4px;
+       text-align : right;
+
 }
 
 div.hlLeft input {
@@ -1352,6 +1323,7 @@ div.fatalError textarea {
        border-left-width : 0px;
        border-bottom-width : 0px;
        border-top-width : 0px;
+       overflow : auto;
 }
 
 #headlines-wrap-inner {
@@ -1412,6 +1384,7 @@ div.fatalError textarea {
        border-bottom-width : 0px;
        border-right-width : 0px;
        border-left-width : 0px;
+       overflow : auto;
 }
 
 .dijitTreeLabel.Unread {
@@ -1466,13 +1439,14 @@ div#pref-tabs .dijitContentPane h3 {
 
 #pref-filter-wrap, #pref-filter-header, #pref-filter-content, 
 #pref-label-wrap, #pref-label-header, #pref-label-content,
-#pref-user-wrap, #pref-user-header, #pref-user-content {
+#pref-user-wrap, #pref-user-header, #pref-user-content, 
+#pref-instance-wrap, #pref-instance-header, #pref-instance-content {
        margin : 0px;
        padding : 0px;
        border-width : 0px;
 }
 
-#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds { 
+#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab { 
        padding : 0px;
 }
 
@@ -1528,3 +1502,10 @@ a.bookmarklet {
        cursor : pointer;
 }
 
+#headlines-spacer {
+       height : 100%;
+       margin-left : 1px;
+       text-align : center;
+       padding : 1em;
+       color : gray;
+}