examples/key-feed-viewer/feed-viewer.css

   1 /*!
   2  * Ext JS Library 3.3.1
   3  * Copyright(c) 2006-2010 Sencha Inc.
   4  * licensing@sencha.com
   5  * http://www.sencha.com/license
   6  */
   7 html, body {
   8         font: normal 12px tahoma, arial, verdana, sans-serif;
   9         margin: 0;
  10         padding: 0;
  11         border: 0 none;
  12         overflow: hidden;
  13         height: 100%;
  14 }
  15
  16 .ext-el-mask {
  17     background:#dadadb;
  18 }
  19 .x-grid3-td-title b {
  20     font-family:tahoma, verdana;
  21     display:block;
  22     color:#333;
  23 }
  24 .x-grid3-td-title b i {
  25     font-weight:normal;
  26     font-style: normal;
  27     color:#000;
  28 }
  29 .x-grid3-td-title .topic {
  30     padding-left:20px;
  31     background:transparent url(images/post.gif) no-repeat 0 2px;
  32 }
  33 .x-grid3-td-title .x-grid3-cell-inner {
  34     white-space:normal;
  35 }
  36 .x-grid3-td-title a {
  37     color: #385F95;
  38     text-decoration:none;
  39 }
  40 .x-grid3-td-title a:hover {
  41     text-decoration:underline;
  42 }
  43 .details .x-btn-text {
  44     background-image: url(images/details.gif);
  45 }
  46 .msg-view {
  47     background-image: url(../shared/icons/fam/application_view_list.png) !important;
  48 }
  49 .add-feed {
  50     background-image: url(images/rss_add.gif) !important;
  51 }
  52
  53 .preview-bottom {
  54     background-image: url(images/preview-bottom.gif) !important;
  55 }
  56 .preview-right {
  57     background-image: url(images/preview-right.gif) !important;
  58 }
  59 .preview-hide {
  60     background-image: url(images/preview-hide.gif) !important;
  61 }
  62
  63 .tabs {
  64     background-image: url( ../desktop/images/tabs.gif ) !important;
  65 }
  66 .summary {
  67     background-image: url(images/details.gif) !important;
  68 }
  69 .x-grid3-row-body p {
  70     margin:5px 20px 10px 25px !important;
  71     color:#555;
  72 }
  73
  74 .post-date {
  75     font-weight:bold;
  76     color:#333;
  77 }
  78
  79 .author {
  80     color:#333;
  81 }
  82
  83 .x-tree {
  84     background:#fff !important;
  85 }
  86 .x-border-layout-ct {
  87     background:transparent;
  88 }
  89 body.x-border-layout-ct {
  90     background:#c3d5ed url(images/bg.gif) repeat-x left top !important;
  91 }
  92 .x-layout-split {
  93     background-color:transparent !important;
  94 }
  95
  96 .x-tree-node div.feeds-node{
  97     background:#eee url(images/cmp-bg.gif) repeat-x;
  98     margin-top:1px;
  99     border-top:1px solid #ddd;
 100     border-bottom:1px solid #ccc;
 101     padding-top:2px;
 102     padding-bottom:1px;
 103 }
 104 .feeds-node .x-tree-node-icon {
 105     display:none;
 106 }
 107 .forum-ct a span {
 108     font-weight:bold;
 109     color:#222;
 110 }
 111 .feed {
 112     border:1px solid #fff;
 113     margin:3px;
 114 }
 115 .feed .x-tree-ec-icon {
 116     display:none;
 117 }
 118 .feed-icon {
 119     background-image:url(images/rss.gif) !important;
 120 }
 121 .new-tab {
 122     background-image:url(images/new_tab.gif) !important;
 123 }
 124 .new-win {
 125     background-image:url(images/go-to-post.gif) !important;
 126 }
 127 .delete-icon {
 128     background-image:url(images/rss_delete.gif) !important;
 129 }
 130 .load-icon {
 131     background-image:url(images/rss_load.gif) !important;
 132 }
 133 .refresh-icon {
 134     background-image:url(../shared/icons/fam/table_refresh.png) !important;
 135 }
 136 .x-tree-selected {
 137     border:1px dotted #a3bae9;
 138     background:#DFE8F6;
 139 }
 140 .x-tree-node .x-tree-selected a span{
 141         background:transparent;
 142         color:#15428b;
 143     font-weight:bold;
 144 }
 145
 146 #topic-grid .x-panel-tbar .x-toolbar {
 147    /* border-top:0 none; */
 148 }
 149
 150
 151 #main-tabs .x-tab-panel-body {
 152     background:transparent;
 153     border:0 none;
 154 }
 155
 156 /* Preview classes */
 157
 158 .preview .x-panel-body {
 159     background:#fff;
 160     color:#222;
 161     font:normal 12px tahoma,verdana,arial,sans-serif;
 162 }
 163
 164 .preview .x-panel-body p {
 165     line-height:18px;
 166     margin:8px 0;
 167 }
 168
 169 .preview .x-panel-body ul {
 170     margin-left:18px;
 171 }
 172
 173 .preview .x-panel-body ul li {
 174     display:list-item;
 175     list-style-image:none !important;
 176     list-style-position:outside !important;
 177     list-style-type:disc !important;
 178     margin-left:18px;
 179 }
 180
 181 .preview .x-panel-body pre, #preview .x-panel-body code {
 182     background:#f1f1f1;
 183     display:block;
 184 }
 185
 186 .preview .x-panel-body h4.post-author {
 187     font-weight:normal;
 188     color:#555;
 189     font-size:11px;
 190 }
 191 .preview .x-panel-body span.post-date {
 192     font-weight:normal;
 193     color:#555;
 194     float:right;
 195     font-size:11px;
 196 }
 197 .preview .x-panel-body div.post-data {
 198     background:#f1f2f4;
 199     padding:5px;
 200     border-bottom:1px solid #dadadb;
 201 }
 202 .preview .x-panel-body div.post-body {
 203     padding:10px;
 204 }
 205 /*.single-preview .x-toolbar, #right-preview .preview .x-toolbar {
 206     border-top:0 none;
 207 }*/
 208 .reading-menu .x-menu-item-checked {
 209    border:1px dotted #a3bae9 !important;
 210     background:#DFE8F6;
 211         padding:0;
 212 }
 213 .x-tab-panel-header {
 214     border-bottom-width:0 !important;
 215 }
 216 #suggested {
 217     border-top:0 none;
 218 }
 219 #suggested a {
 220     text-decoration:none;
 221     font-size:11px;
 222     color:#15428B;
 223     display:block;
 224     padding:3px;
 225     float:right;
 226     margin-right:4px;
 227 }
 228 #suggested a:hover {
 229     text-decoration:underline;
 230     color:#15428B;
 231 }
 232 .x-combo-list-item {
 233     zoom:1;
 234 }
 235 .x-combo-list-item strong {
 236     color:#777;
 237     font-size:11px;
 238     font-style: normal;
 239     float:left;
 240 }
 241 .x-combo-list-item em {
 242     color:#222;
 243     font-size:12px;
 244     font-style: normal;
 245     float:left;
 246     width:325px;
 247 }
 248 .x-node-ctx {
 249     background:#eee !important;
 250     border:1px solid #ccc !important;
 251 }
 252 /*
 253 .x-panel.x-aria-focused .x-panel-header,
 254 .x-panel.x-aria-focused .x-panel-bwrap,
 255 .x-tab-panel.x-aria-focused .x-tab-panel-header,
 256 .x-tab-panel.x-aria-focused .x-panel-body,
 257 .x-toolbar.x-aria-focused {
 258     border-color: red;
 259 }*/