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

   1 /**
   2  * Icons
   3  */
   4
   5 .summary {
   6      background-image: url(images/details.gif) !important;
   7 }
   8
   9 .reading {
  10      background-image: url(images/article.gif) !important;
  11 }
  12
  13 .post-go {
  14     background-image: url(images/post_go.gif) !important;
  15 }
  16
  17 .tab-new {
  18     background-image: url(images/tab_new.gif) !important;
  19 }
  20
  21 .feed-add {
  22     background-image: url(images/rss_add.gif) !important;
  23 }
  24
  25 .feed-remove {
  26     background-image: url(images/rss_delete.gif) !important;
  27 }
  28
  29 .feed-load {
  30     background-image: url(images/rss_load.gif) !important;
  31 }
  32
  33 .details {
  34     background-image: url(images/details.gif) !important;
  35 }
  36
  37 .open-all {
  38     background-image: url(images/tabs.gif) !important;
  39 }
  40
  41 .feed {
  42     width: 16px;
  43     height: 16px;
  44     background-image: url(images/rss.gif) !important;
  45 }
  46
  47 /**
  48  * Other styles
  49  */
  50 .feed-picker-url {
  51     float: left;
  52     width: 425px;
  53 }
  54 .feed-picker-title {
  55 /*    float: left;*/
  56     color: #777;
  57     font-size: 10px;
  58 }
  59
  60 .feed-list {
  61     padding: 0 3px 0 3px;
  62 }
  63
  64 .feed-list-item {
  65     margin-top: 3px;
  66     padding-left: 20px;
  67     font-size: 11px;
  68     line-height: 20px;
  69     cursor: pointer;
  70     background: url(images/rss.gif) no-repeat 0 2px;
  71     border: 1px solid #fff;
  72 }
  73
  74 .feed-list .x-item-selected {
  75     font-weight: bold;
  76     color: #15428B;
  77     background-color: #DFE8F6;
  78     border: 1px dotted #A3BAE9;
  79 }
  80
  81 .feed-list-item-hover {
  82     background-color: #eee;
  83 }
  84
  85 .topic {
  86     padding: 2px 0 0 20px;
  87     background:transparent url(images/post.gif) no-repeat;
  88 }
  89
  90 .x-rtl .topic {
  91     padding: 2px 20px 0 0;
  92     background:transparent url(images/post.gif) no-repeat top right;
  93 }
  94
  95 .topic b {
  96     font-family: tahoma, verdana;
  97     display: block;
  98     color: #333;
  99 }
 100
 101 .author {
 102     color: #333
 103 }
 104
 105 .post-date {
 106     font-weight:bold;
 107     color:#333;
 108 }
 109
 110 .feed-grid .x-grid-rowbody {
 111     margin: 5px 20px 10px 25px !important;
 112     color: #555;
 113     font-size: 11px;
 114 }
 115
 116 .feed-grid .x-rtl .x-grid-rowbody {
 117     margin: 5px 25px 10px 20px !important;
 118 }
 119
 120 /* Preview classes */
 121
 122 .preview .x-panel-body {
 123     background:#fff;
 124     color:#222;
 125     font:normal 12px tahoma,verdana,arial,sans-serif;
 126 }
 127
 128 .preview .x-panel-body p {
 129     line-height:18px;
 130     margin:8px 0;
 131 }
 132
 133 .preview .x-panel-body ul {
 134     margin-left:18px;
 135 }
 136
 137 .preview .x-panel-body ul li {
 138     display:list-item;
 139     list-style-image:none !important;
 140     list-style-position:outside !important;
 141     list-style-type:disc !important;
 142     margin-left:18px;
 143 }
 144
 145 .x-rtl .preview .x-panel-body ul li {
 146     margin-left: 0;
 147     margin-right: 18px;
 148 }
 149
 150 .preview .x-panel-body pre, #preview .x-panel-body code {
 151     background:#f1f1f1;
 152     display:block;
 153 }
 154
 155 .preview .x-panel-body h4.post-author {
 156     font-weight:normal;
 157     color:#555;
 158     font-size:11px;
 159 }
 160 .preview .x-panel-body span.post-date {
 161     font-weight:normal;
 162     color:#555;
 163     float:right;
 164     font-size:11px;
 165 }
 166 .x-rtl .preview .x-panel-body span.post-date {
 167     float:left;
 168 }
 169 .preview .x-panel-body div.post-data {
 170     background:#f1f2f4;
 171     padding:5px;
 172     border-bottom:1px solid #dadadb;
 173 }
 174 .preview .x-panel-body div.post-body {
 175     padding:10px;
 176 }