git.roojs.org Git - gnome.introspection-doc-generator/blob - docs/resources/default.css

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