diff options
Diffstat (limited to 'static/style.css')
-rw-r--r-- | static/style.css | 108 |
1 files changed, 104 insertions, 4 deletions
diff --git a/static/style.css b/static/style.css index 3fc08f7..a35e7e7 100644 --- a/static/style.css +++ b/static/style.css | |||
@@ -1,6 +1,56 @@ | |||
1 | /* général */ | ||
2 | body { | ||
3 | background-color: #CED6EB; | ||
4 | font-family: Sans-serif ; | ||
5 | margin-left: 2rem ; | ||
6 | margin-right: 2rem ; | ||
7 | } | ||
8 | |||
9 | h1 { | ||
10 | border-radius: 50px 20px ; | ||
11 | border: 5px solid #AA0000; | ||
12 | background: rgba(255, 255, 255, 0.5) ; | ||
13 | display: inline-block ; | ||
14 | padding-top: 20px ; | ||
15 | padding-bottom: 20px ; | ||
16 | padding-left: 30px ; | ||
17 | padding-right: 30px ; | ||
18 | color: #660000 ; | ||
19 | font-family: Fantasy ; | ||
20 | text-transform: uppercase; | ||
21 | } | ||
22 | |||
23 | h2, h3, h4, h5{ | ||
24 | color: #660000 ; | ||
25 | } | ||
26 | |||
27 | hr { | ||
28 | color: #660000 ; | ||
29 | margin-left: 30px ; | ||
30 | margin-right: 30px ; | ||
31 | } | ||
32 | |||
33 | .titre { | ||
34 | text-align: center ; | ||
35 | } | ||
36 | |||
37 | nav { | ||
38 | position: fixed; | ||
39 | bottom: 1px; | ||
40 | border:solid 1px #660000 ;; | ||
41 | padding: 4px; | ||
42 | text-align: center ; | ||
43 | background-color: #BBD6E7 ; | ||
44 | } | ||
45 | |||
46 | #findepage { | ||
47 | margin-bottom: 100px; | ||
48 | } | ||
49 | |||
1 | /* Styles divers */ | 50 | /* Styles divers */ |
2 | .cliquable { | 51 | .cliquable { |
3 | text-decoration: underline; | 52 | text-decoration: underline; |
53 | font-size: 1rem ; | ||
4 | } | 54 | } |
5 | .cliquable:hover { | 55 | .cliquable:hover { |
6 | cursor: pointer; | 56 | cursor: pointer; |
@@ -10,14 +60,55 @@ | |||
10 | font-size: 0.8em; | 60 | font-size: 0.8em; |
11 | } | 61 | } |
12 | 62 | ||
63 | .toutpetit { | ||
64 | font-size: 0.6em ; | ||
65 | } | ||
66 | |||
67 | .lientop { | ||
68 | color: inherit ; | ||
69 | } | ||
70 | |||
71 | .score { | ||
72 | background-color: #746FF0 ; | ||
73 | border-radius: 5px ; | ||
74 | border: 1px solid black ; | ||
75 | padding: 10px ; | ||
76 | margin: 20px ; | ||
77 | } | ||
78 | |||
79 | |||
80 | span.reset { | ||
81 | background-color: #F6AC8E ; | ||
82 | } | ||
83 | |||
84 | div.reset { | ||
85 | margin-bottom: 2em ; | ||
86 | } | ||
87 | |||
88 | .bouton { | ||
89 | border-radius: 20px ; | ||
90 | border: 1px solid black ; | ||
91 | padding: 10px ; | ||
92 | margin-left: 10px ; | ||
93 | } | ||
94 | |||
95 | |||
96 | |||
97 | .liensperma { | ||
98 | text-align: center ; | ||
99 | } | ||
13 | 100 | ||
14 | /* Grille du bingo */ | 101 | /* Grille du bingo */ |
15 | #grille { | 102 | #grille { |
16 | background-color: #F8F8F8 ; | 103 | background-color: #746FF0 ; |
17 | padding: 1px ; | 104 | padding: 1px ; |
18 | margin: 30px ; | 105 | margin-left: 20px ; |
106 | margin-right: 20px ; | ||
107 | margin-top: 20px ; | ||
108 | margin-bottom: 20px ; | ||
19 | border: 1px solid black ; | 109 | border: 1px solid black ; |
20 | table-layout: fixed; | 110 | table-layout: fixed; |
111 | border-radius: 5px ; | ||
21 | } | 112 | } |
22 | 113 | ||
23 | #grille td { | 114 | #grille td { |
@@ -45,9 +136,18 @@ | |||
45 | 136 | ||
46 | /* Formulaire page custom */ | 137 | /* Formulaire page custom */ |
47 | .texte { | 138 | .texte { |
48 | width:20em | 139 | width:30rem |
49 | } | 140 | } |
50 | 141 | ||
51 | .data { | 142 | .data { |
52 | width:3em | 143 | width:3rem |
144 | } | ||
145 | |||
146 | input { | ||
147 | background-color: #F0F3FA ; | ||
148 | font-size: 1rem ; | ||
149 | } | ||
53 | 150 | ||
151 | .veuxgrille { | ||
152 | background-color: #A889E8 ; | ||
153 | } | ||