libvirt/docs/libvirt.css
Philipp Hahn 447e4c466e Align table cells on top
When the description of an entry is too long and needs multiple lines,
all other table cells of the same row are currently vertically aligned
on center. Without row borders or different background colors for
alternating rows this is hard to read.

Change the style-sheet to align the table cells of a row on top.

Signed-off-by: Philipp Hahn <hahn@univention.de>
2011-08-11 13:42:22 -06:00

367 lines
5.2 KiB
CSS

h1 {
font-weight: normal;
color: #3c857c;
}
h1 strong {
font-weight: bold;
}
h2, h3, h4, h5, h6 {
color: #3c857c;
}
#header {
margin: 0px;
height: 104px;
width: 100%;
background: url(libvirt-header-bg.png);
border: 0px;
}
#body {
float: left;
width: 100%;
border: 0px;
left: 0px;
margin: 0px;
}
#content {
margin-left: 230px;
margin-right: 1em;
padding: 0px;
padding-bottom: 1em;
}
#menu {
float: left;
width: 220px;
margin-bottom: 1em;
}
#menu ul {
margin: 0px;
padding: 0px;
margin-left: 40px;
}
#menu li ul {
margin-left: 0px;
}
#menu ul li {
list-style: none;
color: black;
padding: 0px;
margin: 0px;
border: 0px;
font-weight: bold;
font-size: 1.2em;
}
#menu li ul li {
font-size: 1em;
}
#menu ul li a, #menu ul li span {
text-decoration: inherit;
color: inherit;
display: block;
padding: 6px;
margin: 2px;
}
#menu ul li .active {
background: #a4c6c2;
}
#menu ul.l0 li .inactive {
background: #c5dbd8;
}
#menu ul.l1 li .inactive,
#menu ul.l2 li .inactive {
background: #dfebea;
border-left: 8px solid #dfebea;
}
#menu ul.l1 li .inactive,
#menu ul.l1 li .active {
padding-left: 1em;
}
#menu ul.l1 li .inactive {
border-left: 6px solid #dfebea;
}
#menu ul.l1 li .active {
border-left: 6px solid #a5c6c2;
}
#menu ul.l2 li .inactive,
#menu ul.l2 li .active {
padding-left: 2em;
border-left: 8px solid #c5dbd8;
}
#menu ul.l3 li .inactive,
#menu ul.l3 li .active {
padding-left: 3em;
}
#headerLogo {
position: absolute;
top: 0px;
left: 0px;
height: 104px;
width: 400px;
background: url(libvirt-header-logo.png);
}
#headerSearch {
position: absolute;
top: 0px;
right: 0px;
padding: 2em;
z-index: 10;
}
#headerSearch input {
border: 1px solid #999999;
color: #999999;
background: white;
padding: 3px;
font-size: 1em;
}
#headerSearch #submit {
border: 1px solid #999999;
background: #eeeeee;
color: black;
padding: 3px;
font-size: 1em;
}
#sitemap ul li {
list-style: none;
}
#sitemap ul {
margin: 1em;
padding: 0em;
}
#sitemap ul ul {
padding-left: 2em;
}
#sitemap li {
margin: 0.5em;
}
#sitemap a {
color: inherit;
text-decoration: underline;
font-weight: bold;
}
pre {
border: 1px solid #999999;
background: #eeeeee;
color: black;
padding: 1em;
}
a {
color: #566866;
}
div.api {
border: 1px solid #999999;
background: #eeeeee;
color: black;
}
div.api pre {
margin: 0px;
border: 0px;
background: inherit;
}
div.api table {
margin: 0px;
padding-left: 2em;
font-family: fixed;
whitespace: pre;
}
div.api table td, div.variablelist table td {
vertical-align: top;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
color: inherit;
text-decoration: inherit;
}
#changelog .author {
color: #3c857c;
font-weight: bold;
}
p.image {
text-align: center;
}
.top_table {
border-collapse: collapse;
}
.top_table th {
background: #a4c6c2;
}
.top_table th a {
color: inherit;
text-decoration: inherit;
}
.top_table td, .top_table th {
border: 1px solid #999999;
}
.top_table tr:hover td, .top_table col:hover td {
background: #eeeeee;
}
.top_table tr td:hover {
background: #c5dbd8;
}
#footer {
clear: both;
position: relative;
margin: 0px;
padding: 0px;
border: 0px;
width: 100%;
height: 180px;
background: #FFFFFF;
/* background: #757575; */
}
/* This is hidden from IE <= 6 because it can't do transparency */
/* body > #footer {
background: #757575 url(footer_pattern.png) repeat-x;
} */
#footer p {
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
border: 0px solid red;
width: 220px;
text-align: center;
}
#footer p a img {
border: 0px;
}
#projects {
margin: 0px;
border: 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
#projects dl {
margin: 0px;
border: 0px solid white;
height: 180px;
position: absolute;
top: 0px;
left: 0px;
}
/* This is hidden from IE <= 6 because it can't do transparency */
head:first-child+body #projects dl {
background: url(footer_corner.png) no-repeat ! important;
}
#projects #p1 {
margin-left: 25%;
width: 75%;
}
#projects #p2 {
margin-left: 50%;
width: 50%;
}
#projects #p3 {
margin-left: 75%;
width: 25%;
}
#projects dt, #projects dd {
padding: 0px;
margin: 0px;
}
#projects #p1 dt, #projects #p1 dd {
width: 33%;
}
#projects #p2 dt, #projects #p2 dd {
width: 50%;
}
#projects #p3 dt, #projects #p3 dd {
width: 99%;
}
#projects {
}
#projects span {
font-size: 0.8em;
display: block;
padding-left: 1em;
padding-top: 0.5em;
}
#projects a {
font-size: 0.8em;
display: block;
padding-left: 0.8em;
padding-top: 1em;
}
#projects a {
color: white;
text-decoration: inherit;
}
#projects span {
color: #ccc;
}
#sponsor {
color: #757575;
text-decoration: inherit;
font-size: 1.2em;
}
span.since {
color: #3c857c;
font-style: italic;
font-weight: bold;
}