2 files changed, 61 insertions, 0 deletions
diff --git a/app/genealogy/style/LICENSE b/app/genealogy/style/LICENSE
new file mode 100644
index 0000000..6fd9ab3
--- /dev/null
+++ b/app/genealogy/style/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Remi-Leclercq-Blondel
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/app/genealogy/style/tree_maker.css b/app/genealogy/style/tree_maker.css
new file mode 100644
index 0000000..2067e8d
--- /dev/null
+++ b/app/genealogy/style/tree_maker.css
@@ -0,0 +1,40 @@
+.tree__container, #from_tree__container__step__card__first, .tree__container__branch {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+}
+
+.tree__container__step__card {
+    text-align: center;
+    margin: 20px;
+}
+
+.tree__container__step__card p {
+    padding: 10px;
+    box-shadow: 0 0 4px 1px rgba(121, 121, 121, 0.3);
+    border-radius: 4px;
+    text-align: center;
+    width: 150px;
+    display: inline-block;
+    margin: 0 !important;
+}
+
+#tree__svg-container {
+    z-index: -1;
+    position: absolute;
+}
+
+.tree__container__step {
+    flex: 1 1 0px;
+    width: auto;
+    padding: 0;
+}
+
+.tree__container__step__card__p {
+    cursor: pointer;
+    transition: transform .2s ease;
+}
+
+.tree__container__step__card__p:hover {
+    transform: translateX(3px);
+}