examples/feed-viewer/feed-viewer.css

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