Re: CSS for installation guide ?

[Stéphane Blondon <stephane.blondon@gmail.com>]

Hello,

2015-03-24 10:57 GMT+01:00 Stéphane Blondon <stephane.blondon@gmail.com>:
> 2015-03-23 23:55 GMT+01:00 Samuel Thibault <sthibault@debian.org>:
>> This is now commited and uploaded.
>
> Thank you for the commit.
> I will probably work on the improvement of the <table> at the end of the week.


After some attempts, I discovered the html tree of the working demo is
not the same as the html generated by buildone.sh.
I don't want to change the html generated (no skills, too risky, not
enought time, etc.)
So there will be no hover effects or even/odd colored lines.

However, I improved lightly the CSS in order to have better looking
<tables> (in my opinion). You can compare:
- current table: http://stephane.yaal.fr/tmp/installationguide2/ch03s03.html
- new table: http://stephane.yaal.fr/tmp/installationguide3/ch03s03.html

A patch writted against svn (#69699) is attached to the e-mail.


If everyone thinks it's ok, feel free to commit it.


Cheers
-- 
Stéphane

Index: build/stylesheets/install.css
===================================================================
--- build/stylesheets/install.css	(révision 69699)
+++ build/stylesheets/install.css	(copie de travail)
@@ -116,27 +116,23 @@
 /* table in content */
 
 .informaltable table, .table-contents table {
-    border: 1px solid #AAAAAA;
+    border-collapse: collapse;
 }
 
 .informaltable table th, .table-contents table th {
-    border-width: 0;
     background-color: #C70036;
+    border: 1px solid black;
+    padding: 0.2em 0.5em 0.2em 0.5em;
 }
-/*
-.informaltable table td, .table-contents table {
-    border-width: 0;
-}
 
-.informaltable tbody tr:nth-child(even), .table-contents table tr:nth-child(even){
-background-color:#DDDDDD;
+.informaltable table td, .table-contents table td {
+    border: 1px solid black;
+    padding: 0.2em 0.5em 0.2em 0.5em;
 }
 
-.informaltable tbody tr:hover, .table-contents table tr:hover {
-    background-color:#666666;
-    color: #FFFFFF;
+.informaltable table th:hover, .table-contents table th:hover {
+    color: white;
 }
-*/
 
 
 /* Terminal examples */