Skip to content

Commit 49420d2

Browse files
auroreallibemmoqui
auroreallibe
authored and
mmoqui
committed
work in progress
Pour l'instant sont utilisées toutes ses variables --color-flashy-principale:#7eb73b;    --color-text:#212121;  --color-text-second-niveau:#626262;  --color-lien-action:#3975b5;  --color-titre-avec-deux-couleurs:#1c94d4;  --color-action:#f1790f;  --color-text-date:#666666;  --bgColor-bloc-date:#3975b5;  --color-bloc-date:#FFF;   --bgColor-bloc-fond-clair: #F5F5F5;  --border-color-bloc-fond-clair: #D6D6D6;  --border-color-bloc-fond-clair-hover: #9e9e9e;  --radius-bloc:8px;    --bgColor-dossier:#EAEAEAEA;  --bgColor-dossier-hover:#ffffdc;  --radius-dossier:10px;   --bgColor-thumb: #EEEEEE;  --border-color-thumb: #DDDDDD;  --border-color-thumb-hover: #CCCCCC;   --bgColor-header-bloc: linear-gradient(180deg, rgba(218,218,218,1) 0%, rgba(239,239,239,1) 100%);  --color-titre-bloc-header:#333;   --color-titre:#333;  --taille-titre:1.3em;    --border-color-even:#d4d4d4;  --border-color-odd:#d4d4d4;  --bgColor-even:#f9f9f9;  --bgColor-odd:#eeeeee;    --color-trait-separateur: #DDD;   --color-draft:#FF6F6F;  --color-read:#319e3e;   --width-photo-profil:30px;   --color-link-richContent:var(--color-lien-action);  --decoration-link-richContent:underline;  /* LES TAILLES ET PROPORTIONS */  --right-side-width:33%;    /* Comportement roll hover d'un lien / un titre */  --roll-hover-background:#FAFAFA; /*fafafa dans blog*/  --roll-hover-color:#000;   /* ETIQUETTE */  --radius-etiquette:3px;  /* vérifier lisibilité*/  --bgColor-etiquette:#ACACAC;  --color-text-etiquette:#FFFFFF;  --bgColor-hover-etiquette:#5c5c5c;  --color-text-hover-etiquette:#FFFFFF;   /* Description */  --border-left-size-description:6px;  --border-left-color-description:#e4e4e4;  --padding-left-description:1em;  --color-text-description:#5e5e5e;   /*bouton*/  --radius-btn:8px;  --radius-btn-secondaire:5px;  --bgColor-btn-secondaire:linear-gradient(180deg,  rgba(243,243,243,1) 0%, rgba(243,243,243,1) 33%,rgba(228,228,228,1) 100%);  --bgColor-btn-secondaire-hover:linear-gradient(180deg,  rgba(228,228,228,1) 0%, rgba(243,243,243,1) 33%,rgba(250,250,250,1) 100%);  --border-color-btn-secondaire:#cccccc;  --color-text-btn-secondaire:#4c4c4c;    --bgColor-action-hover: #EAEAEA;   /*FILTRE*/  --bgColor-zone-filtre:#eaeaea;  --border-color-zone-filtre:#CECECE;  --radius-zone-filtre:10px;   /* COULEURS DES MESSAGES INFORMATION */  --border-color-im-ok:#9BD94A;  --border-color-im-nok:#CE6F6F;  --border-color-im-info:#F9E98E;  --bgColor-im-neutre:#ebebeb;  --border-color-im-neutre:#d8d7d7;   /* FORMULAIRE & CO */  --height-input:32px;
1 parent 708e9e7 commit 49420d2

File tree

7 files changed

+663
-712
lines changed
  • blog/blog-war/src/main/webapp/blog/jsp/styleSheets
  • classifieds/classifieds-war/src/main/webapp/classifieds/jsp/styleSheets
  • formsOnline/formsOnline-war/src/main/webapp/formsOnline/jsp/styleSheets
  • forums/forums-war/src/main/webapp/forums/jsp/styleSheets
  • gallery/gallery-war/src/main/webapp/gallery/jsp/styleSheets
  • infoLetter/infoLetter-war/src/main/webapp/infoLetter/jsp/styleSheets
  • kmelia/kmelia-war/src/main/webapp/kmelia/jsp/styleSheets

