From 531cc8adb18b56e37c0a2c77b53c26f06c794978 Mon Sep 17 00:00:00 2001 From: Nicky Nicolson Date: Thu, 23 May 2024 23:15:42 +0100 Subject: [PATCH] add phylotree styles --- styles.css | 98 ++++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 81 insertions(+), 17 deletions(-) diff --git a/styles.css b/styles.css index ba1c553..f31e23c 100644 --- a/styles.css +++ b/styles.css @@ -1,29 +1,93 @@ -.book-search-plugin__settings .search-input-container { - width: 100%; + +.tree-selection-brush .extent { + fill-opacity: .05; + stroke: #fff; + shape-rendering: crispEdges; +} + +.tree-scale-bar text { + font: sans-serif; +} + +.tree-scale-bar line, +.tree-scale-bar path { + fill: none; + stroke: #000; + shape-rendering: crispEdges; +} + +.node circle, .node ellipse, .node rect { +fill: steelblue; +stroke: black; +stroke-width: 0.5px; +} + +.internal-node circle, .internal-node ellipse, .internal-node rect{ +fill: #CCC; +stroke: black; +stroke-width: 0.5px; +} + +.node { +font: 10px sans-serif; +} + +.node-selected { +fill: #f00 !important; +} + +.node-collapsed circle, .node-collapsed ellipse, .node-collapsed rect{ +fill: black !important; +} + +.node-tagged { +fill: #00f; +} + +.branch { +fill: none; +stroke: #999; +stroke-width: 2px; } -.book-search-plugin__settings--new_file_name { - padding-bottom: 0; - margin-bottom: 0; +.clade { +fill: lightgrey; +stroke: #222; +stroke-width: 2px; +opacity: 0.5; } -.book-search-plugin__settings--new_file_name_hint { - margin-bottom: 20px; + +.branch-selected { +stroke: #f00 !important; +stroke-width: 3px; } -.book-search-plugin__settings--service_provider .dropdown { - text-transform: capitalize; + +.branch-tagged { +stroke: #00f; +stroke-dasharray: 10,5; +stroke-width: 2px; } -.book-search-plugin__hide { - display: none; +.branch-tracer { +stroke: #bbb; +stroke-dasharray: 3,4; +stroke-width: 1px; } -.book-search-plugin__show { - display: flex; + +.branch-multiple { +stroke-dasharray: 5, 5, 1, 5; +stroke-width: 3px; } -.book-search-plugin__search-modal--input { - padding-bottom: 18px; +.branch:hover { +stroke-width: 10px; } -.book-search-plugin__search-modal--input input { - width: 100%; + +.internal-node circle:hover, .internal-node ellipse:hover, .internal-node rect:hover { +fill: black; +stroke: #CCC; } + +.tree-widget { +} \ No newline at end of file