docs/resources/docs.css

   1 /*!
   2  * Ext JS Library 3.0.0
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 body {
   8     font: normal 12px verdana,arial,tahoma;
   9 }
  10 html, body {
  11     margin:0;
  12     padding:0;
  13     border:0 none;
  14     overflow:hidden;
  15     height:100%;
  16     width:100%;
  17 }
  18 #class .loading-indicator{
  19         font-size:12px;
  20         height:18px;
  21 }
  22
  23
  24 #docs .top-toolbar{
  25     border:0 none;
  26     border-top:1px solid #d0d0d0;
  27     background:transparent;
  28 }
  29 #docs .top-toolbar button {
  30
  31 }
  32 .x-panel-noborder {
  33     border: 0 none;
  34 }
  35 #header{
  36    border:0 none;
  37    background:#1E4176 url(hd-bg.gif) repeat-x 0 0;
  38    padding-top:3px;
  39    padding-left:3px;
  40 }
  41 .docs-header .x-panel-body {
  42     background:transparent;
  43 }
  44
  45 #header {
  46
  47 }
  48
  49 #header .api-title {
  50     font:normal 16px tahoma, arial, sans-serif;
  51     color:white;
  52     margin:5px;
  53 }
  54
  55 .loading-indicator {
  56     font-size:11px;
  57     background-image:url('../resources/images/default/grid/loading.gif');
  58     background-repeat: no-repeat;
  59     background-position:top left;
  60     padding-left:20px;
  61         height:18px;
  62         text-align:left;
  63 }
  64
  65 #doc-body .loading-indicator {
  66     font:bold 13px  Tahoma, Verdana, Arial, Helvetica, sans-serif;
  67     position:absolute;
  68     top:35%;
  69     left:43%;
  70     color:#444;
  71     background-image:url(../resources/images/default/shared/large-loading.gif);
  72     background-repeat: no-repeat;
  73     background-position:left 5px;
  74     padding:10px 10px 10px 38px;
  75         text-align:left;
  76 }
  77 a#welcome-link{
  78         background:#fff url(docs.gif) no-repeat 0px 0px;
  79         padding-left:18px;
  80 }
  81 a#help-forums{
  82         background:#fff url(forum.gif) no-repeat 16px 0px;
  83         padding-left:34px;
  84         display:block
  85 }
  86 #loading-mask{
  87         position:absolute;
  88         left:0;
  89         top:0;
  90     width:100%;
  91     height:100%;
  92     z-index:20000;
  93     background-color:white;
  94 }
  95 #loading{
  96         position:absolute;
  97         left:45%;
  98         top:40%;
  99         padding:2px;
 100         z-index:20001;
 101     height:auto;
 102 }
 103 #loading img {
 104     margin-bottom:5px;
 105 }
 106 #loading .loading-indicator{
 107         background:white;
 108         color:#555;
 109         font:bold 13px tahoma,arial,helvetica;
 110         padding:10px;
 111         margin:0;
 112     text-align:center;
 113     height:auto;
 114 }
 115 #api-tree a span {
 116     font-family:verdana,arial,tahoma,sans-serif;
 117     font-size:11px;
 118 }
 119 #api-tree .cls a:hover span {
 120     text-decoration:underline;
 121 }
 122 #api-tree .x-panel-body {
 123     background-color:white;
 124     position:relative;
 125     padding:3px;
 126 }
 127 #api-tree .cls{
 128     border:1px solid #fff;
 129 }
 130
 131 #api-tree  .x-tree-selected {
 132     border:1px dotted #a3bae9;
 133     background:#DFE8F6;
 134 }
 135 #api-tree  .x-tree-node .x-tree-selected a span{
 136         background:transparent;
 137         color:#1E4176;
 138     font-weight:bold;
 139 }
 140
 141 a {
 142         color: #1E4176;
 143 }
 144 a:link {
 145         color: #1E4176;
 146         text-decoration: none;
 147 }
 148
 149 a:visited {
 150    color: #555;
 151         text-decoration: none;
 152 }
 153
 154 a:hover {
 155         text-decoration: underline;
 156         color: #15428b;
 157 }
 158
 159 #welcome {
 160     position:relative;
 161     top:0;
 162     left: 0;
 163     zoom:1;
 164 }
 165 .col{
 166         margin:0 250px 0 10px;
 167     zoom:1;
 168     padding: 10px 0;
 169 }
 170
 171 .col-last {
 172     width: 220px;
 173     position:absolute;
 174     right:10px;
 175     top:10px;
 176 }
 177
 178 .block{
 179         margin-bottom:10px;
 180 }
 181 .block-title{
 182         color: #1E4176;
 183         font:normal 18px tahoma,verdana,sans-serif;
 184     letter-spacing:-1px;
 185     padding: 4px;
 186         padding-left: 8px;
 187 }
 188 .block-body{
 189         padding:8px;
 190         padding-top:2px;
 191 }
 192 .block-body b{
 193         color:#333333;
 194         font-size:11px;
 195 }
 196 .block-body em {
 197         display:block;
 198         margin-top:5px;
 199         font-size:11px;
 200    color:gray;
 201         text-align:right;
 202 }
 203 .list{
 204         list-style: square;
 205         padding-left:20px;
 206         margin-top:5px;
 207 }
 208
 209 .res-block {
 210     padding-top:5px;
 211     background:transparent url(block-top.gif) no-repeat;
 212     width:210px;
 213     margin-bottom:15px;
 214 }
 215 .res-block-inner {
 216     padding:6px 11px;
 217     background:transparent url(block-bottom.gif) no-repeat left bottom;
 218 }
 219
 220 .res-block h3 {
 221     font: bold 12px tahoma,arial,sans-serif;
 222     color:#555;
 223     margin-bottom:8px;
 224 }
 225
 226 .res-block ul {
 227     list-style-type: disc;
 228     margin-left:15px;
 229     font: normal 12px tahoma,arial,sans-serif;
 230     color:#555;
 231 }
 232
 233 .res-block ul li {
 234     margin:0 0 5px 3px;
 235 }
 236
 237 .hide-inherited .inherited {
 238     display:none;
 239 }
 240
 241 #doc-body .x-tab-panel-body {
 242     background:#fff url(../resources/images/default/form/text-bg.gif) repeat-x 0 0;
 243 }
 244 #doc-body .x-panel-body, #doc-body .body-wrap {
 245     background:transparent !important;
 246 }
 247 .icon-cls {
 248     background-image: url(class.gif) !important;
 249 }
 250 .icon-event {
 251     background-image: url(event.gif) !important;
 252 }
 253 .icon-config {
 254     background-image: url(config.gif) !important;
 255 }
 256 .icon-prop {
 257     background-image: url(prop.gif) !important;
 258 }
 259 .icon-method {
 260     background-image: url(method.gif) !important;
 261 }
 262 .icon-cmp {
 263     background-image: url(cmp.gif) !important;
 264 }
 265 .icon-pkg {
 266     background-image: url(pkg.gif) !important;
 267 }
 268 .icon-fav {
 269     background-image: url(fav.gif) !important;
 270 }
 271 .icon-static {
 272     background-image: url(static.gif) !important;
 273 }
 274 .icon-docs {
 275     background-image: url(docs.gif) !important;
 276 }
 277 .icon-expand-all {
 278     background-image: url(expand-all.gif) !important;
 279 }
 280 .icon-collapse-all {
 281     background-image: url(collapse-all.gif) !important;
 282 }
 283 .icon-expand-members {
 284     background-image: url(expand-members.gif) !important;
 285 }
 286 .icon-hide-inherited {
 287     background-image: url(hide-inherited.gif) !important;
 288 }
 289
 290 #legend li {
 291         line-height:16px;
 292 }
 293 .item-icon {
 294         vertical-align:top;
 295         width:16px;
 296         height:16px;
 297         margin-right:6px;
 298 }
 299 .ext-ie .item-icon {
 300         vertical-align:middle;
 301 }
 302 h3.home-title {
 303         margin:5px 0;
 304         font:bold 13px tahoma,arial,sans-serif;
 305         color:#444;
 306 }
 307
 308 .search-item {
 309         margin:5px 5px 9px;
 310         padding:0 5px 10px 0;
 311 }
 312
 313 .search-item .member {
 314         font:bold 12px tahoma,arial,sans-serif;
 315         color:#444;
 316         margin:5px;
 317         overflow:hidden;
 318         white-space:nowrap;
 319         zoom:1;
 320 }
 321
 322 .search-item .cls {
 323         font:normal 12px tahoma,arial,sans-serif;
 324         color:#444;
 325         margin:5px;
 326         overflow:hidden;
 327         text-align:left;
 328         white-space:nowrap;
 329         zoom:1;
 330 }
 331 .search-item p {
 332         font:normal 11px tahoma,arial,sans-serif;
 333         clear:both;
 334         margin: 0 5px 5px 28px;
 335         color:#444;
 336         zoom:1;
 337 }
 338 #search .loading-indicator {
 339         position:static !important;
 340 }
 341 #search h3 {
 342         font:normal 12px tahoma,arial,sans-serif;
 343         color:#444;
 344         margin:10px;
 345 }
 346 .inner-link .item-icon, .bookmark .item-icon{
 347         margin-right:3px;
 348 }
 349 .inner-link, .bookmark {
 350         margin-left:10px;
 351 }
 352