7 files changed

+663
-712
lines changed

‎blog/blog-war/src/main/webapp/blog/jsp/styleSheets/blog.css

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@
44
}
55

66
#blog #blogContainer #bandeau {
7-
background-color: var(--couleur-de-fond-clair);
8-
border-top: var(--bord-couleur-de-fond-clair);
9-
border-bottom: var(--bord-couleur-de-fond-clair);
7+
background-color: var(--bgColor-bloc-fond-clair);
8+
border-top: var(--border-color-bloc-fond-clair);
9+
border-bottom: var(--border-color-bloc-fond-clair);
1010
margin-bottom: 1em;
1111
}
1212

@@ -81,7 +81,7 @@
8181
#blog .versCommentaires,
8282
#blog .categoryTicket,
8383
#blog .creatorTicket {
84-
color: var(--couleur-text-second-niveau);
84+
color: var(--color-text-second-niveau);
8585
}
8686

8787
#blog .versCommentaires img {
@@ -96,7 +96,7 @@
9696

9797
#blog .separateur {
9898
height: 1em;
99-
border-bottom: 1px solid var(--couleur-trait-separateur);
99+
border-bottom: 1px solid var(--color-trait-separateur);
100100
}
101101

102102
#blog .separateur hr {
@@ -128,7 +128,7 @@
128128
}
129129

130130
.header h4 a {
131-
color: var(--couleur-titre-bloc-header);
131+
color: var(--color-titre-bloc-header);
132132
font-weight: bold;
133133
}
134134

@@ -172,11 +172,11 @@
172172
.infoTicket {
173173
font-size: 100%;
174174
font-weight: normal;
175-
color: var(--couleur-text-second-niveau);
175+
color: var(--color-text-second-niveau);
176176
}
177177

178178
.postDraft .titreTicket>a {
179-
color: var(--couleur-draft);
179+
color: var(--color-draft);
180180
}
181181

182182
.post .status {
@@ -189,7 +189,7 @@
189189

190190
#viewPostDraft .status {
191191
font-size: 0.9em;
192-
color: var(--couleur-text-second-niveau);
192+
color: var(--color-text-second-niveau);
193193
}
194194

195195
#list-categoryTicket {
@@ -231,7 +231,7 @@
231231
#viewPostDraft .titreTicket {
232232
font-size: 180%;
233233
font-weight: normal;
234-
color: var(--couleur-draft);
234+
color: var(--color-draft);
235235
}
236236

237237
#blog #blogContainer #footer {

‎classifieds/classifieds-war/src/main/webapp/classifieds/jsp/styleSheets/classifieds.css

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -34,15 +34,15 @@
3434

3535
#classifieds #categories>div {
3636
margin-bottom: 1em;
37-
background-color: var(--couleur-de-fond-clair);
38-
border: 1px solid var(--bord-couleur-de-fond-clair);
37+
background-color: var(--bgColor-bloc-fond-clair);
38+
border: 1px solid var(--border-color-bloc-fond-clair);
3939
margin-right: 1em;
4040
flex-basis: 24em;
4141
}
4242

4343
#classifieds #categories .categoryTitle {
4444
background: var(--bgColor-header-bloc);
45-
color: var(--couleur-titre-bloc-header);
45+
color: var(--color-titre-bloc-header);
4646
height: auto;
4747
text-align: center;
4848
text-transform: uppercase;
@@ -51,7 +51,7 @@
5151
}
5252

5353
#classifieds #categories .categoryTitle a {
54-
color: var(--couleur-titre-bloc-header);
54+
color: var(--color-titre-bloc-header);
5555
font-weight: bold;
5656
}
5757

@@ -120,7 +120,7 @@
120120
padding: 0.25em 0.25em 0.5em 0.25em;
121121
display: block;
122122
font-style: italic;
123-
color: var(--couleur-text-second-niveau);
123+
color: var(--color-text-second-niveau);
124124
}
125125

