Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / feed-viewer / Feed-Viewer.css

diff --git a/examples/feed-viewer/Feed-Viewer.css b/examples/feed-viewer/Feed-Viewer.css
new file mode 100644 (file)
index 0000000..57acba2
--- /dev/null
+++ b/examples/feed-viewer/Feed-Viewer.css
@@ -0,0 +1,159 @@
+/**
+ * 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;
+}
\ No newline at end of file