495 lines
11 KiB
CSS
495 lines
11 KiB
CSS
/***
|
|
* Responsive layout for the control panel
|
|
*/
|
|
@media screen and (max-width:479px) {
|
|
#tarteaucitron #tarteaucitronInfo {
|
|
background-image: none;
|
|
font-size: 16px !important;
|
|
padding-right: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
#tarteaucitron .tarteaucitronLine .tarteaucitronName {
|
|
width: 90% !important;
|
|
}
|
|
|
|
#tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
|
|
float: left !important;
|
|
margin: 10px 15px 5px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
#tarteaucitron {
|
|
border: 0 !important;
|
|
bottom: 0 !important;
|
|
height: 100% !important;
|
|
left: 0 !important;
|
|
margin: 0 !important;
|
|
max-height: 100% !important;
|
|
max-width: 100% !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
|
|
text-align: left !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width:768px) and (max-width:991px) {
|
|
#tarteaucitron {
|
|
border: 0 !important;
|
|
left: 0 !important;
|
|
margin: 0 5% !important;
|
|
max-height: 80% !important;
|
|
width: 90% !important;
|
|
}
|
|
}
|
|
|
|
/***
|
|
* Common value
|
|
*/
|
|
#tarteaucitron * {
|
|
zoom: 1;
|
|
}
|
|
|
|
#tarteaucitron .clear {
|
|
clear: both;
|
|
}
|
|
|
|
#tarteaucitron a {
|
|
color: rgb(66, 66, 66);
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#tarteaucitronAlertBig a, #tarteaucitronAlertSmall a {
|
|
color: #fff;
|
|
}
|
|
|
|
#tarteaucitron b {
|
|
font-size: 22px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
/***
|
|
* Root div added just before </body>
|
|
*/
|
|
#tarteaucitronRoot {
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
#tarteaucitronRoot * {
|
|
box-sizing: initial;
|
|
color: #333;
|
|
font-family: sans-serif !important;
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
vertical-align: initial;
|
|
}
|
|
|
|
/***
|
|
* Control panel
|
|
*/
|
|
#tarteaucitronBack {
|
|
background: #fff;
|
|
display: none;
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: 0.7;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 2147483646;
|
|
}
|
|
|
|
#tarteaucitron {
|
|
background: #fff;
|
|
box-shadow: 0 0 15px #4a4a4a;
|
|
display: none;
|
|
left: 50%;
|
|
margin: 0 auto 0 -430px;
|
|
max-height: 80%;
|
|
overflow: auto;
|
|
padding: 0;
|
|
position: fixed;
|
|
top: 10%;
|
|
width: 860px;
|
|
z-index: 2147483647;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronClosePanel {
|
|
background: #333333;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
padding: 4px 0;
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: center;
|
|
width: 70px;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronInfo {
|
|
background: rgba(51, 51, 51, 0.1);
|
|
border-bottom: 4px solid #fff;
|
|
clear: both;
|
|
color: #333;
|
|
font-size: 24px;
|
|
padding: 20px 20px 18px 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronDisclaimer {
|
|
color: #555;
|
|
font-size: 12px;
|
|
margin: 15px auto 0;
|
|
width: 80%;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices {
|
|
background: #fff;
|
|
border-bottom: 4px solid #fff;
|
|
min-height: 250px;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
|
|
display: none;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
|
|
background: rgba(51, 51, 51, 0.2);
|
|
color: #333;
|
|
font-size: 20px;
|
|
padding: 18px 22px;
|
|
text-align: center;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle .tarteaucitronDetails {
|
|
color: #555;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
|
|
background: #fafafa;
|
|
border-left: 5px solid #f5f5f5;
|
|
margin: 1px 0;
|
|
overflow: hidden;
|
|
padding: 15px 5px;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
|
|
background: #444;
|
|
border: 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
|
|
background: #444;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName b {
|
|
color: #fff;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
|
|
display: inline-block;
|
|
float: left;
|
|
margin-left: 15px;
|
|
text-align: left;
|
|
width: 50%;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
|
|
display: inline-block;
|
|
float: right;
|
|
margin: 7px 15px 0;
|
|
text-align: right;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
|
|
.tac_activate .tarteaucitronAllow {
|
|
background: gray;
|
|
border-radius: 4px;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
padding: 6px 10px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
width: auto;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
|
|
color: #333;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronFooter {
|
|
background: rgba(51, 51, 51, 0.1);
|
|
border-top: 1px solid #eee;
|
|
margin: 20px auto 0px;
|
|
padding: 15px 0 15px;
|
|
text-align: center;
|
|
}
|
|
|
|
#tarteaucitron #tarteaucitronFooter a {
|
|
color: #666;
|
|
font-style: normal;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/***
|
|
* Big alert
|
|
*/
|
|
.tarteaucitronAlertBigTop {
|
|
top: 0;
|
|
}
|
|
|
|
.tarteaucitronAlertBigBottom {
|
|
bottom: 0;
|
|
}
|
|
|
|
#tarteaucitronAlertBig {
|
|
background: #333;
|
|
color: #fff;
|
|
display: none;
|
|
font-size: 15px !important;
|
|
left: 0;
|
|
padding: 5px 5%;
|
|
position: fixed;
|
|
text-align: center;
|
|
width: 90%;
|
|
box-sizing: content-box;
|
|
z-index: 2147483645;
|
|
}
|
|
|
|
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
|
|
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
|
|
font: 15px verdana;
|
|
color: #fff;
|
|
}
|
|
|
|
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
|
|
font-weight: 700;
|
|
}
|
|
|
|
#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize {
|
|
background: #008300;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
padding: 5px 10px;
|
|
text-decoration: none;
|
|
margin-left: 7px;
|
|
}
|
|
|
|
#tarteaucitronAlertBig #tarteaucitronCloseAlert {
|
|
background: #fff;
|
|
color: #333;
|
|
font-size: 13px;
|
|
margin-left: 7px;
|
|
padding: 4px 10px;
|
|
}
|
|
|
|
/***
|
|
* Small alert
|
|
*/
|
|
#tarteaucitronAlertSmall {
|
|
background: #333;
|
|
bottom: 0;
|
|
display: none;
|
|
padding: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
text-align: center;
|
|
width: auto;
|
|
z-index: 2147483645;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronManager {
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-size: 11px !important;
|
|
padding: 10px 10px 5px 10px;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronManager:hover {
|
|
background: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
|
|
background-color: gray;
|
|
border-radius: 5px;
|
|
display: inline-block;
|
|
height: 8px;
|
|
margin-top: 5px;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
|
|
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,
|
|
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
|
|
display: block;
|
|
float: left;
|
|
height: 100%;
|
|
width: 0%;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
|
|
background-color: #1B870B;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
|
|
background-color: #FBDA26;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
|
|
background-color: #9C1A1A;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
|
|
background: rgba(255, 255, 255, 0.2);
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-size: 34px;
|
|
padding: 5px 10px 0;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
|
|
background: rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
|
|
background: #fff;
|
|
box-shadow: 0 0 15px #4a4a4a;
|
|
display: none;
|
|
max-height: 80%;
|
|
max-width: 500px;
|
|
overflow: auto;
|
|
position: fixed;
|
|
right: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
|
|
background: rgba(51, 51, 51, 0.1);
|
|
color: #333;
|
|
font-size: 11px;
|
|
padding: 12px;
|
|
text-align: left;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList b {
|
|
color: #333;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList #tarteaucitronCookiesTitle {
|
|
background: #333;
|
|
padding: 8px;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList #tarteaucitronCookiesTitle b {
|
|
color: #fff;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {
|
|
border-bottom: 4px solid #fff;
|
|
padding: 7px 5px 10px;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
|
|
background: rgba(51, 51, 51, 0.2);
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
|
|
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {
|
|
color: #333;
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
margin-left: 10%;
|
|
vertical-align: top;
|
|
width: 30%;
|
|
}
|
|
|
|
/***
|
|
* Fallback activate link
|
|
*/
|
|
.tac_activate {
|
|
background: #333;
|
|
color: #fff;
|
|
display: table;
|
|
font-size: 12px;
|
|
height: 100%;
|
|
line-height: initial;
|
|
margin: auto;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.tac_float {
|
|
display: table-cell;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.tac_activate .tac_float b {
|
|
color: #fff;
|
|
}
|
|
|
|
.tac_activate .tac_float .tarteaucitronAllow {
|
|
background-color: #1B870B;
|
|
display: inline-block;
|
|
}
|
|
|
|
/***
|
|
* CSS for services
|
|
*/
|
|
ins.ferank-publicite, ins.adsbygoogle {
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.amazon_product {
|
|
height:240px;
|
|
width:120px;
|
|
} |