]> git.wh0rd.org - tt-rss.git/commitdiff
move stylesheets to css/, reference default tt-rss stylesheets from
authorAndrew Dolgov <fox@madoka.volgo-balt.ru>
Sun, 19 May 2013 17:22:01 +0000 (21:22 +0400)
committerAndrew Dolgov <fox@madoka.volgo-balt.ru>
Sun, 19 May 2013 17:22:01 +0000 (21:22 +0400)
default.css to make custom themes easier

22 files changed:
cdm.css [deleted file]
classes/article.php
classes/handler/public.php
classes/opml.php
classes/pref/prefs.php
css/cdm.css [new file with mode: 0644]
css/prefs.css [new file with mode: 0644]
css/tt-rss.css [new file with mode: 0644]
css/utility.css [new file with mode: 0644]
include/functions.php
include/login_form.php
include/sanity_check.php
index.php
install/index.php
plugins/auth_internal/init.php
prefs.css [deleted file]
prefs.php
register.php
themes/default.css
tt-rss.css [deleted file]
update.php
utility.css [deleted file]

diff --git a/cdm.css b/cdm.css
deleted file mode 100644 (file)
index 4adc8f3..0000000
--- a/cdm.css
+++ /dev/null
@@ -1,213 +0,0 @@
-div.cdmHeader img, div.cdmHeader input, div.cdmFooter img {
-       vertical-align : middle;
-}
-
-div.cdmHeader {
-       display : table;
-}
-
-div.cdmHeader > * {
-       display : table-cell;
-       padding : 5px;
-}
-
-div.cdmHeader > div {
-       white-space : nowrap;
-}
-
-div.cdmHeader > span {
-       width : 100%;
-}
-
-div.cdmHeader span.updated {
-       color : #555;
-       font-weight : normal;
-       font-size : 11px;
-       white-space : nowrap;
-       vertical-align : middle;
-}
-
-div.cdmHeader input {
-       margin-right : 5px;
-}
-
-div.cdmHeader div.updPic {
-       width : 25px;
-       display : inline-block;
-       text-align : center;
-}
-
-div.cdmHeader div.updPic img {
-       vertical-align : middle;
-}
-
-div.cdmHeader img, div.cdmFooter img {
-       margin : 0px 2px 0px 2px;
-}
-
-div.cdmContentInner {
-       margin : 10px;
-       line-height : 20px;
-}
-
-div.cdmContentInner img {
-       border-width : 0px;
-       max-width : 98%;
-       height : auto;
-}
-
-div.cdmFooter {
-       padding : 5px;
-       font-weight : normal;
-       color : #555;
-       clear : both;
-}
-
-div.cdm.expanded {
-       margin-top : 4px;
-       margin-bottom : 4px;
-}
-
-div.cdm.expandable {
-       background-color : #f0f0f0;
-       border-width : 0px 0px 1px 0px;
-       border-color : #c0c0c0;
-       border-style : solid;
-}
-
-div.cdm.expandable.active {
-       box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
-}
-
-div.cdm.expandable > hr {
-       display : none;
-}
-
-div.cdm.expanded > hr {
-       margin-top : 0px;
-       margin-bottom : 0px;
-}
-
-div.cdm.expandable.Unread {
-       background : white;
-}
-
-div.cdm.expandable.active {
-       border-color : #88b0f0;
-       background : white ! important;
-}
-
-div.cdm.expandable div.cdmHeader a.title {
-       font-weight : bold;
-       color : #555;
-}
-
-div.cdm.expandable.Unread div.cdmHeader a.title {
-       color : black;
-}
-
-div.cdm.expandable.active div.cdmHeader a.title {
-       color : #4684ff;
-}
-
-div.cdm.expanded div.cdmHeader {
-       background : transparent ! important;
-}
-
-div.cdm.expanded div.cdmHeader a.title {
-       font-size : 14px;
-       color : #999;
-       font-weight : bold;
-}
-
-
-div.cdm.expanded.active div.cdmHeader a.title {
-       color : #4684ff;
-}
-
-div.cdm.expanded.Unread div.cdmHeader a.title {
-       color : black;
-}
-
-div.cdm.expanded div.cdmContent {
-       color : #555;
-}
-
-div.cdm.expanded.Unread div.cdmContent {
-       color : black;
-}
-
-div.cdm.active div.cdmContent {
-       color : black;
-}
-
-span.cdmExcerpt {
-       font-size : 11px;
-       color : #555;
-       font-weight : normal;
-       cursor : pointer;
-}
-
-div.cdmContent div.postEnclosures {
-       margin-top : 1em;
-       color : #555;
-}
-
-div.cdmFeedTitle {
-       border-color : #a0a0a0;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       padding : 5px 3px 5px 5px;
-       background : url("images/toolbar.png") bottom left;
-       background-repeat : repeat-x;
-}
-
-div.cdmFeedTitle a.title {
-       color : #555;
-       font-style : italic;
-       font-weight : bold;
-}
-
-div.cdmFeedTitle a {
-       color : #555;
-}
-
-div.cdmFeedTitle a:hover {
-       color : #4684ff;
-}
-
-div.cdmHeader span.hlFeed {
-       float : right;
-       font-weight : normal;
-       font-style : italic;
-}
-
-div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
-       vertical-align : middle;
-       color : #555;
-       font-weight : normal;
-       font-style : italic;
-       font-size : 11px;
-}
-
-div.cdm .hlFeed a {
-       border-radius : 4px;
-       display : inline-block;
-       padding : 1px 4px 1px 4px;
-}
-
-div.cdmContentInner p {
-       max-width : 650px;
-}
-
-div.cdmContentInner iframe {
-       min-width : 50%;
-}
-
-div.cdmHeader span.author {
-       color : #555;
-       font-size : 11px;
-       font-weight : normal;
-}
-
-
index e9f86f2984d6a709fe5cf8aeb0c4caebd0018eec..398132d1200b5b1f412f0e9dcdb8cf2984a7bcae 100644 (file)
@@ -44,7 +44,7 @@ class Article extends Handler_Protected {
                } else if ($mode == "raw") {
                        if ($_REQUEST['html']) {
                                header("Content-Type: text/html");
-                               print '<link rel="stylesheet" type="text/css" href="tt-rss.css"/>';
+                               print '<link rel="stylesheet" type="text/css" href="css/tt-rss.css"/>';
                        }
 
                        $article = format_article($id, false);
index 7fa74410763a6b3d7438e5eb903cd5ff1683e926..3e868d56e8e111d475527f9ae23828ab7d9b4ef7 100644 (file)
@@ -382,7 +382,7 @@ class Handler_Public extends Handler {
                header('Content-Type: text/html; charset=utf-8');
                print "<html><head><title>Tiny Tiny RSS</title>";
 
-               stylesheet_tag("utility.css");
+               stylesheet_tag("css/utility.css");
                javascript_tag("lib/prototype.js");
                javascript_tag("lib/scriptaculous/scriptaculous.js?load=effects,dragdrop,controls");
                print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
@@ -553,7 +553,7 @@ class Handler_Public extends Handler {
                        print "<html>
                                <head>
                                        <title>Tiny Tiny RSS</title>
-                                       <link rel=\"stylesheet\" type=\"text/css\" href=\"utility.css\">
+                                       <link rel=\"stylesheet\" type=\"text/css\" href=\"css/utility.css\">
                                        <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
                                </head>
                                <body>
@@ -735,7 +735,7 @@ class Handler_Public extends Handler {
                header('Content-Type: text/html; charset=utf-8');
                print "<html><head><title>Tiny Tiny RSS</title>";
 
-               stylesheet_tag("utility.css");
+               stylesheet_tag("css/utility.css");
                javascript_tag("lib/prototype.js");
 
                print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
@@ -835,7 +835,7 @@ class Handler_Public extends Handler {
                        <head>
                        <title>Database Updater</title>
                        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-                       <link rel="stylesheet" type="text/css" href="utility.css"/>
+                       <link rel="stylesheet" type="text/css" href="css/utility.css"/>
                        </head>
                        <style type="text/css">
                                span.ok { color : #009000; font-weight : bold; }
index 3f4030dea190e62bed68b14cbec0fae441ed1071..b37b72c21e43bf02c12032e1b148f8b0749b12cf 100644 (file)
@@ -24,7 +24,7 @@ class Opml extends Handler_Protected {
 
                print "<html>
                        <head>
-                               <link rel=\"stylesheet\" href=\"utility.css\" type=\"text/css\">
+                               <link rel=\"stylesheet\" href=\"css/utility.css\" type=\"text/css\">
                                <title>".__("OPML Utility")."</title>
                                <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
                        </head>
index 077addf411cbec8493a397dc9122c91aaf1cc50a..32071e3b31680ff00a89b215650babb7467d6cd8 100644 (file)
@@ -962,7 +962,7 @@ class Pref_Prefs extends Handler_Protected {
 
                $value = str_replace("<br/>", "\n", $value);
 
-               print_notice(T_sprintf("You can override colors, fonts and layout of your currently selected theme with custom CSS declarations here. <a target=\"_blank\" class=\"visibleLink\" href=\"%s\">This file</a> can be used as a baseline.", "tt-rss.css"));
+               print_notice(T_sprintf("You can override colors, fonts and layout of your currently selected theme with custom CSS declarations here. <a target=\"_blank\" class=\"visibleLink\" href=\"%s\">This file</a> can be used as a baseline.", "css/tt-rss.css"));
 
                print "<input dojoType=\"dijit.form.TextBox\" style=\"display : none\" name=\"op\" value=\"rpc\">";
                print "<input dojoType=\"dijit.form.TextBox\" style=\"display : none\" name=\"method\" value=\"setpref\">";
diff --git a/css/cdm.css b/css/cdm.css
new file mode 100644 (file)
index 0000000..4adc8f3
--- /dev/null
@@ -0,0 +1,213 @@
+div.cdmHeader img, div.cdmHeader input, div.cdmFooter img {
+       vertical-align : middle;
+}
+
+div.cdmHeader {
+       display : table;
+}
+
+div.cdmHeader > * {
+       display : table-cell;
+       padding : 5px;
+}
+
+div.cdmHeader > div {
+       white-space : nowrap;
+}
+
+div.cdmHeader > span {
+       width : 100%;
+}
+
+div.cdmHeader span.updated {
+       color : #555;
+       font-weight : normal;
+       font-size : 11px;
+       white-space : nowrap;
+       vertical-align : middle;
+}
+
+div.cdmHeader input {
+       margin-right : 5px;
+}
+
+div.cdmHeader div.updPic {
+       width : 25px;
+       display : inline-block;
+       text-align : center;
+}
+
+div.cdmHeader div.updPic img {
+       vertical-align : middle;
+}
+
+div.cdmHeader img, div.cdmFooter img {
+       margin : 0px 2px 0px 2px;
+}
+
+div.cdmContentInner {
+       margin : 10px;
+       line-height : 20px;
+}
+
+div.cdmContentInner img {
+       border-width : 0px;
+       max-width : 98%;
+       height : auto;
+}
+
+div.cdmFooter {
+       padding : 5px;
+       font-weight : normal;
+       color : #555;
+       clear : both;
+}
+
+div.cdm.expanded {
+       margin-top : 4px;
+       margin-bottom : 4px;
+}
+
+div.cdm.expandable {
+       background-color : #f0f0f0;
+       border-width : 0px 0px 1px 0px;
+       border-color : #c0c0c0;
+       border-style : solid;
+}
+
+div.cdm.expandable.active {
+       box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
+}
+
+div.cdm.expandable > hr {
+       display : none;
+}
+
+div.cdm.expanded > hr {
+       margin-top : 0px;
+       margin-bottom : 0px;
+}
+
+div.cdm.expandable.Unread {
+       background : white;
+}
+
+div.cdm.expandable.active {
+       border-color : #88b0f0;
+       background : white ! important;
+}
+
+div.cdm.expandable div.cdmHeader a.title {
+       font-weight : bold;
+       color : #555;
+}
+
+div.cdm.expandable.Unread div.cdmHeader a.title {
+       color : black;
+}
+
+div.cdm.expandable.active div.cdmHeader a.title {
+       color : #4684ff;
+}
+
+div.cdm.expanded div.cdmHeader {
+       background : transparent ! important;
+}
+
+div.cdm.expanded div.cdmHeader a.title {
+       font-size : 14px;
+       color : #999;
+       font-weight : bold;
+}
+
+
+div.cdm.expanded.active div.cdmHeader a.title {
+       color : #4684ff;
+}
+
+div.cdm.expanded.Unread div.cdmHeader a.title {
+       color : black;
+}
+
+div.cdm.expanded div.cdmContent {
+       color : #555;
+}
+
+div.cdm.expanded.Unread div.cdmContent {
+       color : black;
+}
+
+div.cdm.active div.cdmContent {
+       color : black;
+}
+
+span.cdmExcerpt {
+       font-size : 11px;
+       color : #555;
+       font-weight : normal;
+       cursor : pointer;
+}
+
+div.cdmContent div.postEnclosures {
+       margin-top : 1em;
+       color : #555;
+}
+
+div.cdmFeedTitle {
+       border-color : #a0a0a0;
+       border-width : 0px 0px 1px 0px;
+       border-style : solid;
+       padding : 5px 3px 5px 5px;
+       background : url("images/toolbar.png") bottom left;
+       background-repeat : repeat-x;
+}
+
+div.cdmFeedTitle a.title {
+       color : #555;
+       font-style : italic;
+       font-weight : bold;
+}
+
+div.cdmFeedTitle a {
+       color : #555;
+}
+
+div.cdmFeedTitle a:hover {
+       color : #4684ff;
+}
+
+div.cdmHeader span.hlFeed {
+       float : right;
+       font-weight : normal;
+       font-style : italic;
+}
+
+div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
+       vertical-align : middle;
+       color : #555;
+       font-weight : normal;
+       font-style : italic;
+       font-size : 11px;
+}
+
+div.cdm .hlFeed a {
+       border-radius : 4px;
+       display : inline-block;
+       padding : 1px 4px 1px 4px;
+}
+
+div.cdmContentInner p {
+       max-width : 650px;
+}
+
+div.cdmContentInner iframe {
+       min-width : 50%;
+}
+
+div.cdmHeader span.author {
+       color : #555;
+       font-size : 11px;
+       font-weight : normal;
+}
+
+
diff --git a/css/prefs.css b/css/prefs.css
new file mode 100644 (file)
index 0000000..8720326
--- /dev/null
@@ -0,0 +1,125 @@
+#header a:hover {
+       color : black;
+}
+
+#header img {
+       vertical-align : middle;
+       cursor : pointer;
+}
+
+
+div#pref-tabs .dijitContentPane {
+       font-size : 13px;
+}
+
+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;
+}
+
+div.prefProfileHolder, 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, div.prefFeedOPMLHolder {
+       border-width : 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 : #555;
+}
+
+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 #555;
+       background-color : white;
+       margin : 0px 0px 5px 0px;
+       padding : 0px;
+}
+
+table.prefErrorLog tr.errrow td {
+       font-size : 10px;
+}
+
+table.prefErrorLog tr.errrow td.errno {
+       font-style : italic;
+       font-weight : bold;
+       white-space : nowrap;
+}
+
+table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog td.timestamp {
+       color : #555;
+}
+
+.dijitAccordionContainer-child {
+       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.2);
+}
+
diff --git a/css/tt-rss.css b/css/tt-rss.css
new file mode 100644 (file)
index 0000000..72bdc1d
--- /dev/null
@@ -0,0 +1,1106 @@
+body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
+       background : white;
+       color : black;
+       margin : 0px;
+       padding : 0px;
+       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+       font-size: 14px;
+}
+
+html, body#ttrssMain, body#ttrssPrefs, #main {
+       width: 100%; 
+       height: 100%;
+       border: 0; 
+       padding: 0; 
+       margin: 0;
+} 
+
+
+body#ttrssPrefs {
+       background-color : #ecf4ff;
+}
+
+body#ttrssPrefs #footer, body#ttrssPrefs #header {
+       background-color : #ecf4ff; 
+       padding-left : 8px;
+       padding-right : 8px;
+}
+
+div.postReply {
+       padding : 0px;
+}
+
+div.postReply div.postHeader {
+       border-width : 0px 0px 1px 0px;
+       border-style : solid;
+       border-color : #c0c0c0;
+       background : #fafafa;
+       box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1);
+       padding : 5px;
+       color : #909090;
+}
+
+div.postReply div.postTitle {
+       overflow : hidden;
+       text-overflow: ellipsis;
+       white-space : nowrap;
+}
+
+div.postReply div.postDate {
+       padding-left : 10px;
+}
+
+div.postReply div.postContent {
+       padding : 10px;
+}
+
+div.postReply div.postContent img {
+       border-width : 0px;
+       max-width : 98%;
+       height: auto;
+}
+
+div.postReply div.postEnclosures {
+       margin-top : 1em;
+       color : #555;
+}
+
+div.postReply img.tagsPic {
+       width : 16px;
+       height : 16px;
+       margin-left : 4px;
+       vertical-align : middle;
+}
+
+div.articleNote {
+       background-color : #fff7d5;
+       padding : 5px;
+       border-radius : 4px;
+       margin : 5px;
+       border-style : solid;
+       border-color : #e7d796;
+       border-width : 1px;
+       box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
+       background-color : #fff7d5;
+       color : #9a8c59;
+}
+
+div.articleNote div.noteEdit {
+       float : right;
+       cursor : pointer;
+}
+
+div.postReply span.author {
+       font-size : 12px;
+}
+
+h1 {
+       font-size : 18px;
+}
+
+h2 {
+       font-size : 16px;
+       font-weight : bold;
+       border-width : 0px 0px 1px 0px;
+       border-style : solid;
+       border-color : #ecf4ff;
+}
+
+h3 {
+       font-size : 12px;
+       font-weight : bold;
+       border-width : 0px 0px 1px 0px;
+       border-style : solid;
+       border-color : #ecf4ff;
+}
+
+hr {
+       border-width : 0px 0px 1px 0px;
+       border-style : solid;
+       border-color : #c0c0c0;
+       max-width : 90%;
+}
+
+a {
+       color : #4684ff;
+       text-decoration : none;
+}
+
+a:hover {
+       color : #88b0f0;
+}
+
+#piggie {
+       z-index : 999;
+       position : absolute;
+}
+
+#notify {
+       bottom : 10px;
+       right : 10px;
+       border-width : 1px;
+       border-style : solid;
+       position : absolute;    
+       font-size : 12px;
+       z-index : 99;
+       max-width : 200px;
+       min-width : 100px;
+       padding : 5px;
+       -width : 200px;
+       box-shadow : 0px 0px 2px rgba(0,0,0,0.2);
+}
+
+#notify img {
+       vertical-align : middle;
+       max-height : 14px;
+}
+
+#notify span.msg {
+       width : 100%;
+}
+
+#notify span.close {
+       text-align : right;
+}
+
+#notify span {
+       display : table-cell;
+       vertical-align : middle;
+       padding : 4px;
+}
+
+.notify {
+       border-color : #d7c47a;
+       background-color : #fff7d5;
+}
+
+.notify.progress {
+       border-color : #d7c47a;
+       background-color : #fff7d5;
+}
+
+.notify.info {
+       border-color : #88b0f0;
+       background-color : #ecf4ff;
+}
+
+.notify.error {
+       background-color : #ffcccc;
+       border-color : #ff0000;
+}
+
+.hl div.hlTitle a {
+       font-weight : bold;
+       color : #555;
+}
+
+.hl.Unread div.hlTitle a {
+       color : black;
+}
+
+.hl.active {
+       box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
+}
+
+.hl.active div.hlTitle a {
+       color : #4684ff;
+}
+
+.hl.Grayed {
+       color : #909090;
+}
+
+#headlines-frame div.hl:nth-child(even) {
+       background : #fafafa;
+}
+
+#headlines-frame.normal {
+
+}
+
+.hl {
+       border-width : 0px 0px 1px 0px;
+       border-style : solid;
+       border-color : #c0c0c0;
+}
+
+.hl.active {
+       background : #ecf4ff ! important;
+}
+
+div.filterTestHolder {
+       height : 300px;
+       overflow : auto;
+       border-color : #c0c0c0;
+       border-style : solid;
+       margin : 0px 0px 5px 0px;
+       background-color : #ecf4ff;
+       border-width : 1px 1px 1px 1px;
+}
+
+
+#content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
+       margin : 5px 0px 5px 0px;
+       color : #555;
+       padding-left : 10px;
+       border-width : 0px 0px 0px 4px;
+       border-color : #c0c0c0;
+       border-style : solid;
+}
+
+#content-insert code, #headlines-frame code, .dijitContentPane code {
+       color : #009900;
+       font-family : monospace;
+       font-size : 12px;
+}
+
+#content-insert pre, #headlines-frame pre, .dijitContentPane pre {
+       margin : 5px 0px 5px 0px;
+       padding : 10px;
+       color : #555;
+       font-family : monospace;
+       font-size : 12px;
+       border-width : 0px;
+       border-color : #c0c0c0;
+       border-style : solid;
+       background : #fafafa;
+       display : block;
+       max-width : 98%;
+       overflow : auto;
+}
+
+div.notice, div.warning, div.error {
+       padding : 4px 10px 4px 4px;
+       display : inline-block;
+       margin : 2px 0px 4px 0px;
+       font-size : 12px;
+       border-style : solid;
+       border-color : #ccc;
+       border-radius : 4px;
+       border-width : 1px;
+       box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
+}
+
+div.notice div.inner, div.warning div.inner, div.error div.inner {
+       vertical-align : middle;
+}
+
+div.notice {
+       background : #ecf4ff;
+       border-color : #88b0f0;
+}
+
+div.warning {
+       background : #fff7d5;
+       border-color : #e7d796;;
+}
+
+div.error {
+       background : #ffcccc;
+       border-color : #ff0000;
+}
+
+div.warning img, div.notice img, div.error img {
+       margin-right : 4px;
+       vertical-align : middle;
+}
+
+div.warning span, div.notice span, div.error span {
+       display : table-cell;
+       vertical-align : middle;
+
+}
+
+ul.nomarks {
+       list-style-type : none;
+       margin : 0px;
+       padding : 10px; 
+}
+
+div.prefHelp {
+       color : #555;
+       padding : 5px;
+}
+
+span.feed_error {
+       color : red;
+}
+
+.insensitive {
+       color : #555;
+}
+
+div#headlines-toolbar {
+       border-width : 0px 0px 1px 0px;
+       background-color : #fcfcfc;
+       border-color : #c0c0c0;
+       font-size : 12px;
+       font-family : "Segoe UI", Tahoma, sans-serif;
+       color : #555;
+       padding : 0px;
+       margin : 0px;
+       overflow : hidden;
+       height : 25px;
+       line-height : 25px;
+       padding-left : 4px;
+}
+
+div#headlines-toolbar .dijitSelect {
+       font-size : 11px;
+       position : relative;
+       top : -2px;
+}
+
+div#headlines-toolbar span.r {
+       float: right;
+   position: relative;
+       padding : 0 4px 0px 4px;
+       text-align : right;
+}      
+
+div#headlines-toolbar span.r span.error {
+       color : red;
+} 
+
+div#headlines-toolbar span.r a {
+       color : #555;
+}
+
+span.contentPreview {
+       color : #555;
+       font-weight : normal;
+}
+
+span.contentPreview:hover {
+       color : #4684ff;
+}
+
+span.hlLabelRef {
+       background-color : #fff7d5;     
+       font-size : 8px;
+       color : #063064;
+       font-weight : normal;
+       margin-left : 2px;
+       padding : 1px 4px 1px 4px;
+       display : inline-block;
+       vertical-align : middle;
+       white-space: nowrap;
+       border-radius : 4px;
+}
+
+div.postHeader div.postDate {
+       text-align : right;
+       color : #555;
+       float : right;
+}
+
+div.postHeader div {
+       padding-bottom : 3px;
+}
+
+#feedUpdateErrors {
+       display : none;
+}
+
+#allEntryTags {
+       border-width : 0px 0px 1px 0px;
+       border-style : solid;
+       border-color : #c0c0c0;
+       padding-bottom : 5px;
+       display : none;
+}
+
+a.hlFeed {
+       display : block;
+       white-space : nowrap;
+       font-size : 9px;
+       font-style : italic;
+       font-weight : normal;
+       border-radius : 4px;
+       display : inline-block;
+       padding : 1px 2px 1px 2px;
+       margin-bottom : 2px;
+       margin-top : 2px;
+       color : #555;
+}
+
+a.hlFeed:hover {
+       color : #4684ff;
+}
+
+img.markedPic, img.pubPic {
+       cursor : pointer;
+       vertical-align : middle;
+}
+
+div.tagCloudContainer {
+       border : 1px solid #c0c0c0;
+       background-color : #ecf4ff;
+       margin : 5px 0px 5px 0px;
+       padding : 5px;
+       text-align : center;
+}
+
+div.errorExplained {
+       border : 1px solid #c0c0c0;
+       background-color : #ecf4ff;
+       margin : 5px 0px 5px 0px;
+       padding : 5px;
+}
+
+ul.feedErrorsList {
+       max-height : 300px;
+       overflow : auto;
+       list-style-type : none;
+       border : 1px solid #c0c0c0;
+       background-color : #ecf4ff;
+       margin : 0px 0px 5px 0px;
+       padding : 5px;
+}
+
+ul.feedErrorsList em {
+       color : #555;
+}
+
+ul.browseFeedList {
+       height : 300px;
+       overflow : auto;
+       border-width : 0px 1px 1px 1px;
+       border-color : #c0c0c0;
+       border-style : solid;
+       margin : 0px 0px 5px 0px;
+       background-color : white;
+       list-style-type : none;
+       padding : 0px;
+
+}
+
+ul.browseFeedList li {
+       margin : 0px;
+       padding : 2px 4px 2px 4px;
+}
+
+span.subscribers {
+       color : #808080;
+}
+
+div.subscribers {
+       color : #808080;
+       font-size : 12px;
+       float : right;
+}
+
+div.browserDetails {
+       margin : 5px 5px 5px 5px;
+       padding : 5px;
+}
+
+ul.compact {
+       list-style-type : none;
+       margin : 0px;
+       padding : 0px;
+}
+
+ul.compact li {
+       margin : 0px;
+       padding : 0px;
+}
+
+.noborder {
+       border-width : 0px;
+}
+
+#overlay {
+       background : white;
+       left : 0;
+       top : 0;
+       height : 100%;
+       width : 100%;
+       z-index : 100;
+       position : absolute;
+}
+
+#overlay_inner {
+       font-weight : bold;
+       margin : 1em;
+}
+
+form {
+       margin : 0px;
+       padding : 0px;
+}
+
+#main_toolbar_form {
+       margin : 0px;
+       padding : 0px;
+       display : table-cell;
+       white-space : nowrap;
+       width : 100%;
+}
+
+div.loadingPrompt {
+       padding : 1em;
+       text-align : center;
+       font-weight : bold;
+}
+
+div.whiteBox {
+       margin-left : 1px;
+       text-align : center;
+       padding : 1em;
+}
+
+/* html, body#ttrssMain, #main {
+       width: 100%; 
+       height: 100%;
+       padding: 0; 
+       margin: 0;
+} */
+
+#toolbar div.actionChooser {
+       display : table-cell;
+       text-align : right;
+       padding-right : 3px;
+}
+
+div.autocomplete {
+       position : absolute;
+       width : 250px;
+       background-color : white;
+       border :1px solid #778899;
+       margin : 0px;
+       padding : 0px;
+}
+
+div.autocomplete ul {
+       list-style-type : none;
+       margin : 0px;
+       padding : 0px;
+}
+
+div.autocomplete ul li.selected { 
+       background-color : #fff7d5;
+}
+
+div.autocomplete ul li {
+       list-style-type : none;
+       display : block;
+       margin : 0;
+       padding : 2px;
+       height : 32px;
+       cursor : pointer;
+}
+
+.hlContentH a, .hlContentH span {
+       color : #00cc00;
+}
+
+.hlContentL a, .hlContentL span {
+       color : #909090;
+       text-decoration : line-through;
+}
+
+span.titleWrapH, span.titleWrapH a {
+       color : #00cc00;
+}
+
+span.titleWrapL, span.titleWrapL a {
+       color : #909090;
+       text-decoration : line-through;
+}
+
+img.hlScorePic {
+       vertical-align : middle;
+       width : 16px;
+       height : 16px;
+}
+
+div.dlgSec {
+       font-size : 12px;
+       color : #555;
+       font-weight : bold;
+       clear : both;
+       height : 20px;
+}
+
+div.dlgSecCont {
+       position : relative;
+       left : 150px;
+       top : -20px;
+       float : left;
+       font-size : 12px;
+       font-weight : normal;
+}
+
+div.dlgSecCont hr {
+       height : 0px;
+       line-height : 0px;
+       border : 0px solid transparent;
+       margin : 2px;
+}
+
+div.dlgSecCont > * {
+       position : relative;
+       top : -2px;
+}
+
+div.dlgButtons {
+       text-align : right;
+       clear : both;
+}
+
+span.labelColorIndicator {
+       height : 14px;
+       width : 14px;
+       line-height : 14px;
+       font-size : 9px;
+       display : inline-block;
+       border : 1px solid black;
+       background-color : #fff7d5;     
+       color : #063064;
+       text-align : center;
+       margin-right : 2px;
+}
+
+span.labelColorIndicator2 {
+       height : 14px;
+       width : 14px;
+       font-size : 9px;
+       display : inline-block;
+       border : 1px solid black;
+       background-color : #fff7d5;     
+       color : #063064;
+       text-align : center;
+       margin-right : 2px;
+       vertical-align : bottom;
+}
+
+div#cmdline {
+       position : absolute;
+       left : 5px;
+       bottom : 5px;
+       font-size : 11px;
+       color : #555;
+       font-weight : bold;
+       background-color : white;
+       border : 1px solid #88b0f0;
+       padding : 3px 5px 3px 5px;
+       z-index : 5;
+}
+
+#feed_browser_spinner {
+       vertical-align : middle;
+       height : 18px;
+       width : 18px;
+}
+
+div.hlTitle {
+       display : table-cell;
+       cursor : pointer;
+       width : 100%;
+       vertical-align : middle;
+       padding-top : 4px;
+       padding-bottom : 4px;
+}
+
+div.hlLeft {
+       display : table-cell;
+       vertical-align : middle;
+       white-space: nowrap;
+}
+
+div.hlRight {
+       display : table-cell;
+       white-space: nowrap;
+       text-align : right;
+       vertical-align : middle;
+}
+
+div.hlRight img {
+       max-width : 16px;
+       max-height : 16px;
+}
+
+span.hlUpdated {
+       color : #555;
+       min-width : 100px;
+       display : table-cell;
+       width : 100%;
+       vertical-align : middle;
+       text-align : right;
+       font-size : 10px;
+}
+
+div.hlLeft {
+       padding-left : 8px;
+}
+
+div.hlLeft input {
+       margin-left : 4px;
+       margin-right : 4px;
+}
+
+div.hlLeft img, div.hlRight img {
+       margin : 0px 4px 0px 4px;
+}
+
+div.hlLeft img {
+       width : 16px;
+       height : 16px;
+}
+
+div.fatalError {
+       margin-bottom : 10px;
+}
+
+div.fatalError button {
+       margin-top : 5px;
+}
+
+div.fatalError textarea {
+       width : 100%;
+       height : 100px;
+}
+
+#ttrssMain #main {
+       border-width : 0px;
+       margin : 0px;
+       padding : 0px;
+}
+
+#header-wrap {
+       border-width : 0px;
+       margin : 0px;
+       padding : 0px;
+}
+
+#content-wrap {
+       padding : 0px;
+       border-width : 0px 0px 0px 1px;
+       border-style : solid;
+       border-color : #c0c0c0;
+       margin : 0px;
+}
+
+#feeds-holder {
+       padding : 0px;
+       border-color : #c0c0c0;
+       border-left-width : 0px;
+       border-bottom-width : 0px;
+       border-top-width : 0px;
+       overflow : hidden;
+       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
+       background : #f9fbff;
+}
+
+#headlines-wrap-inner {
+       padding : 0px;
+       margin : 0px;
+       border-width : 0px;
+}
+
+#headlines-frame {
+       padding : 0px;
+       border-color : #c0c0c0;
+       border-style : solid;
+       border-width : 0px;
+       margin-top : 0px;
+       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
+}
+
+#headlines-toolbar_splitter, #toolbar_splitter {
+       display : none;
+}
+
+#toolbar {
+       padding : 0px;
+       margin : 0px;
+       border-width : 0px;
+       white-space: nowrap;
+       font-size : 12px;
+       box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
+}
+
+#header {
+       border-width : 0px;
+       text-align : right;
+       color : #555;
+       padding : 5px 5px 0px 0px;
+       margin : 0px;
+       position : absolute;
+       right : 0px;
+       top : 0px;
+       z-index : 5;
+}
+
+#footer {
+       text-align : center;
+       color : #555;
+       padding : 4px 4px 8px 4px;
+       border-width : 0px;
+}
+
+#content-insert {
+       padding : 0px;
+       border-color : #c0c0c0;
+       border-bottom-width : 0px;
+       border-right-width : 0px;
+       border-left-width : 0px;
+       line-height: 20px;
+       overflow : auto;
+}
+
+.dijitTreeLabel.Unread {
+       font-weight : bold;
+}
+
+.dijitTreeLabel {
+       outline : 0;
+}
+
+.feedParam {
+       color : #555;
+       float : right;
+       margin-right : 1em;
+}
+
+.labelParam {
+       float : right;
+       margin-right : 1em;
+}
+
+.dijitTreeLabel.Disabled, .labelParam.Disabled {
+       color : #555;
+}
+
+.dijitTreeRow.Error {
+       color : red;
+}
+
+.dijitTreeRow.Hidden {
+       display : none;
+}
+
+img.feedIcon, img.tinyFeedIcon {
+       width : 16px;
+       height : 16px;
+       vertical-align : middle;
+       display : inline-block;
+}
+
+.dijitDialog .dijitToolbar {
+       border : 1px solid #c0c0c0;
+}
+
+.dijitDialog h2 {
+       margin-top : 0px;
+       margin-bottom : 4px;
+       border-width : 0px;
+}
+
+.player {
+       display : inline-block;
+       color : #555;
+       font-size : 11px;
+       font-family : sans-serif;
+       border : 1px solid #555;
+       padding : 0px 4px 0px 4px;
+       margin : 0px 2px 0px 2px;
+       width : 50px;
+       text-align : center;
+       background : white;
+}
+
+.player.playing {
+       color : #00c000;
+       border-color : #00c000;
+}
+
+.player:hover {
+       background : #f0f0f0;
+       cursor : pointer;
+}
+
+#headlines-spacer {
+       height : 100%;
+       margin-left : 1px;
+       text-align : center;
+       padding : 1em;
+       color : #555;
+}
+
+ul#filterDlg_Matches, ul#filterDlg_Actions {
+       max-height : 100px;
+       overflow : auto;
+       list-style-type : none;
+       border-style : solid;
+       border-color : #c0c0c0;
+       border-width : 0px 1px 1px 1px;
+       background-color : #ecf4ff;
+       margin : 0px 0px 5px 0px;
+       padding : 0px;
+}
+
+ul#filterDlg_Matches li, ul#filterDlg_Actions li {
+       cursor : pointer;
+       padding : 0px 0px 0px 5px;
+}
+
+ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
+       margin-right : 5px;
+}
+
+ul.helpKbList {
+       max-height : 300px;
+       overflow : auto;
+       list-style-type : none;
+       border : 1px solid #c0c0c0;
+       background-color : #ecf4ff;
+       margin : 0px 0px 5px 0px;
+       padding : 5px;
+}
+
+ul.helpKbList span.hksequence {
+       width : 6em;
+       margin-left : 20px;
+       color : #88b0f0;
+       font-weight : bold;
+       display : inline-block;
+}
+
+ul.helpKbList h2 {
+       margin-top : 0px;
+}
+
+.dijitTreeNode .loadingNode {
+       margin-left : 3px;
+       height : 9px;
+}
+
+span.collapseBtn {
+       cursor : pointer;
+}
+
+div.postContent p {
+       max-width : 650px;
+}
+
+div.postContent iframe {
+       min-width : 50%;
+}
+
+div.postHeader span.author {
+       color : #555;
+       font-size : 11px;
+       font-weight : normal;
+}
+
+body#ttrssZoom {
+       margin-left : auto;
+       margin-right : auto;
+       padding : 20px;
+       max-width : 800px;
+       background : #f9fbff;
+}
+
+body#ttrssZoom div.postContent p {
+       max-width : 650px;
+}
+
+body#ttrssZoom div.postHeader {
+       margin : 10px;
+       border : 1px solid #ccc;
+       box-shadow : none;
+       border-radius : 4px;
+}
+
+body#ttrssZoom div.postReply {
+       border : 1px solid #ccc;
+       border-radius : 4px;
+       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
+       background : white;
+}
+
+body#ttrssZoom div.postContent {
+
+}
+
+body#ttrssZoom div.footer {
+       margin-top : 1em;
+       text-align : center;
+}
+
+body#ttrssZoom div.postContent img {
+       max-width : 650px;
+       height : auto;
+} 
+
+select.attachments {
+       display : block;
+       margin-top : 10px;
+       max-width : 120px;
+}
+
+div.hl.active {
+       border-color : #88b0f0;
+}
+
+#selected_prompt {
+       margin-right : 25px;
+}
+
+#feedTree .dijitTreeRow {
+       padding : 2px 0px 2px;
+       border-width : 1px;
+       border-color : transparent;
+       color : #333;
+}
+
+#feedTree .dijitTreeNode {
+       padding : 0px;
+       border-width : 0px;
+}
+
+#feedTree { 
+       height : 100%;
+       overflow-x : hidden;
+       font-family : "Segoe UI", Tahoma, sans-serif;
+}
+
+#feedTree .counterNode.aux {
+       background : #f0f0f0;
+       color : #999;
+       border-color : #f0f0f0;
+}
+
+#feedTree .counterNode {
+       font-weight : bold;
+       display : inline-block;
+       font-size : 9px;
+       text-align : center;
+       border : 1px solid #88b0f0;
+       color : white;
+       background : #88b0f0;
+       border-radius : 4px;
+       vertical-align : middle;
+       float : right;
+       margin-right : 5px;
+       position : relative;
+       top : 2px;
+       min-width : 23px;
+}
+
+#feedTree .dijitTreeRow {
+       max-width: 100%;
+       overflow: hidden;
+       text-overflow: ellipsis;
+}
+
+body#ttrssPrefs hr {
+       border-color : #ecf4ff;
+       max-width : 100%;
+}
+
+.dijitMenuItemLabel {
+       font-size : 13px;
+}
diff --git a/css/utility.css b/css/utility.css
new file mode 100644 (file)
index 0000000..ac0180e
--- /dev/null
@@ -0,0 +1,265 @@
+body {
+       background : #f9fbff;
+       color : black;
+       padding : 0px;
+       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+       font-size: 14px;
+       margin-left : auto;
+       margin-right : auto;
+       max-width : 800px;
+}
+
+form {
+       margin : 10px 0px 0px 0px;
+       padding : 0px;
+}
+
+div.content {
+       background : white;
+       border : 1px solid #ccc;
+       padding : 10px;
+       border-radius : 4px;
+       box-shadow : inset 0 0 3px rgba(0,0,0,0.1);
+}
+
+p.warning {
+       color : red;
+}
+
+p.query, code {
+       color : green;
+}
+
+p.insensitive {
+       color : gray;
+}
+
+div.insensitive-small {
+       color : gray;
+       font-size : 10px;
+}
+
+.floatingLogo {
+       float : right;
+       position : relative;
+       top : -10px;
+}
+
+a {
+       color : #4684ff;
+       text-decoration : none;
+}
+
+a:hover {
+       color : black;
+}
+
+div.notice, div.warning, div.error {
+       padding : 4px 10px 4px 4px;
+       display : inline-block;
+       margin : 2px 0px 4px 0px;
+       font-size : 12px;
+       border-style : solid;
+       border-color : #ccc;
+       border-radius : 4px;
+       border-width : 1px;
+       box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
+}
+
+div.notice div.inner, div.warning div.inner, div.error div.inner {
+       vertical-align : middle;
+}
+
+div.notice {
+       background : #ecf4ff;
+       border-color : #88b0f0;
+}
+
+div.warning {
+       border-color : #EFDC88;
+       background : #fff7d5;
+}
+
+div.error {
+       background : #ffcccc;
+       border-color : #ff0000;
+}
+
+div.warning img, div.notice img, div.error img {
+       margin-right : 4px;
+       vertical-align : middle;
+}
+
+div.warning span, div.notice span, div.error span {
+       display : table-cell;
+       vertical-align : middle;
+
+}
+
+h1 {
+       color : #88b0f0;
+       font-size : 32px;
+       margin : 20px 0px 5px 0px;
+       text-shadow : 0 0 6px #fff;
+}
+
+h2 {
+       color : #88b0f0;
+       font-size : 14pt;
+       border-width : 0px 0px 1px 0px;
+       border-color : #f0f0f0;
+       border-style : solid; 
+}
+
+div.content > h2 {
+       margin-top : 0px;
+}
+
+div.rss h1 {
+       border-width : 0px 0px 1px 0px;
+       border-color : gray;
+       border-style : dotted;
+       color : gray;
+       margin-right : 90px;
+}
+
+div.rss h2 {
+       font-size : 12pt;
+}
+
+div.rss a.extlink {
+       color : gray;
+       border-width : 0px 0px 1px 0px;
+       border-color : #778899;
+       border-style : dotted;
+       font-size : 9pt;
+}
+
+div.rss img {
+       max-width : 775px;
+}
+
+div.rss p.description {
+       color : gray;
+       font-size : 9pt;
+}
+
+div.rss div.content {
+       margin-top : 0.5em;
+}
+
+div.rss img.feedicon {
+       float : right;
+}
+
+div.rss hr {
+       border-width : 0px 0px 1px 0px;
+       border-style : dashed;
+       border-color : #e0e0e0;
+}
+
+body#sharepopup {
+       background-color : white;
+       background-image : url("images/toolbar.png");
+       background-repeat : repeat-x;
+       background-position : bottom;
+       margin : 10px;
+       padding : 0px;
+}
+
+body#sharepopup h1 {
+       font-size : 14px;
+       margin : 0px;
+       color : #88b0f0;
+}
+
+body#sharepopup table {
+       background : white;
+       border : 1px solid #88b0f0;
+       padding : 5px;
+}
+
+body#sharepopup form { 
+       height : 100%;
+}
+
+body#sharepopup input { 
+       width : 100%;
+}
+
+div.autocomplete {
+       position : absolute;
+       width : 250px;
+       background-color : white;
+       border :1px solid #778899;
+       margin : 0px;
+       padding : 0px;
+       z-index : 4;
+}
+
+div.autocomplete ul {
+       list-style-type : none;
+       margin : 0px;
+       padding : 0px;
+       font-size : 10px;
+}
+
+div.autocomplete ul li.selected { 
+       background-color : #fff7d5;
+}
+
+div.autocomplete ul li {
+       list-style-type : none;
+       display : block;
+       margin : 0;
+       padding : 2px;
+       height : 32px;
+       cursor : pointer;
+}
+
+fieldset { 
+       border-width : 0px;
+       padding : 0px 0px 5px 0px;
+       margin : 0px;
+}
+
+fieldset input {
+       font-family : sans-serif;
+       font-size : medium;
+       border-spacing : 2px;
+       border : 1px solid #b5bcc7;
+       padding : 2px;
+}
+
+fieldset label {
+       width : 120px;
+       margin-right : 20px;
+       display : inline-block;
+       text-align : right;
+       color : gray;
+}
+
+body.otp {
+       margin : 1em;
+       padding : 0px;
+}
+
+form.otpform {
+       margin : 0px;
+       padding : 0px;
+}
+
+form.otpform label {
+       margin : 0px;
+       padding : 0px;
+}
+
+body.otp div.content {
+       display : inline-block;
+       width : auto;
+}
+
+span.hint {
+       font-size : 10px;
+       color : gray;
+}
index 2a8c23b5d6aee2a0d42a7d6df9033ae7d07ec6b5..328b00c8a7734a6da4df8b691fc51b5c2d972ed1 100644 (file)
                                $rv['content'] .= "<html><head>
                                                <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
                                                <title>Tiny Tiny RSS - ".$line["title"]."</title>
