css cleanup; remove auxDlg; add separate prefs.css

diff --git a/atom-to-html.xsl b/atom-to-html.xsl
index 2cc46655bd9922979014117daeed9946b43ccf2a..097b07f55840586d0e70d6c1040264afac2a14c4 100644 (file)
--- a/atom-to-html.xsl
+++ b/atom-to-html.xsl
@@ -41,7 +41,6 @@
                                <p><a href="{enclosure/@url}">Extra...</a></p>
                        </xsl:if>
 
-                       <hr/>
 
                </xsl:for-each>
 

diff --git a/index.php b/index.php
index 2c2dc9ecc6be3740a8e8701f62d0b5841e32dbed..2aa4891eff0be65f3dd3d009e48657eebbce2910 100644 (file)
--- a/index.php
+++ b/index.php
@@ -136,7 +136,6 @@
 
 <div id="notify" class="notify"><span id="notify_body">&nbsp;</span></div>
 <div id="cmdline" style="display : none"></div>
-<div id="auxDlg" style="display : none"></div>
 <div id="headlines-tmp" style="display : none"></div>
 
 <div id="main" dojoType="dijit.layout.BorderContainer">

diff --git a/js/feedlist.js b/js/feedlist.js
index 7385177d1f48c48da1f97d7284d560950a004245..ec3b09dabb24552a34a8e9a588b9900527996be6 100644 (file)
--- a/js/feedlist.js
+++ b/js/feedlist.js
@@ -88,8 +88,6 @@ function viewfeed(feed, method, is_cat, offset, background, infscroll_req) {
 
                                _infscroll_request_sent = timestamp;
                        }
-
-                       hideAuxDlg();
                }
 
                Form.enable("main_toolbar_form");
@@ -206,23 +204,6 @@ function request_counters(force) {
        }
 }
 
-function displayNewContentPrompt(id) {
-       try {
-
-               var msg = "<a href='#' onclick='viewCurrentFeed()'>" +
-                       __("New articles available in this feed (click to show)") + "</a>";
-
-               msg = msg.replace("%s", getFeedName(id));
-
-               $('auxDlg').innerHTML = msg;
-
-               new Effect.Appear('auxDlg', {duration : 0.5});
-
-       } catch (e) {
-               exception_error("displayNewContentPrompt", e);
-       }
-}
-
 function parse_counters(elems, scheduled_call) {
        try {
                for (var l = 0; l < elems.length; l++) {
@@ -245,10 +226,6 @@ function parse_counters(elems, scheduled_call) {
                                continue;
                        }
 
-                       if (id == getActiveFeedId() && ctr > getFeedUnread(id) && scheduled_call) {
-                               displayNewContentPrompt(id);
-                       }
-
                        if (getFeedUnread(id, (kind == "cat")) != ctr ||
                                        (kind == "cat")) {
                        }

diff --git a/js/functions.js b/js/functions.js
index ec170a7d910bc6fc7192f6d48624a6580e3b04b1..7da9abfbd636589861593ccca843ad4f625197d6 100644 (file)
--- a/js/functions.js
+++ b/js/functions.js
@@ -717,15 +717,6 @@ function hotkey_prefix_timeout() {
        }
 }
 
-function hideAuxDlg() {
-       try {
-               Element.hide('auxDlg');
-       } catch (e) {
-               exception_error("hideAuxDlg", e);
-       }
-}
-
-
 function uploadIconHandler(rc) {
        try {
                switch (rc) {

diff --git a/js/viewfeed.js b/js/viewfeed.js
index 87bb02be38a0d5f49a80fea9e340c282aec20848..28d4ea8ec5feff0e4abf36d90ae3e47611ea22fe 100644 (file)
--- a/js/viewfeed.js
+++ b/js/viewfeed.js
@@ -347,8 +347,6 @@ function view(id) {
 
                console.log("cache check result: " + (cached_article != false));
 
-               hideAuxDlg();
-
                var query = "?op=article&method=view&id=" + param_escape(id);
 
                var neighbor_ids = getRelativePostIds(id);
@@ -1433,8 +1431,6 @@ function cdmExpandArticle(id) {
 
                if (!$("RROW-" + id)) return false;
 
-               hideAuxDlg();
-
                var elem = $("CICD-" + getActiveArticleId());
 
                if (id == getActiveArticleId() && Element.visible(elem))
@@ -1643,8 +1639,6 @@ function cdmClicked(event, id) {
        try {
                //var shift_key = event.shiftKey;
 
-               hideAuxDlg();
-
                if (!event.ctrlKey) {
 
                        if (!getInitParam("cdm_expanded")) {

diff --git a/prefs.css b/prefs.css
new file mode 100644 (file)
index 0000000..92a2e7e
--- /dev/null
+++ b/prefs.css
@@ -0,0 +1,129 @@
+html, body#ttrssPrefs, #main {
+       width: 100%; 
+       height: 100%;
+       border: 0; 
+       padding: 0; 
+       margin: 0;
+} 
+
+#header a {
+       color : #4684ff;        
+}
+
+#header a:hover {
+       color : black;
+}
+
+#header img {
+       vertical-align : middle;
+       cursor : pointer;
+}
+
+
+div#pref-tabs .dijitContentPane {
+       font-size : 12px;
+}
+
+div#pref-tabs {
+       margin : 0px 5px 0px 5px;
+}
+
+div#pref-tabs .dijitContentPane h3 {
+       font-size : 14px;
+       font-weight : bold;
+}
+
+#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-instance-wrap, #pref-instance-header, #pref-instance-content {
+       margin : 0px;
+       padding : 0px;
+       border-width : 0px;
+}
+
+#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab { 
+       padding : 0px;
+}
+
+/* preferences */
+
+table.prefPrefsList h3 {
+       margin-top : 0.5em;
+       margin-bottom : 0px;
+}
+
+tr.title td {
+       border-width : 0px 0px 1px 0px;
+       border-color : #ecf4ff;
+       border-style : solid;
+       color : #4684ff;
+}
+
+tr.title td a {
+       color : #4684ff;
+}
+
+tr.title td a:hover {
+       color : black;
+}
+
+div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder {
+       height : 300px;
+       overflow : auto;
+       border-width : 0px 1px 1px 1px;
+       border-color : #c0c0c0;
+       border-style : solid;
+       margin : 0px 0px 5px 0px;
+       background-color : #ecf4ff;
+}
+
+div.filterTestHolder {
+       border-width : 1px 1px 1px 1px;
+}
+
+ul.selfUpdateList {
+       height : 200px;
+       overflow : auto;
+       list-style-type : none;
+       border : 1px solid #c0c0c0;
+       background-color : #ecf4ff;
+       margin : 0px 0px 5px 0px;
+       padding : 5px;
+}
+
+div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
+       text-align : center;
+       padding : 5px;
+       color : gray;
+}
+
+div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
+       margin-right : 5px;
+}
+
+#errorButton {
+       color : red;
+}
+
+a.bookmarklet {
+       color : #4684ff;
+       border : 1px solid #ecf4ff;
+       padding : 2px;
+}
+
+table.prefPluginsList td label, table.prefUserList td {
+       cursor : pointer;
+}
+
+ul.userFeedList {
+       height : 300px;
+       overflow : auto;
+       list-style-type : none;
+       border : 1px solid gray;
+       background-color : white;
+       margin : 0px 0px 5px 0px;
+       padding : 0px;
+}
+
+

