git.roojs.org Git - gnome.introspection-doc-generator/blob - templates/resources/library_gnome.css

   1 body {
   2         margin: 0px;
   3         padding: 0px;
   4         font-family: sans-serif;
   5         background: white;
   6         color: black;
   7         height: 101%;
   8 }
   9
  10 div {
  11         margin: 0;
  12 }
  13
  14 body.with-star {
  15         background: white url(star.png) -100px -200px no-repeat;
  16 }
  17
  18 #page {
  19         margin: 0px;
  20         padding: 0px;
  21 }
  22
  23 #page ul {
  24         margin: 0;
  25 }
  26
  27 div.in-column {
  28         margin: 0 0 2em 1em;
  29         float: right;
  30         max-width: 12em;
  31 }
  32
  33 hr {
  34         color: #888;
  35         background: #888;
  36         border: 0;
  37         height: 1px;
  38         width: 90%;
  39         text-align: center;
  40         clear: both;
  41 }
  42
  43
  44 div.body {
  45         clear: both;
  46 }
  47
  48
  49 div.sidebar {
  50         position: absolute;
  51         text-align: left;
  52         right: 0px;
  53         top: 60px;
  54         width: 27ex;
  55         padding-left: 1ex;
  56         border-left: 1ex solid #eee;
  57         margin-top: 4em;
  58 }
  59
  60 div.sidebar h2 {
  61         margin-top: 0;
  62         padding: 5px 2ex 5px 2ex;
  63         background: url(t.png) top left repeat-y;
  64         font-size: 100%;
  65 }
  66
  67 ul.i18n,
  68 ul.toc {
  69         padding: 0;
  70         padding-left: 20px;
  71         margin: 0;
  72         margin-right: 10px;
  73         list-style: none;
  74 }
  75
  76 ul.i18n li,
  77 ul.toc li {
  78         margin: 0;
  79         margin-left: 1em;
  80         padding: 0;
  81         list-style: circle;
  82 }
  83
  84 ul.toc li a {
  85         text-decoration: none;
  86         color: black;
  87 }
  88
  89 ul.toc li a:hover {
  90         text-decoration: underline;
  91 }
  92
  93 #general {
  94         list-style: none;
  95         background: #2E3436 url(general_bg.png) 0 100% repeat-x;
  96         text-align: right;
  97         padding: 0 1ex;
  98         margin: 0;
  99         font-size: 70%;
 100 }
 101
 102 #general li {
 103         display: inline;
 104         background: url(general_separator.png) 0 0 no-repeat;
 105         padding-top: 10px;
 106         padding-bottom: 8px;
 107         margin-left: 0px;
 108         margin-top: 0px;
 109 }
 110
 111 #general li a {
 112         font-weight: bold;
 113         color: #FFFFFF;
 114         margin: 0 2ex;
 115         text-decoration: none;
 116         line-height: 30px;
 117 }
 118
 119 #general li a:hover {
 120         text-decoration: underline;
 121 }
 122
 123 #general .home {
 124         float: left;
 125         background: url(general_separator.png) 100% 0 no-repeat;
 126         padding-top: 0;
 127         padding-bottom: 0;
 128 }
 129
 130 #general .home a {
 131         float: left;
 132         background: url(foot.png) 7px 50% no-repeat;
 133         margin-left: 0;
 134         padding-left: 27px;
 135 }
 136
 137
 138 #header {
 139         background: #729FCF url(top-header-gradient.png) top left repeat-x;
 140         float: left;
 141         width: 100%;
 142         font-size: 75%;
 143 }
 144
 145 #header-wrap {
 146         background: transparent url(library.png) 15px 10px no-repeat;
 147         min-height: 67px;
 148 }
 149
 150 #header h1 {
 151         margin: 0;
 152         margin-left: 85px;
 153         padding-top: 25px;
 154         font-size: 200%;
 155         color: #eeeeec;
 156 }
 157
 158 #tabs {
 159         background: url(bar.png) 0 100% repeat-x;
 160         width: 100%;
 161         float: left;
 162         margin: 0;
 163         padding: 0;
 164 }
 165
 166 #portal-globalnav {
 167         float: right;
 168         list-style: none;
 169         margin: 0;
 170         margin-right: 3ex;
 171 }
 172
 173 #portal-globalnav li {
 174         float: left;
 175         margin: 0;
 176         margin-left: 0.2ex;
 177         font-size: 2ex;
 178 }
 179
 180 #portal-globalnav li a:hover {
 181         color: #111111;
 182 }
 183
 184 #portal-globalnav li a {
 185         float: left;
 186         text-decoration: none;
 187         color: #555555;
 188         background: url(tab_left.png) 0 0 no-repeat;
 189         padding: 7px 0 7px 7px;
 190         border-bottom: 2px solid #CCCCCC;
 191 }
 192
 193 #portal-globalnav li span {
 194         background: url(tab_right.png) 100% 0 no-repeat;
 195         padding: 7px 28px 7px 19px;
 196 }
 197
 198 #portal-globalnav li.selected a {
 199         color: #3566A5;
 200         background: url(tab_left.png) 0 -57px no-repeat;
 201         border-bottom: none;
 202         padding-top: 8px;
 203         padding-bottom: 8px;
 204 }
 205
 206 #portal-globalnav li.selected a span {
 207         background: url(tab_right.png) 100% -57px no-repeat;
 208         padding-top: 8px;
 209         padding-bottom: 8px;
 210 }
 211
 212
 213
 214 div.articleinfo h1 {
 215         padding-top: 1ex;
 216         color: #3f3f3f;
 217 }
 218
 219 div.articleinfo h3.abstract {
 220         font-weight: normal;
 221         border: 5px solid #eee;
 222         padding: 1ex;
 223         -moz-border-radius: 10px;
 224         -khtml-border-radius: 10px;
 225         font-size: 100%;
 226         background: white;
 227 }
 228
 229 div.articleinfo dd.affiliation {
 230         color: #a4a4a4;
 231         margin-bottom: 1ex;
 232 }
 233
 234 div.articleinfo dl {
 235         margin-left: 1em;
 236 }
 237
 238 dl.doc-index {
 239         margin-left: 1em;
 240 }
 241
 242 dl.doc-index p {
 243         margin: 0.5ex 0;
 244 }
 245
 246 dl.doc-index dt {
 247         margin-top: 2em;
 248 }
 249
 250 dl.doc-index dd {
 251         margin: 0em 1em 2em 1em;
 252 }
 253
 254 dl.doc-index dt a {
 255         text-decoration: none;
 256         font-weight: bold;
 257         font-size: 110%;
 258 }
 259
 260 dl.doc-index dt a:hover {
 261         text-decoration: underline;
 262 }
 263
 264 div.body {
 265         background-color: transparent;
 266         border: none;
 267         padding: 1em;
 268 }
 269
 270 div.body-sidebar {
 271         margin-right: 27ex;
 272 }
 273
 274 a {
 275         color: #3465a4;
 276 }
 277
 278 div.navbar {
 279         margin: 0 29ex 0 2ex;
 280 }
 281
 282 h1.title {
 283         font-size: 1.72em;
 284         margin: 0; padding: 0;
 285         color: #3f3f3f;
 286 }
 287
 288 h1.title a {
 289         color: inherit;
 290         text-decoration: none;
 291 }
 292
 293 div#language {
 294         position: absolute;
 295         right: 2em;
 296         top: 6ex;
 297 }
 298
 299 /* from goran css */
 300
 301 #dev, #usr, #adm {
 302         float: left;
 303         margin: 20px 3% 0px 3%;
 304         width: 42%;
 305         padding: 5px;
 306 }
 307
 308 div.sidebar #dev, div.sidebar #usr, div.sidebar #adm {
 309         float: none;
 310         width: 90%;
 311         font-size: 90%;
 312         margin-top: 0;
 313 }
 314
 315 br.clear {
 316         clear: both;
 317 }
 318
 319 #dev p, #usr p, #adm p {
 320         margin: 20px;
 321 }
 322
 323 #usr h2 a, #usr h2 span,
 324 #dev h2 a, #dev h2 span,
 325 #adm h2 a, #adm h2 span {
 326         display: block; width: 80%;
 327         text-decoration: none;
 328         padding: 10px 20px;
 329 }
 330 #usr h2 a, #usr h2 span { color: #ffffff; }
 331 #dev h2 a, #dev h2 span { color: #2e3436; }
 332 #adm h2 a, #adm h2 span { color: #ffffff; }
 333
 334 #usr h2, #dev h2, #adm h2 {
 335         height: 40px;
 336         font-size: 11pt;
 337         -moz-border-radius: 10px;
 338         -khtml-border-radius: 10px;
 339         padding: 0px;
 340         background: none;
 341 }
 342
 343 #usr h2 { background: #729fcf url(user-icon.png) 95% no-repeat; }
 344 #dev h2 { background: #edd400 url(dev-icon.png) 95% no-repeat; }
 345 #adm h2 { background: #00b147 url(adm-icon.png) 95% no-repeat; }
 346
 347 #updated h3 { margin-bottom: 15px; }
 348
 349 div.sidebar h4 a {
 350         text-decoration: none;
 351         margin: 0px;
 352 }
 353 div.sidebar p.i18n {
 354         margin-top: -15px;
 355 }
 356
 357 div.sidebar fieldset {
 358         margin-top: 30px;
 359         border: none;
 360 }
 361
 362 table#top {
 363         margin: 1em auto;
 364         clear: both;
 365         border: 1px solid #faa;
 366         background: #fee;
 367         width: 95%;
 368 }
 369
 370 div.book, div.chapter, div.refentry, div.sect1, div.index {
 371         margin: 1em;
 372 }
 373
 374 .synopsis, .classsynopsis
 375 {
 376         background: #eee;
 377         border: solid 1px #aaa;
 378         padding: 0.5em;
 379 }
 380 .programlisting
 381 {
 382         background: #eef;
 383         border: solid 1px #aaf;
 384         padding: 0.5em;
 385 }
 386 .variablelist
 387 {
 388         padding: 4px;
 389         margin-left: 3em;
 390 }
 391 .variablelist td:first-child
 392 {
 393         vertical-align: top;
 394 }
 395
 396 .variablelist p {
 397         margin: 0;
 398 }
 399
 400 div.other-languages ul, div.downloads ul {
 401         list-style: none;
 402         padding: 0 1em;
 403         margin: 0;
 404 }
 405
 406 div.other-languages ul li, div.downloads ul li {
 407         margin: 0;
 408         padding: 0;
 409 }
 410
 411 div.other-languages a, div.downloads a {
 412         text-decoration: none;
 413 }
 414
 415 div.other-languages a:hover, div.downloads a:hover {
 416         text-decoration: underline;
 417 }
 418
 419 ul.versions {
 420         margin: 0;
 421         padding: 0;
 422         padding-left: 1em;
 423 }
 424
 425 ul.versions li {
 426         display: inline;
 427         margin: 0 0.5ex;
 428 }
 429
 430 h2.category {
 431         background-position: center left;
 432         background-repeat: no-repeat;
 433         margin-top: 2em;
 434         color: #006;
 435         min-height: 32px;
 436 }
 437
 438 h2.cat-accessibility-directory { padding-left: 40px; background-image: url(icons/accessibility-directory.png); }
 439 h2.cat-gnome-util { padding-left: 40px; background-image: url(icons/gnome-util.png); }
 440 h2.cat-gnome-joystick { padding-left: 40px; background-image: url(icons/gnome-joystick.png); }
 441 h2.cat-gnome-graphics { padding-left: 40px; background-image: url(icons/gnome-graphics.png); }
 442 h2.cat-gnome-globe { padding-left: 40px; background-image: url(icons/gnome-globe.png); }
 443 h2.cat-gnome-applications { padding-left: 40px; background-image: url(icons/gnome-applications.png); }
 444 h2.cat-gnome-other { padding-left: 40px; background-image: url(icons/gnome-other.png); }
 445 h2.cat-gnome-devel { padding-left: 40px; background-image: url(icons/gnome-devel.png); }
 446 h2.cat-gnome-multimedia { padding-left: 40px; background-image: url(icons/gnome-multimedia.png); }
 447 h2.cat-gnome-system { padding-left: 40px; background-image: url(icons/gnome-system.png); }
 448 h2.cat-gnome-other { padding-left: 40px; background-image: url(icons/gnome-other.png); }
 449
 450 h2.cat-gdp-documentation { padding-left: 40px; background-image: url(icons/gdp-32.png); }
 451
 452 h3.subsection {
 453         color: #006;
 454         font-style: italic;
 455         margin-left: 1ex;
 456 }
 457
 458 span.lang-code {
 459         font-size: 70%;
 460         color: #666;
 461 }
 462
 463 li.active-language {
 464         font-weight: bold;
 465         margin-bottom: 1ex;
 466 }
 467
 468 p.no-translation {
 469         font-style: italic;
 470         color: #888;
 471         font-size: 80%;
 472 }
 473
 474 p.no-translation a {
 475         text-decoration: none;
 476 }
 477
 478 div.subindex {
 479         margin: 2em 7em 1em 4em;
 480         padding-left: 110px;
 481         background-position: top left;
 482         background-repeat: no-repeat;
 483         min-height: 96px;
 484 }
 485
 486 div.subindex p {
 487         color: #666;
 488 }
 489
 490 div.subindex h2 {
 491         padding: 0;
 492         margin: 0;
 493 }
 494
 495 div.subindex h2 a {
 496         text-decoration: inherit;
 497 }
 498
 499 div.subindex h2 a:hover {
 500         text-decoration: underline;
 501 }
 502
 503 h1.subindex {
 504         padding-left: 110px;
 505         background-position: top left;
 506         background-repeat: no-repeat;
 507         line-height: 96px;
 508         min-height: 96px;
 509 }
 510
 511 #subindex-references { background-image: url(icons/api-96.png); }
 512 #subindex-guides { background-image: url(icons/guides-96.png); }
 513 #subindex-tools { background-image: url(icons/tools-96.png); }
 514 #subindex-gdp { background-image: url(icons/gdp-96.png); }
 515 #subindex-gnome-devel { background-image: url(icons/gnome-development-96.png); }
 516
 517 div#search {
 518         position: absolute;
 519         text-align: right;
 520         right: 1em;
 521         top: 5em;
 522         font-size: 75%;
 523 }
 524
 525 form#symlookup {
 526         margin: 2em 1em 2em 0em;
 527         text-align: right;
 528 }
 529
 530 input.searchTerms {
 531         border: 1px solid #888888;
 532 }
 533
 534 div#search input.searchTerms {
 535         margin-right: 1ex;
 536 }
 537
 538 input.searchButton {
 539         background: white url(search_icon.gif) no-repeat scroll 2px center;
 540         color: black;
 541         cursor: pointer;
 542         padding: 1px 1px 1px 15px;
 543         text-transform: none;
 544         border: 1px solid #888888;
 545 }
 546
 547 form#symlookup input.searchTerms {
 548         width: 100%;
 549         margin-bottom: 1ex;
 550 }
 551
 552 p.other-versions {
 553         font-size: 80%;
 554         color: #888;
 555 }
 556
 557 p.other-versions a {
 558         text-decoration: none;
 559 }
 560
 561 p.upcoming-deprecation {
 562         padding: 0.5em 1em 0.5em 60px;
 563         min-height: 48px;
 564         border: solid 1px #e0e0df;
 565         background-color: #fffff0;
 566         background-position: 6px 0.5em;
 567         background-repeat: no-repeat;
 568         background-image: url(/skin/admon-warning.png);
 569 }
 570
 571 p.canonical-ref {
 572         padding: 0.5em 1em 0.5em 60px;
 573         min-height: 48px;
 574         border: solid 1px #e0e0df;
 575         margin-right: 29ex;
 576         background-color: #fffff0;
 577         background-position: 6px 0.5em;
 578         background-repeat: no-repeat;
 579         background-image: url(/skin/admon-note.png);
 580 }
 581
 582 ul.indextoc {
 583         margin: 1em 0;
 584         padding: 0 0 0 1em;
 585         list-style: circle;
 586 }
 587
 588 ul.indextoc ul {
 589         padding: 0 0 0 1em;
 590 }
 591
 592 ul.indextoc li {
 593         font-weight: bold;
 594 }
 595
 596 ul.indextoc li li {
 597         font-weight: normal;
 598 }
 599
 600 ul.indextoc > li {
 601         margin-bottom: 1ex;
 602 }
 603
 604 ul.indextoc a {
 605         text-decoration: none;
 606 }
 607
 608 div.downloads h4 {
 609         min-height: 24px;
 610         line-height: 24px;
 611         background: transparent url(gnome-mime-application-x-archive.png) top left no-repeat;
 612         padding-left: 26px;
 613 }
 614
 615 div.downloads p.devhelp-note {
 616         font-size: 80%;
 617 }
 618
 619 div.downloads p.devhelp-note {
 620         font-size: 80%;
 621         color: #444;
 622 }
 623
 624 span.module-more {
 625         font-size: 75%;
 626 }
 627
 628 dl.doc-index dt span.module-more a {
 629         font-weight: normal;
 630 }
 631
 632 div#footer {
 633         margin: 2ex 30ex 2ex 1ex;
 634         clear: both;
 635         text-align: center;
 636         border-top: 1px solid gray;
 637         padding-top: 1.5em;
 638         color: #888;
 639 }
 640
 641 div#footer p {
 642         margin: 0;
 643         font-size: 80%;
 644 }
 645
 646 div#footer a {
 647         color: #3465a4;
 648         text-decoration: none;
 649 }
 650
 651 div#footer a:hover {
 652         text-decoration: underline;
 653 }
 654
 655 div.devel-remark {
 656         font-style: italic;
 657         color: #800;
 658         margin: 1ex 0;
 659 }
 660
 661 p.caution-nightly {
 662         background: #eee url(caution-nightly.png) no-repeat;
 663         font-weight: bold;
 664         border: 1px outset black;
 665         padding: 2px 2px 2px 50px;
 666         text-align: center;
 667         margin-bottom: 2em;
 668         min-height: 50px;
 669 }
 670
 671 /* code listings */
 672
 673 .listing_code .programlisting .cbracket   { color: #a40000; } /* tango: scarlet red 3 */
 674 .listing_code .programlisting .comment    { color: #a1a39d; } /* tango: aluminium 4 */
 675 .listing_code .programlisting .function   { color: #000000; font-weight: bold; }
 676 .listing_code .programlisting .function a { color: #11326b; font-weight: bold; } /* tango: sky blue 4 */
 677 .listing_code .programlisting .keyword    { color: #4e9a06; } /* tango: chameleon 3  */
 678 .listing_code .programlisting .linenum    { color: #babdb6; } /* tango: aluminium 3 */
 679 .listing_code .programlisting .normal     { color: #000000; }
 680 .listing_code .programlisting .number     { color: #75507b; } /* tango: plum 2 */
 681 .listing_code .programlisting .preproc    { color: #204a87; } /* tango: sky blue 3  */
 682 .listing_code .programlisting .string     { color: #c17d11; } /* tango: chocolate 2 */
 683 .listing_code .programlisting .type       { color: #000000; }
 684 .listing_code .programlisting .type a     { color: #11326b; } /* tango: sky blue 4 */
 685 .listing_code .programlisting .symbol     { color: #ce5c00; } /* tango: orange 3 */
 686
 687 .listing_frame {
 688   /* tango:sky blue 1 */
 689   border: solid 1px #729fcf;
 690   padding: 0px;
 691 }
 692
 693 .listing_lines, .listing_code {
 694   margin-top: 0px;
 695   margin-bottom: 0px;
 696   padding: 0.5em;
 697 }
 698 .listing_lines {
 699   /* tango:sky blue 0.5 */
 700   background: #a6c5e3;
 701   /* tango:aluminium 6 */
 702   color: #2e3436;
 703 }
 704 .listing_code {
 705   /* tango:sky blue 0 */
 706   background: #e6f3ff;
 707 }
 708 .listing_code .programlisting {
 709   /* override from previous */
 710   border: none 0px;
 711   padding: 0px;
 712 }
 713 .listing_lines pre, .listing_code pre {
 714   margin: 0px;
 715 }