summaryrefslogtreecommitdiff
path: root/public/css
diff options
context:
space:
mode:
Diffstat (limited to 'public/css')
-rw-r--r--public/css/body.css39
-rw-r--r--public/css/foot.css120
-rw-r--r--public/css/head.css59
-rw-r--r--public/css/main.css110
-rw-r--r--public/css/nav.css95
-rw-r--r--public/css/tinymce.css6
6 files changed, 429 insertions, 0 deletions
diff --git a/public/css/body.css b/public/css/body.css
new file mode 100644
index 0000000..87f71f2
--- /dev/null
+++ b/public/css/body.css
@@ -0,0 +1,39 @@
1body
2{
3 margin: auto;
4 max-width: 1200px;
5 /*width: 90%;*/
6 font-family: sans;
7 background-color: #0cceec;
8}
9
10#bloc_page
11{}
12
13
14.infobulle
15{
16 /*text-decoration: none;*/
17 /* évite que l'infobulle ne se retrouve dans un coin de l'écran */
18 /*position:relative;*/
19 /* block -> hauteur fixe pour vertical-align dans l'image */
20 /*display: inline-block;*/
21
22}
23/*.infobulle button
24{
25
26 display: none;
27 position: absolute;
28 bottom: 35px;
29 left: 10px;
30}
31.infobulle:hover button
32{
33 display: inline;
34
35}
36.infobulle img
37{
38 vertical-align: middle;
39}*/ \ No newline at end of file
diff --git a/public/css/foot.css b/public/css/foot.css
new file mode 100644
index 0000000..ef3291d
--- /dev/null
+++ b/public/css/foot.css
@@ -0,0 +1,120 @@
1/*-- pied de page --*/
2footer
3{
4 /*background-color: #279dc177;*/
5 /*background-color: #13aff077;*/
6 background-color: #B7E9FE;
7 /*width: 1200px;*/
8 margin: auto;
9
10}
11footer > div
12{
13 margin: auto;
14 max-width: 1200px;
15 display: flex;
16 justify-content: space-around;
17}
18.contact a
19{
20 color: unset;
21 border-bottom: 3px #13aff000 solid; /* bordure invisible */
22}
23.contact a:hover
24{
25 /*background-color: #fadb11;*/
26 text-decoration: none;
27 padding: 0 2px;
28 /*background-color: #13aff0ff;
29 border-bottom: 3px #fadb11 solid;*/
30 background-color: #ffff00;
31 /*border-bottom: 2px #00a8f3 solid;*/
32 border-bottom: 2px #ff1d04 solid;
33}
34
35
36/*-- fil d'ariane --*/
37.breadcrumb
38{
39 max-width: 45%;
40 /*margin-right: 10px;*/
41 margin: 16px 0; /* = p */
42 list-style: none; /* retirer les puces */
43 font-size: small;
44 text-align: right;
45 font-weight: bold;
46}
47.breadcrumb img
48{
49 width: 12px;
50 vertical-align: middle;
51}
52.breadcrumb a img, .breadcrumb a span
53{
54 border-bottom: 2px #13aff000 solid;
55}
56.breadcrumb a img:hover, .breadcrumb a span:hover
57{
58 /*background-color: #13aff0;
59 border-bottom: 3px #fadb11 solid;*/
60 background-color: #ffff00;
61 /*border-bottom: 2px #00a8f3 solid;*/
62 border-bottom: 2px #ff1d04 solid;
63}
64/*.breadcrumb *:not(:last-child)::after
65{
66 content: "→";
67 display: block;
68 margin: 0 3px;
69}*/
70.breadcrumb a
71{
72 color: unset; /* ne plus hériter */
73 text-decoration: none;
74}
75
76/* zone admin */
77.logged_out
78{
79 /*display: none;*/
80 justify-content: start;
81}
82.logged_out a
83{
84 color: black;
85 text-decoration: none;
86}
87.empty_admin_zone
88{
89 height: 32px;
90}
91.logged_in
92{
93 height: 32px;
94 width: 1200px;
95 margin: auto;
96 background-color: #ffff00;
97 position: fixed;
98 bottom: 0px;
99}
100.logged_in > p
101{
102 margin: 5px 0;
103 display: flex;
104 justify-content: space-around;
105}
106.logged_in button
107{
108 margin-left: 5px;
109 color: #ff1d04;
110 font-size: medium;
111 border: lightgrey 2px outset;
112 border-radius: 4px;
113 background-color: white;
114}
115.logged_in button:hover
116{
117 cursor: pointer; /* curseur qui touche du doigt */
118 background-color: #ffff00;
119 border-radius: 4px;
120} \ No newline at end of file
diff --git a/public/css/head.css b/public/css/head.css
new file mode 100644
index 0000000..b8d4c93
--- /dev/null
+++ b/public/css/head.css
@@ -0,0 +1,59 @@
1header
2{
3 text-align: center;
4 /*padding-top: 5px;*/
5 /*padding-bottom: 10px;*/
6 background-image: url('../assets/fond-piscine.jpg');
7 background-size: cover; /* largeur du bloc_page */
8}
9header > div
10{
11 /*margin: auto;*/
12 /*max-width: 1200px;*/
13 display: flex;
14 /*align-items: center;*/ /* conflit possible avec .social align-self */
15 justify-content: space-around;
16}
17.header-content
18{
19 padding: 20px 0;
20}
21.site_title
22{
23 background-color: #ffffff7f;
24 border-radius: 10px;
25}
26header h1
27{
28 font-size: x-large;
29 margin: 10px;
30}
31header h2
32{
33 font-size: medium; /* défaut = x-large */
34 margin: 10px;
35}
36header img
37{
38 vertical-align: bottom; /* supprime espace sous l'image */
39}
40header a
41{
42 color: unset; /* ne plus hériter */
43 text-decoration: none;
44}
45.social
46{
47 align-self: end;
48}
49.social img
50{
51 width: 25px;
52 background-color: #ffffffb3;
53 border-radius: 10px;
54}
55
56.social img:hover
57{
58 background-color: #ffff00;
59}
diff --git a/public/css/main.css b/public/css/main.css
new file mode 100644
index 0000000..b38f8d9
--- /dev/null
+++ b/public/css/main.css
@@ -0,0 +1,110 @@
1main
2{
3 margin: auto;
4 /*max-width: 1200px;*/
5 background-color: #E3F3FF;
6 padding: 15px 0;
7}
8section > h3
9{
10 padding: 15px;
11 margin: 0;
12 text-align: center;
13}
14section > p /* boutons spéciaux mode admin */
15{
16 /*margin-left: 15px;*/
17}
18.grid_columns
19{
20 display: grid;
21 grid-template-columns: repeat(3, 1fr);
22}
23.galery_photos
24{
25 display: flex;
26 flex-wrap: wrap;
27 justify-content: space-evenly;
28}
29.galery_photos .html_from_editor img
30{
31 max-width: 400px;
32 max-height: 250px;
33}
34article
35{
36 /*display: flex;*/
37 background-color: white;
38 margin: 15px 15px 0 15px;
39 padding: 0 15px;
40 /*min-height: 150px;*/
41}
42article .logo2
43{
44 vertical-align: middle;
45 max-width: 200px;
46 max-height: 200px;
47 margin-right: 15px;
48}
49.new_content, .article_content
50{
51 width: 100%;
52}
53.new_content_text
54{
55 max-height: 250px;
56 overflow: hidden;
57}
58
59article .action_icon
60{
61 width: 24px;
62 vertical-align: middle;
63 border: white 2px solid; /* invisible */
64}
65article .action_icon:hover
66{
67 background-color: #ffff00;
68 border-radius: 4px;
69 border: lightgrey 2px outset;
70}
71.article_title_zone
72{
73 display: flex;
74 justify-content: space-between;
75}
76.under_an_article
77{
78 display: flex;
79 justify-content: space-between;
80 font-size: small;
81}
82.under_an_article p
83{
84 margin: 5px;
85}
86.under_an_article img
87{
88 width: 24px;
89 vertical-align: middle;
90 margin-right: 5px;
91}
92.article_admin_zone
93{
94 display: flex;
95 justify-content: end;
96}
97main button
98{
99 color: #ff1d04;
100 font-size: medium;
101 border-radius: 4px;
102 background-color: white;
103 border: lightgrey 2px outset; /* rend identiques les boutons firefox et chromium */
104}
105main button:hover
106{
107 cursor: pointer; /* curseur qui pointe du doigt */
108 background-color: #ffff00;
109 border-radius: 4px;
110} \ No newline at end of file
diff --git a/public/css/nav.css b/public/css/nav.css
new file mode 100644
index 0000000..d51c58a
--- /dev/null
+++ b/public/css/nav.css
@@ -0,0 +1,95 @@
1/*-- menu principal --*/
2.empty_nav_zone
3{
4 height: 33px;
5}
6.nav_main
7{
8 position: fixed;
9 /*box-shadow: 3px 3px 5px #13aff0;*/
10 border: 2px solid #13aff0;
11 top: -2px;
12}
13.nav_main
14{
15 /*font-size: 90%;*/
16 /*margin-top: 10px;*/
17 /*margin-bottom: 10px;*/
18 text-wrap: nowrap;
19}
20.nav_main > ul
21{
22 display: flex;
23 flex-direction: row;
24 justify-content: center;
25 flex-wrap: wrap;
26}
27ul
28{
29 margin: 0;
30}
31.nav_main ul, .nav_main li
32{
33 list-style: none;
34 padding-left: 0;
35}
36.nav_main p
37{
38 padding: 7px;
39 margin: 0;
40 background-color: #ffffffe1; /* b3 = 179 = 0.7 (x 256) */
41}
42.nav_main p:hover
43{
44 background-color: white;
45}
46.current > p
47{
48 background-color: white;
49 font-weight: bold;
50}
51.drop-down > p::after
52{
53 content: ' ▼';
54 font-size: x-small;
55}
56
57.drop-down:hover > .sub-menu /* faire apparaître sub-menu */
58{
59 display: block;
60}
61.sub-menu
62{
63 display: none;
64 background-color: white;
65 border-top: 3px solid #13aff0;
66 box-shadow: 1px 1px 3px black;
67 font-size: 95%;
68}
69/*.sub-menu p:hover*/
70.nav_main p:hover
71{
72 background-color: #ffff00;
73}
74.drop-down .sub-menu .drop-down > p:after /* bricolage? */
75{
76 content: " ▶";
77 font-size: x-small;
78}
79
80/* 1er sous-menu, poitionnement pour ne pas aggrandir l'élément parent */
81nav > ul > li > ul
82{
83 position: absolute; /* retire du flux, positionnement par rapport à la fenêtre */
84}
85/* élément du menu survolé, le positionnement relatif en fait la référence du positionnement suivant */
86.drop-down .sub-menu .drop-down
87{
88 position: relative;
89}
90.drop-down .sub-menu .drop-down .sub-menu
91{
92 position: absolute; /* positionnement par rapport au précédent "position" en CSS */
93 left: 100%;
94 top: -3px; /* la bordure bleue fait 3px */
95}
diff --git a/public/css/tinymce.css b/public/css/tinymce.css
new file mode 100644
index 0000000..55639e0
--- /dev/null
+++ b/public/css/tinymce.css
@@ -0,0 +1,6 @@
1.tox-promotion{
2 display: none;
3}
4.hidden{
5 display: none;
6} \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2025-08-19 07:30:34 +0000