diff --git a/prefs.php b/prefs.php
index 5b4ac17669b2b84b4407a60cb519479ec2d9881f..0add206e43c0de29bb54353d3f4aab5ce2f20c0f 100644 (file)
--- a/prefs.php
+++ b/prefs.php
@@ -37,6 +37,7 @@
 
        <?php echo stylesheet_tag("lib/dijit/themes/claro/claro.css"); ?>
        <?php echo stylesheet_tag("tt-rss.css"); ?>
+       <?php echo stylesheet_tag("prefs.css"); ?>
 
        <?php print_user_stylesheet($link) ?>
 

diff --git a/tt-rss.css b/tt-rss.css
index f10616f0c52dd0249eb5624c2970e2bff6b83a02..e6198d48c6c160087a5e23f0f2dc8c02936b3955 100644 (file)
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -180,6 +180,10 @@ a:hover {
        background-color : #fff7d5 ! important;
 }
 
+.Unread div.hlTitle {
+       font-weight : bold;
+}
+
 .even.Unread.Selected {
        background : #fff7d5 ! important;
        border-width : 0px 0px 1px 0px;
@@ -252,42 +256,17 @@ a:hover {
        border-color : #c0c0c0;
 }
 
-/* preferences */
-
-table.prefPrefsList h3 {
-       margin-top : 0.5em;
-       margin-bottom : 0px;
-}
-
-tr.title td {
-       border-width : 0px 0px 1px 0px;
-       border-color : #ecf4ff;
-       border-style : solid;
-       color : #4684ff;
-}
-
-tr.title td a {
-       color : #4684ff;
-}
-
-tr.title td a:hover {
-       color : black;
-}
-
-div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder, div.filterTestHolder {
+div.filterTestHolder {
        height : 300px;
        overflow : auto;
-       border-width : 0px 1px 1px 1px;
        border-color : #c0c0c0;
        border-style : solid;
        margin : 0px 0px 5px 0px;
        background-color : #ecf4ff;
-}
-
-div.prefFeedOPMLHolder, div.filterTestHolder {
        border-width : 1px 1px 1px 1px;
 }
 
+
 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
        margin : 5px 0px 5px 0px;
        padding : 10px;
@@ -494,30 +473,10 @@ ul.feedErrorsList {
        padding : 5px;
 }
 
-ul.selfUpdateList {
-       height : 200px;
-       overflow : auto;
-       list-style-type : none;
-       border : 1px solid #c0c0c0;
-       background-color : #ecf4ff;
-       margin : 0px 0px 5px 0px;
-       padding : 5px;
-}
-
 ul.feedErrorsList em {
        color : gray;
 }
 
-ul.userFeedList {
-       height : 300px;
-       overflow : auto;
-       list-style-type : none;
-       border : 1px solid gray;
-       background-color : white;
-       margin : 0px 0px 5px 0px;
-       padding : 0px;
-}
-
 ul.browseFeedList {
        height : 300px;
        overflow : auto;
@@ -614,49 +573,12 @@ html, body#ttrssMain, #main {
        margin: 0;
 } 
 
-html, body#ttrssPrefs, #main {
-       width: 100%; 
-       height: 100%;
-       border: 0; 
-       padding: 0; 
-       margin: 0;
-} 
-
 #toolbar div.actionChooser {
        display : table-cell;
        text-align : right;
        padding-right : 3px;
 }
 
