Add vanilla webodf

3 files changed, 242 insertions, 300 deletions

diff --git a/css/3rdparty/webodf/editor.css b/css/3rdparty/webodf/editor.css
deleted file mode 100644
index 6f23a0c8..00000000
--- a/css/3rdparty/webodf/editor.css
+++ /dev/null
@@ -1,300 +0,0 @@
-body.claro, #mainContainer {
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    font-family: sans-serif;
-    font-size: 10pt;
-    padding: 0px;
-}
-
-#mainContainer {
-    background-color: gray;
-}
-
-#editor *:focus {
-    outline: none;
-}
-
-#editor {
-    border: none;
-    box-shadow: 0px 0px 14px #555;
-    overflow: hidden;
-    padding: 0px !important;
-    z-index: 4;
-}
-
-#toolbar {
-    overflow: hidden;
-    top: 0;
-    left: 0;
-    right: 0;
-    position: absolute;
-    z-index: 5;
-    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
-}
-
-#container {
-    text-align: center;
-    background-color: #ddd;
-    overflow: auto;
-    position: absolute;
-    top: 30px;
-    bottom: 0;
-    left: 0;
-    right: 0;
-}
-
-#canvas {
-    margin-top: 30px;
-    margin-left: 10px;
-    margin-right: 10px;
-    margin-bottom: 30px;
-
-    transform-origin: top center;
-    -webkit-transform-origin: top center;
-    -moz-transform-origin: top center;
-    -o-transform-origin: top center;
-    overflow: visible;
-}
-
-/* Add shadow to the sizer and not the canvas,
- * so that it will follow the smooth zooming
- * of the slider and not have to be updated
- * every time a gesture ends
- */
-#canvas > div {
-    box-shadow: 0px 0px 20px #aaa;
-    border: 1px solid #ccc;
-}
-
-#collaboration {
-    width: 20%;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-
-    box-shadow: 0 0 3px #888;
-
-    border: none;
-}
-
-#collaboration > .dojoxExpandoTitle {
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-    border: none;
-    background-color: rgb(243, 243, 243);
-}
-
-#collaboration > .dojoxExpandoWrapper {
-    width: 100%;
-    background-color: rgb(243, 243, 243);
-    border: 1px solid #769DC0;
-    border: none;
-
-}
-
-#members {
-    width: 70px;  
-    padding: 2px;
-    text-align: center;
-    background-color: gray;
-    border: none;
-}
-
-#inviteButton {
-    display: none;
-
-    color: white;
-    margin-top: 5px;
-    padding: 3px;
-    word-wrap: break-word;
-    text-align: center justify;
-    margin-left: auto;
-    margin-right: auto;
-    border-radius: 5px;
-    text-align: center;
-    background-color: black;
-    box-shadow: 0px 0px 5px rgb(90, 90, 90);
-    border: 1px solid black;
-    cursor: pointer;
-}
-#inviteButton:hover {
-    color: yellow;
-    box-shadow: 0px 0px 5px red;
-}
-#inviteButton:active {
-    box-shadow: 0px 0px 15px red;
-}
-
-#members > #nameInfo {
-    padding-top: 3px;
-    padding-bottom: 3px;
-    width: 100%;
-    background-color: #eef;
-}
-
-#memberList .memberListButton {
-    margin-top: 5px;
-    padding-top: 3px;
-    margin-left: auto;
-    margin-right: auto;
-    width: 68px;
-    border-radius: 5px;
-    text-align: center;
-    background-color: black;
-    box-shadow: 0px 0px 5px rgb(90, 90, 90);
-    border: 1px solid black;
-    cursor: pointer;
-}
-
-#memberList .memberListLabel {
-    color: white;
-    border-radius: 5px;
-    padding: 2px;
-    font-size: 8pt;
-    word-wrap: break-word;
-    text-align: center justify;
-}
-div.memberListLabel[fullname]:before {
-    content: attr(fullname) "";
-}
-
-#memberList img {
-    box-shadow: 0px 0px 5px rgb(90, 90, 90) inset;
-    background-color: rgb(200, 200, 200);
-    border-radius: 5px;
-    border: 2px solid;
-    height: 60px;
-    width: 60px;
-    display: block;
-    margin: auto;
-}
-
-#memberList img:hover {
-    opacity: 0.9;
-}
-
-.dijitDialog {
-    border: none !important;
-    box-shadow: 0 1px 50px rgba(0, 0, 0, 0.25) !important;
-    -moz-box-shadow: 0 1px 50px rgba(0, 0, 0, 0.25) !important;
-    -o-box-shadow: 0 1px 50px rgba(0, 0, 0, 0.25) !important;
-    -webkit-box-shadow: 0 1px 50px rgba(0, 0, 0, 0.25) !important;
-    -ms-box-shadow: 0 1px 50px rgba(0, 0, 0, 0.25) !important;
-}
-
-.dijitDialogTitle {
-    color: #333 !important;
-    font-size: 14pt !important;
-}
-
-.dijitDialogPaneContent {
-    border: none !important;
-    overflow: hidden !important;
-    height: 510px !important;
-    width: 450px !important;
-}
-
-.dijitDialogPaneContent h3 {
-    font-weight: normal;
-    color: #333;
-    font-size: 12pt;
-    padding: 0px;
-    width: 80%;
-    border-bottom: 1px solid #eee;
-}
-
-.dijitTabPaneWrapper {
-    border: none !important;
-}
-.dijitDialogTitleBar {
-    border: none !important;
-    background-color: #fff !important;
-}
-
-.dijitDialogPaneActionBar {
-    margin: 0 !important;
-}
-
-.dijitDialogUnderlay {
-    background: radial-gradient(center, transparent, #333) !important;
-    background: -webkit-radial-gradient(center, transparent , #333) !important;
-    background: -moz-radial-gradient(center, transparent , #333) !important;
-    background: -o-radial-gradient(center, transparent , #333) !important;
-    background: -ms-radial-gradient(center, transparent , #333) !important;
-}
-
-.labeledSelect > table {
-    margin-left: 10px;
-}
-
-.dijitSpinner {
-    width: 50px !important;
-}
-
-.dijitRadio {
-    margin-top: 3px !important;
-    margin-bottom: 3px !important;
-}
-
-.dijitCheckBox {
-    margin-top: 3px !important;
-    margin-bottom: 7px !important;
-}
-.dojoxColorPicker {
-    background-color: transparent !important;
-    border: none !important;
-}
-
-.dialogPreviewBox {
-    height: 100px;
-    width: 100%;
-    border: 1px solid gray;
-    background-color: white;
-    text-align: center;
-}
-
-cursor .handle {
-    margin-top: 5px;
-    padding-top: 3px;
-    margin-left: auto;
-    margin-right: auto;
-    width: 64px !important;
-    height: 68px !important;
-    border-radius: 5px;
-    text-align: center;
-    background-color: black !important;
-    box-shadow: 0px 0px 5px rgb(90, 90, 90);
-    border: 1px solid black;
-
-    top: -85px !important;
-    left: -34px !important;
-}
-
-cursor img {
-    box-shadow: 0px 0px 5px rgb(90, 90, 90) inset;
-    background-color: rgb(200, 200, 200);
-    border-radius: 5px;
-    border: 2px solid;
-    height: 60px !important;
-    width: 60px !important;
-    display: block;
-    margin: auto;
-}
-
-cursor .handle.active {
-    opacity: 0.8;
-}
-
-cursor .handle:after {
-    content: ' ';
-    position: absolute;
-    width: 0px;
-    height: 0px;
-    border-style: solid;
-    border-width: 8.7px 5px 0 5px;
-    border-color: black transparent transparent transparent;
-
-    top: 100%;
-    left: 43%;
-}
-
diff --git a/css/3rdparty/webodf/wodocollabpane.css b/css/3rdparty/webodf/wodocollabpane.css
new file mode 100644
index 00000000..13068bb5
--- /dev/null
+++ b/css/3rdparty/webodf/wodocollabpane.css
@@ -0,0 +1,72 @@
+/**
+ * Copyright (C) 2012-2014 KO GmbH <copyright@kogmbh.com>
+ *
+ * @licstart
+ * This file is part of WebODF.
+ *
+ * WebODF is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License (GNU AGPL)
+ * as published by the Free Software Foundation, either version 3 of
+ * the License, or (at your option) any later version.
+ *
+ * WebODF is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with WebODF.  If not, see <http://www.gnu.org/licenses/>.
+ * @licend
+ *
+ * @source: http://www.webodf.org/
+ * @source: https://github.com/kogmbh/WebODF/
+ */
+
+.webodfeditor-members {
+    width: 70px !important;
+    padding: 2px !important;
+    text-align: center !important;
+    background-color: gray !important;
+    border: none !important;
+}
+
+.webodfeditor-memberList .webodfeditor-memberListButton {
+    margin-top: 5px;
+    padding-top: 3px;
+    margin-left: auto;
+    margin-right: auto;
+    width: 68px;
+    border-radius: 5px;
+    text-align: center;
+    background-color: black;
+    box-shadow: 0px 0px 5px rgb(90, 90, 90);
+    border: 1px solid black;
+    cursor: pointer;
+}
+
+.webodfeditor-memberList .webodfeditor-memberListLabel {
+    color: white;
+    border-radius: 5px;
+    padding: 2px;
+    font-size: 8pt;
+    word-wrap: break-word;
+    text-align: center justify;
+}
+div.webodfeditor-memberListLabel[fullname]:before {
+    content: attr(fullname) "";
+}
+
+.webodfeditor-memberList img {
+    box-shadow: 0px 0px 5px rgb(90, 90, 90) inset;
+    background-color: rgb(200, 200, 200);
+    border-radius: 5px;
+    border: 2px solid;
+    height: 60px;
+    width: 60px;
+    display: block;
+    margin: auto;
+}
+
+.webodfeditor-memberList img:hover {
+    opacity: 0.9;
+}
diff --git a/css/3rdparty/webodf/wodotexteditor.css b/css/3rdparty/webodf/wodotexteditor.css
new file mode 100644
index 00000000..0c58b92a
--- /dev/null
+++ b/css/3rdparty/webodf/wodotexteditor.css
@@ -0,0 +1,170 @@
+/**
+ * Copyright (C) 2012-2014 KO GmbH <copyright@kogmbh.com>
+ *
+ * @licstart
+ * This file is part of WebODF.
+ *
+ * WebODF is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License (GNU AGPL)
+ * as published by the Free Software Foundation, either version 3 of
+ * the License, or (at your option) any later version.
+ *
+ * WebODF is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with WebODF.  If not, see <http://www.gnu.org/licenses/>.
+ * @licend
+ *
+ * @source: http://www.webodf.org/
+ * @source: https://github.com/kogmbh/WebODF/
+ */
+
+.webodfeditor-editor *:focus {
+    outline: none;
+}
+
+.webodfeditor-editor {
+    border: none;
+    box-shadow: 0px 0px 14px #555;
+    overflow: hidden;
+    padding: 0px !important;
+    z-index: 4;
+}
+
+.webodfeditor-canvascontainer {
+    text-align: center;
+    background-color: #ddd;
+    overflow: auto;
+    position: absolute;
+    top: 30px;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+.webodfeditor-canvas {
+    margin-top: 30px;
+    margin-left: 10px;
+    margin-right: 10px;
+    margin-bottom: 30px;
+
+    transform-origin: top center;
+    -webkit-transform-origin: top center;
+    -moz-transform-origin: top center;
+    -o-transform-origin: top center;
+
+    box-shadow: 0px 0px 20px #aaa;
+    border: 1px solid #ccc;
+
+    /*
+     * Hide the canvas overflow because otherwise the CSS-scaled 'sizer' child
+     * of the canvas will still advertise the original size in Firefox, causing
+     * strange scrollbar behavior.
+     */
+    overflow: hidden;
+}
+
+.webodfeditor-dijitWebODFIcon {
+   background-image: url("images/webodf.png");
+   background-repeat: no-repeat;
+   width: 16px;
+   height: 16px;
+   text-align: center;
+}
+
+.webodfeditor-dijitSaveAsIcon {
+   background-image: url("images/saveas.png");
+   background-repeat: no-repeat;
+   width: 18px;
+   height: 18px;
+   text-align: center;
+}
+
+/* Fix toolbar not adapting size to floating toolbar elements */
+.dijitToolbar:after {
+   content: ".";
+   visibility: hidden;
+   display: block;
+   height: 0;
+   clear: both;
+}
+
+.dijitDialog {
+    border: none !important;
+    box-shadow: 0 1px 50px rgba(0, 0, 0, 0.25) !important;
+    -moz-box-shadow: 0 1px 50px rgba(0, 0, 0, 0.25) !important;
+    -o-box-shadow: 0 1px 50px rgba(0, 0, 0, 0.25) !important;
+    -webkit-box-shadow: 0 1px 50px rgba(0, 0, 0, 0.25) !important;
+    -ms-box-shadow: 0 1px 50px rgba(0, 0, 0, 0.25) !important;
+}
+
+.dijitDialogTitle {
+    color: #333 !important;
+    font-size: 14pt !important;
+}
+
+.dijitDialogPaneContent {
+    border: none !important;
+}
+
+.dijitDialogPaneContent h3 {
+    font-weight: normal;
+    color: #333;
+    font-size: 12pt;
+    padding: 0px;
+    width: 80%;
+    border-bottom: 1px solid #eee;
+}
+
+.dijitTabPaneWrapper {
+    border: none !important;
+}
+.dijitDialogTitleBar {
+    border: none !important;
+    background-color: #fff !important;
+}
+
+.dijitDialogPaneActionBar {
+    margin: 0 !important;
+}
+
+.dijitDialogUnderlay {
+    background: radial-gradient(center, transparent, #333) !important;
+    background: -webkit-radial-gradient(center, transparent , #333) !important;
+    background: -moz-radial-gradient(center, transparent , #333) !important;
+    background: -o-radial-gradient(center, transparent , #333) !important;
+    background: -ms-radial-gradient(center, transparent , #333) !important;
+}
+
+.labeledSelect > table {
+    margin-left: 10px;
+}
+
+.dijitSpinner {
+    width: 50px !important;
+}
+
+.dijitRadio {
+    margin-top: 3px !important;
+    margin-bottom: 3px !important;
+}
+
+.dijitCheckBox {
+    margin-top: 3px !important;
+    margin-bottom: 7px !important;
+}
+.dojoxColorPicker {
+    background-color: transparent !important;
+    border: none !important;
+}
+
+.dialogPreviewBox {
+    height: 100px;
+    width: 100%;
+    border: 1px solid gray;
+    background-color: white;
+    text-align: center;
+}