diff options
Diffstat (limited to 'public/css')
-rw-r--r-- | public/css/foot.css | 16 | ||||
-rw-r--r-- | public/css/head.css | 10 | ||||
-rw-r--r-- | public/css/main.css | 6 | ||||
-rw-r--r-- | public/css/trombinoscope.css | 4 |
4 files changed, 23 insertions, 13 deletions
diff --git a/public/css/foot.css b/public/css/foot.css index ef3291d..0e454ac 100644 --- a/public/css/foot.css +++ b/public/css/foot.css | |||
@@ -32,13 +32,13 @@ footer > div | |||
32 | border-bottom: 2px #ff1d04 solid; | 32 | border-bottom: 2px #ff1d04 solid; |
33 | } | 33 | } |
34 | 34 | ||
35 | |||
36 | /*-- fil d'ariane --*/ | 35 | /*-- fil d'ariane --*/ |
37 | .breadcrumb | 36 | .breadcrumb |
38 | { | 37 | { |
39 | max-width: 45%; | 38 | /*max-width: 45%;*/ |
40 | /*margin-right: 10px;*/ | 39 | /*margin-right: 10px;*/ |
41 | margin: 16px 0; /* = p */ | 40 | /*margin: 16px 0;*/ /* = p */ |
41 | padding: 10px; | ||
42 | list-style: none; /* retirer les puces */ | 42 | list-style: none; /* retirer les puces */ |
43 | font-size: small; | 43 | font-size: small; |
44 | text-align: right; | 44 | text-align: right; |
@@ -67,6 +67,12 @@ footer > div | |||
67 | display: block; | 67 | display: block; |
68 | margin: 0 3px; | 68 | margin: 0 3px; |
69 | }*/ | 69 | }*/ |
70 | |||
71 | .footer_logo img | ||
72 | { | ||
73 | max-width: 288px; | ||
74 | } | ||
75 | |||
70 | .breadcrumb a | 76 | .breadcrumb a |
71 | { | 77 | { |
72 | color: unset; /* ne plus hériter */ | 78 | color: unset; /* ne plus hériter */ |
@@ -101,7 +107,7 @@ footer > div | |||
101 | { | 107 | { |
102 | margin: 5px 0; | 108 | margin: 5px 0; |
103 | display: flex; | 109 | display: flex; |
104 | justify-content: space-around; | 110 | justify-content: center; |
105 | } | 111 | } |
106 | .logged_in button | 112 | .logged_in button |
107 | { | 113 | { |
@@ -117,4 +123,4 @@ footer > div | |||
117 | cursor: pointer; /* curseur qui touche du doigt */ | 123 | cursor: pointer; /* curseur qui touche du doigt */ |
118 | background-color: #ffff00; | 124 | background-color: #ffff00; |
119 | border-radius: 4px; | 125 | border-radius: 4px; |
120 | } \ No newline at end of file | 126 | } |
diff --git a/public/css/head.css b/public/css/head.css index b8d4c93..a718a45 100644 --- a/public/css/head.css +++ b/public/css/head.css | |||
@@ -6,17 +6,21 @@ header | |||
6 | background-image: url('../assets/fond-piscine.jpg'); | 6 | background-image: url('../assets/fond-piscine.jpg'); |
7 | background-size: cover; /* largeur du bloc_page */ | 7 | background-size: cover; /* largeur du bloc_page */ |
8 | } | 8 | } |
9 | header > div | 9 | .empty_nav_zone |
10 | { | 10 | { |
11 | /*margin: auto;*/ | 11 | /*margin: auto;*/ |
12 | /*max-width: 1200px;*/ | 12 | /*max-width: 1200px;*/ |
13 | display: flex; | 13 | display: flex; |
14 | /*align-items: center;*/ /* conflit possible avec .social align-self */ | 14 | /*align-items: center;*/ /* conflit possible avec .social align-self */ |
15 | justify-content: space-around; | 15 | justify-content: center; |
16 | } | 16 | } |
17 | |||
17 | .header-content | 18 | .header-content |
18 | { | 19 | { |
19 | padding: 20px 0; | 20 | padding: 20px 0; |
21 | display: grid; | ||
22 | grid-template-columns: repeat(3, 1fr); | ||
23 | align-items: end; | ||
20 | } | 24 | } |
21 | .site_title | 25 | .site_title |
22 | { | 26 | { |
@@ -50,7 +54,7 @@ header a | |||
50 | { | 54 | { |
51 | width: 25px; | 55 | width: 25px; |
52 | background-color: #ffffffb3; | 56 | background-color: #ffffffb3; |
53 | border-radius: 10px; | 57 | border-radius: 50%; |
54 | } | 58 | } |
55 | 59 | ||
56 | .social img:hover | 60 | .social img:hover |
diff --git a/public/css/main.css b/public/css/main.css index b38f8d9..a75b8cd 100644 --- a/public/css/main.css +++ b/public/css/main.css | |||
@@ -35,7 +35,7 @@ article | |||
35 | { | 35 | { |
36 | /*display: flex;*/ | 36 | /*display: flex;*/ |
37 | background-color: white; | 37 | background-color: white; |
38 | margin: 15px 15px 0 15px; | 38 | margin: 15px; |
39 | padding: 0 15px; | 39 | padding: 0 15px; |
40 | /*min-height: 150px;*/ | 40 | /*min-height: 150px;*/ |
41 | } | 41 | } |
@@ -79,10 +79,6 @@ article .action_icon:hover | |||
79 | justify-content: space-between; | 79 | justify-content: space-between; |
80 | font-size: small; | 80 | font-size: small; |
81 | } | 81 | } |
82 | .under_an_article p | ||
83 | { | ||
84 | margin: 5px; | ||
85 | } | ||
86 | .under_an_article img | 82 | .under_an_article img |
87 | { | 83 | { |
88 | width: 24px; | 84 | width: 24px; |
diff --git a/public/css/trombinoscope.css b/public/css/trombinoscope.css new file mode 100644 index 0000000..f42dad8 --- /dev/null +++ b/public/css/trombinoscope.css | |||
@@ -0,0 +1,4 @@ | |||
1 | article img | ||
2 | { | ||
3 | border-radius: 50%; | ||
4 | } \ No newline at end of file | ||