docs/libvirt.css

   1 #nav {
   2     position: absolute;
   3     top: 0px;
   4     left: 0px;
   5     height: 100px;
   6     background: rgb(0, 95, 97);
   7     border-bottom: 3px solid rgb(60, 133, 124);
   8     width: 100%;
   9     display: table;
  10 }
  11
  12 #home {
  13     background-image: url(logos/logo-banner-light-256.png);
  14     background-repeat: no-repeat;
  15     background-position: left center;
  16     height: 100px;
  17     width: 269px;
  18     margin-left: 1em;
  19     text-indent: 100%; white-space: nowrap; overflow: hidden;
  20 }
  21
  22 #home a {
  23     color:  rgb(0, 95, 97);
  24     height: 100px;
  25     width: 269px;
  26     display: block;
  27 }
  28
  29 #jumplinks {
  30     display: table-cell;
  31     vertical-align: middle;
  32     font-size: 16pt;
  33     text-align: right;
  34 }
  35
  36 #jumplinks ul {
  37     list-style: none;
  38 }
  39
  40 #jumplinks li {
  41     display: inline;
  42     padding-left: 2em;
  43     font-weight: bold;
  44 }
  45
  46 #jumplinks a {
  47     color: rgb(255, 255, 255);
  48     text-decoration: none;
  49 }
  50
  51 #jumplinks a:hover {
  52     color: rgb(255, 230, 0);
  53 }
  54
  55 #search {
  56     display: table-cell;
  57     vertical-align: middle;
  58     width: 13em;
  59     text-align: right;
  60     padding: 1em;
  61 }
  62
  63 #search input {
  64     border: 0px;
  65     height: 2em;
  66 }
  67
  68 #search input[type=text] {
  69     background: rgb(230, 230, 230);
  70     color: rgb(0, 0, 0);
  71     width: 10em;
  72     padding: 0px;
  73     padding-left: 2px;
  74     padding-right: 2px;
  75 }
  76
  77 #search input[type=submit] {
  78     background: rgb(60, 133, 124);
  79     color: rgb(255, 255, 255);
  80     width: 3em;
  81     font-weight: bold;
  82 }
  83
  84 #search input[type=submit]:active,
  85 #search input[type=submit]:hover {
  86     color: rgb(255, 230, 0);
  87 }
  88
  89 #body {
  90     border: 0px;
  91     left: 0px;
  92     margin: 0px;
  93     margin-top: 120px;
  94     margin-left: 1em;
  95     margin-right: 1em;
  96 }
  97
  98 #content {
  99     margin-left: auto;
 100     margin-right: auto;
 101     padding: 0px;
 102     padding-bottom: 1em;
 103     max-width: 95%;
 104     width: 70em;
 105 }
 106
 107 body.index #content,
 108 body.docs #content,
 109 body.hvsupport #content
 110 {
 111     width: inherit;
 112 }
 113
 114 pre {
 115     border: 1px solid #999999;
 116     background: #eeeeee;
 117     color: black;
 118     padding: 1em;
 119 }
 120
 121 a {
 122     color: rgb(0, 95, 97);
 123 }
 124
 125 div.api {
 126     border: 1px solid #999999;
 127     background: #eeeeee;
 128     color: black;
 129     padding: 3px;
 130 }
 131
 132 div.api pre {
 133     margin: 0px;
 134     border: 0px;
 135     background: inherit;
 136     padding: inherit;
 137 }
 138
 139 div.api table {
 140     margin: 0px;
 141     padding-left: 2em;
 142     border-spacing: 0px;
 143 }
 144
 145 div.api table td, div.variablelist table td {
 146     vertical-align: top;
 147     padding-left: 1em;
 148 }
 149
 150 h1 a, h2 a, h3 a, h4 a, h5 a {
 151     color: inherit;
 152     text-decoration: inherit;
 153 }
 154
 155 #changelog .author {
 156     color: #3c857c;
 157     font-weight: bold;
 158 }
 159
 160 p.image {
 161     text-align: center;
 162 }
 163
 164 .top_table {
 165     border-collapse: collapse;
 166     min-width: 60%;
 167     margin-left: auto;
 168     margin-right: auto;
 169 }
 170
 171 .top_table th {
 172     background: rgb(0, 95, 97);
 173     color: rgb(255, 255, 255);
 174     padding: 0.5em;
 175 }
 176
 177 .top_table th a {
 178     color: inherit;
 179     text-decoration: inherit;
 180 }
 181
 182 .top_table td, .top_table th {
 183     border: 1px solid rgb(60, 133, 124);
 184 }
 185
 186 .top_table td {
 187     padding: 4px;
 188 }
 189
 190 .top_table tr:hover td, .top_table col:hover td {
 191     background: #eeeeee;
 192 }
 193
 194 .top_table tr td:hover {
 195     background: #c5dbd8;
 196 }
 197
 198 #projects {
 199     margin: 0px;
 200     border: 0px;
 201     position: absolute;
 202     top: 0px;
 203     left: 0px;
 204     width: 100%;
 205 }
 206
 207 #projects dl {
 208     margin: 0px;
 209     border: 0px solid white;
 210     height: 180px;
 211     position: absolute;
 212     top: 0px;
 213     left: 0px;
 214 }
 215
 216 #projects #p1 {
 217     margin-left: 25%;
 218     width: 75%;
 219 }
 220
 221 #projects #p2 {
 222     margin-left: 50%;
 223     width: 50%;
 224 }
 225
 226 #projects #p3 {
 227     margin-left: 75%;
 228     width: 25%;
 229 }
 230
 231 #projects dt, #projects dd {
 232     padding: 0px;
 233     margin: 0px;
 234 }
 235
 236 #projects #p1 dt, #projects #p1 dd {
 237     width: 33%;
 238 }
 239
 240 #projects #p2 dt, #projects #p2 dd {
 241     width: 50%;
 242 }
 243
 244 #projects #p3 dt, #projects #p3 dd {
 245     width: 99%;
 246 }
 247
 248 #projects span {
 249     font-size: 0.8em;
 250     display: block;
 251     padding-left: 1em;
 252     padding-top: 0.5em;
 253 }
 254
 255 #projects a {
 256     font-size: 0.8em;
 257     display: block;
 258     padding-left: 0.8em;
 259     padding-top: 1em;
 260 }
 261
 262 #projects a {
 263     color: white;
 264     text-decoration: inherit;
 265 }
 266
 267 #projects span {
 268     color: #ccc;
 269 }
 270
 271 span.since {
 272     color: #3c857c;
 273     font-style: italic;
 274     font-weight: bold;
 275 }
 276
 277 span.removed {
 278     color: darkred;
 279     font-style: italic;
 280     font-weight: bold;
 281 }
 282
 283 img.diagram {
 284     background: rgb(230,230,230);
 285     border: 2px dotted rgb(178,178,178);
 286     padding: 1em;
 287     display: block;
 288     margin-left: auto;
 289     margin-right: auto;
 290 }
 291
 292 table.data th, table.data td {
 293     padding: 0.3em;
 294 }
 295
 296 table.data {
 297     border-spacing: 0px;
 298 }
 299
 300 table.data thead th {
 301     background: rgb(178,178,178);
 302     text-align: center;
 303 }
 304
 305 table.data {
 306     border: 1px solid black;
 307     border-collapse: collapse;
 308 }
 309
 310 table.data thead tr th {
 311     border: 1px solid black;
 312 }
 313
 314 table.data tr.head th {
 315     border-left: 1px solid black;
 316     border-right: 1px solid black;
 317 }
 318
 319 table.data tbody td {
 320     background: rgb(240,240,240);
 321 }
 322
 323 table.data tbody td.y {
 324     background: rgb(220,255,220);
 325     text-align: center;
 326 }
 327 table.data tbody td.n {
 328     background: rgb(255,220,220);
 329     text-align: center;
 330 }
 331
 332 .api {
 333     font-family: monospace;
 334 }
 335
 336 .api .type {
 337     font-weight: bold;
 338     white-space: nowrap;
 339     color: darkslateblue;
 340 }
 341
 342 .api .keyword {
 343     font-weight: bold;
 344     color: #A2F;
 345 }
 346
 347 .api .comment {
 348     color: #080;
 349     margin-left: 2em;
 350     position: relative;
 351 }
 352
 353 .api .comment:before {
 354     content: ": ";
 355     position: absolute;
 356     left: -1.3em;
 357 }
 358
 359 .api .undisclosed {
 360     font-style: italic;
 361     letter-spacing: .3ex;
 362     font-weight: bolder;
 363     text-transform: uppercase;
 364     margin-left: 2em;
 365 }
 366
 367 .api .directive {
 368     color: teal;
 369 }
 370
 371 .api :link:hover, .api :link:focus {
 372     color: blue;
 373     border-color: blue;
 374 }
 375
 376 .api :link {
 377     text-decoration: none;
 378 }
 379
 380 dl.variablelist > dt {
 381     display: block;
 382     float: left;
 383     font-style: italic;
 384     font-weight: inherit;
 385 }
 386
 387 .variablelist dd {
 388     padding-left: 10em;
 389 }
 390
 391 dl.variablelist > dt:after {
 392     content: ": ";
 393 }
 394
 395 table.acl {
 396     margin: 1em;
 397     border-spacing: 0px;
 398     border: 1px solid #ccc;
 399 }
 400
 401 table.acl tr, table.acl td {
 402     padding: 0.3em;
 403     border: 1px solid #ccc;
 404 }
 405
 406 table.acl thead {
 407     background: #ddd;
 408 }
 409
 410 div.description pre.code {
 411     border: 1px dashed grey;
 412     background-color: inherit;
 413     padding: 5px 10px 5px 10px;
 414     margin-left: 2.5em;
 415 }
 416
 417 a.headerlink {
 418     text-decoration: none!important;
 419     visibility: hidden;
 420 }
 421
 422 h2:hover > a.headerlink,
 423 h3:hover > a.headerlink,
 424 h4:hover > a.headerlink,
 425 h5:hover > a.headerlink,
 426 h6:hover > a.headerlink {
 427     visibility: visible;
 428 }
 429
 430 div.panel {
 431     width: 24%;
 432     margin-left: 7%;
 433     float: left;
 434     background: rgb(230, 230, 230);
 435 }
 436
 437 div.panel h2 {
 438     margin-top: 0px;
 439     padding: 0.5em;
 440     padding-left: 1em;
 441     padding-right: 1em;
 442     background: rgb(0, 95, 97);
 443     color: rgb(255, 255, 255);
 444     text-align: center;
 445 }
 446
 447 body.index h1 {
 448     border: 0px;
 449     text-indent: 100%; white-space: nowrap; overflow: hidden;
 450     background: url(logos/logo-banner-dark-800.png) no-repeat center center;
 451     height: 300px;
 452 }
 453
 454 br.clear {
 455     clear: both;
 456     border: 0px;
 457 }
 458
 459 #footer {
 460     clear: both;
 461     border-top: 3px solid rgb(60, 133, 124);
 462     margin-top: 2em;
 463     padding: 1em;
 464     background: rgb(0, 95, 97);
 465     color: rgb(255, 255, 255);
 466 }
 467
 468 #footer a {
 469     color: inherit;
 470     text-decoration: none;
 471 }
 472
 473 #footer a:hover {
 474     color: rgb(255, 230, 0);
 475 }
 476
 477 #conduct {
 478     float: right;
 479     text-align: right;
 480     font-size: smaller;
 481     margin-right: 3em;
 482 }
 483
 484 #conduct a {
 485     text-decoration: underline;
 486 }
 487
 488 #contact, #community {
 489     float: left;
 490     padding: 0px;
 491     margin-left: 3em;
 492 }
 493
 494 #footer h3 {
 495     margin:0px;
 496     font-size: 1em;
 497     color: rgb(60, 133, 124);
 498 }
 499
 500 #footer ul {
 501     list-style: none;
 502     margin: 0px;
 503     font-size: smaller;
 504 }
 505
 506 div.panel dd {
 507     font-size: smaller;
 508 }
 509
 510 div.panel a {
 511     text-decoration: none;
 512 }
 513
 514 div.panel ul,
 515 div.panel p,
 516 div.panel dl {
 517     padding: 0.5em;
 518     margin: 0px;
 519 }
 520
 521
 522 div.panel ul {
 523     margin-left: 1em;
 524 }
 525 div.panel dt {
 526     margin: 0px;
 527 }
 528 div.panel dd {
 529     margin: 0px;
 530     margin-bottom: 1em;
 531 }
 532
 533 dl.mail dt {
 534     background: rgb(0, 97, 95);
 535     color: rgb(255, 255, 255);
 536     font-weight: bold;
 537     padding: 0.5em;
 538 }
 539 dl.mail dt a {
 540     color: inherit;
 541     text-decoration: none;
 542 }
 543 dl.mail dt a:hover {
 544     color:  rgb(255, 230, 0);
 545     text-decoration: none;
 546 }
 547
 548 td.enumvalue {
 549     white-space: nowrap;
 550 }
 551
 552 #advancedsearch {
 553     display: none;
 554     vertical-align: bottom;
 555     position: absolute;
 556     padding: 1em;
 557     padding-top: 0em;
 558     margin-top: 0em;
 559     top: 100px;
 560     right: 0px;
 561     width: 13em;
 562     text-align: left;
 563     color: white;
 564     background: rgb(0, 95, 97);
 565     border-left: 3px solid rgb(60, 133, 124);
 566     border-bottom: 3px solid rgb(60, 133, 124);
 567 }
 568
 569 /* Use div.advancedsearch, not #advancedsearch because the
 570  * 'advancedsearch' class is set dynamically when javascript
 571  * loads. This ensures that the advancedsearch options are
 572  * not displayed when javascript is disabled.
 573 */
 574 #search:hover div.advancedsearch {
 575     display: table;
 576 }
 577
 578 #advancedsearch span {
 579     display: block;
 580 }
 581
 582 #advancedsearch input[type=radio] {
 583     height: inherit;
 584     display: inline;
 585 }
 586
 587 #advancedsearch label {
 588     display: inline;
 589 }
 590
 591 .removedhv {
 592     color: darkred;
 593 }
 594
 595 ul.news-section-content {
 596     margin-top: 0.5em;
 597 }
 598
 599 ul.news-section-content li dl dt {
 600     margin: 0;
 601 }
 602
 603 ul.news-section-content li dl dd {
 604     margin-left: 1em;
 605     margin-right: 0;
 606     margin-top: 0.5em;
 607     margin-bottom: 0.5em;
 608 }