126126
.categoryContent .date {
@@ -162,8 +162,8 @@ div.tableBoard {
162162
float: left;
163163
flex-grow: 1;
164164
flex-basis: 320px;
165-
background-color: var(--couleur-de-fond-clair);
166-
border: 1px solid var(--bord-couleur-de-fond-clair);
165+
background-color: var(--bgColor-bloc-fond-clair);
166+
border: 1px solid var(--border-color-bloc-fond-clair);
167167
margin: 0 2em 2em 0;
168168
padding: 0.5em;
169169
height: auto;
@@ -176,12 +176,12 @@ div.tableBoard {
176176

177177
#classifieds_rich_list li:hover {
178178
background-color: #FFF;
179-
border-color:var(--bord-couleur-de-fond-clair-hover);
179+
border-color:var(--border-color-bloc-fond-clair-hover);
180180
}
181181

182182
#classifieds_rich_list li .classified_thumb {
183183
width: 92px;
184-
border: 3px solid var(--bord-couleur-de-fond-clair);
184+
border: 3px solid var(--border-color-bloc-fond-clair);
185185
overflow: hidden;
186186
height: 68px;
187187
position: relative;
@@ -270,7 +270,7 @@ div.tableBoard {
270270
}
271271

272272
.principalContent .classified_title {
273-
color:var(--couleur-titre);
273+
color:var(--color-titre);
274274
font-size:1.3em;
275275
font-weight: bold;
276276
padding: 0;
@@ -310,7 +310,7 @@ div.tableBoard {
310310
.principalContent .classified_thumbs a {
311311
width: 52px;
312312
height: 36px;
313-
background-color:var(--couleur-de-fond-clair);
313+
background-color:var(--bgColor-bloc-fond-clair);
314314
float: left;
315315
display: block;
316316
overflow: hidden;
@@ -321,7 +321,7 @@ div.tableBoard {
321321

322322
.principalContent .classified_selected_photo {
323323
width: 90%;
324-
border: 3px solid var(--bord-couleur-de-fond-clair);
324+
border: 3px solid var(--border-color-bloc-fond-clair);
325325
margin-top: 1em;
326326
text-align: center;
327327
height: auto;
@@ -482,8 +482,8 @@ div.tableBoard {
482482
}
483483

484484
.thumbnailPreviewAndActions {
485-
background-color: var(--couleur-de-fond-thumb);
486-
border: 1px solid var(--bord-couleur-de-fond-thumb);
485+
background-color: var(--bgColor-thumb);
486+
border: 1px solid var(--border-color-thumb);
487487
float: left;
488488
margin-left: 0;
489489
padding: 3px;
@@ -511,7 +511,7 @@ div.tableBoard {
511511

512512
.thumbnailPreview .thumbnail {
513513
height: 50px;
514-
border: 1px solid var(--bord-couleur-de-fond-thumb);
514+
border: 1px solid var(--border-color-thumb);
515515
}
516516

517517
.classifiedForm .table {

‎formsOnline/formsOnline-war/src/main/webapp/formsOnline/jsp/styleSheets/formsOnline.css

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
}
2828

2929
.txt-no-content {
30-
color:var(--couleur-text-second-niveau);
30+
color:var(--color-text-second-niveau);
3131
font-style: italic;
3232
font-size:1em;
3333
}
@@ -88,19 +88,19 @@
8888
margin:0.5em 0 1em;
8989
}
9090
.formsOnline-waitMyAction-title strong {
91-
color:var(--color-lien-action);
91+
color:var(--color-titre-avec-deux-couleurs);
9292
}
9393

9494
.my-formsOnline-title strong{
9595
display: block;
9696
font-size: 1em;
9797
font-weight:normal;
98-
color:var(--color-lien-action);
98+
color:var(--color-titre-avec-deux-couleurs);
9999
}
100100

101101
#my-formsOnline-refused .my-formsOnline-title ,
102102
#my-formsOnline-validate .my-formsOnline-title {
103-
font-size:1.3em
103+
font-size:var(--taille-titre);
104104
}
105105

106106
#my-formsOnline-refused .my-formsOnline-title{
@@ -118,20 +118,20 @@
118118
}
119119

120120
#my-formsOnline-refused .my-formsOnline-title strong {
121-
color:var(--color-action);
121+
color:var(--color-titre-avec-deux-couleurs);
122122
display:inline;
123123
font-size:1em;
124124
}
125125

126126
#all-formsOnline .secteur-container li a:hover,
127127
#my-formsOnline a:hover{
128-
color:var(--color-lien-action);;
128+
color:var(--color-lien-action);
129129
}
130130

131131

132132
#all-formsOnline .secteur-container li {
133-
background-color:var(--couleur-de-fond-clair);
134-
border: 1px solid var(--bord-couleur-de-fond-clair);
133+
background-color:var(--bgColor-bloc-fond-clair);
134+
border: 1px solid var(--border-color-bloc-fond-clair);
135135
border-radius:var(--radius-bloc);
136136
padding:1em;
137137
margin: 0 0 1em 0;
@@ -178,7 +178,7 @@
178178
padding-left: 3%;
179179
margin-right: 2%;
180180
padding-top: 0;
181-
border-left: 1px solid var(--couleur-trait-separateur);
181+
border-left: 1px solid var(--color-trait-separateur);
182182
}
183183

184184
@media screen and (max-width: 800px) {
@@ -191,7 +191,7 @@
191191
padding-right:0;
192192
float:none;
193193

194-
border-left: 0px solid var(--couleur-trait-separateur);
194+
border-left: 0px solid var(--color-trait-separateur);
195195
}
196196
}
197197
@media screen and (min-width: 1300px) {
@@ -202,7 +202,7 @@
202202
padding-left: 3%;
203203
margin-right: 2%;
204204
padding-top: 0;
205-
border-left: 1px solid var(--couleur-trait-separateur);
205+
border-left: 1px solid var(--color-trait-separateur);
206206
}
207207

208208
/*** lecteur view *****/
@@ -236,7 +236,7 @@
236236
float: left;
237237
clear: left;
238238
padding-right: 4%;
239-
border-right: 1px solid var(--couleur-trait-separateur);
239+
border-right: 1px solid var(--color-trait-separateur);
240240
}
241241

242242

@@ -260,7 +260,7 @@
260260
}
261261

