CSS adjustements

This commit is contained in:
Amauri CHAMPEAUX 2023-02-02 16:44:07 +01:00
parent b40e08548b
commit 61228b43da
1 changed files with 29 additions and 24 deletions

View File

@ -5,15 +5,15 @@ div#tarteaucitronMainLineOffset,.tarteaucitronBorder {border:0!important;}
} }
.tac_visually-hidden { .tac_visually-hidden {
position: absolute; position: absolute;
width: 1px; width: 1px;
height: 1px; height: 1px;
padding: 0; padding: 0;
margin: -1px; margin: -1px;
overflow: hidden; overflow: hidden;
clip: rect(0, 0, 0, 0); clip: rect(0, 0, 0, 0);
white-space: nowrap; /* added line */ white-space: nowrap; /* added line */
border: 0; border: 0;
} }
div#tarteaucitronAlertBig:focus {outline: 0;} div#tarteaucitronAlertBig:focus {outline: 0;}
@ -140,6 +140,9 @@ span.tarteaucitronH3 {
text-shadow: initial; text-shadow: initial;
} }
/* Animation */
#tarteaucitronRoot * {transition: border 300ms, background 300ms, opacity 200ms, box-shadow 400ms}
/* HTML5 display-role reset for older browsers */ /* HTML5 display-role reset for older browsers */
#tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot details, #tarteaucitronRoot figcaption, #tarteaucitronRoot figure, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot section { #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot details, #tarteaucitronRoot figcaption, #tarteaucitronRoot figure, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot section {
display: block; display: block;
@ -170,6 +173,10 @@ div#tarteaucitronMainLineOffset {
margin-top: 0!important; margin-top: 0!important;
} }
div#tarteaucitronServices {
margin-top: 21px!important;
}
#tarteaucitronServices::-webkit-scrollbar { #tarteaucitronServices::-webkit-scrollbar {
width: 5px; width: 5px;
} }
@ -179,12 +186,11 @@ div#tarteaucitronMainLineOffset {
} }
#tarteaucitronServices::-webkit-scrollbar-thumb { #tarteaucitronServices::-webkit-scrollbar-thumb {
background-color: #ddd; background-color: #ddd;
outline: 0px solid slategrey; outline: 0px solid slategrey;
} }
div#tarteaucitronServices { div#tarteaucitronServices {
margin-top: 21px!important;
box-shadow: 0 40px 60px #545454; box-shadow: 0 40px 60px #545454;
} }
@ -236,9 +242,9 @@ div#tarteaucitronServices {
text-align: center !important; text-align: center !important;
} }
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button { #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
margin-bottom: 5px; margin-bottom: 5px;
} }
} }
@media screen and (min-width:768px) and (max-width:991px) { @media screen and (min-width:768px) and (max-width:991px) {
@ -295,7 +301,7 @@ div#tarteaucitronServices {
} }
#tarteaucitron .tarteaucitronH1, #tarteaucitron .tarteaucitronH2, #tarteaucitron .tarteaucitronH3, #tarteaucitron .tarteaucitronH4, #tarteaucitron .tarteaucitronH5, #tarteaucitron .tarteaucitronH6 { #tarteaucitron .tarteaucitronH1, #tarteaucitron .tarteaucitronH2, #tarteaucitron .tarteaucitronH3, #tarteaucitron .tarteaucitronH4, #tarteaucitron .tarteaucitronH5, #tarteaucitron .tarteaucitronH6 {
display: block; display: block;
} }
.cookie-list { .cookie-list {
@ -315,7 +321,6 @@ div#tarteaucitronServices {
} }
#tarteaucitronRoot * { #tarteaucitronRoot * {
transition: border 300ms, background 300ms, opacity 200ms, box-shadow 400ms;
box-sizing: initial; box-sizing: initial;
color: #333; color: #333;
/*font-family: sans-serif !important;*/ /*font-family: sans-serif !important;*/
@ -945,12 +950,12 @@ div.amazon_product {
.tarteaucitronIsAllowed .tarteaucitronDeny { .tarteaucitronIsAllowed .tarteaucitronDeny {
opacity: 0.4!important; opacity: 0.4!important;
}.tarteaucitronIsDenied .tarteaucitronAllow { }.tarteaucitronIsDenied .tarteaucitronAllow {
opacity: 0.4!important; opacity: 0.4!important;
}.tarteaucitronIsAllowed .tarteaucitronAllow { }.tarteaucitronIsAllowed .tarteaucitronAllow {
opacity: 1!important; opacity: 1!important;
}.tarteaucitronIsDenied .tarteaucitronDeny { }.tarteaucitronIsDenied .tarteaucitronDeny {
opacity: 1!important; opacity: 1!important;
} }
.tarteaucitronLine .tarteaucitronAllow, .tarteaucitronLine .tarteaucitronDeny { .tarteaucitronLine .tarteaucitronAllow, .tarteaucitronLine .tarteaucitronDeny {
opacity: 0.4; opacity: 0.4;
} }