examples/docs/resources/docs.css

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