262262
#all-formsOnline .form-title {
263-
font-size:130%;
263+
font-size:1.3em;
264264
}
265265

266266
#all-formsOnline .form-description,
@@ -276,7 +276,7 @@
276276
}
277277

278278
.formsOnline-waitMyAction ul li:first-child{
279-
border-top:1px solid var(--couleur-trait-separateur);
279+
border-top:1px solid var(--color-trait-separateur);
280280
}
281281

282282
#my-formsOnline ul li{
@@ -285,12 +285,12 @@
285285
}
286286

287287
.formsOnline-waitMyAction ul li {
288-
border-bottom:1px solid var(--couleur-trait-separateur);
288+
border-bottom:1px solid var(--color-trait-separateur);
289289
}
290290

291291
.formsOnline-waitMyAction ul li.read a,
292292
.formsOnline-waitMyAction ul li a:visited{
293-
color:var(--couleur-text-second-niveau);
293+
color:var(--color-text-second-niveau);
294294
}
295295

296296
#my-formsOnline ul li > a > span {
@@ -365,8 +365,8 @@
365365

366366
.step-OnlineForm {
367367
position:relative;
368-
background-color:var(--couleur-de-fond-clair);
369-
border:1px solid var(--bord-couleur-de-fond-clair);
368+
background-color:var(--bgColor-bloc-fond-clair);
369+
border:1px solid var(--border-color-bloc-fond-clair);
370370
margin-right:2em;
371371
flex-basis:300px;
372372
}
@@ -380,7 +380,7 @@
380380

381381
.step-OnlineForm div.avatar {
382382
border-radius:20px;
383-
border:1px solid var(--bord-couleur-de-fond-clair);
383+
border:1px solid var(--border-color-bloc-fond-clair);
384384
width:36px;
385385
height:36px;
386386
padding:1px;

‎forums/forums-war/src/main/webapp/forums/jsp/styleSheets/forums.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ a.txtnote:hover {
3737
}
3838

3939
.texteLabelForm {
40-
color: var(--couleur-text-second-niveau);
40+
color: var(--color-text-second-niveau);
4141
font-weight: bold
4242
}
4343

0 commit comments

Comments
 (0)