@import 'document-grid.less';
.postbox #cmplz-document {
margin: auto auto;
}
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
font-size: 14px;
margin-top: 0;
max-width: 800px;
// text-align: justify;
text-justify: inter-word;
/* Buttons styles */
input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
}
/*WCAG2.0 */
a {
text-decoration: underline;
}
a[target="_blank"]::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
margin: 0 3px 0 5px;
}
a:focus {
border: 1px solid black;
padding:2px;
}
#cmplz-dnsmpd-form label{
margin-right:20px;
min-width:100px;
display:inline-block
}
h2, h3 {
font-size: 22px;
text-align: left;
margin-top: 15px;
text-transform: initial;
padding-bottom: 10px;
margin-bottom: 10px;
}
&.impressum {
h2, h3 {
border-bottom: none;
font-size: 1em;
padding-bottom:5px;
margin-bottom:5px;
}
p {
margin-bottom:7px;
}
}
h4 {
font-size: 18px;
text-align: left;
margin-top: 15px;
margin-bottom: 5px;
text-transform: initial;
}
h5 {
font-size: 14px;
text-align: left;
margin-top: 10px;
margin-bottom: 5px;
text-transform: initial;
}
h3.annex, h4.annex {
font-weight: bold;
}
span h3 {
font-size: 14px;
border-bottom: 0;
}
p, li, td {
font-size: 14px;
margin-top: 0;
}
ol.alphabetic {
counter-reset: list;
list-style-type: none;
}
ol.alphabetic li:before {
font-weight: bold;
content: counter(list, lower-alpha) ") ";
counter-increment: list
}
ul {
list-style: disc;
margin-left: 15px;
margin-bottom: 15px;
}
ol.alphabetic ol {
counter-reset: list;
list-style-type: none;
}
ol.alphabetic ol li:before {
font-weight: bold;
content: counter(list, decimal) ") ";
counter-increment: list
}
.cmplz-subtitle {
font-weight: bold;
margin-top: 25px;
}
.cmplz-indent{
margin-left:36px;
}
}
//needs to apply both to separate cookie shortcode, cookie policy and privacy policy
#cmplz-cookies-overview, #cmplz-document,.editor-styles-wrapper .cmplz-unlinked-mode{
.cmplz-dropdown {
background-color: rgba(239, 239, 239, 0.25);
h4 {
font-size: 18px;
text-align: left;
margin-top: 15px;
margin-bottom: 5px;
text-transform: initial;
}
p, a {
font-size: 14px;
margin-top: 0;
}
p, h4, ul{
padding: 0 15px ;
}
p{
&.legal-obligations-description{
padding-bottom: 15px;
}
}
// Remove default marker
summary::marker {
display: none;
content: '';
}
summary::-webkit-details-marker {
display: none;
content: '';
}
summary{
display:block;
background-color: rgba(239, 239, 239, 0.5);
margin: 5px 0;
padding: 5px 10px;
align-items: center;
justify-items: stretch;
h3 {
padding: 0 5px;
border-bottom: 0;
font-size: 18px;
border-bottom: 0;
}
p{
text-align: right;
padding: 0;
margin: 0;
font-size: 14px;
border-bottom: 0;
}
div {
&:after {
cursor: pointer;
content: '';
background: url(../images/chevron-down.svg) no-repeat;
transform: rotate(0deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-size: cover;
height: 18px;
width: 18px;
margin: 3px;
}
}
}
&[open]{
padding-bottom: 1px;
summary div:after {
transform: rotate(180deg);
}
}
h4 {
font-size: 15px;
margin: 5px 0;
}
h5 {
margin: 0;
}
.cmplz-service-description, .cmplz-sharing-data {
padding: 0 15px 15px;
}
.cookies-per-purpose {
border: 1px solid #dadada;
grid-gap: 1px;
background-color: #dadada;
margin-bottom: 10px;
div {
background-color: white;
padding: 15px;
}
@media only screen and (min-width: 600px) {
.name-header {
background-color: #f7f7f7;
}
.retention-header {
background-color: #f7f7f7;
}
.function-header {
background-color: #f7f7f7;
}
}
@media only screen and (max-width: 600px) {
h5 {
line-height: 1.8;
}
div:nth-child(12n+2),
div:nth-child(12n+3),
div:nth-child(12n+4),
div:nth-child(12n+5),
div:nth-child(12n+6),
div:nth-child(12n+7) {
background-color: #f7f7f7;
}
}
}
}
}