| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189 | <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">    <!-- GC -->    <!-- <x-compile> -->    <!-- <x-bootstrap> -->    <script type="text/javascript" src="../../../ext.js"></script>    <!-- </x-bootstrap> -->    <script type="text/javascript" src="app.js"></script>    <!-- </x-compile> -->    <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 */        .articlepreview .x-toolbar {            border-top-width: 1px !important;        }        .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>
 |