examples/key-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 .topic b {
  91     font-family: tahoma, verdana;
  92     display: block;
  93     color: #333;
  94 }
  95
  96 .author: {
  97     color: #333
  98 }
  99
 100 .post-date {
 101     font-weight:bold;
 102     color:#333;
 103 }
 104
 105 .feed-grid .x-grid-rowbody {
 106     margin: 5px 20px 10px 25px !important;
 107     color: #555;
 108     font-size: 11px;
 109 }
 110
 111 /* Preview classes */
 112
 113 .preview .x-panel-body {
 114     background:#fff;
 115     color:#222;
 116     font:normal 12px tahoma,verdana,arial,sans-serif;
 117 }
 118
 119 .preview .x-panel-body p {
 120     line-height:18px;
 121     margin:8px 0;
 122 }
 123
 124 .preview .x-panel-body ul {
 125     margin-left:18px;
 126 }
 127
 128 .preview .x-panel-body ul li {
 129     display:list-item;
 130     list-style-image:none !important;
 131     list-style-position:outside !important;
 132     list-style-type:disc !important;
 133     margin-left:18px;
 134 }
 135
 136 .preview .x-panel-body pre, #preview .x-panel-body code {
 137     background:#f1f1f1;
 138     display:block;
 139 }
 140
 141 .preview .x-panel-body h4.post-author {
 142     font-weight:normal;
 143     color:#555;
 144     font-size:11px;
 145 }
 146 .preview .x-panel-body span.post-date {
 147     font-weight:normal;
 148     color:#555;
 149     float:right;
 150     font-size:11px;
 151 }
 152 .preview .x-panel-body div.post-data {
 153     background:#f1f2f4;
 154     padding:5px;
 155     border-bottom:1px solid #dadadb;
 156 }
 157 .preview .x-panel-body div.post-body {
 158     padding:10px;
 159 }