diff options
author | polo <ordipolo@gmx.fr> | 2022-02-20 20:49:13 +0100 |
---|---|---|
committer | polo <ordipolo@gmx.fr> | 2022-02-20 20:49:13 +0100 |
commit | 758b3f359341f963946d6d34e8f39d2a9c1f6040 (patch) | |
tree | 3efb7f1da4be4157615419e630eb0d6efbcb6c3d /public | |
parent | a5ddb2af05644972de70dab3225bab0797a93934 (diff) | |
download | melaine-758b3f359341f963946d6d34e8f39d2a9c1f6040.zip |
debuggage
Diffstat (limited to 'public')
-rw-r--r-- | public/discographie.css | 2 | ||||
-rw-r--r-- | public/donnees_hors_editeur.css | 32 | ||||
-rw-r--r-- | public/melaine.css | 12 |
3 files changed, 32 insertions, 14 deletions
diff --git a/public/discographie.css b/public/discographie.css index b4c3d51..65ae2c3 100644 --- a/public/discographie.css +++ b/public/discographie.css | |||
@@ -147,7 +147,7 @@ article | |||
147 | figure | 147 | figure |
148 | { | 148 | { |
149 | margin: 0px; | 149 | margin: 0px; |
150 | display: inline-block; | 150 | /*display: inline-block;*/ |
151 | } | 151 | } |
152 | 152 | ||
153 | figcaption | 153 | figcaption |
diff --git a/public/donnees_hors_editeur.css b/public/donnees_hors_editeur.css index 754453b..4a8d49e 100644 --- a/public/donnees_hors_editeur.css +++ b/public/donnees_hors_editeur.css | |||
@@ -1,6 +1,4 @@ | |||
1 | img{vertical-align: bottom;} | 1 | /*img{vertical-align: bottom;}*/ |
2 | @media screen and (max-width: 1000px) | ||
3 | {img{max-width: 900px;}} | ||
4 | 2 | ||
5 | .text-tiny{font-size: x-small;} | 3 | .text-tiny{font-size: x-small;} |
6 | .text-small{font-size: small;} | 4 | .text-small{font-size: small;} |
@@ -26,13 +24,33 @@ input[type="checkbox"]:checked{border: none; background: #26ab33;} | |||
26 | .table td{border: 1px grey solid; padding: 7px; min-width: 30px;} | 24 | .table td{border: 1px grey solid; padding: 7px; min-width: 30px;} |
27 | td p{margin: 0px;} | 25 | td p{margin: 0px;} |
28 | 26 | ||
29 | .image{margin: 0px; text-align: center; display: inline-block;} | 27 | .image{margin: 0px; margin: auto;} |
30 | .image img{max-width: 630px;} | 28 | .image img{max-width: 100%;} |
31 | .image-style-side{float: right;} | 29 | .image-style-side{float: right;} |
32 | .image-style-side img{max-width: 315px;} | 30 | .image-style-side:not(.image_resized){max-width: 50%;} |
33 | .image>figcaption{padding: 7px; text-align: center; font-size: small; background-color: #f0f0f0;} | 31 | .image>figcaption{padding: 7px; text-align: center; font-size: small; background-color: #f0f0f0;} |
34 | 32 | ||
35 | .boutonArticle{clear: both; padding: 20px 0px;} | 33 | .boutonArticle{clear: both; padding: 20px 0px;} |
36 | article:after{content: ""; display: block; clear: both;} | 34 | article:after{content: ""; display: block; clear: both;} |
37 | 35 | ||
38 | iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;} \ No newline at end of file | 36 | iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;} |
37 | |||
38 | /*@media screen and (max-width: 1000px) | ||
39 | { | ||
40 | img{max-width: 900px;} | ||
41 | }*/ | ||
42 | |||
43 | @media screen and (min-width: 700px) | ||
44 | { | ||
45 | .image{max-width: 630px;} | ||
46 | } | ||
47 | |||
48 | @media screen and (max-width: 699px) | ||
49 | { | ||
50 | .image{max-width: 480px;} | ||
51 | } | ||
52 | |||
53 | @media screen and (max-width: 479px) | ||
54 | { | ||
55 | .image{max-width: 320px;} | ||
56 | } \ No newline at end of file | ||
diff --git a/public/melaine.css b/public/melaine.css index dcb218c..09f38aa 100644 --- a/public/melaine.css +++ b/public/melaine.css | |||
@@ -48,10 +48,10 @@ figure | |||
48 | bottom: 30px; | 48 | bottom: 30px; |
49 | } | 49 | } |
50 | 50 | ||
51 | img | 51 | /*img |
52 | { | 52 | { |
53 | max-width: 630px; | 53 | max-width: 630px; |
54 | } | 54 | }*/ |
55 | } | 55 | } |
56 | 56 | ||
57 | @media screen and (max-width: 699px) | 57 | @media screen and (max-width: 699px) |
@@ -74,10 +74,10 @@ figure | |||
74 | bottom: 24px; | 74 | bottom: 24px; |
75 | } | 75 | } |
76 | 76 | ||
77 | img | 77 | /*img |
78 | { | 78 | { |
79 | max-width: 480px; | 79 | max-width: 480px; |
80 | } | 80 | }*/ |
81 | } | 81 | } |
82 | 82 | ||
83 | @media screen and (max-width: 479px) | 83 | @media screen and (max-width: 479px) |
@@ -100,8 +100,8 @@ figure | |||
100 | bottom: 17px; | 100 | bottom: 17px; |
101 | } | 101 | } |
102 | 102 | ||
103 | img | 103 | /*img |
104 | { | 104 | { |
105 | max-width: 320px; | 105 | max-width: 320px; |
106 | } | 106 | }*/ |
107 | } | 107 | } |