git.roojs.org Git - roojs1/blob - docs.old/default.css

   1 /* default.css
   2 /<style>
   3 / */
   4 body
   5 {
   6         font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
   7         /* width: 800px; */
   8 }
   9
  10 .header
  11 {
  12         clear: both;
  13         background-color: #ccc;
  14         padding: 8px;
  15 }
  16
  17 h1
  18 {
  19         font-size: 150%;
  20         font-weight: bold;
  21         padding: 0;
  22         margin: 1em 0 0 .3em;
  23 }
  24
  25 hr
  26 {
  27         border: none 0;
  28         border-top: 1px solid #7F8FB1;
  29         height: 1px;
  30 }
  31
  32 pre.code
  33 {
  34         display: block;
  35         padding: 8px;
  36         border: 1px dashed #ccc;
  37 }
  38
  39 #index
  40 {
  41         margin-top: 24px;
  42         float: left;
  43         width: 160px;
  44         position: absolute;
  45         left: 8px;
  46         background-color: #F3F3F3;
  47         padding: 8px;
  48 }
  49
  50 #content
  51 {
  52         margin-left: 190px;
  53         width: 600px;
  54 }
  55
  56 .classList
  57 {
  58         list-style-type: none;
  59         padding: 0;
  60         margin: 0 0 0 8px;
  61         font-family: arial, sans-serif;
  62         font-size: 1em;
  63         overflow: auto;
  64 }
  65
  66 .classList li
  67 {
  68         padding: 0;
  69         margin: 0 0 8px 0;
  70 }
  71
  72 .summaryTable { width: 100%; }
  73
  74 h1.classTitle
  75 {
  76         font-size:170%;
  77         line-height:130%;
  78 }
  79
  80 h2 { font-size: 110%; }
  81
  82 /* --------- the labels at the top of the page... -------- */
  83 .class-summary-table .label
  84 {
  85     vertical-align: top;
  86     margin-bottom: 4px;
  87 }
  88
  89 .class-summary-table
  90 {
  91     margin-left:10px;
  92     margin-top:5px;
  93
  94 }
  95 .class-summary-table  td
  96 {
  97     font-size:12px;
  98     padding:2px 10px 2px 2px;
  99 }
 100 .elbow
 101 {
 102     vertical-align: middle;
 103     padding-right: 2px;
 104    }
 105
 106 /** ---------------------   Caption above tables -----------------------**/
 107 caption.Empty,
 108 caption,
 109 div.sectionTitle
 110 {
 111         background-color: #7F8FB1;
 112         color: #fff;
 113         font-size:130%;
 114         text-align: left;
 115         padding: 2px 6px 2px 6px;
 116         border: 1px #7F8FB1 solid;
 117     width: 100%;
 118     font-weight: bold;
 119 }
 120
 121 div.sectionTitle { margin-bottom: 8px; }
 122 .summaryTable thead { display: none; }
 123
 124 .summaryTable td
 125 {
 126         vertical-align: top;
 127         padding: 4px;
 128         border-bottom: 1px #7F8FB1 solid;
 129         border-right: 1px #7F8FB1 solid;
 130 }
 131
 132 /*col#summaryAttributes {}*/
 133 .summaryTable td.attributes
 134 {
 135         border-left: 1px #7F8FB1 solid;
 136         width: 140px;
 137         text-align: right;
 138 }
 139
 140 td.attributes, .fixedFont
 141 {
 142         line-height: 15px;
 143 /*      color: #002EBE; */
 144         font-family: "Courier New",Courier,monospace;
 145         font-size: 13px;
 146     margin-left: 10px;
 147 }
 148 .itemname
 149 {
 150     color: #002EBE;
 151 }
 152
 153
 154 .summaryTable td.nameDescription
 155 {
 156         text-align: left;
 157         font-size: 13px;
 158         line-height: 15px;
 159 }
 160
 161 .summaryTable td.nameDescription, .description
 162 {
 163         font: 13px Palatino,Garamond,serif;
 164         line-height: 15px;
 165         padding: 4px;
 166         padding-left: 4px;
 167 }
 168
 169 .summaryTable { margin-bottom: 8px; }
 170
 171 ul.inheritsList
 172 {
 173         list-style: square;
 174         margin-left: 20px;
 175         padding-left: 0;
 176 }
 177
 178 .detailList {
 179         margin-left: 20px;
 180     padding-top: 10px;
 181         line-height: 20px;
 182     clear: left;
 183 }
 184 .detailList dt
 185 {
 186     margin-left: 20px;
 187     clear: left;
 188     float: left;
 189
 190 }
 191
 192 .detailList .heading
 193 {
 194         font-weight: bold;
 195         padding-bottom: 6px;
 196         margin-left: 0;
 197
 198 }
 199
 200 .light, td.attributes, .light a:link, .light a:visited
 201 {
 202         color: #777;
 203         font-style: italic;
 204 }
 205
 206 .fineprint
 207 {
 208         text-align: right;
 209         font-size: 10px;
 210 }
 211
 212 .detailList dd
 213 {
 214     clear: none;
 215     float: left;
 216     margin-left: 10px;
 217
 218
 219 }
 220
 221
 222 .detailList dt
 223 {
 224
 225
 226     margin-bottom::     12px;
 227     margin-left:        20px;
 228 }
 229 /** ----------------------- RooJS extra stuff  ----------------------- */
 230
 231 .body-wrap {
 232     margin: 5px;
 233 }
 234
 235 .top-tools  {
 236     text-align:right;
 237 }
 238 .inner-link {
 239     margin-left: 10px;
 240 }
 241 .inheritance {
 242     float:right;
 243     margin-top:20px;
 244     width:300px;
 245 }
 246 .res-block {
 247     margin-bottom:15px;
 248     padding-top:5px;
 249    /* width:210px; */
 250 }
 251 .inheritance pre {
 252     border:0pt none;
 253     font-size:11px;
 254     /* line-height:18px !important; */
 255     margin:0pt;
 256     padding:0pt 8px 5px !important;
 257     text-align:left;
 258     background-color: #f8f8f8;
 259 }
 260 div.hr {
 261     background:#CCCCCC none repeat scroll 0%;
 262     height:1px;
 263     line-height:1px;
 264     margin:5px 0pt;
 265     overflow:hidden;
 266         clear: both;
 267 }
 268 /** ----------------------- RooJS table stuff  ----------------------- */
 269
 270 .member-table {
 271     margin-bottom:10px;
 272     width:100%;
 273 }
 274
 275 .member-table th {
 276     background-color:#eee;
 277     border-left:1px solid #EEE;
 278     border-right:1px solid #DDD;
 279     border-top:1px solid #EEE;
 280     padding:3px;
 281     text-align:left;
 282     vertical-align:middle;
 283
 284
 285     font-size:11px;
 286     white-space:nowrap;
 287
 288 }
 289
 290 .member-table td.micon {
 291     background:#F9F9F9;
 292     border-right:1px solid #D0D0D0;
 293     padding:0px;
 294     width:16px;
 295 }
 296
 297 .member-table td.micon a {
 298
 299     display:block;
 300
 301     text-decoration: none;
 302
 303      height:18px;
 304     width:16px;
 305 }
 306
 307 .member-table td.micon,
 308 .member-table td.sig,
 309 .member-table td.msource {
 310     border-top:1px solid #D0D0D0;
 311     vertical-align:top;
 312     padding: 5px;
 313     font-size: 13px;
 314 }
 315 .expanded .mdesc .short{
 316     display:none;
 317 }
 318 .expanded .mdesc .comments,
 319 .expanded .mdesc .long {
 320     display:block;
 321     margin-top: 10px;
 322     margin-left: 10px;
 323 }
 324
 325
 326 .mdesc .comments,
 327 .mdesc .long {
 328     display:none;
 329 }
 330 .mdesc .short {
 331     color: #666;
 332     margin-left: 10px;
 333 }
 334
 335 .expandable td.micon a {
 336     background:transparent url(http://devel.akbkhome.com/extjs/resources/images/default/tree/elbow-plus-nl.gif) no-repeat scroll 0px 0px;
 337     cursor:pointer}
 338
 339 .expanded  td.micon a {
 340     background:transparent url(http://devel.akbkhome.com/extjs/resources/images/default/tree/elbow-minus-nl.gif) no-repeat scroll 0px 0px;
 341     cursor:pointer;
 342
 343 }
 344
 345
 346 /* ---- table with no contents */
 347
 348 caption.Empty
 349 {
 350     background-color:#EEEEEE;
 351     border:medium none;
 352     color:#666666;
 353     font-size:10pt;
 354     font-style:italic;
 355     font-weight: normal;
 356 }
 357
 358
 359 /* fix up lists back to normal */
 360
 361
 362 .body-wrap ul
 363 {
 364     ist-style-image:    none;
 365     list-style-position:        outside;
 366     list-style-type:    disc;
 367     padding-left: 40px;
 368 }
 369
 370 .long pre,
 371 .description pre  {
 372     background:#F8F8F8 none repeat scroll 0% 0%;
 373     border-color:#ccc;
 374     border-style:solid;
 375     border-width:1px 1px 1px 5px;
 376     font-size:12px !important;
 377     line-height:14px !important;
 378     margin:10px 10px 10px 0px;
 379     padding:10px;
 380 }
 381
 382
 383 .comments {
 384     background:#F8F8F8 none repeat scroll 0% 0%;
 385     border-color:#f30;
 386     border-style:solid;
 387     border-width:1px 15px 1px 15px;
 388     font-size:12px !important;
 389     line-height:14px !important;
 390     margin:10px 10px 10px 0px;
 391     padding:10px;
 392     width:95%;
 393     float:left;
 394
 395 }
 396
 397
 398 /** methods etc. defined in this class are highlighted. **/
 399
 400 /** -------- alternating rows.. ---- */
 401
 402 .config-row-alt0 {
 403     background-color : #f8f8f8;
 404 }
 405 .notInherited td.micon,
 406 .notInherited td.msource
 407 {
 408
 409     background-color: #fcc;
 410     /*border: 1px solid red; */
 411 }
 412 td.msource
 413 {
 414     width: 160px;
 415 }