-                                               <link rel=\"stylesheet\" type=\"text/css\" href=\"tt-rss.css\">
+                                               <link rel=\"stylesheet\" type=\"text/css\" href=\"css/tt-rss.css\">
                                        </head><body id=\"ttrssZoom\">";
                        }
 
index ba31615ead296ef0bdba8030b336e31321da533a..0637c453a6811ed4afa57dd4f2ed659295397bf8 100644 (file)
@@ -2,7 +2,7 @@
 <head>
        <title>Tiny Tiny RSS : Login</title>
        <link rel="stylesheet" type="text/css" href="lib/dijit/themes/claro/claro.css"/>
-       <link rel="stylesheet" type="text/css" href="tt-rss.css">
+       <link rel="stylesheet" type="text/css" href="css/tt-rss.css">
        <link rel="shortcut icon" type="image/png" href="images/favicon.png">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script type="text/javascript" src="lib/dojo/dojo.js"></script>
index b2888b1d7e65d50591f5cfebb30c48acace68b7d..29e53fa336f29648f75c4186cd11cc8bca75386d 100644 (file)
                        <head>
                        <title>Startup failed</title>
                                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-                               <link rel="stylesheet" type="text/css" href="utility.css">
+                               <link rel="stylesheet" type="text/css" href="css/utility.css">
                        </head>
                <body>
                <div class="floatingLogo"><img src="images/logo_small.png"></div>
