Initial commit: Atomaste website
This commit is contained in:
@@ -0,0 +1,260 @@
|
||||
@use 'document-grid';
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user