2 if (!defined(
'ISLOADEDBYSTEELSHEET')) {
3 die(
'Must be call by steelsheet');
12 display:
inline-block;
15 font-weight: 700 !important;
19 vertical-align: baseline;
20 border-radius: .25rem;
21 transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
24 border-color: rgba(255,255,255,0);
25 box-sizing: border-box;
32 .tabBar .arearef .statusref .badge-status, .tabBar .arearefnobottom .statusref .badge-status {
37 @media only screen and (max-width: 767px)
39 .tabBar .arearef .statusref .badge-status, .tabBar .arearefnobottom .statusref .badge-status {
45 .badge-pill, .tabs .badge {
48 border-radius: 0.25rem;
55 vertical-align: unset;
58 a.badge:focus, a.badge:hover {
59 text-decoration: none;
62 .liste_titre .badge:not(.nochangebackground) {
63 background-color: <?php print $badgeSecondary; ?>;
68 padding: 2px 7px 2px 7px;
69 background-color: #e4e4e4;
77 color: #fff !important;
78 background-color: <?php print $badgePrimary; ?>;
80 a.badge-primary.focus, a.badge-primary:focus {
82 box-shadow: 0 0 0 0.2rem <?php print
colorHexToRgb($badgePrimary, 0.5); ?>;
84 a.badge-primary:focus, a.badge-primary:hover {
85 color: #fff !important;
86 background-color: <?php print
colorDarker($badgePrimary, 10); ?>;
90 .badge-secondary, .tabs .badge {
91 color: #fff !important;
92 background-color: <?php print $badgeSecondary; ?>;
94 a.badge-secondary.focus, a.badge-secondary:focus {
96 box-shadow: 0 0 0 0.2rem <?php print
colorHexToRgb($badgeSecondary, 0.5); ?>;
98 a.badge-secondary:focus, a.badge-secondary:hover {
99 color: #fff !important;
100 background-color: <?php print
colorDarker($badgeSecondary, 10); ?>;
105 color: #fff !important;
106 background-color: <?php print $badgeSuccess; ?>;
108 a.badge-success.focus, a.badge-success:focus {
110 box-shadow: 0 0 0 0.2rem <?php print
colorHexToRgb($badgeSuccess, 0.5); ?>;
112 a.badge-success:focus, a.badge-success:hover {
113 color: #fff !important;
114 background-color: <?php print
colorDarker($badgeSuccess, 10); ?>;
119 color: #fff !important;
120 background-color: <?php print $badgeDanger; ?>;
122 a.badge-danger.focus, a.badge-danger:focus {
124 box-shadow: 0 0 0 0.2rem <?php print
colorHexToRgb($badgeDanger, 0.5); ?>;
126 a.badge-danger:focus, a.badge-danger:hover {
127 color: #fff !important;
128 background-color: <?php print
colorDarker($badgeDanger, 10); ?>;
133 color: #fff !important;
134 background-color: <?php print $badgeWarning; ?>;
136 a.badge-warning.focus, a.badge-warning:focus {
138 box-shadow: 0 0 0 0.2rem <?php print
colorHexToRgb($badgeWarning, 0.5); ?>;
140 a.badge-warning:focus, a.badge-warning:hover {
141 color: #212529 !important;
142 background-color: <?php print
colorDarker($badgeWarning, 10); ?>;
146 body[
class*=
"colorblind-"] .badge-warning {
147 background-color: <?php print $colorblind_deuteranopes_badgeWarning; ?>;
149 body[
class*=
"colorblind-"] a.badge-warning.focus,body[
class^=
"colorblind-"] a.badge-warning:focus {
150 box-shadow: 0 0 0 0.2rem <?php print
colorHexToRgb($colorblind_deuteranopes_badgeWarning, 0.5); ?>;
152 body[
class*=
"colorblind-"] a.badge-warning:focus, a.badge-warning:hover {
153 background-color: <?php print
colorDarker($colorblind_deuteranopes_badgeWarning, 10); ?>;
158 color: #fff !important;
159 background-color: <?php print $badgeInfo; ?>;
161 a.badge-info.focus, a.badge-info:focus {
163 box-shadow: 0 0 0 0.2rem <?php print
colorHexToRgb($badgeInfo, 0.5); ?>;
165 a.badge-info:focus, a.badge-info:hover {
166 color: #fff !important;
167 background-color: <?php print
colorDarker($badgeInfo, 10); ?>;
172 color: #212529 !important;
173 background-color: <?php print $badgeLight; ?>;
175 a.badge-light.focus, a.badge-light:focus {
177 box-shadow: 0 0 0 0.2rem <?php print
colorHexToRgb($badgeLight, 0.5); ?>;
179 a.badge-light:focus, a.badge-light:hover {
180 color: #212529 !important;
181 background-color: <?php print
colorDarker($badgeLight, 10); ?>;
186 color: #fff !important;
187 background-color: <?php print $badgeDark; ?>;
189 a.badge-dark.focus, a.badge-dark:focus {
191 box-shadow: 0 0 0 0.2rem <?php print
colorHexToRgb($badgeDark, 0.5); ?>;
193 a.badge-dark:focus, a.badge-dark:hover {
194 color: #fff !important;
195 background-color: <?php print
colorDarker($badgeDark, 10); ?>;
199 @media only screen and (max-width: 570px)
201 span.badge.badge-status {
204 text-overflow: ellipsis;
211 for ($i = 0; $i <= 10; $i++) {
213 _createStatusBadgeCss($i,
'',
"STATUS".$i);
216 _createStatusBadgeCss($i,
'colorblind_deuteranopes_',
"COLORBLIND STATUS".$i,
'body[class*="colorblind-"] ');
219 _createStatusBadgeCss(
'1b',
'',
"STATUS1b");
220 _createStatusBadgeCss(
'4b',
'',
"STATUS4b");
231 function _createStatusBadgeCss($statusName, $statusVarNamePrefix =
'', $commentLabel =
'', $cssPrefix =
'')
234 global ${$statusVarNamePrefix.
'badgeStatus'.$statusName}, ${$statusVarNamePrefix.
'badgeStatus_textColor'.$statusName};
236 if (!empty(${$statusVarNamePrefix.
'badgeStatus'.$statusName})) {
237 print
"\n/* ".strtoupper($commentLabel).
" */\n";
239 $thisBadgeBackgroundColor = $thisBadgeBorderColor = ${$statusVarNamePrefix.
'badgeStatus'.$statusName};
242 $TBadgeBorderOnly = array(
'0',
'1b',
'3',
'4b',
'5',
'7',
'10');
243 $thisBadgeTextColor =
colorIsLight(${$statusVarNamePrefix.
'badgeStatus'.$statusName}) ?
'#212529' :
'#ffffff';
245 if (!empty(${$statusVarNamePrefix.
'badgeStatus_textColor'.$statusName})) {
246 $thisBadgeTextColor = ${$statusVarNamePrefix.
'badgeStatus_textColor'.$statusName};
249 if (in_array((
string) $statusName, $TBadgeBorderOnly)) {
250 $thisBadgeTextColor =
'#212529';
251 $thisBadgeBackgroundColor =
"#fff";
254 if (in_array((
string) $statusName, array(
'0',
'5',
'9'))) {
255 $thisBadgeTextColor =
'#999999';
257 if (in_array((
string) $statusName, array(
'6'))) {
258 $thisBadgeTextColor =
'#777777';
261 print $cssPrefix.
".badge-status".$statusName.
" {\n";
262 print
" color: ".$thisBadgeTextColor.
" !important;\n";
263 if (in_array((
string) $statusName, $TBadgeBorderOnly)) {
264 print
" border-color: ".$thisBadgeBorderColor.
" !important;\n";
266 print
" background-color: ".$thisBadgeBackgroundColor.
" !important;\n";
269 print $cssPrefix.
".font-status".$statusName.
" {\n";
270 print
" color: ".$thisBadgeBackgroundColor.
" !important;\n";
273 print $cssPrefix.
".badge-status".$statusName.
".focus, ".$cssPrefix.
".badge-status".$statusName.
":focus {\n";
274 print
" outline: 0;\n";
275 print
" box-shadow: 0 0 0 0.2rem ".colorHexToRgb($thisBadgeBackgroundColor, 0.5).
" !important;\n";
278 print $cssPrefix.
".badge-status".$statusName.
":focus, ".$cssPrefix.
".badge-status".$statusName.
":hover {\n";
279 print
" color: ".$thisBadgeTextColor.
" !important;\n";
281 if (in_array((
string) $statusName, $TBadgeBorderOnly)) {
282 print
" border-color: ".colorDarker($thisBadgeBorderColor, 10).
" !important;\n";