summaryrefslogtreecommitdiffstats
path: root/src/wwwroot/libraries/fomantic/dist/components/embed.css
diff options
context:
space:
mode:
authorivar <i@oiee.no>2025-10-19 23:41:23 +0200
committerivar <i@oiee.no>2025-10-19 23:41:23 +0200
commit3f4c0720e1e3421431e7baa20882a4a4512a7fab (patch)
tree734ca81d7d0841d8863e3f523ebba14c282dc681 /src/wwwroot/libraries/fomantic/dist/components/embed.css
downloadfagprove-master.tar.xz
fagprove-master.zip
InitialHEADmaster
Diffstat (limited to 'src/wwwroot/libraries/fomantic/dist/components/embed.css')
-rw-r--r--src/wwwroot/libraries/fomantic/dist/components/embed.css166
1 files changed, 166 insertions, 0 deletions
diff --git a/src/wwwroot/libraries/fomantic/dist/components/embed.css b/src/wwwroot/libraries/fomantic/dist/components/embed.css
new file mode 100644
index 0000000..1c1b6f8
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/dist/components/embed.css
@@ -0,0 +1,166 @@
+/*!
+ * # Fomantic-UI - Video
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+ Types
+*******************************/
+
+.ui.embed {
+ position: relative;
+ max-width: 100%;
+ height: 0;
+ overflow: hidden;
+ background: #DCDDDE;
+ padding-bottom: 56.25%;
+}
+
+/*-----------------
+ Embedded Content
+------------------*/
+
+.ui.embed iframe,
+.ui.embed embed,
+.ui.embed object {
+ position: absolute;
+ border: none;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+}
+
+/*-----------------
+ Embed
+------------------*/
+
+.ui.embed > .embed {
+ display: none;
+}
+
+/*--------------
+ Placeholder
+---------------*/
+
+.ui.embed > .placeholder {
+ position: absolute;
+ cursor: pointer;
+ top: 0;
+ left: 0;
+ display: block;
+ width: 100%;
+ height: 100%;
+ background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+}
+
+/*--------------
+ Icon
+---------------*/
+
+.ui.embed > .icon {
+ cursor: pointer;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+}
+.ui.embed > .icon:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 3;
+ content: '';
+ background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+ background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+ opacity: 0.5;
+ -webkit-transition: opacity 0.5s ease;
+ transition: opacity 0.5s ease;
+}
+.ui.embed > .icon:before {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translateX(-50%) translateY(-50%);
+ transform: translateX(-50%) translateY(-50%);
+ color: #FFFFFF;
+ font-size: 6rem;
+ text-shadow: 0 2px 10px rgba(34, 36, 38, 0.2);
+ -webkit-transition: opacity 0.5s ease, color 0.5s ease;
+ transition: opacity 0.5s ease, color 0.5s ease;
+ z-index: 10;
+}
+
+
+/*******************************
+ States
+*******************************/
+
+
+/*--------------
+ Hover
+---------------*/
+
+.ui.embed .icon:hover:after {
+ background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+ background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+ opacity: 1;
+}
+.ui.embed .icon:hover:before {
+ color: #FFFFFF;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.active.embed > .icon,
+.ui.active.embed > .placeholder {
+ display: none;
+}
+.ui.active.embed > .embed {
+ display: block;
+}
+
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.square.embed {
+ padding-bottom: 100%;
+}
+.ui[class*="4:3"].embed {
+ padding-bottom: 75%;
+}
+.ui[class*="16:9"].embed {
+ padding-bottom: 56.25%;
+}
+.ui[class*="21:9"].embed {
+ padding-bottom: 42.85714286%;
+}
+
+
+/*******************************
+ Video Overrides
+*******************************/
+
+
+
+/*******************************
+ Site Overrides
+*******************************/
+