-/* preferences layout */
-
-div.return {
-       float : right;
-       font-size : 12px;
-       margin-right : 10px;
-}
-
-div.return a {
-       color : #4684ff;
-}
-
-div.return a:hover {
-       color : black;
-}
-
-#header a {
-       color : #4684ff;        
-}
-
-#header a:hover {
-       color : black;
-}
-
-#header img {
-       vertical-align : middle;
-       cursor : pointer;
-}
-
 div.autocomplete {
        position : absolute;
        width : 250px;
@@ -792,25 +714,6 @@ div#cmdline {
        width : 18px;
 }
 
-div#auxDlg {
-       position : absolute;
-       z-index : 3;
-       bottom : 5px;
-       right : 25px;
-       padding : 5px;
-       border-width : 1px;
-       border-style : solid;
-       border-color : #d7c47a;
-       background-color : #fff7d5;
-       color : black;
-       text-align : center;
-       font-size : 13px;
-}
-
-div#auxDlg a {
-       color : #4684ff;
-}
-
 div.hlTitle {
        display : table-cell;
        cursor : pointer;
@@ -992,65 +895,10 @@ img.feedIcon, img.tinyFeedIcon {
        vertical-align : middle;
 }
 
-div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
-       text-align : center;
-       padding : 5px;
-       color : gray;
-}
-
-div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
-       margin-right : 5px;
-}
-
-div#pref-tabs .dijitContentPane {
-       font-size : 12px;
-}
-
-div#pref-tabs {
-       margin : 0px 5px 0px 5px;
-}
-
-div#pref-tabs .dijitContentPane h3 {
-       font-size : 14px;
-       font-weight : bold;
-}
-
-#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-instance-wrap, #pref-instance-header, #pref-instance-content {
-       margin : 0px;
-       padding : 0px;
-       border-width : 0px;
-}
-
-#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab { 
-       padding : 0px;
-}
-
-#errorButton {
-       color : red;
-}
-
-span.labelFixedLength {
-       display : inline-block;
-       width : 70%;
-}
-
-#filter_dlg_date_chk_box {
-       display : inline-block;
-}
-
 .dijitDialog .dijitToolbar {
        border : 1px solid #c0c0c0;
 }
 
-a.bookmarklet {
-       color : #4684ff;
-       border : 1px solid #ecf4ff;
-       padding : 2px;
-}
-
 .player {
        display : inline-block;
        color : gray;
@@ -1063,6 +911,7 @@ a.bookmarklet {
        text-align : center;
        background : white;
 }
+
 .player.playing {
        color : #00c000;
        border-color : #00c000;
@@ -1081,10 +930,6 @@ a.bookmarklet {
        color : gray;
 }
 
-td.error { 
-       color : red;
-}
-
 div.dialogNotice {
        margin-bottom : 5px;
        color : gray;
@@ -1111,10 +956,6 @@ ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitChec
        margin-right : 5px;
 }
 
-table.prefPluginsList td label, table.prefUserList td {
-       cursor : pointer;
-}
-
 ul.helpKbList {
        max-height : 300px;
        overflow : auto;
@@ -1149,10 +990,6 @@ div.postContent p {
        max-width : 650px;
 }
 
-.Unread div.hlTitle {
-       font-weight : bold;
-}
-
 div.postContent iframe {
        min-width : 50%;
 }

diff --git a/utility.css b/utility.css
index 3a69e1bca6d8e08ef0421a39251cc9c64a9eaf1d..bdf4fde58854b7dcd79a6b0a72c3c1d91059260b 100644 (file)
--- a/utility.css
+++ b/utility.css
@@ -99,7 +99,6 @@ div.rss h1 {
 
 div.rss h2 {
        font-size : 12pt;
-       margin : 0px;
 }
 
 div.rss a.extlink {
@@ -110,6 +109,10 @@ div.rss a.extlink {
        font-size : 9pt;
 }
 
+div.rss img {
+       max-width : 775px;
+}
+
 div.rss p.description {
        color : gray;
        font-size : 9pt;