Upgrade to ExtJS 4.0.0 - Released 04/26/2011
[extjs.git] / examples / app / feed-viewer / feed-viewer.html
diff --git a/examples/app/feed-viewer/feed-viewer.html b/examples/app/feed-viewer/feed-viewer.html
new file mode 100644 (file)
index 0000000..cbdc5eb
--- /dev/null
@@ -0,0 +1,180 @@
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title id="page-title">MVC Feed Viewer</title>
+
+    <link rel="stylesheet" type="text/css" href="../../../resources/css/ext-all.css">
+    <script type="text/javascript" src="../../../builds/ext-core.js"></script>
+    <script type="text/javascript" src="classes.js"></script>
+    <script type="text/javascript" src="app.js"></script>
+
+    <style type="text/css" media="screen">
+        /**
+         * Icons
+         */
+
+        .summary {
+             background-image: url(images/details.gif) !important;
+        }
+
+        .reading {
+             background-image: url(images/article.gif) !important;
+        }
+
+        .post-go {
+            background-image: url(images/post_go.gif) !important;
+        }
+
+        .tab-new {
+            background-image: url(images/tab_new.gif) !important;
+        }
+
+        .feed-add {
+            background-image: url(images/rss_add.gif) !important;
+        }
+
+        .feed-remove {
+            background-image: url(images/rss_delete.gif) !important;
+        }
+
+        .feed-load {
+            background-image: url(images/rss_load.gif) !important;
+        }
+
+        .details {
+            background-image: url(images/details.gif) !important;
+        }
+
+        .open-all {
+            background-image: url(images/tabs.gif) !important;
+        }
+
+        .feed {
+            width: 16px;
+            height: 16px;
+            background-image: url(images/rss.gif) !important;
+        }
+
+        /**
+         * Other styles
+         */
+        .feed-picker-url {
+            float: left;
+            width: 425px;
+        }
+        .feed-picker-title {
+        /*    float: left;*/
+            color: #777;
+            font-size: 10px;
+        }
+
+        .feed-list {
+            padding: 0 3px 0 3px;
+        }
+
+        .feed-list-item {
+            margin-top: 3px;
+            padding-left: 20px;
+            font-size: 11px;
+            line-height: 20px;
+            cursor: pointer;
+            background: url(images/rss.gif) no-repeat 0 2px;
+            border: 1px solid #fff;
+        }
+
+        .feed-list .x-item-selected {
+            font-weight: bold;
+            color: #15428B;
+            background-color: #DFE8F6;
+            border: 1px dotted #A3BAE9;
+        }
+
+        .feed-list-item-hover {
+            background-color: #eee;
+        }
+
+        .topic {
+            padding: 2px 0 0 20px;
+            background:transparent url(images/post.gif) no-repeat;
+        }
+
+        .topic b {
+            font-family: tahoma, verdana;
+            display: block;
+            color: #333;
+        }
+
+        .author: {
+            color: #333
+        }
+
+        .post-date {
+            font-weight:bold;
+            color:#333;
+        }
+
+        .feed-grid .x-grid-rowbody {
+            margin: 5px 20px 10px 25px !important;
+            color: #555;
+            font-size: 11px;
+        }
+
+        /* Preview classes */
+
+        .preview .x-panel-body {
+            background:#fff;
+            color:#222;
+            font:normal 12px tahoma,verdana,arial,sans-serif;
+        }
+
+        .preview .x-panel-body p {
+            line-height:18px;
+            margin:8px 0;
+        }
+
+        .preview .x-panel-body ul {
+            margin-left:18px;
+        }
+
+        .preview .x-panel-body ul li {
+            display:list-item;
+            list-style-image:none !important;
+            list-style-position:outside !important;
+            list-style-type:disc !important;
+            margin-left:18px;
+        }
+
+        .preview .x-panel-body pre, #preview .x-panel-body code {
+            background:#f1f1f1;
+            display:block;
+        }
+
+        .preview .x-panel-body h4.post-author {
+            font-weight:normal;
+            color:#555;
+            font-size:11px;
+        }
+        .preview .x-panel-body span.post-date {
+            font-weight:normal;
+            color:#555;
+            float:right;
+            font-size:11px;
+        }
+        .preview .x-panel-body div.post-data {
+            background:#f1f2f4;
+            padding:5px;
+            border-bottom:1px solid #dadadb;
+        }
+        .preview .x-panel-body div.post-body {
+            padding:10px;
+        }
+
+        .x-tab-bar-body {
+            border-width: 1px 1px 0 1px !important;
+        }
+    </style>
+</head>
+<body>
+
+</body>
+</html>