From 7898d5bc31a7e4902222db8d770b3f4146646f54 Mon Sep 17 00:00:00 2001 From: Victor Dubiniuk Date: Wed, 10 Jun 2015 19:05:58 +0300 Subject: Add vanilla webodf --- css/3rdparty/webodf/editor.css | 300 --------------------------------- css/3rdparty/webodf/wodocollabpane.css | 72 ++++++++ css/3rdparty/webodf/wodotexteditor.css | 170 +++++++++++++++++++ 3 files changed, 242 insertions(+), 300 deletions(-) delete mode 100644 css/3rdparty/webodf/editor.css create mode 100644 css/3rdparty/webodf/wodocollabpane.css create mode 100644 css/3rdparty/webodf/wodotexteditor.css (limited to 'css') 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 + * + * @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 . + * @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 + * + * @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 . + * @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; +} -- cgit v1.2.3