list-packages: Tidy CSS in preparation for split into external file.

* build-aux/list-packages.scm (insert-css): Tidy CSS alignment etc.

Signed-off-by: Ludovic Courtès <ludo@gnu.org>
This commit is contained in:
Alex Sassmannshausen 2013-08-26 15:53:38 +02:00 committed by Ludovic Courtès
parent 2455085a1e
commit 3d1b29a5c5
1 changed files with 64 additions and 35 deletions

View File

@ -156,50 +156,79 @@ exec guile -l "$0" \
"Return the CSS for the list-packages page." "Return the CSS for the list-packages page."
(format #t (format #t
"<style> "<style>
a {transition: all 0.3s} /* license: CC0 */
div#intro {margin-bottom: 5em} a {
div#intro div, div#intro p {padding:0.5em} transition: all 0.3s;
div#intro div {float:left}
table#packages, table#packages tr, table#packages tbody, table#packages td,
table#packages th {border: 0px solid black}
div.package-description {position: relative}
table#packages tr:nth-child(even) {background-color: #FFF}
table#packages tr:nth-child(odd) {background-color: #EEE}
table#packages tr:hover, table#packages tr:focus, table#packages tr:active {background-color: #DDD}
table#packages tr:first-child, table#packages tr:first-child:hover, table#packages tr:first-child:focus, table#packages tr:first-child:active {
background-color: #333;
color: #fff;
} }
table#packages td div#intro {
{ margin-bottom: 2em;
margin:0px; }
padding:0.2em 0.5em; div#intro div, div#intro p {
padding:0.5em;
}
div#intro div {
float:left;
}
div#intro img {
float:left;
padding:0.75em;
}
table#packages, table#packages tr, table#packages tbody, table#packages td, table#packages th {
border: 0px solid black;
clear: both;
}
table#packages tr:nth-child(even) {
background-color: #FFF;
}
table#packages tr:nth-child(odd) {
background-color: #EEE;
}
table#packages tr:hover, table#packages tr:focus, table#packages tr:active {
background-color: #DDD;
}
table#packages tr:first-child, table#packages tr:first-child:hover, table#packages tr:first-child:focus, table#packages tr:first-child:active {
background-color: #333;
color: #fff;
}
table#packages td {
margin:0px;
padding:0.2em 0.5em;
} }
table#packages td:first-child { table#packages td:first-child {
width:10%; width:10%;
text-align:center; text-align:center;
}
table#packages td:nth-child(2) {
width:30%;
}
table#packages td:last-child {
width:60%;
} }
table#packages td:nth-child(2){width:30%;}
table#packages td:last-child {width:60%}
img.package-logo { img.package-logo {
float: left; float: left;
padding-right: 1em; padding: 0.75em;
}
table#packages span {
font-weight: 700;
}
table#packages span a {
float: right;
font-weight: 500;
} }
table#packages span a {float: right}
a#top { a#top {
position:fixed; position:fixed;
right:2%; right:10px;
bottom:2%; bottom:10px;
font-size:150%; font-size:150%;
background-color:#EEE; background-color:#EEE;
padding:1.125% 0.75% 0% 0.75%; padding:10px 7.5px 0 7.5px;
text-decoration:none; text-decoration:none;
color:#000; color:#000;
border-radius:5px; border-radius:5px;
} }
a#top:hover, a#top:focus { a#top:hover, a#top:focus {
background-color:#333; background-color:#333;
color:#fff; color:#fff;
} }
</style>")) </style>"))