updates to debug mode

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

diff --git a/tt-rss.css b/tt-rss.css
index ff9efc71dded318aee4e161116f83d26b619c5c4..d9cc3b9b9febbb9bf42906f207acf93ae499e6ce 100644 (file)
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -31,7 +31,7 @@ table.main td.prefsToolbar {
 }
 
 table.main td.feeds {
-       width : 300px;
+       width : 290px;
        height : 100%;
        border-width : 1px 0px 0px 0px;
        border-style : solid;
@@ -77,6 +77,13 @@ table.main td.headlines {
        border-color : #c0c0c0;
 }
 
+table.main td.headlines2 {
+       height : 100%;
+       border-width : 0px 0px 0px 1px;
+       border-style : solid;
+       border-color : #c0c0c0;
+}
+
 table.main td.content {
        height : 100%;
        background-image : url("images/vgrad_light_rev.png");
@@ -117,6 +124,9 @@ div.postReply a:hover {
 div.postReply div.postHeader {
        background : white;
        border : 1px solid #c0c0c0;
+}
+
+div.postReply > div.postHeader {
        padding : 5px;
 }
 
@@ -139,22 +149,28 @@ ul.feedList {
 ul.feedList li.feedCat {
        margin : 0px;
        padding : 3px 0px 3px 0px;
-/*     border-width : 0px 0px 1px 0px;
-       border-color : #f0f0f0;
-       border-style : solid; */
        color : #707070;
-       font-size : small;
+       font-size : x-small;
+}
+
+ul.feedList li.feedCat a {
+       color : #707070;
+}
+
+ul.feedList li.feedCat a:hover {
+       color : #5050aa;
 }
 
 ul.feedCatList {
        list-style-type : none;
-       margin : 0px;
-       padding : 0px 0px 0px 10px;     
+       margin : 0px 0px 0px 20px;
+       padding : 0px;  
 }
 
 ul.feedCatList li {
        margin : 0px;
        padding : 0px 0px 0px 0px;
+       color : black;
 }
 
 ul.feedList li {
@@ -202,12 +218,19 @@ ul.feedlist
 } */
 
 ul.feedlist li.feedUnread, 
+ul.feedlist li.errorUnread, 
 ul.feedlist li.labelUnread, 
 ul.feedlist li.virtUnread,
 ul.feedlist li.tagUnread {
        font-weight : bold;
 }
 
+ul.feedlist li.errorSelected a,
+ul.feedlist li.error a,
+ul.feedlist li.errorUnread a,
+ul.feedlist li.errorUnreadSelected a {
+       color : #f04040;
+}
 
 ul.feedlist li.feedSelected a,
 ul.feedlist li.labelSelected a,
@@ -223,7 +246,8 @@ ul.feedlist li.tagUnreadSelected a {
        color : #5050aa;
 }
 
-ul.feedlist li.feedUnreadSelected ,
+ul.feedlist li.feedUnreadSelected,
+ul.feedlist li.errorUnreadSelected,
 ul.feedlist li.labelUnreadSelected,
 ul.feedlist li.virtUnreadSelected,
 ul.feedlist li.tagUnreadSelected {
@@ -238,6 +262,7 @@ ul.feedList img, img.tinyFeedIcon {
        margin : 0px 3px 0px 0px;
        width : 16px;
        height : 16px;
+       border-width : 0px;
 }
 
 h1 {
@@ -278,7 +303,8 @@ a:hover {
 #piggie {
        width : 400;
        height : 400;
-       left : 50;
+       right : 0;
+       top : -400;
        background-color : white;
        display : none;
        z-index : 3;
@@ -295,7 +321,8 @@ a:hover {
 
 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
-#iedit_fcat, #iedit_filter_action {
+#iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
+#iedit_parent_feed {
        width : 100%;
        padding-left : 2px;
 }
@@ -305,23 +332,21 @@ input.editbox {
        padding-left : 2px;
 }
 
-#notify {
+td.notifyBox {
        font-size : 10pt;
        text-align : right;
+}
+
+#notify {
        color : black;
        font-weight : bold;
-       border-style : solid;
-       border-width : 0px 0px 1px 1px;
-       border-color : #e0e0e0;
-       background-color : white;
        padding : 3px;
-       width : 350px;
 }
 
 #dispSwitch {
-       text-align : right;
        padding : 5px 5px 5px 0px;
        font-size : x-small;
+       text-align : right;
 }
 
 #dispSwitch a {
@@ -436,21 +461,40 @@ a.button {
        display : none;
 }
 
-input {
+td > input, div > input {
        border : 1px solid #a0a0a0;
 }
 
 /* preferences */
 
-table.prefFeedList tr.title td, table.prefFilterList tr.title td,
-       table.headlinesList tr.title td, table.prefLabelList tr.title td,
-       table.prefPrefsList tr.title td, 
-       table.prefFeedCatList tr.title td, 
-       table.prefUserList tr.title td {
-       font-weight : bold;
+tr.title td {
        border-width : 0px 0px 1px 0px;
        border-color : #f0f0f0;
        border-style : solid;
+       font-size : x-small;
+       color : gray;
+}
+
+tr.title td a {
+       color : gray;
+}
+
+tr.title td a:hover {
+       color : #5050aa;
+}
+
+table.prefFeedList td.feedEditCat {
+       font-size : large;
+       font-weight : bold;
+       padding : 5px 0px 5px 0px;
+}
+
+table.prefFeedList td.feedIcon {
+       text-align : center;
+}
+
+table.prefFeedList td.feedSelect {
+       text-align : center;
 }
 
 a.helpLink {
@@ -480,12 +524,16 @@ div.helpResponse {
 }
 
 #userDlg {
-       background : #fffff0;
+       padding : 15px;
+       border : 1px solid #c0c0c0;
+       font-size : small;
        position : relative;
        bottom : 2px;
        right : 2px;
-       padding : 15px;
-       border : 1px solid #c0c0c0;
+       background-color : white;
+       background-image : url("images/vgrad_light_rev2.png");
+       background-position : top left;
+       background-repeat : repeat-x;
 }
 
 #qafInput {
@@ -510,6 +558,7 @@ div.helpResponse {
        width : 30%;
        z-index : 3;
        display : none;
+       top : 30%;
 }
 
 div.infoBoxContents {
@@ -537,11 +586,15 @@ div.helpResponse h2, div.infoBoxContents h2 {
        font-size : 12pt;
 }
 
-pre {
+/* pre {
        border : 1px solid #c0c0c0;
        padding : 5px;
        background : #f0f0f0;
        margin : 5px 10px 5px 10px;
+} */
+
+pre {
+       margin : 5px;
 }
 
 input.extSearch {
@@ -618,7 +671,7 @@ div.prefHelp, td.prefHelp {
 }
 
 td.welcomePrompt {
-       font-size : small;
+       font-size : x-small;
        color : gray;
        text-align : right;
        padding-right : 10px;
@@ -648,10 +701,6 @@ table.innerLoginForm td {
        padding : 3px 3px 5px 3px;
 }
 
-div.small, p.small {
-       font-size : x-small;
-}
-
 span.insensitive {
        color : gray;
 }
@@ -686,7 +735,7 @@ div.logoutContent {
 }
 
 .small {
-       font-size : small;
+       font-size : x-small;
 }
 
 table.innerFeedTable td {
@@ -790,3 +839,179 @@ div.postHeader td.postDate {
        padding-bottom : 5px;
        display : none;
 }
+
+/*td.hlContent {
+       overflow : hidden;
+       height : 1em;
+       display : block;
+} */
+
+td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
+       height : 1em;
+}
+
+div.cdmArticle {
+       border : 1px solid #f0f0f0;
+       background-color : #fafafa;
+       -moz-border-radius : 5px;
+       margin : 10px 10px 0px 10px;
+       padding : 10px;
+}
+
+div.cdmArticleUnread {
+       border : 1px solid #d5f1f4;
+       background-color : #fafeff;
+       -moz-border-radius : 5px;
+       margin : 10px 10px 0px 10px;
+       padding : 10px;
+}
+
+div.cdmArticleSelected, div.cdmArticleUnreadSelected {
+       border : 1px solid #d0d0f6;
+       background-color : #eaeaff;
+       -moz-border-radius : 5px;
+       margin : 10px 10px 0px 10px;
+       padding : 10px;
+}
+
+div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a {
+       font-weight : bold;
+}
+
+div.cdmHeader {
+       padding-bottom : 5px;
+}
+
+div.cdmFooter {
+       font-size : x-small;
+       color : gray;
+       padding-top : 5px;
+}
+
+div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
+       margin : 0px;
+}
+
+div.cdmHeader, div.cdmHeader a {
+       color : gray;
+       font-size : x-small;
+}
+
+div.cdmHeader a:hover {
+       color : #5050aa;
+}
+
+div.cdmContent {
+}
+
+a.warning {
+       color : #f04040;
+}
+
+img.closeButton {
+       border-width : 0px;
+       float : right;
+}
+
+span.groupPrompt {
+       font-size : x-small;
+       color : #505050;
+}
+
+ul.userFeedList {
+       height : 300px;
+       overflow : auto;
+       list-style-type : none;
+}
+
+/* #browseBigFeedList li.oddSelected {
+       border : 1px solid #d0d0f6;
+       background-color : #eaeaff;
+       -moz-border-radius : 5px;
+} */
+
+ul.browseFeedList {
+       height : 300px;
+       overflow : auto;
+       list-style-type : none;
+       margin : 0px 0px 5px 0px;
+       padding : 0px;
+}
+
+ul.browseFeedList li {
+       margin : 0px;
+       padding : 0px;
+}
+
+span.subscribers {
+       color : #808080;
+}
+
+div.subscribers {
+       color : #808080;
+       font-size : x-small;
+       float : right;
+}
+
+input.feedBrowseCB {
+       margin-right : 1em;
+}
+
+div.browserDetails {
+       margin : 5px 5px 5px 5px;
+       display : none;
+       padding : 5px;
+}
+
+ul.compact {
+       list-style-type : none;
+       margin : 0px;
+       padding : 0px;
+}
+
+ul.compact li {
+       margin : 0px;
+       padding : 0px;
+}
+
+div.browserFeedInfo {
+       font-size : x-small;
+}
+
+div.browserFeedInfo div.detailsPart {
+       margin : 5px 0px 5px 5px;       
+}
+
+div.cdmContent a {
+       color : #5050aa;
+}
+
+div.cdmContent a:hover {
+       color : black;
+}
+
+.noborder {
+       border-width : 0px;
+}
+
+#debug_output {
+       width : 300;
+       height : 80;
+       right : 20;
+       bottom : 20;
+       background-color : white;
+       display : none;
+       z-index : 3;
+       position : absolute;
+       border : 1px solid #c0c0c0;
+       overflow : auto;
+       margin : 0px;
+       padding : 5px;
+       list-style-type : none;
+}
+
+#debug_output li {
+       margin : 0px;
+       padding : 0px;
+       font-size : x-small;
+}