index c43d2db4a55101777fc3c91de8cefbe7bea3cccb..c3fe770f59e73880b7f4daf63ec57763f717bb61 100644 (file)
--- a/index.php
+++ b/index.php
        <title>Tiny Tiny RSS</title>
 
        <?php stylesheet_tag("lib/dijit/themes/claro/claro.css"); ?>
-       <?php stylesheet_tag("tt-rss.css"); ?>
-       <?php stylesheet_tag("cdm.css"); ?>
 
        <?php if ($_SESSION["uid"]) {
                $theme = get_pref( "USER_CSS_THEME", $_SESSION["uid"], false);
-               if ($theme) {
+               if ($theme && file_exists("themes/$theme")) {
                        stylesheet_tag("themes/$theme");
+               } else {
+                       stylesheet_tag("themes/default.css");
                }
        }
        ?>
index 6cb2ace4f370c8b5e0788354c5fd9a66b5e04893..efa917d95357373767b20ee44277a5f43dee9460 100644 (file)
@@ -2,7 +2,7 @@
 <head>
        <title>Tiny Tiny RSS - Installer</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-       <link rel="stylesheet" type="text/css" href="../utility.css">
+       <link rel="stylesheet" type="text/css" href="../css/utility.css">
        <style type="text/css">
        textarea { font-size : 12px; }
        </style>
index 87c8555c082c9851af8ed8cfb7812e6a9359ff95..3c38ab8bf8e754e9251cb99e9a2b8ef088574460 100644 (file)
@@ -51,7 +51,7 @@ class Auth_Internal extends Plugin implements IAuthModule {
                                                        $return = urlencode($_REQUEST["return"]);
                                                        ?><html>
                                                                <head><title>Tiny Tiny RSS</title></head>
-                                                               <?php stylesheet_tag("utility.css") ?>
+                                                               <?php stylesheet_tag("css/utility.css") ?>
                                                        <body class="otp"><div class="content">
                                                        <form action="public.php?return=<?php echo $return ?>"
                                                                        method="POST" class="otpform">
diff --git a/prefs.css b/prefs.css
deleted file mode 100644 (file)
index 8720326..0000000
--- a/prefs.css
+++ /dev/null
@@ -1,125 +0,0 @@
-#header a:hover {
-       color : black;
-}
-
-#header img {
-       vertical-align : middle;
-       cursor : pointer;
-}
-
-
-div#pref-tabs .dijitContentPane {
-       font-size : 13px;
-}
-
-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;
-}
-
-div.prefProfileHolder, 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, div.prefFeedOPMLHolder {
-       border-width : 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 : #555;
-}
-
-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 #555;
-       background-color : white;
-       margin : 0px 0px 5px 0px;
-       padding : 0px;
-}
-
-table.prefErrorLog tr.errrow td {
-       font-size : 10px;
-}
-
-table.prefErrorLog tr.errrow td.errno {
-       font-style : italic;
-       font-weight : bold;
-       white-space : nowrap;
-}
-
-table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog td.timestamp {
-       color : #555;
-}
-
-.dijitAccordionContainer-child {
-       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.2);
-}
-
index 93b7cbb7899ef22eb60c356bc971fc4b2cf5fa8a..2cee534b1892ea4b586e8eb916e02b0914d30502 100644 (file)
--- a/prefs.php
+++ b/prefs.php
        <title>Tiny Tiny RSS : <?php echo __("Preferences") ?></title>
 
        <?php stylesheet_tag("lib/dijit/themes/claro/claro.css"); ?>
