Browse code

un peu de piquant dans la CSS

tth authored on 12/02/2019 16:07:54
Showing 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