Browse code
un peu de piquant dans la CSS
tth authored on 12/02/2019 16:07:54Showing 1 changed files
| ... | ... |
@@ -1,6 +1,6 @@ |
| 1 | 1 |
body {
|
| 2 |
- background-color: #eeeeee; |
|
| 3 |
- color: #222222; |
|
| 2 |
+ background-color: #111111; |
|
| 3 |
+ color: #ffff00; |
|
| 4 | 4 |
margin-left: 2cm; |
| 5 | 5 |
margin-right: 2cm; |
| 6 | 6 |
line-height: 142%; |
| ... | ... |
@@ -10,13 +10,14 @@ body {
|
| 10 | 10 |
h1 {
|
| 11 | 11 |
text-align: center; |
| 12 | 12 |
margin-bottom: 30px; |
| 13 |
- color: #408080; |
|
| 13 |
+ background-color: #ffff00; |
|
| 14 |
+ color: #111111; |
|
| 14 | 15 |
} |
| 15 | 16 |
|
| 16 | 17 |
h2 {
|
| 17 |
- background-color: #aaaaaa; |
|
| 18 |
+ background-color: #ffff00; |
|
| 18 | 19 |
margin-bottom: 30px; |
| 19 |
- color: #222222; |
|
| 20 |
+ color: #111111; |
|
| 20 | 21 |
} |
| 21 | 22 |
|
| 22 | 23 |
p {
|
| ... | ... |
@@ -25,7 +26,8 @@ p {
|
| 25 | 25 |
} |
| 26 | 26 |
|
| 27 | 27 |
p.mono {
|
| 28 |
- background-color: #cccccc; |
|
| 28 |
+ background-color: #aaaa00; |
|
| 29 |
+ color: #111111; |
|
| 29 | 30 |
text-indent: 0px; |
| 30 | 31 |
padding: 10px; |
| 31 | 32 |
font-family: monospace; |
| ... | ... |
@@ -35,7 +37,7 @@ p.mono {
|
| 35 | 35 |
|
| 36 | 36 |
p.menu {
|
| 37 | 37 |
text-align: center; |
| 38 |
- border-color: #000060; border-style: dotted; |
|
| 38 |
+ border-color: #eeee00; border-style: dotted; |
|
| 39 | 39 |
border-width: 1px; |
| 40 | 40 |
/* margin: 5px; */ |
| 41 | 41 |
margin-top: 30px; |
| ... | ... |
@@ -43,5 +45,19 @@ p.menu {
|
| 43 | 43 |
overflow: visible: |
| 44 | 44 |
} |
| 45 | 45 |
|
| 46 |
+/* le survol des liens */ |
|
| 47 |
+a:hover {
|
|
| 48 |
+ color: #000000; |
|
| 49 |
+ } |
|
| 50 |
+a[href]:hover {
|
|
| 51 |
+ background-color: #ffff00; |
|
| 52 |
+ color: #000000; |
|
| 53 |
+ } |
|
| 54 |
+/* XXX a[name]:hover {
|
|
| 55 |
+ background-color: #22aa22; |
|
| 56 |
+ } */ |
|
| 57 |
+a:visited {
|
|
| 58 |
+ color: #0099aa; |
|
| 59 |
+ } |
|
| 46 | 60 |
|
| 47 | 61 |
|