save file

Author: javascript-2020

blog/25-11-15/ffmpeg-in-the-browser/ffmpeg-in-the-browser.html

@@ -145,6 +145,8 @@
             <link rel=stylesheet href='/blog/css/blog.css'>
 
             <style>
+
+
 
   html
     {height:100%;font-family:arial}
@@ -167,50 +169,17 @@
     {margin:10px 0}
 
 
-.blog-text {
-  margin: 1.5rem auto;
-  padding: 1.25rem 1.75rem;
-  background-color: #fcfcfc; /* slightly lighter than #f9f9f9 */
-  font-family: system-ui, sans-serif;
-  font-size: 1rem;
-  line-height: 1.7;
-  color: #333;
-  text-align: justify;
-  border-radius: 4px; /* softens the box */
-}
-
-.blog-text p {
-  margin: 0 0 1rem 0;
-}
-
-.blog-text h2,
-.blog-text h3 {
-  margin-top: 1.5rem;
-  margin-bottom: 0.75rem;
-  font-weight: 600;
-  color: #222;
-}
+  .blog-text 
+    {margin:1.5rem auto;padding:1.25rem 1.75rem;background-color:#fcfcfc;/*#f9f9f9*/font-family:system-ui, sans-serif;font-size:1rem;line-height:1.7;
+      color:#333;text-align:justify;border-radius:4px}      
+  .blog-text h2,.blog-text h3 
+    {margin-top:1.5rem;margin-bottom:0.75rem;font-weight:600;color:#222;}
+  .blog-text p 
+    {margin:0 0 1rem 0;}
 
 
 
-.blog-text code {
-  background-color: #f0f0f0;
-  padding: 0.2em 0.4em;
-  border-radius: 3px;
-  font-family: ui-monospace, monospace;
-  font-size: 0.95em;
-}
 
-.blog-text pre {
-  background-color: #f5f5f5;
-  padding: 1rem;
-  border-radius: 5px;
-  overflow-x: auto;
-  font-family: ui-monospace, monospace;
-  font-size: 0.95em;
-  line-height: 1.5;
-  margin: 1.25rem 0;
-}
 
 
 
@@ -220,6 +189,8 @@
   code.inline
     {display:inline;padding:5px 10px}
 
+
+
   a
     {color:#4a90e2;text-decoration:none;font-weight:500}
   a:hover 
@@ -237,6 +208,9 @@
     {font-size:16px;padding:5px 7px;box-sizing:border-box;}
   input[type=button]
     {cursor:pointer}
+
+
+
 
             </style>
 
@@ -349,7 +323,7 @@ <h3>
 
             <div class=hr></div>
 
-            <section>
+            <section class=blog-text>
                   <h3>
                         ffmpeg.wasm
                   </h3>
@@ -406,7 +380,7 @@ <h3>
             <hr>
 
 
-            <section>
+            <section class=blog-text>
                   <h3>
                         Kagami / ffmpeg.js
                   </h3>
@@ -423,7 +397,7 @@ <h3>
 
             <hr>
 
-            <section>
+            <section class=blog-text>
                   <h3>
                         ffprobe in the browser
                   </h3>
@@ -441,7 +415,7 @@ <h3>
 
             <hr>
 
-            <section>
+            <section class=blog-text>
                   <h3>
                         media mimetypes
                   </h3>