upgrade

plugin/onlyoffice/resources/css/docsCloudBanner.css

@@ -0,0 +1,94 @@
+#onlyofficeDocsCloudBannerWrapper {
+    max-width: 596px;
+    min-height: 108px;
+    text-align: center;
+    background-image: url("/plugin/onlyoffice/resources/get-editors-background.svg");
+    background-repeat: no-repeat;
+    background-color: #FFFFFF;
+    border: 1px solid #EFEFEF;
+    border-radius: 3px;
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 10px;
+}
+
+#onlyofficeDocsCloudBannerPicWrapper {
+    height: 100%;
+    width: 20%;
+    padding: 10px 0 0 20px;
+}
+
+#onlyofficeDocsCloudBannerPic {
+    content: url("/plugin/onlyoffice/resources/get-editors-pic.svg");
+}
+
+#onlyofficeDocsCloudBannerContent {
+    height: 100%;
+    width: 80%;
+    color: #000000;
+    display: flex;
+    flex-direction: row;
+    margin: auto;
+}
+
+#onlyofficeDocsCloudBannerContentText {
+    width: 60%;
+    height: 100%;
+    color: #000;
+    font-size: 14px;
+    text-align: justify;
+    padding-left: 15px;
+}
+
+#onlyofficeDocsCloudBannerContentText h2 {
+    margin: 0;
+    color: #000000;
+}
+
+#onlyofficeDocsCloudBannerContentButtonWrapper {
+    width: 40%;
+    height: 100%;
+    margin: auto;
+}
+
+#onlyofficeDocsCloudBannerContentButton {
+    background-color: #EDEDED;
+    color: #000;
+    border: 1px solid #DBDBDB;
+}
+
+@media (max-width: 580px) {
+    #onlyofficeDocsCloudBannerPicWrapper {
+        padding: 20px 0 0 5px;
+        width: 30%;
+    }
+    #onlyofficeDocsCloudBannerContent {
+        flex-direction: column;
+        width: 70%;
+    }
+    #onlyofficeDocsCloudBannerContentText {
+        width: 100%;
+        padding-right: 5px;
+    }
+    #onlyofficeDocsCloudBannerContentButtonWrapper {
+        width: 100%;
+        padding: 15px 0 15px 15px;
+        text-align: left;
+    }
+    #onlyofficeDocsCloudBannerContent {
+        flex-direction: column;
+    }
+}
+
+@media (max-width: 335px) {
+    #onlyofficeDocsCloudBannerWrapper {
+        flex-direction: column;
+    }
+    #onlyofficeDocsCloudBannerPicWrapper {
+        width: 100%;
+        padding: unset;
+    }
+    #onlyofficeDocsCloudBannerContent {
+        width: 100%;
+    }
+}