ecdab0dfea
It's generally frowned upon to have more than one H1 per document in HTML4. So let's put the text directly inside the header. This means we can drop the flex-based centering, which makes things a bit easier. We also need to change the padding to rem instead of em, because the em has now changed. Signed-off-by: Erik Faye-Lund <erik.faye-lund@collabora.com> Reviewed-by: Eric Engestrom <eric.engestrom@intel.com>
51 lines
696 B
CSS
51 lines
696 B
CSS
/* Mesa CSS */
|
|
body {
|
|
background-color: #ffffff;
|
|
font: 14px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
|
|
color: black;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
code {
|
|
font-family: monospace;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
pre {
|
|
font-size: 10pt;
|
|
background-color: #eee;
|
|
margin-left: 2em;
|
|
padding: .5em;
|
|
}
|
|
|
|
iframe {
|
|
width: 19em;
|
|
height: 80em;
|
|
border: none;
|
|
float: left;
|
|
}
|
|
|
|
.content {
|
|
position: absolute;
|
|
left: 20em;
|
|
right: 10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.header {
|
|
background: url('gears.png') 15px no-repeat, black url('gears.png') right no-repeat;
|
|
padding: 1.75rem;
|
|
text-align: center;
|
|
color: white;
|
|
font: x-large sans-serif;
|
|
}
|