summaryrefslogtreecommitdiff
path: root/static/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'static/style.css')
-rw-r--r--static/style.css108
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 */
2body {
3 background-color: #CED6EB;
4 font-family: Sans-serif ;
5 margin-left: 2rem ;
6 margin-right: 2rem ;
7}
8
9h1 {
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
23h2, h3, h4, h5{
24 color: #660000 ;
25}
26
27hr {
28 color: #660000 ;
29 margin-left: 30px ;
30 margin-right: 30px ;
31}
32
33.titre {
34 text-align: center ;
35}
36
37nav {
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
80span.reset {
81 background-color: #F6AC8E ;
82}
83
84div.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
146input {
147 background-color: #F0F3FA ;
148 font-size: 1rem ;
149}
53 150
151.veuxgrille {
152 background-color: #A889E8 ;
153}