docs/resources/docs.css

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