view mercurial/templates/static/style-extra-coal.css @ 35529:5afe0ca59b07

paper: make actual changeset entries have backgrounds on /graph

This patch removes a separate container for backgrounds only and puts
backgrounds on changeset elements themselves. This makes it so that JS code
doesn't need to create background elements separately anymore.

There's a bit of manipulating positions of elements: every changeset entry has
a "fg" element that gets a higher z-index than <canvas> element. This
prioritizes text information, so that even if it somehow gets close to the
graph drawn on <canvas> (which has z-index of 5), it'll still be on top of it.
This can happen if commit message has a long first line and browser window is
narrow, for example.

body {
    background: black url('background.png') repeat-x;
}

.container {
    padding-left: 0;
    padding-right: 150px;
}

.main {
    padding: 2em;
    border-right: 15px solid black;
    border-bottom: 15px solid black;
}

.menu {
    background: #999;
    padding: 10px;
    width: 75px;
    position: fixed;
    top: 27px;
    left: auto;
    right: 27px;
}

.menu ul {
    border-left: 0;
}

.menu li.active {
    font-weight: normal;
    background: black;
    color: white;
}

.menu li.active a {
    color: white;
}

h3 {
    margin-top: -.7em;
}

div.description {
    border-left-width: 3px;
}