blueprint tour tidy remove "self-destruct" message, and use drop-shadow and triangle on hover annotations
Project: http://git-wip-us.apache.org/repos/asf/incubator-brooklyn/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-brooklyn/commit/a8a9f28b Tree: http://git-wip-us.apache.org/repos/asf/incubator-brooklyn/tree/a8a9f28b Diff: http://git-wip-us.apache.org/repos/asf/incubator-brooklyn/diff/a8a9f28b Branch: refs/heads/master Commit: a8a9f28b1a1495ea7d20956c98b91d803acd1ebd Parents: 310c414 Author: Alex Heneveld <[email protected]> Authored: Mon Jan 19 12:51:12 2015 +0000 Committer: Alex Heneveld <[email protected]> Committed: Mon Jan 19 22:57:24 2015 +0000 ---------------------------------------------------------------------- docs/style/css/_blueprint_tour.scss | 12 +++++++++--- docs/website/learnmore/blueprint-tour.md | 3 +-- 2 files changed, 10 insertions(+), 5 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-brooklyn/blob/a8a9f28b/docs/style/css/_blueprint_tour.scss ---------------------------------------------------------------------- diff --git a/docs/style/css/_blueprint_tour.scss b/docs/style/css/_blueprint_tour.scss index 203ca03..5fe50fe 100644 --- a/docs/style/css/_blueprint_tour.scss +++ b/docs/style/css/_blueprint_tour.scss @@ -66,6 +66,7 @@ div.annotated_blueprint { height: auto; width: 100%; padding: 8px 8px; + padding-bottom: 11px; color: $explained_text_highlight_fg_color; div.short { @@ -83,7 +84,7 @@ div.annotated_blueprint { } div.connector { height: 7px; - width: 24px; + width: 48px; } } } @@ -103,18 +104,23 @@ div.annotated_blueprint { border: 4px solid $explained_code_highlight_bg_color; border-radius: 8px; text-align: center; + box-shadow: 2px 10px 20px $gray_aa; div.short { font-size: 100% !important; text-align: center !important; color: $text_color; margin-bottom: 8px; - font-weight: bold; + font-weight: normal; z-index: 10; } div.long { display: inherit !important; } } div.connector { - background-color: $explained_code_highlight_bg_color; + border-style: solid; + width: 16px !important; + border-width: 5px 0px 5px 6px; + border-style: solid; + border-color: transparent transparent transparent $explained_code_highlight_bg_color; } } // highlighting of key code segments http://git-wip-us.apache.org/repos/asf/incubator-brooklyn/blob/a8a9f28b/docs/website/learnmore/blueprint-tour.md ---------------------------------------------------------------------- diff --git a/docs/website/learnmore/blueprint-tour.md b/docs/website/learnmore/blueprint-tour.md index c202d19..04ce5d2 100644 --- a/docs/website/learnmore/blueprint-tour.md +++ b/docs/website/learnmore/blueprint-tour.md @@ -4,12 +4,11 @@ title: A Quick Tour of a Brooklyn Blueprint title_in_menu: Blueprint Tour --- - <div class="jumobotron annotated_blueprint" markdown="1"> <div class="code_scroller"> <div class="initial_notice"><div><div> Hover over an element to learn more - <div class="ann_light">This message will self-destruct in <span id="countdown">3s</span></div> + <div class="ann_light">This message will go away in <span id="countdown">3s</span></div> <div class="ann_play fa fa-play-circle-o"></div> </div></div></div> <div class="code_viewer">
