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:
parent
2455085a1e
commit
3d1b29a5c5
|
@ -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>"))
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue