2019-07-05 08:43:23 +02:00
|
|
|
html {
|
|
|
|
padding: 0;
|
|
|
|
font-size: 16px;
|
|
|
|
background: white;
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
color: #000;
|
|
|
|
max-width: 932px;
|
|
|
|
margin: 0 auto;
|
2019-03-29 08:49:53 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.grayBorder {
|
|
|
|
border: 1px solid lightgray;
|
|
|
|
}
|
|
|
|
|
|
|
|
.insetPadding {
|
|
|
|
padding: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.interactive {
|
|
|
|
/*** For regions observed by InteraktionDelegates and -Mappers ***/
|
|
|
|
-ms-content-zooming: none;
|
|
|
|
touch-action: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.unselectable {
|
2019-07-05 08:43:23 +02:00
|
|
|
-moz-user-select: none;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
2019-03-29 08:49:53 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
padding: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
canvas {
|
|
|
|
-ms-content-zooming: none; /** Crucial for MS Edge pointer events **/
|
|
|
|
touch-action: none; /** Crucial for MS Edge? **/
|
|
|
|
}
|
|
|
|
|
|
|
|
#runtime-errors {
|
|
|
|
left: -8px;
|
|
|
|
margin-left: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.intrinsic-container {
|
2019-07-05 08:43:23 +02:00
|
|
|
position: relative;
|
|
|
|
height: 0;
|
|
|
|
overflow: hidden;
|
2019-03-29 08:49:53 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
/* 16x9 Aspect Ratio */
|
|
|
|
.intrinsic-container-16x9 {
|
2019-07-05 08:43:23 +02:00
|
|
|
padding-bottom: 56.25%;
|
2019-03-29 08:49:53 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
/* 4x3 Aspect Ratio */
|
|
|
|
.intrinsic-container-4x3 {
|
2019-07-05 08:43:23 +02:00
|
|
|
padding-bottom: 75%;
|
2019-03-29 08:49:53 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.intrinsic-container iframe {
|
2019-07-05 08:43:23 +02:00
|
|
|
position: absolute;
|
|
|
|
border: 0;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
2019-03-29 08:49:53 +01:00
|
|
|
}
|