-       <?php stylesheet_tag("tt-rss.css"); ?>
-       <?php stylesheet_tag("prefs.css"); ?>
 
        <?php if ($_SESSION["uid"]) {
                $theme = get_pref( "USER_CSS_THEME", $_SESSION["uid"], false);
-               if ($theme) {
+               if ($theme && file_exists("themes/$theme")) {
                        stylesheet_tag("themes/$theme");
+               } else {
+                       stylesheet_tag("themes/default.css");
                }
        }
        ?>
index 5bc6563b0829c6a449ab243ac4ec22e0d3a2ab3f..f50ef14a4013702fe4733a2508b0196dc010872f 100644 (file)
@@ -93,7 +93,7 @@
 <head>
 <title>Create new account</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<link rel="stylesheet" type="text/css" href="utility.css">
+<link rel="stylesheet" type="text/css" href="css/utility.css">
 <script type="text/javascript" src="js/functions.js"></script>
 <script type="text/javascript" src="lib/prototype.js"></script>
 <script type="text/javascript" src="lib/scriptaculous/scriptaculous.js?load=effects,dragdrop,controls"></script>
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..83e15257beaadee1d3ee5444bfabbf4cb0e1d3e8 100644 (file)
@@ -0,0 +1,3 @@
+@import "../css/tt-rss.css";
+@import "../css/cdm.css";
+@import "../css/prefs.css";
diff --git a/tt-rss.css b/tt-rss.css
deleted file mode 100644 (file)
index 72bdc1d..0000000
+++ /dev/null
@@ -1,1106 +0,0 @@
-body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
-       background : white;
-       color : black;
-       margin : 0px;
-       padding : 0px;
-       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-       font-size: 14px;
-}
-
-html, body#ttrssMain, body#ttrssPrefs, #main {
-       width: 100%; 
-       height: 100%;
-       border: 0; 
-       padding: 0; 
-       margin: 0;
-} 
-
-
-body#ttrssPrefs {
-       background-color : #ecf4ff;
-}
-
-body#ttrssPrefs #footer, body#ttrssPrefs #header {
-       background-color : #ecf4ff; 
-       padding-left : 8px;
-       padding-right : 8px;
-}
-
-div.postReply {
-       padding : 0px;
-}
-
-div.postReply div.postHeader {
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #c0c0c0;
-       background : #fafafa;
-       box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1);
-       padding : 5px;
-       color : #909090;
-}
-
-div.postReply div.postTitle {
-       overflow : hidden;
-       text-overflow: ellipsis;
-       white-space : nowrap;
-}
-
-div.postReply div.postDate {
-       padding-left : 10px;
-}
-
-div.postReply div.postContent {
-       padding : 10px;
-}
-
-div.postReply div.postContent img {
-       border-width : 0px;
-       max-width : 98%;
-       height: auto;
-}
-
-div.postReply div.postEnclosures {
-       margin-top : 1em;
-       color : #555;
-}
-
-div.postReply img.tagsPic {
-       width : 16px;
-       height : 16px;
-       margin-left : 4px;
-       vertical-align : middle;
-}
-
-div.articleNote {
-       background-color : #fff7d5;
-       padding : 5px;
-       border-radius : 4px;
-       margin : 5px;
-       border-style : solid;
-       border-color : #e7d796;
-       border-width : 1px;
-       box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
-       background-color : #fff7d5;
-       color : #9a8c59;
-}
-
-div.articleNote div.noteEdit {
-       float : right;
-       cursor : pointer;
-}
-
-div.postReply span.author {
-       font-size : 12px;
-}
-
-h1 {
-       font-size : 18px;
-}
-
-h2 {
-       font-size : 16px;
-       font-weight : bold;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #ecf4ff;
-}
-
-h3 {
-       font-size : 12px;
-       font-weight : bold;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #ecf4ff;
-}
-
-hr {
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #c0c0c0;
-       max-width : 90%;
-}
-
-a {
-       color : #4684ff;
-       text-decoration : none;
-}
-
-a:hover {
-       color : #88b0f0;
-}
-
-#piggie {
-       z-index : 999;
-       position : absolute;
-}
-
-#notify {
-       bottom : 10px;
-       right : 10px;
-       border-width : 1px;
-       border-style : solid;
-       position : absolute;    
-       font-size : 12px;
-       z-index : 99;
-       max-width : 200px;
-       min-width : 100px;
-       padding : 5px;
-       -width : 200px;
-       box-shadow : 0px 0px 2px rgba(0,0,0,0.2);
-}
-
-#notify img {
-       vertical-align : middle;
-       max-height : 14px;
-}
-
-#notify span.msg {
-       width : 100%;
-}
-
-#notify span.close {
-       text-align : right;
-}
-
-#notify span {
-       display : table-cell;
-       vertical-align : middle;
-       padding : 4px;
-}
-
-.notify {
-       border-color : #d7c47a;
-       background-color : #fff7d5;
-}
-
-.notify.progress {
-       border-color : #d7c47a;
-       background-color : #fff7d5;
-}
-
-.notify.info {
-       border-color : #88b0f0;
-       background-color : #ecf4ff;
-}
-
-.notify.error {
-       background-color : #ffcccc;
-       border-color : #ff0000;
-}
-
-.hl div.hlTitle a {
-       font-weight : bold;
-       color : #555;
-}
-
-.hl.Unread div.hlTitle a {
-       color : black;
-}
-
-.hl.active {
-       box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
-}
-
-.hl.active div.hlTitle a {
-       color : #4684ff;
-}
-
-.hl.Grayed {
-       color : #909090;
-}
-
-#headlines-frame div.hl:nth-child(even) {
-       background : #fafafa;
-}
-
-#headlines-frame.normal {
-
-}
-
-.hl {
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #c0c0c0;
-}
-
-.hl.active {
-       background : #ecf4ff ! important;
-}
-
-div.filterTestHolder {
-       height : 300px;
-       overflow : auto;
-       border-color : #c0c0c0;
-       border-style : solid;
-       margin : 0px 0px 5px 0px;
-       background-color : #ecf4ff;
-       border-width : 1px 1px 1px 1px;
-}
-
-
-#content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
-       margin : 5px 0px 5px 0px;
-       color : #555;
-       padding-left : 10px;
-       border-width : 0px 0px 0px 4px;
-       border-color : #c0c0c0;
-       border-style : solid;
-}
-
-#content-insert code, #headlines-frame code, .dijitContentPane code {
-       color : #009900;
-       font-family : monospace;
-       font-size : 12px;
-}
-
-#content-insert pre, #headlines-frame pre, .dijitContentPane pre {
-       margin : 5px 0px 5px 0px;
-       padding : 10px;
-       color : #555;
-       font-family : monospace;
-       font-size : 12px;
-       border-width : 0px;
-       border-color : #c0c0c0;
-       border-style : solid;
-       background : #fafafa;
-       display : block;
-       max-width : 98%;
-       overflow : auto;
-}
-
-div.notice, div.warning, div.error {
-       padding : 4px 10px 4px 4px;
-       display : inline-block;
-       margin : 2px 0px 4px 0px;
-       font-size : 12px;
-       border-style : solid;
-       border-color : #ccc;
-       border-radius : 4px;
-       border-width : 1px;
-       box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
-}
-
-div.notice div.inner, div.warning div.inner, div.error div.inner {
-       vertical-align : middle;
-}
-
-div.notice {
-       background : #ecf4ff;
-       border-color : #88b0f0;
-}
-
-div.warning {
-       background : #fff7d5;
-       border-color : #e7d796;;
-}
-
-div.error {
-       background : #ffcccc;
-       border-color : #ff0000;
-}
-
-div.warning img, div.notice img, div.error img {
-       margin-right : 4px;
-       vertical-align : middle;
-}
-
-div.warning span, div.notice span, div.error span {
-       display : table-cell;
-       vertical-align : middle;
-
-}
-
-ul.nomarks {
-       list-style-type : none;
-       margin : 0px;
-       padding : 10px; 
-}
-
-div.prefHelp {
-       color : #555;
-       padding : 5px;
-}
-
-span.feed_error {
-       color : red;
-}
-
-.insensitive {
-       color : #555;
-}
-
-div#headlines-toolbar {
-       border-width : 0px 0px 1px 0px;
-       background-color : #fcfcfc;
-       border-color : #c0c0c0;
-       font-size : 12px;
-       font-family : "Segoe UI", Tahoma, sans-serif;
-       color : #555;
-       padding : 0px;
-       margin : 0px;
-       overflow : hidden;
-       height : 25px;
-       line-height : 25px;
-       padding-left : 4px;
-}
-
-div#headlines-toolbar .dijitSelect {
-       font-size : 11px;
-       position : relative;
-       top : -2px;
-}
-
-div#headlines-toolbar span.r {
-       float: right;
-   position: relative;
-       padding : 0 4px 0px 4px;
-       text-align : right;
-}      
-
-div#headlines-toolbar span.r span.error {
-       color : red;
-} 
-
-div#headlines-toolbar span.r a {
-       color : #555;
-}
-
-span.contentPreview {
-       color : #555;
-       font-weight : normal;
-}
-
-span.contentPreview:hover {
-       color : #4684ff;
-}
-
-span.hlLabelRef {
-       background-color : #fff7d5;     
-       font-size : 8px;
-       color : #063064;
-       font-weight : normal;
-       margin-left : 2px;
-       padding : 1px 4px 1px 4px;
-       display : inline-block;
-       vertical-align : middle;
-       white-space: nowrap;
-       border-radius : 4px;
-}
-
-div.postHeader div.postDate {
-       text-align : right;
-       color : #555;
-       float : right;
-}
-
-div.postHeader div {
-       padding-bottom : 3px;
-}
-
-#feedUpdateErrors {
-       display : none;
-}
-
-#allEntryTags {
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #c0c0c0;
-       padding-bottom : 5px;
-       display : none;
-}
-
-a.hlFeed {
-       display : block;
-       white-space : nowrap;
-       font-size : 9px;
-       font-style : italic;
-       font-weight : normal;
-       border-radius : 4px;
-       display : inline-block;
-       padding : 1px 2px 1px 2px;
-       margin-bottom : 2px;
-       margin-top : 2px;
-       color : #555;
-}
-
-a.hlFeed:hover {
-       color : #4684ff;
-}
-
-img.markedPic, img.pubPic {
-       cursor : pointer;
-       vertical-align : middle;
-}
-
-div.tagCloudContainer {
-       border : 1px solid #c0c0c0;
-       background-color : #ecf4ff;
-       margin : 5px 0px 5px 0px;
-       padding : 5px;
-       text-align : center;
-}
-
-div.errorExplained {
-       border : 1px solid #c0c0c0;
-       background-color : #ecf4ff;
-       margin : 5px 0px 5px 0px;
-       padding : 5px;
-}
-
-ul.feedErrorsList {
-       max-height : 300px;
-       overflow : auto;
-       list-style-type : none;
-       border : 1px solid #c0c0c0;
-       background-color : #ecf4ff;
-       margin : 0px 0px 5px 0px;
-       padding : 5px;
-}
-
-ul.feedErrorsList em {
-       color : #555;
-}
-
-ul.browseFeedList {
-       height : 300px;
-       overflow : auto;
-       border-width : 0px 1px 1px 1px;
-       border-color : #c0c0c0;
-       border-style : solid;
-       margin : 0px 0px 5px 0px;
-       background-color : white;
-       list-style-type : none;
-       padding : 0px;
-
-}
-
-ul.browseFeedList li {
-       margin : 0px;
-       padding : 2px 4px 2px 4px;
-}
-
-span.subscribers {
-       color : #808080;
-}
-
-div.subscribers {
-       color : #808080;
-       font-size : 12px;
-       float : right;
-}
-
-div.browserDetails {
-       margin : 5px 5px 5px 5px;
-       padding : 5px;
-}
-
-ul.compact {
-       list-style-type : none;
-       margin : 0px;
-       padding : 0px;
-}
-
-ul.compact li {
-       margin : 0px;
-       padding : 0px;
-}
-
-.noborder {
-       border-width : 0px;
-}
-
-#overlay {
-       background : white;
-       left : 0;
-       top : 0;
-       height : 100%;
-       width : 100%;
-       z-index : 100;
-       position : absolute;
-}
-
-#overlay_inner {
-       font-weight : bold;
-       margin : 1em;
-}
-
-form {
-       margin : 0px;
-       padding : 0px;
-}
-
-#main_toolbar_form {
-       margin : 0px;
-       padding : 0px;
-       display : table-cell;
-       white-space : nowrap;
-       width : 100%;
-}
-
-div.loadingPrompt {
-       padding : 1em;
-       text-align : center;
-       font-weight : bold;
-}
-
-div.whiteBox {
-       margin-left : 1px;
-       text-align : center;
-       padding : 1em;
-}
-
-/* html, body#ttrssMain, #main {
-       width: 100%; 
-       height: 100%;
-       padding: 0; 
-       margin: 0;
-} */
-
-#toolbar div.actionChooser {
-       display : table-cell;
-       text-align : right;
-       padding-right : 3px;
-}
-
-div.autocomplete {
-       position : absolute;
-       width : 250px;
-       background-color : white;
-       border :1px solid #778899;
-       margin : 0px;
-       padding : 0px;
-}
-
-div.autocomplete ul {
-       list-style-type : none;
-       margin : 0px;
-       padding : 0px;
-}
-
-div.autocomplete ul li.selected { 
-       background-color : #fff7d5;
-}
-
-div.autocomplete ul li {
-       list-style-type : none;
-       display : block;
-       margin : 0;
-       padding : 2px;
-       height : 32px;
-       cursor : pointer;
-}
-
-.hlContentH a, .hlContentH span {
-       color : #00cc00;
-}
-
-.hlContentL a, .hlContentL span {
-       color : #909090;
-       text-decoration : line-through;
-}
-
-span.titleWrapH, span.titleWrapH a {
-       color : #00cc00;
-}
-
-span.titleWrapL, span.titleWrapL a {
-       color : #909090;
-       text-decoration : line-through;
-}
-
-img.hlScorePic {
-       vertical-align : middle;
-       width : 16px;
-       height : 16px;
-}
-
-div.dlgSec {
-       font-size : 12px;
-       color : #555;
-       font-weight : bold;
-       clear : both;
-       height : 20px;
-}
-
-div.dlgSecCont {
-       position : relative;
-       left : 150px;
-       top : -20px;
-       float : left;
-       font-size : 12px;
-       font-weight : normal;
-}
-
-div.dlgSecCont hr {
-       height : 0px;
-       line-height : 0px;
-       border : 0px solid transparent;
-       margin : 2px;
-}
-
-div.dlgSecCont > * {
-       position : relative;
-       top : -2px;
-}
-
-div.dlgButtons {
-       text-align : right;
-       clear : both;
-}
-
-span.labelColorIndicator {
-       height : 14px;
-       width : 14px;
-       line-height : 14px;
-       font-size : 9px;
-       display : inline-block;
-       border : 1px solid black;
-       background-color : #fff7d5;     
-       color : #063064;
-       text-align : center;
-       margin-right : 2px;
-}
-
-span.labelColorIndicator2 {
-       height : 14px;
-       width : 14px;
-       font-size : 9px;
-       display : inline-block;
-       border : 1px solid black;
-       background-color : #fff7d5;     
-       color : #063064;
-       text-align : center;
-       margin-right : 2px;
-       vertical-align : bottom;
-}
-
-div#cmdline {
-       position : absolute;
-       left : 5px;
-       bottom : 5px;
-       font-size : 11px;
-       color : #555;
-       font-weight : bold;
-       background-color : white;
-       border : 1px solid #88b0f0;
-       padding : 3px 5px 3px 5px;
-       z-index : 5;
-}
-
-#feed_browser_spinner {
-       vertical-align : middle;
-       height : 18px;
-       width : 18px;
-}
-
-div.hlTitle {
-       display : table-cell;
-       cursor : pointer;
-       width : 100%;
-       vertical-align : middle;
-       padding-top : 4px;
-       padding-bottom : 4px;
-}
-
-div.hlLeft {
-       display : table-cell;
-       vertical-align : middle;
-       white-space: nowrap;
-}
-
-div.hlRight {
-       display : table-cell;
-       white-space: nowrap;
-       text-align : right;
-       vertical-align : middle;
-}
-
-div.hlRight img {
-       max-width : 16px;
-       max-height : 16px;
-}
-
-span.hlUpdated {
-       color : #555;
-       min-width : 100px;
-       display : table-cell;
-       width : 100%;
-       vertical-align : middle;
-       text-align : right;
-       font-size : 10px;
-}
-
-div.hlLeft {
-       padding-left : 8px;
-}
-
-div.hlLeft input {
-       margin-left : 4px;
-       margin-right : 4px;
-}
-
-div.hlLeft img, div.hlRight img {
-       margin : 0px 4px 0px 4px;
-}
-
-div.hlLeft img {
-       width : 16px;
-       height : 16px;
-}
-
-div.fatalError {
-       margin-bottom : 10px;
-}
-
-div.fatalError button {
-       margin-top : 5px;
-}
-
-div.fatalError textarea {
-       width : 100%;
-       height : 100px;
-}
-
-#ttrssMain #main {
-       border-width : 0px;
-       margin : 0px;
-       padding : 0px;
-}
-
-#header-wrap {
-       border-width : 0px;
-       margin : 0px;
-       padding : 0px;
-}
-
-#content-wrap {
-       padding : 0px;
-       border-width : 0px 0px 0px 1px;
-       border-style : solid;
-       border-color : #c0c0c0;
-       margin : 0px;
-}
-
-#feeds-holder {
-       padding : 0px;
-       border-color : #c0c0c0;
-       border-left-width : 0px;
-       border-bottom-width : 0px;
-       border-top-width : 0px;
-       overflow : hidden;
-       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
-       background : #f9fbff;
-}
-
-#headlines-wrap-inner {
-       padding : 0px;
-       margin : 0px;
-       border-width : 0px;
-}
-
-#headlines-frame {
-       padding : 0px;
-       border-color : #c0c0c0;
-       border-style : solid;
-       border-width : 0px;
-       margin-top : 0px;
-       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
-}
-
-#headlines-toolbar_splitter, #toolbar_splitter {
-       display : none;
-}
-
-#toolbar {
-       padding : 0px;
-       margin : 0px;
-       border-width : 0px;
-       white-space: nowrap;
-       font-size : 12px;
-       box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
-}
-
-#header {
-       border-width : 0px;
-       text-align : right;
-       color : #555;
-       padding : 5px 5px 0px 0px;
-       margin : 0px;
-       position : absolute;
-       right : 0px;
-       top : 0px;
-       z-index : 5;
-}
-
-#footer {
-       text-align : center;
-       color : #555;
-       padding : 4px 4px 8px 4px;
-       border-width : 0px;
-}
-
-#content-insert {
-       padding : 0px;
-       border-color : #c0c0c0;
-       border-bottom-width : 0px;
-       border-right-width : 0px;
-       border-left-width : 0px;
-       line-height: 20px;
-       overflow : auto;
-}
-
-.dijitTreeLabel.Unread {
-       font-weight : bold;
-}
-
-.dijitTreeLabel {
-       outline : 0;
-}
-
-.feedParam {
-       color : #555;
-       float : right;
-       margin-right : 1em;
-}
-
-.labelParam {
-       float : right;
-       margin-right : 1em;
-}
-
-.dijitTreeLabel.Disabled, .labelParam.Disabled {
-       color : #555;
-}
-
-.dijitTreeRow.Error {
-       color : red;
-}
-
-.dijitTreeRow.Hidden {
-       display : none;
-}
-
-img.feedIcon, img.tinyFeedIcon {
-       width : 16px;
-       height : 16px;
-       vertical-align : middle;
-       display : inline-block;
-}
-
-.dijitDialog .dijitToolbar {
-       border : 1px solid #c0c0c0;
-}
-
-.dijitDialog h2 {
-       margin-top : 0px;
-       margin-bottom : 4px;
-       border-width : 0px;
-}
-
-.player {
-       display : inline-block;
-       color : #555;
-       font-size : 11px;
-       font-family : sans-serif;
-       border : 1px solid #555;
-       padding : 0px 4px 0px 4px;
-       margin : 0px 2px 0px 2px;
-       width : 50px;
-       text-align : center;
-       background : white;
-}
-
-.player.playing {
-       color : #00c000;
-       border-color : #00c000;
-}
-
-.player:hover {
-       background : #f0f0f0;
-       cursor : pointer;
-}
-
-#headlines-spacer {
-       height : 100%;
-       margin-left : 1px;
-       text-align : center;
-       padding : 1em;
-       color : #555;
-}
-
-ul#filterDlg_Matches, ul#filterDlg_Actions {
-       max-height : 100px;
-       overflow : auto;
-       list-style-type : none;
-       border-style : solid;
-       border-color : #c0c0c0;
-       border-width : 0px 1px 1px 1px;
-       background-color : #ecf4ff;
-       margin : 0px 0px 5px 0px;
-       padding : 0px;
-}
-
-ul#filterDlg_Matches li, ul#filterDlg_Actions li {
-       cursor : pointer;
-       padding : 0px 0px 0px 5px;
-}
-
-ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
-       margin-right : 5px;
-}
-
-ul.helpKbList {
-       max-height : 300px;
-       overflow : auto;
-       list-style-type : none;
-       border : 1px solid #c0c0c0;
-       background-color : #ecf4ff;
-       margin : 0px 0px 5px 0px;
-       padding : 5px;
-}
-
-ul.helpKbList span.hksequence {
-       width : 6em;
-       margin-left : 20px;
-       color : #88b0f0;
-       font-weight : bold;
-       display : inline-block;
-}
-
-ul.helpKbList h2 {
-       margin-top : 0px;
-}
-
-.dijitTreeNode .loadingNode {
-       margin-left : 3px;
-       height : 9px;
-}
-
-span.collapseBtn {
-       cursor : pointer;
-}
-
-div.postContent p {
-       max-width : 650px;
-}
-
-div.postContent iframe {
-       min-width : 50%;
-}
-
-div.postHeader span.author {
-       color : #555;
-       font-size : 11px;
-       font-weight : normal;
-}
-
-body#ttrssZoom {
-       margin-left : auto;
-       margin-right : auto;
-       padding : 20px;
-       max-width : 800px;
-       background : #f9fbff;
-}
-
-body#ttrssZoom div.postContent p {
-       max-width : 650px;
-}
-
-body#ttrssZoom div.postHeader {
-       margin : 10px;
-       border : 1px solid #ccc;
-       box-shadow : none;
-       border-radius : 4px;
-}
-
-body#ttrssZoom div.postReply {
-       border : 1px solid #ccc;
-       border-radius : 4px;
-       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
-       background : white;
-}
-
-body#ttrssZoom div.postContent {
-
-}
-
-body#ttrssZoom div.footer {
-       margin-top : 1em;
-       text-align : center;
-}
-
-body#ttrssZoom div.postContent img {
-       max-width : 650px;
-       height : auto;
-} 
-
-select.attachments {
-       display : block;
-       margin-top : 10px;
-       max-width : 120px;
-}
-
-div.hl.active {
-       border-color : #88b0f0;
-}
-
-#selected_prompt {
-       margin-right : 25px;
-}
-
-#feedTree .dijitTreeRow {
-       padding : 2px 0px 2px;
-       border-width : 1px;
-       border-color : transparent;
-       color : #333;
-}
-
-#feedTree .dijitTreeNode {
-       padding : 0px;
-       border-width : 0px;
-}
-
-#feedTree { 
-       height : 100%;
-       overflow-x : hidden;
-       font-family : "Segoe UI", Tahoma, sans-serif;
-}
-
-#feedTree .counterNode.aux {
-       background : #f0f0f0;
-       color : #999;
-       border-color : #f0f0f0;
-}
-
-#feedTree .counterNode {
-       font-weight : bold;
-       display : inline-block;
-       font-size : 9px;
-       text-align : center;
-       border : 1px solid #88b0f0;
-       color : white;
-       background : #88b0f0;
-       border-radius : 4px;
-       vertical-align : middle;
-       float : right;
-       margin-right : 5px;
-       position : relative;
-       top : 2px;
-       min-width : 23px;
-}
-
-#feedTree .dijitTreeRow {
-       max-width: 100%;
-       overflow: hidden;
-       text-overflow: ellipsis;
-}
-
-body#ttrssPrefs hr {
-       border-color : #ecf4ff;
-       max-width : 100%;
-}
-
-.dijitMenuItemLabel {
-       font-size : 13px;
-}
index f542a390bf833fbfcaed6f4d6a002acbb7ae44ba..5e4a5ab797b6e9051b39ac739ee5977007ca54ce 100755 (executable)
@@ -47,7 +47,7 @@
                <head>
                <title>Tiny Tiny RSS data update script.</title>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-               <link rel="stylesheet" type="text/css" href="utility.css">
