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

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