txp-media-shortcode/gdpr.css at master · colak/txp-media-shortcode · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
/* Start of txp-media shortcode styles */
/* Make embeded content responsive */
.embed-container {
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  max-width:100%;
}
.embed-container embed,
.embed-container iframe,
.embed-container object {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.embed-container iframe {
  border-width: 0px;border:0;border:none;
}
/* Pre cookie acceptance container */
.gdpr {
  display:block;
  width:100%;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  margin:0 0 1em 0;
  background-color:#ffc;
  margin: 1em 0 0 0;
}
.gdpr p {
  color:#000;
  font-size:1.25em;
  padding:.7em;
  margin:0 0 1em 0;
}
.gdpr p a {
  color:#ba0000;
}
.gdpr p.accept a {
  padding:.3em .5em;
  background-color:#ba0000;
  color:#fff !important;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
.gdpr img {
  width:97%;
  height: auto;
  clear:both;
  margin: 1.5% 1.5% 0 1.5%;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
}
.gdpr p.error {
  background-color:#fff;
  color: #ba0000;
  border: 2px solid #ba0000;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
}
/* basic responsive styles for html5 video and audio tags */
audio {
  filter: sepia(50%) saturate(100%) grayscale(1) contrast(80%) invert(80%);
  width: 100%;
  height: 30px;
  clear:both;
  margin: 1em 0;
}
video {
  width: 100%    !important;
  height: 100%   !important;
  clear:both;
  margin: 1em 0;
}

@media print {
  body,
  .gdpr {
    color: #000;
    background-color: #fff;
  }
 .embed-container,
 .gdpr p.error,
 .gdpr p.accept a {
    display:none;
  }
  .gdpr .licence a[href]:after {
    content:" <URL: "attr(href)">";
    background:inherit;
  }
}
/* End of txp-media shortcode styles */