+               <link rel="stylesheet" type="text/css" href="css/utility.css">
                </head>
 
                <body>
diff --git a/utility.css b/utility.css
deleted file mode 100644 (file)
index ac0180e..0000000
+++ /dev/null
@@ -1,265 +0,0 @@
-body {
-       background : #f9fbff;
-       color : black;
-       padding : 0px;
-       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-       font-size: 14px;
-       margin-left : auto;
-       margin-right : auto;
-       max-width : 800px;
-}
-
-form {
-       margin : 10px 0px 0px 0px;
-       padding : 0px;
-}
-
-div.content {
-       background : white;
-       border : 1px solid #ccc;
-       padding : 10px;
-       border-radius : 4px;
-       box-shadow : inset 0 0 3px rgba(0,0,0,0.1);
-}
-
-p.warning {
-       color : red;
-}
-
-p.query, code {
-       color : green;
-}
-
-p.insensitive {
-       color : gray;
-}
-
-div.insensitive-small {
-       color : gray;
-       font-size : 10px;
-}
-
-.floatingLogo {
-       float : right;
-       position : relative;
-       top : -10px;
-}
-
-a {
-       color : #4684ff;
-       text-decoration : none;
-}
-
-a:hover {
-       color : black;
-}
-
-div.notice, div.warning, div.error {
-       padding : 4px 10px 4px 4px;
-       display : inline-block;
-       margin : 2px 0px 4px 0px;
-       font-size : 12px;
-       border-style : solid;
-       border-color : #ccc;
-       border-radius : 4px;
-       border-width : 1px;
-       box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
-}
-
-div.notice div.inner, div.warning div.inner, div.error div.inner {
-       vertical-align : middle;
-}
-
-div.notice {
-       background : #ecf4ff;
-       border-color : #88b0f0;
-}
-
-div.warning {
-       border-color : #EFDC88;
-       background : #fff7d5;
-}
-
-div.error {
-       background : #ffcccc;
-       border-color : #ff0000;
-}
-
-div.warning img, div.notice img, div.error img {
-       margin-right : 4px;
-       vertical-align : middle;
-}
-
-div.warning span, div.notice span, div.error span {
-       display : table-cell;
-       vertical-align : middle;
-
-}
-
-h1 {
-       color : #88b0f0;
-       font-size : 32px;
-       margin : 20px 0px 5px 0px;
-       text-shadow : 0 0 6px #fff;
-}
-
-h2 {
-       color : #88b0f0;
-       font-size : 14pt;
-       border-width : 0px 0px 1px 0px;
-       border-color : #f0f0f0;
-       border-style : solid; 
-}
-
-div.content > h2 {
-       margin-top : 0px;
-}
-
-div.rss h1 {
-       border-width : 0px 0px 1px 0px;
-       border-color : gray;
-       border-style : dotted;
-       color : gray;
-       margin-right : 90px;
-}
-
-div.rss h2 {
-       font-size : 12pt;
-}
-
-div.rss a.extlink {
-       color : gray;
-       border-width : 0px 0px 1px 0px;
-       border-color : #778899;
-       border-style : dotted;
-       font-size : 9pt;
-}
-
-div.rss img {
-       max-width : 775px;
-}
-
-div.rss p.description {
-       color : gray;
-       font-size : 9pt;
-}
-
-div.rss div.content {
-       margin-top : 0.5em;
-}
-
-div.rss img.feedicon {
-       float : right;
-}
-
-div.rss hr {
-       border-width : 0px 0px 1px 0px;
-       border-style : dashed;
-       border-color : #e0e0e0;
-}
-
-body#sharepopup {
-       background-color : white;
-       background-image : url("images/toolbar.png");
-       background-repeat : repeat-x;
-       background-position : bottom;
-       margin : 10px;
-       padding : 0px;
-}
-
-body#sharepopup h1 {
-       font-size : 14px;
-       margin : 0px;
-       color : #88b0f0;
-}
-
-body#sharepopup table {
-       background : white;
-       border : 1px solid #88b0f0;
-       padding : 5px;
-}
-
-body#sharepopup form { 
-       height : 100%;
-}
-
-body#sharepopup input { 
-       width : 100%;
-}
-
-div.autocomplete {
-       position : absolute;
-       width : 250px;
-       background-color : white;
-       border :1px solid #778899;
-       margin : 0px;
-       padding : 0px;
-       z-index : 4;
-}
-
-div.autocomplete ul {
-       list-style-type : none;
-       margin : 0px;
-       padding : 0px;
-       font-size : 10px;
-}
-
-div.autocomplete ul li.selected { 
-       background-color : #fff7d5;
-}
-
-div.autocomplete ul li {
-       list-style-type : none;
-       display : block;
-       margin : 0;
-       padding : 2px;
-       height : 32px;
-       cursor : pointer;
-}
-
-fieldset { 
-       border-width : 0px;
-       padding : 0px 0px 5px 0px;
-       margin : 0px;
-}
-
-fieldset input {
-       font-family : sans-serif;
-       font-size : medium;
-       border-spacing : 2px;
-       border : 1px solid #b5bcc7;
-       padding : 2px;
-}
-
-fieldset label {
-       width : 120px;
-       margin-right : 20px;
-       display : inline-block;
-       text-align : right;
-       color : gray;
-}
-
-body.otp {
-       margin : 1em;
-       padding : 0px;
-}
-
-form.otpform {
-       margin : 0px;
-       padding : 0px;
-}
-
-form.otpform label {
-       margin : 0px;
-       padding : 0px;
-}
-
-body.otp div.content {
-       display : inline-block;
-       width : auto;
-}
-
-span.hint {
-       font-size : 10px;
-       color : gray;
-}