forked from markus/AMPERION_Webpage
Update
This commit is contained in:
parent
95caae45a4
commit
61f33b5767
85 changed files with 512 additions and 2896 deletions
|
|
@ -1,3 +1,5 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
/* min ready */
|
||||
div#tarteaucitronMainLineOffset,.tarteaucitronBorder {border:0!important;}
|
||||
|
||||
|
|
@ -5,6 +7,45 @@ div#tarteaucitronMainLineOffset,.tarteaucitronBorder {border:0!important;}
|
|||
font-weight:700;
|
||||
}
|
||||
|
||||
/* A11Y titles */
|
||||
.tarteaucitron-modal-open #tac_title {display:none!important}
|
||||
|
||||
#tarteaucitronRoot #tarteaucitronInfo p {
|
||||
all: unset;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.tarteaucitron-magic-block button {
|
||||
border-radius: 4px;
|
||||
background-color: #fbd600;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding: 6px 10px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
width: auto;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
color:#000;
|
||||
}
|
||||
|
||||
html #tarteaucitronRoot #tarteaucitronPrivacyUrl {
|
||||
padding: 5px 10px;
|
||||
font-size: 16px!important;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 900px) {
|
||||
#tarteaucitronRoot.tarteaucitronSize-popup button#tarteaucitronCloseAlert,
|
||||
#tarteaucitronRoot.tarteaucitronSize-popup button#tarteaucitronPrivacyUrl,
|
||||
#tarteaucitronRoot.tarteaucitronSize-popup button.tarteaucitronCTAButton,
|
||||
#tarteaucitronRoot.tarteaucitronSize-middle button#tarteaucitronCloseAlert,
|
||||
#tarteaucitronRoot.tarteaucitronSize-middle button#tarteaucitronPrivacyUrl,
|
||||
#tarteaucitronRoot.tarteaucitronSize-middle button.tarteaucitronCTAButton {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
.tac_visually-hidden {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
|
|
@ -146,7 +187,7 @@ span.tarteaucitronH3 {
|
|||
/** PARTNERS LIST **/
|
||||
html body #tarteaucitronRoot #tarteaucitronAlertBig div.tarteaucitronPartnersList {
|
||||
text-align: left;
|
||||
background: #ffffff17;
|
||||
background: #ffffff;
|
||||
margin: 15px 0px 10px;
|
||||
padding: 15px;
|
||||
display: block;
|
||||
|
|
@ -181,7 +222,7 @@ html body #tarteaucitronRoot button#tarteaucitronSaveButton {
|
|||
html body #tarteaucitronRoot div#tarteaucitronSave {
|
||||
text-align: right;
|
||||
padding: 20px;
|
||||
background: #333;
|
||||
background: #ffffff;
|
||||
}
|
||||
/******************/
|
||||
|
||||
|
|
@ -461,14 +502,14 @@ div#tarteaucitronServices {
|
|||
#tarteaucitronRoot .tarteaucitronH1 {
|
||||
font-size: 1.5em;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
color: #000000;
|
||||
margin: 15px 0 28px;
|
||||
}
|
||||
|
||||
#tarteaucitronRoot .tarteaucitronH2 {
|
||||
display: inline-block;
|
||||
margin: 12px 0 0 15px;
|
||||
color: #fff;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
#tarteaucitronCookiesNumberBis.tarteaucitronH2 {
|
||||
|
|
@ -512,8 +553,8 @@ div#tarteaucitronServices {
|
|||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
|
||||
#tarteaucitron #tarteaucitronClosePanel {
|
||||
background: #333333;
|
||||
color: #fff;
|
||||
background: #ffffff;
|
||||
color: #000000;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
|
|
@ -523,6 +564,7 @@ div#tarteaucitronServices {
|
|||
right: 0;
|
||||
text-align: center;
|
||||
width: 70px;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronDisclaimer {
|
||||
|
|
@ -534,7 +576,7 @@ div#tarteaucitronServices {
|
|||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
|
||||
background: rgba(51, 51, 51, 0.07);
|
||||
/*background: rgba(51, 51, 51, 0.07);*/
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
|
||||
|
|
@ -552,7 +594,7 @@ div#tarteaucitronServices {
|
|||
#tarteaucitron #tarteaucitronInfo,
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
|
||||
#tarteaucitronRoot .asCatToggleBtn {
|
||||
color: #fff;
|
||||
color: #000000;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
|
|
@ -560,7 +602,7 @@ div#tarteaucitronServices {
|
|||
padding: 5px 20px;
|
||||
text-align: left;
|
||||
width: auto;
|
||||
background: #333;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,
|
||||
|
|
@ -589,7 +631,7 @@ div#tarteaucitronServices {
|
|||
|
||||
#tarteaucitron #tarteaucitronInfo,
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails:not(.tarteaucitronDetailsInline) {
|
||||
color: #fff;
|
||||
color: #000000;
|
||||
display: none;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
|
|
@ -605,7 +647,7 @@ div#tarteaucitronServices {
|
|||
font-weight:500;
|
||||
margin:0;
|
||||
padding:5px 20px 20px;
|
||||
background:rgba(51, 51, 51, 0.2);
|
||||
background:white;
|
||||
color:#333;
|
||||
}
|
||||
|
||||
|
|
@ -615,11 +657,11 @@ div#tarteaucitronServices {
|
|||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
|
||||
background: rgba(51, 51, 51, 0.2);
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
|
||||
background: rgba(51, 51, 51, 0.1);
|
||||
background: #ffffff;
|
||||
border-left: 5px solid transparent;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
|
|
@ -627,25 +669,25 @@ div#tarteaucitronServices {
|
|||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
|
||||
border-color: #1B870B;
|
||||
border-color: #fbd600;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
|
||||
border-color: #9C1A1A;
|
||||
border-color: #fbd600;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
|
||||
background: #333;
|
||||
border: 3px solid #333;
|
||||
border-left: 9px solid #333;
|
||||
border-top: 5px solid #333;
|
||||
background: #ffffff;
|
||||
border: 3px solid #ffffff;
|
||||
border-left: 9px solid #ffffff;
|
||||
border-top: 5px solid #ffffff;
|
||||
margin-bottom: 0;
|
||||
margin-top: 21px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
|
||||
background: #333;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
|
||||
|
|
@ -683,9 +725,9 @@ div#tarteaucitronServices {
|
|||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
|
||||
.tac_activate .tarteaucitronAllow {
|
||||
background: #555;
|
||||
background: #fbd600;
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding: 6px 10px;
|
||||
|
|
@ -696,26 +738,26 @@ div#tarteaucitronServices {
|
|||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
|
||||
background-color: #1B870B;
|
||||
background-color: #fbd600;
|
||||
opacity: 1;
|
||||
}
|
||||
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
|
||||
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {
|
||||
background-color: #9C1A1A;
|
||||
background-color: #fbd600;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
|
||||
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {
|
||||
background-color: #1B870B;
|
||||
background-color: #fbd600;
|
||||
}
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
|
||||
background-color: #9C1A1A;
|
||||
background-color: #fbd600;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow{
|
||||
/*#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow{
|
||||
opacity: 0.4;
|
||||
}
|
||||
}*/
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
|
||||
color: #333;
|
||||
|
|
@ -749,7 +791,7 @@ span#tarteaucitronDisclaimerAlert {
|
|||
}
|
||||
}
|
||||
#tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
|
||||
border-color: #333!important;
|
||||
border-color: #fff!important;
|
||||
}
|
||||
|
||||
/***
|
||||
|
|
@ -764,8 +806,8 @@ span#tarteaucitronDisclaimerAlert {
|
|||
}
|
||||
|
||||
#tarteaucitronRoot #tarteaucitronAlertBig {
|
||||
background: #333;
|
||||
color: #fff;
|
||||
background: #ffffff;
|
||||
color: #000000;
|
||||
display: none;
|
||||
font-size: 15px !important;
|
||||
left: 0;
|
||||
|
|
@ -784,7 +826,7 @@ span#tarteaucitronDisclaimerAlert {
|
|||
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong,
|
||||
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert .tarteaucitronPartnersList * {
|
||||
/*font: 15px verdana;*/
|
||||
color: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
|
||||
|
|
@ -804,8 +846,8 @@ span#tarteaucitronDisclaimerAlert {
|
|||
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
|
||||
#tarteaucitronRoot .tarteaucitronDeny,
|
||||
#tarteaucitronRoot .tarteaucitronAllow {
|
||||
background: #008300;
|
||||
color: #fff;
|
||||
background: #fbd600;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 16px!important;
|
||||
|
|
@ -816,7 +858,7 @@ span#tarteaucitronDisclaimerAlert {
|
|||
}
|
||||
|
||||
#tarteaucitronRoot .tarteaucitronDeny {
|
||||
background: #9C1A1A;
|
||||
background: #fbd600;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog {
|
||||
|
|
@ -897,19 +939,19 @@ span#tarteaucitronDisclaimerAlert {
|
|||
#tarteaucitronRoot .tarteaucitronCross::before {
|
||||
content: '\2717';
|
||||
display: inline-block;
|
||||
color: white;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#tarteaucitronRoot .tarteaucitronCheck::before {
|
||||
content: '\2713';
|
||||
display: inline-block;
|
||||
color: white;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#tarteaucitronRoot .tarteaucitronPlus::before {
|
||||
content: '\271b';
|
||||
display: inline-block;
|
||||
color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -922,7 +964,7 @@ span#tarteaucitronDisclaimerAlert {
|
|||
}
|
||||
|
||||
#tarteaucitronAlertSmall {
|
||||
background: #333;
|
||||
background: #fff;
|
||||
display: none;
|
||||
padding: 0;
|
||||
position: fixed;
|
||||
|
|
@ -930,10 +972,12 @@ span#tarteaucitronDisclaimerAlert {
|
|||
text-align: center;
|
||||
width: auto;
|
||||
z-index: 2147483646;
|
||||
box-shadow: 0 0 2px #ddd;
|
||||
border-radius: 5px 0 0 0;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronManager {
|
||||
color: #fff;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 11px !important;
|
||||
|
|
@ -978,7 +1022,7 @@ span#tarteaucitronDisclaimerAlert {
|
|||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
color: #fff;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 30px;
|
||||
|
|
@ -1014,14 +1058,15 @@ span#tarteaucitronDisclaimerAlert {
|
|||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {
|
||||
background: #333;
|
||||
background: #fff;
|
||||
margin-top: 21px;
|
||||
padding: 13px 0 9px 13px;
|
||||
text-align: left;
|
||||
border-radius: 5px 0 0 0;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {
|
||||
color: #fff;
|
||||
color: #000;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
|
@ -1058,6 +1103,47 @@ span#tarteaucitronDisclaimerAlert {
|
|||
width: 30%;
|
||||
}
|
||||
|
||||
/***
|
||||
* Embeded cookies list
|
||||
*/
|
||||
#tarteaucitronServicesnoTitle_cookies #tarteaucitronServices_cookies .tarteaucitronHidden {
|
||||
display:block!important;
|
||||
}
|
||||
#tarteaucitronServicesnoTitle_cookies #tarteaucitronCookiesList .tarteaucitronH3 {
|
||||
padding: 8px 20px;
|
||||
margin-top: 0!important
|
||||
}
|
||||
#tarteaucitronServicesnoTitle_cookies .tarteaucitronCookiesListLeft, #tarteaucitronServicesnoTitle_cookies .tarteaucitronCookiesListRight {
|
||||
padding:10px 14px;
|
||||
width: Calc(50% - 56px);
|
||||
display:inline-block;
|
||||
word-break: break-all;
|
||||
vertical-align: top;
|
||||
}
|
||||
#tarteaucitronServicesnoTitle_cookies .tarteaucitronCookiesListRight {
|
||||
font-family:monospace
|
||||
}
|
||||
#tarteaucitronServicesnoTitle_cookies .tarteaucitron-spacer-20 {
|
||||
height:0;
|
||||
}
|
||||
#tarteaucitronServicesnoTitle_cookies .purgeBtn {
|
||||
cursor:pointer
|
||||
}
|
||||
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServicesnoTitle_cookies:hover #tarteaucitronCookiesList ul li {
|
||||
background:transparent!important
|
||||
}
|
||||
@media screen and (max-width: 767px) {
|
||||
#tarteaucitronServicesnoTitle_cookies #tarteaucitron-toggle-group-cookies {
|
||||
text-align:left;
|
||||
padding:0 0 0 3px!important
|
||||
}
|
||||
|
||||
html body #tarteaucitronRoot #tarteaucitronServicesnoTitle_cookies .tarteaucitronCookiesListLeft .purgeBtn {
|
||||
display: inline!important;
|
||||
width: auto!important
|
||||
}
|
||||
}
|
||||
|
||||
/***
|
||||
* Fallback activate link
|
||||
*/
|
||||
|
|
@ -1084,7 +1170,7 @@ span#tarteaucitronDisclaimerAlert {
|
|||
}
|
||||
|
||||
.tac_activate .tac_float .tarteaucitronAllow {
|
||||
background-color: #1B870B;
|
||||
background-color: #fbd600;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
|
@ -1100,7 +1186,7 @@ div.amazon_product {
|
|||
width:120px;
|
||||
}
|
||||
|
||||
.tarteaucitronIsAllowed .tarteaucitronDeny {
|
||||
/*.tarteaucitronIsAllowed .tarteaucitronDeny {
|
||||
opacity: 0.4!important;
|
||||
}.tarteaucitronIsDenied .tarteaucitronAllow {
|
||||
opacity: 0.4!important;
|
||||
|
|
@ -1114,7 +1200,7 @@ div.amazon_product {
|
|||
}
|
||||
#tarteaucitronServices_mandatory button.tarteaucitronAllow {
|
||||
opacity: 1;
|
||||
}
|
||||
}*/
|
||||
|
||||
div#tarteaucitronInfo {
|
||||
display: block!important;
|
||||
|
|
@ -1138,6 +1224,10 @@ a.tarteaucitronSelfLink {
|
|||
display: block;
|
||||
height:30px;
|
||||
}
|
||||
#tarteaucitronRoot a.tarteaucitronSelfLink img {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.tarteaucitronMainLine .tarteaucitronH2 {
|
||||
font-size: 1.2em!important;
|
||||
|
|
@ -1150,7 +1240,7 @@ span.tarteaucitronTitle.tarteaucitronH3 {
|
|||
|
||||
#tarteaucitronCloseCross {
|
||||
position:absolute;
|
||||
color: #FFF;
|
||||
color: #000;
|
||||
font-size:1.8rem;
|
||||
cursor: pointer;
|
||||
top: 10px;
|
||||
|
|
@ -1173,3 +1263,21 @@ span.tarteaucitronTitle.tarteaucitronH3 {
|
|||
.tarteaucitron-display-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* custom title for popup and middle banner */
|
||||
#tarteaucitronRoot.tarteaucitronSize-middle #tarteaucitronAlertBig::before, #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig::before {content: var(--tacTitleBanner);}
|
||||
|
||||
/* middle banner */
|
||||
div#tarteaucitronRoot.tarteaucitronSize-middle.tarteaucitronBeforeVisible:before {content: '';position: fixed;width: 100%;height: 100%;background: white;top: 0;left: 0;z-index: 999;opacity: 0.5;}
|
||||
body #tarteaucitronRoot.tarteaucitronSize-middle div#tarteaucitronAlertBig {width: 60%;min-width: 285px;height: fit-content;margin: auto;top:0;left:0;bottom:0;right:0;box-shadow: 0 0 9000px #000;border-radius: 20px;padding: 35px 25px;}
|
||||
.tarteaucitronSize-middle span#tarteaucitronDisclaimerAlert {padding: 0 30px;}
|
||||
#tarteaucitronRoot.tarteaucitronSize-middle span#tarteaucitronDisclaimerAlert {margin: 10px 0 30px;display: block;text-align: center;font-size: 21px;}
|
||||
@media screen and (max-width: 900px) {.tarteaucitronSize-middle div#tarteaucitronAlertBig button {margin: 0 auto 10px!important;display: block!important;}}
|
||||
.tarteaucitronSize-middle div#tarteaucitronAlertBig:before {font-size: 35px;}
|
||||
|
||||
/* popup banner */
|
||||
.tarteaucitronSize-popup div#tarteaucitronAlertBig:before {font-size: 22px;}
|
||||
body #tarteaucitronRoot.tarteaucitronSize-popup div#tarteaucitronAlertBig {bottom: 0;top: auto!important;left: 8px!important;right: auto!important;transform: initial!important;border-radius: 5px 5px 0 0!important;max-width: 250px!important;width: calc(100% - 16px)!important;min-width: 0!important;padding: 25px 0;}
|
||||
.tarteaucitronSize-popup span#tarteaucitronDisclaimerAlert {padding: 0 30px;font-size: 15px!important;}
|
||||
#tarteaucitronRoot.tarteaucitronSize-popup span#tarteaucitronDisclaimerAlert {margin: 10px 0 30px;display: block;text-align: center;font-size: 21px;}
|
||||
.tarteaucitronSize-popup div#tarteaucitronAlertBig button:not(#tarteaucitronCloseCross) {margin: 0 auto 10px!important;display: block!important;width: calc(100% - 60px);box-sizing: border-box;}
|
||||
Loading…
Add table
Add a link
Reference in a new issue