diff --git a/customize.dist/src/outer.css b/customize.dist/src/outer.css
new file mode 100644
index 000000000..b36fb2c10
--- /dev/null
+++ b/customize.dist/src/outer.css
@@ -0,0 +1,15 @@
+html, body {
+    margin: 0px;
+    padding: 0px;
+}
+#sbox-iframe, #sbox-share-iframe, #sbox-filePicker-iframe {
+    position: fixed;
+    top:0; left:0;
+    bottom:0; right:0;
+    width:100%;
+    height: 100%;
+    border: 0;
+    margin:0;
+    padding:0;
+    overflow:hidden;
+}
diff --git a/www/admin/index.html b/www/admin/index.html
index e3f7eacc4..79a96c97b 100644
--- a/www/admin/index.html
+++ b/www/admin/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/code/index.html b/www/code/index.html
index e224b0efe..dd4b97b3b 100644
--- a/www/code/index.html
+++ b/www/code/index.html
@@ -6,41 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="/common/sframe-app-outer.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-        #sbox-share-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/contacts/index.html b/www/contacts/index.html
index e3f7eacc4..79a96c97b 100644
--- a/www/contacts/index.html
+++ b/www/contacts/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/debug/index.html b/www/debug/index.html
index e3f7eacc4..79a96c97b 100644
--- a/www/debug/index.html
+++ b/www/debug/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/drive/index.html b/www/drive/index.html
index e3f7eacc4..79a96c97b 100644
--- a/www/drive/index.html
+++ b/www/drive/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/file/index.html b/www/file/index.html
index c0e3f63e1..79a96c97b 100644
--- a/www/file/index.html
+++ b/www/file/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-share-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/filepicker/index.html b/www/filepicker/index.html
deleted file mode 100644
index 8be90cfb5..000000000
--- a/www/filepicker/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>CryptPad</title>
-    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="referrer" content="no-referrer" />
-    <script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-    </style>
-</head>
-<body>
-<iframe id="sbox-iframe">
\ No newline at end of file
diff --git a/www/kanban/index.html b/www/kanban/index.html
index e1f312ebd..f01d01e71 100644
--- a/www/kanban/index.html
+++ b/www/kanban/index.html
@@ -7,27 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="/common/sframe-app-outer.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html,
-        body {
-            margin: 0px;
-            padding: 0px;
-        }
-
-        #sbox-iframe {
-            position: fixed;
-            top: 0px;
-            left: 0px;
-            bottom: 0px;
-            right: 0px;
-            width: 100%;
-            height: 100%;
-            border: none;
-            margin: 0;
-            padding: 0;
-            overflow: hidden;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 
 <body>
diff --git a/www/oodoc/index.html b/www/oodoc/index.html
index a02db0cd2..1824377ee 100644
--- a/www/oodoc/index.html
+++ b/www/oodoc/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="/common/onlyoffice/main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/ooslide/index.html b/www/ooslide/index.html
index a02db0cd2..1824377ee 100644
--- a/www/ooslide/index.html
+++ b/www/ooslide/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="/common/onlyoffice/main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/pad/index.html b/www/pad/index.html
index 7ea06cdfc..dd4b97b3b 100644
--- a/www/pad/index.html
+++ b/www/pad/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="/common/sframe-app-outer.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/poll/index.html b/www/poll/index.html
index e3f7eacc4..79a96c97b 100644
--- a/www/poll/index.html
+++ b/www/poll/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/profile/index.html b/www/profile/index.html
index e3f7eacc4..79a96c97b 100644
--- a/www/profile/index.html
+++ b/www/profile/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/settings/index.html b/www/settings/index.html
index e3f7eacc4..79a96c97b 100644
--- a/www/settings/index.html
+++ b/www/settings/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/sheet/index.html b/www/sheet/index.html
index a02db0cd2..1824377ee 100644
--- a/www/sheet/index.html
+++ b/www/sheet/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="/common/onlyoffice/main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/slide/index.html b/www/slide/index.html
index 7ea06cdfc..dd4b97b3b 100644
--- a/www/slide/index.html
+++ b/www/slide/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="/common/sframe-app-outer.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/todo/index.html b/www/todo/index.html
index e3f7eacc4..79a96c97b 100644
--- a/www/todo/index.html
+++ b/www/todo/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
diff --git a/www/whiteboard/index.html b/www/whiteboard/index.html
index 7ea06cdfc..dd4b97b3b 100644
--- a/www/whiteboard/index.html
+++ b/www/whiteboard/index.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
     <script async data-bootload="/common/sframe-app-outer.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
-    <style>
-        html, body {
-            margin: 0px;
-            padding: 0px;
-        }
-        #sbox-iframe {
-            position:fixed;
-            top:0px;
-            left:0px;
-            bottom:0px;
-            right:0px;
-            width:100%;
-            height:100%;
-            border:none;
-            margin:0;
-            padding:0;
-            overflow:hidden;
-        }
-        #sbox-filePicker-iframe {
-            position: fixed;
-            top:0; left:0;
-            bottom:0; right:0;
-            width:100%;
-            height: 100%;
-            border: 0;
-        }
-    </style>
+    <link href="/customize/src/outer.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <iframe id="sbox-iframe">
