Lesepfad: Es klopft bei Wanja in der Nacht/Wanja: Unterschied zwischen den Versionen

@@ Zeile 1: / Zeile 1: @@
+<div style="
+  --r:8px;     /* radius   */
+  --g:#e1e9f5, white; /* gradient */
+  border-radius:var(--r);
+  padding:var(--r);
+  background:
+    /*corners*/
+    radial-gradient(farthest-side at bottom right,var(--g)) top    left /var(--r) var(--r),
+    radial-gradient(farthest-side at top    right,var(--g)) bottom left /var(--r) var(--r),
+    radial-gradient(farthest-side at bottom left ,var(--g)) top    right/var(--r) var(--r),
+    radial-gradient(farthest-side at top    left ,var(--g)) bottom right/var(--r) var(--r),
+    /* borders*/
+    linear-gradient(to top   ,var(--g)) top   /calc(100% - 2*var(--r)) var(--r),
+    linear-gradient(to bottom,var(--g)) bottom/calc(100% - 2*var(--r)) var(--r),
+    linear-gradient(to right ,var(--g)) right /var(--r) calc(100% - 2*var(--r)),
+    linear-gradient(to left  ,var(--g)) left  /var(--r) calc(100% - 2*var(--r));
+  background-repeat:no-repeat;">
+<div style="background-color: #e1e9f5; padding: 16px">
 <iframe src="https://learningapps.org/watch?v=p589fy23c21" style="border:0px;width:100%;height:500px" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
+<div style="padding-top: 32px"></div>
+</div>
+</div>

Version vom 16. Januar 2021, 14:52 Uhr