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,22 +156,41 @@ 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, div#intro {
table#packages th {border: 0px solid black} margin-bottom: 2em;
div.package-description {position: relative} }
table#packages tr:nth-child(even) {background-color: #FFF} div#intro div, div#intro p {
table#packages tr:nth-child(odd) {background-color: #EEE} padding:0.5em;
table#packages tr:hover, table#packages tr:focus, table#packages tr:active {background-color: #DDD} }
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 { 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; background-color: #333;
color: #fff; color: #fff;
} }
table#packages td table#packages td {
{
margin:0px; margin:0px;
padding:0.2em 0.5em; padding:0.2em 0.5em;
} }
@ -179,20 +198,30 @@ 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:nth-child(2) {
table#packages td:last-child {width:60%} 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;