add extjs 6.0.1 sources

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

/**\r
 * Icons\r
 */\r
\r
.summary {\r
     background-image: url(images/details.gif) !important;\r
}\r
\r
.reading {\r
     background-image: url(images/article.gif) !important;\r
}\r
\r
.post-go {\r
    background-image: url(images/post_go.gif) !important;\r
}\r
\r
.tab-new {\r
    background-image: url(images/tab_new.gif) !important;\r
}\r
\r
.feed-add {\r
    background-image: url(images/rss_add.gif) !important;\r
}\r
\r
.feed-remove {\r
    background-image: url(images/rss_delete.gif) !important;\r
}\r
\r
.feed-load {\r
    background-image: url(images/rss_load.gif) !important;\r
}\r
\r
.details {\r
    background-image: url(images/details.gif) !important;\r
}\r
\r
.open-all {\r
    background-image: url(images/tabs.gif) !important;\r
}\r
\r
.feed {\r
    width: 16px;\r
    height: 16px;\r
    background-image: url(images/rss.gif) !important;\r
}\r
\r
/**\r
 * Other styles\r
 */\r
.feed-picker-url {\r
    float: left;\r
    width: 425px;\r
}\r
.feed-picker-title {\r
/*    float: left;*/\r
    color: #777;\r
    font-size: 10px;\r
}\r
\r
.feed-list {\r
    padding: 0 3px 0 3px;\r
}\r
\r
.feed-list-item {\r
    margin-top: 3px;\r
    padding-left: 20px;\r
    font-size: 11px;\r
    line-height: 20px;\r
    cursor: pointer;\r
    background: url(images/rss.gif) no-repeat 0 2px;\r
    border: 1px solid #fff;\r
}\r
\r
.feed-list .x-item-selected {\r
    font-weight: bold; \r
    color: #15428B;\r
    background-color: #DFE8F6;\r
    border: 1px dotted #A3BAE9;\r
}\r
\r
.feed-list-item-hover {\r
    background-color: #eee;\r
}\r
\r
.topic {\r
    padding: 2px 0 0 20px;\r
    background:transparent url(images/post.gif) no-repeat;\r
}\r
\r
.x-rtl .topic {\r
    padding: 2px 20px 0 0;\r
    background:transparent url(images/post.gif) no-repeat top right;\r
}\r
\r
.topic b {\r
    font-family: tahoma, verdana;\r
    display: block;\r
    color: #333;\r
}\r
\r
.author {\r
    color: #333\r
}\r
\r
.post-date {\r
    font-weight:bold;\r
    color:#333;\r
}\r
\r
.feed-grid .x-grid-rowbody {\r
    margin: 5px 20px 10px 25px !important;\r
    color: #555;\r
    font-size: 11px;\r
}\r
\r
.feed-grid .x-rtl .x-grid-rowbody {\r
    margin: 5px 25px 10px 20px !important;\r
}\r
\r
/* Preview classes */\r
\r
.preview .x-panel-body {\r
    background:#fff;\r
    color:#222;\r
    font:normal 12px tahoma,verdana,arial,sans-serif;\r
}\r
\r
.preview .x-panel-body p {\r
    line-height:18px;\r
    margin:8px 0;\r
}\r
\r
.preview .x-panel-body ul {\r
    margin-left:18px;\r
}\r
\r
.preview .x-panel-body ul li {\r
    display:list-item;\r
    list-style-image:none !important;\r
    list-style-position:outside !important;\r
    list-style-type:disc !important;\r
    margin-left:18px;\r
}\r
\r
.x-rtl .preview .x-panel-body ul li {\r
    margin-left: 0;\r
    margin-right: 18px;\r
}\r
\r
.preview .x-panel-body pre, #preview .x-panel-body code {\r
    background:#f1f1f1;\r
    display:block;\r
}\r
\r
.preview .x-panel-body h4.post-author {\r
    font-weight:normal;\r
    color:#555;\r
    font-size:11px;\r
}\r
.preview .x-panel-body span.post-date {\r
    font-weight:normal;\r
    color:#555;\r
    float:right;\r
    font-size:11px;\r
}\r
.x-rtl .preview .x-panel-body span.post-date {\r
    float:left;\r
}\r
.preview .x-panel-body div.post-data {\r
    background:#f1f2f4;\r
    padding:5px;\r
    border-bottom:1px solid #dadadb;\r
}\r
.preview .x-panel-body div.post-body {\r
    padding:10px;\r
}