63
63
}
64
64
65
65
.inlineMessage a .button {
66
- background-color : # F4F4F4 ;
67
- background-image : url ("../../../util/icons/gradientSVG.jsp?from=fff&to=e5e5e5&vertical=0&horizontal=100" );
68
- -moz-background-size : 100% ;
69
- border-radius : 5px ;
70
- border : 1px solid # CCCCCC ;
71
- color : # 4C4C4C ;
66
+ background : var (--bgColor-btn-secondaire );
67
+ border-radius : var (--radius-btn );
68
+ border : 1px solid var (--border-color-btn-secondaire );
69
+ color : var (--color-text-btn-secondaire );
70
+ font-size : 1em ;
71
+ padding : 0.5em 1em ;
72
+ display : inline-block;
72
73
line-height : 52px ;
73
- margin : 0px 10px ;
74
- padding : 7px 20px ;
74
+ margin : 0px 1em ;
75
75
text-decoration : none;
76
76
white-space : nowrap;
77
77
}
@@ -112,7 +112,7 @@ Replacements
112
112
width : 46% ;
113
113
float : right;
114
114
padding-right : 3% ;
115
- border-right : 1px solid # ccc ;
115
+ border-right : 1px solid var ( --color-trait-separateur ) ;
116
116
}
117
117
118
118
/* si vu lecteur bouton de création d'un remplacement à mettre avant */
@@ -160,7 +160,7 @@ Replacements
160
160
.header .title h3 {
161
161
margin : 0em 0 1em ;
162
162
padding : 0 ;
163
- font-size : 130 % ;
163
+ font-size : var ( --taille-titre ) ;
164
164
font-weight : normal;
165
165
line-height : 90% ;
166
166
}
@@ -188,12 +188,10 @@ Replacements
188
188
}
189
189
190
190
.replacement-module li {
191
- background-color : # f0f0f0 ;
192
- border : 1px solid # cccccc ;
193
- border-radius : 8px ;
194
- -webkit-border-radius : 8px ;
195
- -moz-border-radius : 8px ;
196
- padding : 13px 82px 13px 13px ;
191
+ background-color : var (--bgColor-bloc-fond-clair );
192
+ border : 1px solid var (--border-color-bloc-fond-clair );
193
+ border-radius : var (--radius-bloc );
194
+ padding : 1em 82px 1em 1em ;
197
195
margin : 0 0 1em 0 ;
198
196
position : relative;
199
197
}
@@ -240,12 +238,12 @@ Replacements
240
238
241
239
.replacement-role-filter .label {
242
240
font-style : italic;
243
- padding : 5 px ;
241
+ padding : 0.5 em ;
244
242
}
245
243
246
244
.replacement-role-filter ul {
247
245
display : inline;
248
- padding : 5 px ;
246
+ padding : 0.5 em ;
249
247
margin : 0 ;
250
248
list-style-type : none;
251
249
}
@@ -258,26 +256,26 @@ Replacements
258
256
259
257
.replacement-role-filter li a {
260
258
cursor : pointer;
261
- background-color : # FFF ;
262
- color : # 8f8f8f ;
263
- border : 1px solid # 8f8f8f ;
264
- padding : 3 px 5 px ;
265
- border-radius : 4 px ;
259
+ background-color : var ( --bgColor-filtre ) ;
260
+ color : var ( --color-text-filtre ) ;
261
+ border : 1px solid var ( --border-color-filtre ) ;
262
+ border-radius : var ( --radius-filtre ) ;
263
+ padding : 0.25 em 0.5 em ;
266
264
display : inline-block;
267
265
margin : 0.25em ;
268
266
}
269
267
270
268
.replacement-role-filter li a : hover ,
271
269
.replacement-role-filter li a : focus {
272
- border : 1px solid # 5c5c5c ;
273
- background-color : # EEE ;
274
- color : # 5c5c5c ;
270
+ border : 1px solid var ( --border-color-filtre-hover ) ;
271
+ background-color : var ( --bgColor-filtre-hover ) ;
272
+ color : var ( --color-text-filtre-hover ) ;
275
273
}
276
274
277
275
.replacement-role-filter li a .item-selected {
278
- background-color : # 5c5c5c ;
279
- border : 1px solid # 5c5c5c ;
280
- color : # FFF ;
276
+ background-color : var ( --bgColor-filtre-select ) ;
277
+ border : 1px solid var ( --border-color-filtre-select ) ;
278
+ color : var ( --color-text-filtre-select ) ;
281
279
padding-right : 1.5em ;
282
280
position : relative;
283
281
}
0 commit comments