brooklyn-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From m4rkmcke...@apache.org
Subject [35/50] [abbrv] brooklyn-docs git commit: Move to less to handle CSS for both website and PDF
Date Wed, 25 Oct 2017 21:05:20 GMT
Move to less to handle CSS for both website and PDF


Project: http://git-wip-us.apache.org/repos/asf/brooklyn-docs/repo
Commit: http://git-wip-us.apache.org/repos/asf/brooklyn-docs/commit/13e54ed5
Tree: http://git-wip-us.apache.org/repos/asf/brooklyn-docs/tree/13e54ed5
Diff: http://git-wip-us.apache.org/repos/asf/brooklyn-docs/diff/13e54ed5

Branch: refs/heads/master
Commit: 13e54ed52bd3e6865571855cf69c2387a8a30729
Parents: cf2f7bc
Author: Thomas Bouron <thomas.bouron@cloudsoftcorp.com>
Authored: Thu Oct 12 09:57:10 2017 +0100
Committer: Thomas Bouron <thomas.bouron@cloudsoftcorp.com>
Committed: Mon Oct 16 14:56:04 2017 +0100

----------------------------------------------------------------------
 book.json                     |   7 +-
 guide/start/policies.md       | 138 ++++++++++-----------
 guide/styles/pdf.css          |  10 --
 guide/styles/pdf.less         |  18 +++
 guide/styles/policy-tour.less | 238 +++++++++++++++++++++++++++++++++++++
 guide/styles/variables.less   |   4 +
 guide/styles/website.css      | 221 ----------------------------------
 guide/styles/website.less     |  57 +++++++++
 package-lock.json             | 138 +++++++++++++++++++++
 package.json                  |   1 +
 10 files changed, 531 insertions(+), 301 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/brooklyn-docs/blob/13e54ed5/book.json
----------------------------------------------------------------------
diff --git a/book.json b/book.json
index a515dd7..7a98e03 100644
--- a/book.json
+++ b/book.json
@@ -5,8 +5,13 @@
     "include-highlight",
     "theme-api",
     "collapsible-chapters",
-    "bootstrap-callout"
+    "bootstrap-callout",
+    "styles-less"
   ],
+  "styles": {
+    "website": "./styles/website.less",
+    "pdf": "./styles/pdf.less"
+  },
   "pluginsConfig": {
     "include-highlight": {
       "extensionToLanguage": {

http://git-wip-us.apache.org/repos/asf/brooklyn-docs/blob/13e54ed5/guide/start/policies.md
----------------------------------------------------------------------
diff --git a/guide/start/policies.md b/guide/start/policies.md
index 2f2718a..a82f2e6 100644
--- a/guide/start/policies.md
+++ b/guide/start/policies.md
@@ -17,72 +17,9 @@ review and/or change the the location where the application will be deployed.
 You will need four machines for this example: one for the load-balancer (nginx), and three
for the 
 Tomcat cluster (but you can reduce this by changing the `maxPoolSize` below).
 
-<div class="usermanual-pdf-include started-pdf-include" style="display: none;">
-```yaml
-name: Tomcat Cluster
-
-location:
-  byon:
-    user: vagrant
-    password: vagrant
-    hosts:
-      - 10.10.10.101
-      - 10.10.10.102
-      - 10.10.10.103
-      - 10.10.10.104
- 
-services:
-- type: org.apache.brooklyn.entity.group.DynamicCluster
-  name: Cluster
-  id: cluster
-  brooklyn.config:
-    cluster.initial.size: 1
-    dynamiccluster.memberspec:
-      $brooklyn:entitySpec:
-        type: org.apache.brooklyn.entity.webapp.tomcat.TomcatServer
-        name: Tomcat Server
-        brooklyn.config:
-          wars.root: http://search.maven.org/remotecontent?filepath=org/apache/brooklyn/example/brooklyn-example-hello-world-webapp/0.8.0-incubating/brooklyn-example-hello-world-webapp-0.8.0-incubating.war
- 
-        brooklyn.policies:
-        - type: org.apache.brooklyn.policy.ha.ServiceRestarter
-          brooklyn.config:
-            failOnRecurringFailuresInThisDuration: 5m
-        brooklyn.enrichers:
-        - type: org.apache.brooklyn.policy.ha.ServiceFailureDetector
-          brooklyn.config:
-            entityFailed.stabilizationDelay: 30s
- 
-  brooklyn.policies:
-  - type: org.apache.brooklyn.policy.ha.ServiceReplacer
- 
-  - type: org.apache.brooklyn.policy.autoscaling.AutoScalerPolicy
-    brooklyn.config:
-      metric: webapp.reqs.perSec.perNode
-      metricUpperBound: 3
-      metricLowerBound: 1
-      resizeUpStabilizationDelay: 2s
-      resizeDownStabilizationDelay: 1m
-      maxPoolSize: 3
-
-  brooklyn.enrichers:
-  - type: org.apache.brooklyn.enricher.stock.Aggregator
-    brooklyn.config:
-      enricher.sourceSensor: $brooklyn:sensor("webapp.reqs.perSec.windowed")
-      enricher.targetSensor: $brooklyn:sensor("webapp.reqs.perSec.perNode")
-      enricher.aggregating.fromMembers: true
-      transformation: average
-
-- type: org.apache.brooklyn.entity.proxy.nginx.NginxController
-  name: Load Balancer (nginx)
-  brooklyn.config:
-    loadbalancer.serverpool: $brooklyn:entity("cluster")
-    nginx.sticky: false
-```
-</div>
-
-<!-- WARNING: if modifying either mycluster.yaml or the yaml below, be sure to keep them
both in-sync -->
+{% if output.name == 'website' %}
 
+{% raw %}
 <div class="jumobotron annotated_blueprint" markdown="1">
   <div class="code_scroller">
     <div class="initial_notice"><div><div>
@@ -247,10 +184,7 @@ services:
   brooklyn.config:
     loadbalancer.serverpool: $brooklyn:entity("cluster")
     nginx.sticky: false
-</div></div>
-
-  </div></div>
-</div>
+</div></div></div></div></div>
 
 <script language="JavaScript" type="application/javascript">
 
@@ -272,8 +206,74 @@ if (window.$ != null) {
 	});
 	}
 </script>
+{% endraw %}
+
+{% else %}
+
+```yaml
+name: Tomcat Cluster
+
+location:
+  byon:
+    user: vagrant
+    password: vagrant
+    hosts:
+      - 10.10.10.101
+      - 10.10.10.102
+      - 10.10.10.103
+      - 10.10.10.104
+ 
+services:
+- type: org.apache.brooklyn.entity.group.DynamicCluster
+  name: Cluster
+  id: cluster
+  brooklyn.config:
+    cluster.initial.size: 1
+    dynamiccluster.memberspec:
+      $brooklyn:entitySpec:
+        type: org.apache.brooklyn.entity.webapp.tomcat.TomcatServer
+        name: Tomcat Server
+        brooklyn.config:
+          wars.root: http://search.maven.org/remotecontent?filepath=org/apache/brooklyn/example/brooklyn-example-hello-world-webapp/0.8.0-incubating/brooklyn-example-hello-world-webapp-0.8.0-incubating.war
+ 
+        brooklyn.policies:
+        - type: org.apache.brooklyn.policy.ha.ServiceRestarter
+          brooklyn.config:
+            failOnRecurringFailuresInThisDuration: 5m
+        brooklyn.enrichers:
+        - type: org.apache.brooklyn.policy.ha.ServiceFailureDetector
+          brooklyn.config:
+            entityFailed.stabilizationDelay: 30s
+ 
+  brooklyn.policies:
+  - type: org.apache.brooklyn.policy.ha.ServiceReplacer
+ 
+  - type: org.apache.brooklyn.policy.autoscaling.AutoScalerPolicy
+    brooklyn.config:
+      metric: webapp.reqs.perSec.perNode
+      metricUpperBound: 3
+      metricLowerBound: 1
+      resizeUpStabilizationDelay: 2s
+      resizeDownStabilizationDelay: 1m
+      maxPoolSize: 3
+
+  brooklyn.enrichers:
+  - type: org.apache.brooklyn.enricher.stock.Aggregator
+    brooklyn.config:
+      enricher.sourceSensor: $brooklyn:sensor("webapp.reqs.perSec.windowed")
+      enricher.targetSensor: $brooklyn:sensor("webapp.reqs.perSec.perNode")
+      enricher.aggregating.fromMembers: true
+      transformation: average
+
+- type: org.apache.brooklyn.entity.proxy.nginx.NginxController
+  name: Load Balancer (nginx)
+  brooklyn.config:
+    loadbalancer.serverpool: $brooklyn:entity("cluster")
+    nginx.sticky: false
 ```
 
+{% endif %}
+
 ## The Tomcat Cluster
 
 The `DynamicCluster` can dynamically increase or decrease the number of members. Resizing
the 

http://git-wip-us.apache.org/repos/asf/brooklyn-docs/blob/13e54ed5/guide/styles/pdf.css
----------------------------------------------------------------------
diff --git a/guide/styles/pdf.css b/guide/styles/pdf.css
deleted file mode 100644
index b52e163..0000000
--- a/guide/styles/pdf.css
+++ /dev/null
@@ -1,10 +0,0 @@
-body {
-    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    font-weight: 300;
-    font-size: 14pt;
-    color: black;
-}
-
-a, a:link, a:visited, a:hover {
-    color : #449d44;
-}

http://git-wip-us.apache.org/repos/asf/brooklyn-docs/blob/13e54ed5/guide/styles/pdf.less
----------------------------------------------------------------------
diff --git a/guide/styles/pdf.less b/guide/styles/pdf.less
new file mode 100644
index 0000000..280b763
--- /dev/null
+++ b/guide/styles/pdf.less
@@ -0,0 +1,18 @@
+@import "variables";
+@import "policy-tour";
+
+body {
+  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 300;
+  font-size: 14pt;
+  color: @text-color;
+}
+
+a, a:link, a:visited, a:hover {
+  color: @accent-color;
+}
+
+.markdown-section .glossary-term {
+  color: @text-color;
+  text-decoration: none;
+}

http://git-wip-us.apache.org/repos/asf/brooklyn-docs/blob/13e54ed5/guide/styles/policy-tour.less
----------------------------------------------------------------------
diff --git a/guide/styles/policy-tour.less b/guide/styles/policy-tour.less
new file mode 100644
index 0000000..97cb949
--- /dev/null
+++ b/guide/styles/policy-tour.less
@@ -0,0 +1,238 @@
+/* YAML EXPLAINED
+   ----------------------------------------------------------------------- */
+div.annotated_blueprint {
+  margin-top: 60px;
+}
+
+div.annotated_blueprint div.code_scroller {
+  background-color: #f5f5f5;
+  border: 0.4em solid #666;
+  border-left: 0;
+  border-right: 0;
+  border-radius: 3px;
+  width: 57%;
+  margin-right: 0px;
+  margin-left: auto;
+  background-color: #666;
+  color: #ddd;
+  overflow-x: scroll;
+}
+
+div.annotated_blueprint div.code_scroller div {
+  overflow-x: visible !important;
+  overflow-y: visible !important;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer {
+  width: auto;
+  height: 100%;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block {
+  display: -webkit-box;
+  /* OLD - iOS 6-, Safari 3.1-6 */
+  display: -moz-box;
+  /* OLD - Firefox 19- (buggy but mostly works) */
+  display: -ms-flexbox;
+  /* TWEENER - IE 10 */
+  display: -webkit-flex;
+  /* NEW - Chrome */
+  display: flex;
+  /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  -webkit-align-items: center;
+  align-items: center;
+  z-index: -10;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block > div:last-child {
+  font-family: Consolas, Lucida Console, Monaco, monospace;
+  white-space: pre;
+  word-wrap: normal;
+  overflow-y: scroll;
+  font-size: 80%;
+  /* override color and bg-color on 'code' from bootstrap, and a touch more padding on top
since font-size is smaller */
+  color: #393939;
+  background-color: #f5f5f5;
+  padding: 0.4em 0.8em;
+  overflow-x: scroll;
+  /* override border and line-height on 'pre' from bootstrap */
+  border: none;
+  border-radius: 2px;
+  line-height: 1.4;
+  font-size: 13px;
+  border: 0;
+  border-radius: 0;
+  padding: 0px 0.6em;
+  background-color: #666;
+  color: #ddd;
+  min-width: 100%;
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
{
+  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 {
+  position: absolute;
+  -webkit-transform: translateX(-100%) translateY(-50%);
+  -moz-transform: translateX(-100%) translateY(-50%);
+  -o-transform: translateX(-100%) translateY(-50%);
+  transform: translateX(-100%) translateY(-50%);
+  width: 41%;
+  display: -webkit-box;
+  /* OLD - iOS 6-, Safari 3.1-6 */
+  display: -moz-box;
+  /* OLD - Firefox 19- (buggy but mostly works) */
+  display: -ms-flexbox;
+  /* TWEENER - IE 10 */
+  display: -webkit-flex;
+  /* NEW - Chrome */
+  display: flex;
+  /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  -webkit-align-items: center;
+  align-items: center;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.annotations {
+  height: auto;
+  width: 100%;
+  padding: 8px 8px;
+  padding-bottom: 11px;
+  color: #393939;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.annotations div.short {
+  font-size: 125%;
+  text-align: right;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.annotations div.long {
+  display: none;
+  font-size: 85%;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.annotations div.long p {
+  margin: 8px 0 8px 0;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.annotations div.long p:first-child {
+  margin-top: 0;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.annotations div.long p:last-child {
+  margin-bottom: 0;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.connector {
+  height: 7px;
+  width: 48px;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover > div:last-child
{
+  background-color: #48a648;
+  color: #fafafa;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover {
+  z-index: 30 !important;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover div.annotations_wrapper1
{
+  z-index: 30 !important;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover div.annotations
{
+  background-color: #fafafa;
+  border: 4px solid #48a648;
+  border-radius: 8px;
+  text-align: center;
+  box-shadow: 2px 10px 20px #aaa;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover div.annotations
div.short {
+  font-size: 100% !important;
+  text-align: center !important;
+  color: #393939;
+  margin-bottom: 8px;
+  font-weight: normal;
+  z-index: 10;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover div.annotations
div.long {
+  display: inherit !important;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover div.connector {
+  border-style: solid;
+  width: 16px !important;
+  border-width: 5px 0px 5px 6px;
+  border-style: solid;
+  border-color: transparent transparent transparent #48a648;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block > div:last-child .ann_highlight
{
+  font-weight: bold;
+  color: #e8f0e0;
+}
+
+div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover > div:last-child
.ann_highlight {
+  color: #f8fff8;
+}
+
+div.annotated_blueprint div.code_viewer:hover div.annotations div.short {
+  color: #aaa;
+}
+
+div.annotated_blueprint div.code_scroller div.initial_notice {
+  display: none;
+  height: 0;
+  width: 0;
+  overflow-x: visible;
+  overflow-y: visible;
+}
+
+div.annotated_blueprint div.code_scroller div.initial_notice > div {
+  z-index: 10;
+  background-color: rgba(170, 170, 170, 0.9);
+  position: relative;
+  width: 0;
+  height: 0;
+  display: -webkit-box;
+  /* OLD - iOS 6-, Safari 3.1-6 */
+  display: -moz-box;
+  /* OLD - Firefox 19- (buggy but mostly works) */
+  display: -ms-flexbox;
+  /* TWEENER - IE 10 */
+  display: -webkit-flex;
+  /* NEW - Chrome */
+  display: flex;
+  /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  -webkit-align-items: top;
+  align-items: top;
+}
+
+div.annotated_blueprint div.code_scroller div.initial_notice > div > div {
+  padding-top: 24px;
+  font-size: 125%;
+  font-weight: bold;
+  text-align: center;
+  width: 100%;
+}
+
+div.annotated_blueprint div.code_scroller div.initial_notice > div > div .ann_light
{
+  padding-top: 12px;
+  font-weight: 300;
+}
+
+div.annotated_blueprint div.code_scroller div.initial_notice > div > div .ann_play
{
+  display: block;
+  padding-top: 24px;
+  padding-bottom: 24px;
+  font-size: 600%;
+}
+
+div.annotated_blueprint div.code_scroller:hover div.initial_notice {
+  display: none;
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/brooklyn-docs/blob/13e54ed5/guide/styles/variables.less
----------------------------------------------------------------------
diff --git a/guide/styles/variables.less b/guide/styles/variables.less
new file mode 100644
index 0000000..310dfce
--- /dev/null
+++ b/guide/styles/variables.less
@@ -0,0 +1,4 @@
+@text-color: #393939;
+@accent-color: #449d44;
+@border-color: rgba(0, 0, 0, .07);
+@background-color: rgba(235, 235, 235, 0.6);
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/brooklyn-docs/blob/13e54ed5/guide/styles/website.css
----------------------------------------------------------------------
diff --git a/guide/styles/website.css b/guide/styles/website.css
deleted file mode 100644
index 5ace297..0000000
--- a/guide/styles/website.css
+++ /dev/null
@@ -1,221 +0,0 @@
-body {
-    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    font-weight: 300;
-    font-size: 17px;
-    color: #393939;
-}
-
-.page-header {
-    background-color: #fafafa;
-    height: 50px;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-}
-
-.page-header .navbar-brand {
-    position: relative;
-    top: 11px;
-    left: 15px;
-}
-
-.book {
-    height: calc(100% - 50px);
-    top: 50px;
-}
-
-.book-header {
-    border-top: 1px solid rgba(0,0,0,.07);
-    top: 50px;
-}
-.book-header .btn.lang-switcher.active {
-    background-color: #449d44;
-}
-.book-summary ul.summary li.active>a,
-.markdown-section a {
-    color : #449d44;
-}
-.markdown-section .glossary-term {
-    color: #393939;
-    background: rgba(235, 235, 235, 0.6);
-    text-decoration: none;
-}
-
-/* YAML EXPLAINED
-   ----------------------------------------------------------------------- */
-div.annotated_blueprint {
-    margin-top: 60px; }
-div.annotated_blueprint div.code_scroller {
-    background-color: #f5f5f5;
-    border: 0.4em solid #666;
-    border-left: 0;
-    border-right: 0;
-    border-radius: 3px;
-    width: 57%;
-    margin-right: 0px;
-    margin-left: auto;
-    background-color: #666;
-    color: #ddd;
-    overflow-x: scroll; }
-div.annotated_blueprint div.code_scroller div {
-    overflow-x: visible !important;
-    overflow-y: visible !important; }
-div.annotated_blueprint div.code_scroller div.code_viewer {
-    width: auto;
-    height: 100%; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block {
-    display: -webkit-box;
-    /* OLD - iOS 6-, Safari 3.1-6 */
-    display: -moz-box;
-    /* OLD - Firefox 19- (buggy but mostly works) */
-    display: -ms-flexbox;
-    /* TWEENER - IE 10 */
-    display: -webkit-flex;
-    /* NEW - Chrome */
-    display: flex;
-    /* NEW, Spec - Opera 12.1, Firefox 20+ */
-    -webkit-align-items: center;
-    align-items: center;
-    z-index: -10; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block > div:last-child {
-    font-family: Consolas, Lucida Console, Monaco, monospace;
-    white-space: pre;
-    word-wrap: normal;
-    overflow-y: scroll;
-    font-size: 80%;
-    /* override color and bg-color on 'code' from bootstrap, and a touch more padding on
top since font-size is smaller */
-    color: #393939;
-    background-color: #f5f5f5;
-    padding: 0.4em 0.8em;
-    overflow-x: scroll;
-    /* override border and line-height on 'pre' from bootstrap */
-    border: none;
-    border-radius: 2px;
-    line-height: 1.4;
-    font-size: 13px;
-    border: 0;
-    border-radius: 0;
-    padding: 0px 0.6em;
-    background-color: #666;
-    color: #ddd;
-    min-width: 100%;
-    margin-top: 3px;
-    margin-bottom: 3px; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
{
-    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 {
-    position: absolute;
-    -webkit-transform: translateX(-100%) translateY(-50%);
-    -moz-transform: translateX(-100%) translateY(-50%);
-    -o-transform: translateX(-100%) translateY(-50%);
-    transform: translateX(-100%) translateY(-50%);
-    width: 41%;
-    display: -webkit-box;
-    /* OLD - iOS 6-, Safari 3.1-6 */
-    display: -moz-box;
-    /* OLD - Firefox 19- (buggy but mostly works) */
-    display: -ms-flexbox;
-    /* TWEENER - IE 10 */
-    display: -webkit-flex;
-    /* NEW - Chrome */
-    display: flex;
-    /* NEW, Spec - Opera 12.1, Firefox 20+ */
-    -webkit-align-items: center;
-    align-items: center; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.annotations {
-    height: auto;
-    width: 100%;
-    padding: 8px 8px;
-    padding-bottom: 11px;
-    color: #393939; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.annotations div.short {
-    font-size: 125%;
-    text-align: right; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.annotations div.long {
-    display: none;
-    font-size: 85%; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.annotations div.long p {
-    margin: 8px 0 8px 0; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.annotations div.long p:first-child {
-    margin-top: 0; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.annotations div.long p:last-child {
-    margin-bottom: 0; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block > div.annotations_wrapper1
div.annotations_wrapper2 div.connector {
-    height: 7px;
-    width: 48px; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover > div:last-child
{
-    background-color: #48a648;
-    color: #fafafa; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover {
-    z-index: 30 !important; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover div.annotations_wrapper1
{
-    z-index: 30 !important; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover div.annotations
{
-    background-color: #fafafa;
-    border: 4px solid #48a648;
-    border-radius: 8px;
-    text-align: center;
-    box-shadow: 2px 10px 20px #aaa; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover div.annotations
div.short {
-    font-size: 100% !important;
-    text-align: center !important;
-    color: #393939;
-    margin-bottom: 8px;
-    font-weight: normal;
-    z-index: 10; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover div.annotations
div.long {
-    display: inherit !important; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover div.connector {
-    border-style: solid;
-    width: 16px !important;
-    border-width: 5px 0px 5px 6px;
-    border-style: solid;
-    border-color: transparent transparent transparent #48a648; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block > div:last-child .ann_highlight
{
-    font-weight: bold;
-    color: #e8f0e0; }
-div.annotated_blueprint div.code_scroller div.code_viewer div.block:hover > div:last-child
.ann_highlight {
-    color: #f8fff8; }
-div.annotated_blueprint div.code_viewer:hover div.annotations div.short {
-    color: #aaa; }
-div.annotated_blueprint div.code_scroller div.initial_notice {
-    display: none;
-    height: 0;
-    width: 0;
-    overflow-x: visible;
-    overflow-y: visible; }
-div.annotated_blueprint div.code_scroller div.initial_notice > div {
-    z-index: 10;
-    background-color: rgba(170, 170, 170, 0.9);
-    position: relative;
-    width: 0;
-    height: 0;
-    display: -webkit-box;
-    /* OLD - iOS 6-, Safari 3.1-6 */
-    display: -moz-box;
-    /* OLD - Firefox 19- (buggy but mostly works) */
-    display: -ms-flexbox;
-    /* TWEENER - IE 10 */
-    display: -webkit-flex;
-    /* NEW - Chrome */
-    display: flex;
-    /* NEW, Spec - Opera 12.1, Firefox 20+ */
-    -webkit-align-items: top;
-    align-items: top; }
-div.annotated_blueprint div.code_scroller div.initial_notice > div > div {
-    padding-top: 24px;
-    font-size: 125%;
-    font-weight: bold;
-    text-align: center;
-    width: 100%; }
-div.annotated_blueprint div.code_scroller div.initial_notice > div > div .ann_light
{
-    padding-top: 12px;
-    font-weight: 300; }
-div.annotated_blueprint div.code_scroller div.initial_notice > div > div .ann_play
{
-    display: block;
-    padding-top: 24px;
-    padding-bottom: 24px;
-    font-size: 600%; }
-div.annotated_blueprint div.code_scroller:hover div.initial_notice {
-    display: none; }
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/brooklyn-docs/blob/13e54ed5/guide/styles/website.less
----------------------------------------------------------------------
diff --git a/guide/styles/website.less b/guide/styles/website.less
new file mode 100644
index 0000000..f777f00
--- /dev/null
+++ b/guide/styles/website.less
@@ -0,0 +1,57 @@
+@import "variables";
+@import "policy-tour";
+
+body {
+  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 300;
+  font-size: 17px;
+  color: @text-color;
+}
+
+.page-header {
+  background-color: #fafafa;
+  height: 50px;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+
+  .navbar-brand {
+    position: relative;
+    top: 11px;
+    left: 15px;
+  }
+}
+
+.book {
+  height: calc(~"100% - 50px");
+  top: 50px;
+}
+
+.book-header {
+  border-top: 1px solid @border-color;
+  top: 50px;
+
+  .btn.lang-switcher.active {
+    background-color: @accent-color;
+  }
+}
+
+.book-summary ul.summary li.active > a,
+.markdown-section a,
+#book-search-results .search-results .has-results .search-results-item a {
+  color: @accent-color;
+}
+
+.markdown-section {
+  .glossary-term {
+    color: @text-color;
+    background: @background-color;
+    text-decoration: none;
+  }
+
+  .annotated_blueprint .glossary-term {
+    color: inherit;
+    background: none;
+  }
+}

http://git-wip-us.apache.org/repos/asf/brooklyn-docs/blob/13e54ed5/package-lock.json
----------------------------------------------------------------------
diff --git a/package-lock.json b/package-lock.json
index 5214d9f..3eeb55b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -40,6 +40,20 @@
         "json-stable-stringify": "1.0.1"
       }
     },
+    "amdefine": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
+      "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
+      "dev": true,
+      "optional": true
+    },
+    "asap": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-1.0.0.tgz",
+      "integrity": "sha1-sqRdpf36ILBJb8N2jMJ8EvqRan0=",
+      "dev": true,
+      "optional": true
+    },
     "asn1": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz",
@@ -293,6 +307,16 @@
       "integrity": "sha1-blwtClYhtdra7O+AuQ7ftc13cvA=",
       "dev": true
     },
+    "errno": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.4.tgz",
+      "integrity": "sha1-uJbiOp5ei6M4cfyZar02NfyaHH0=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "prr": "0.0.0"
+      }
+    },
     "escodegen": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.9.0.tgz",
@@ -501,6 +525,25 @@
       "integrity": "sha1-bSW1p3aZD6mP39+jfeMx944PaxM=",
       "dev": true
     },
+    "gitbook-plugin-styles-less": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/gitbook-plugin-styles-less/-/gitbook-plugin-styles-less-1.0.0.tgz",
+      "integrity": "sha1-i/7mODwbEwwEH5WTjus8mXT2wsg=",
+      "dev": true,
+      "requires": {
+        "less": "2.5.3",
+        "lodash": "3.10.1",
+        "q": "1.5.0"
+      },
+      "dependencies": {
+        "lodash": {
+          "version": "3.10.1",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-3.10.1.tgz",
+          "integrity": "sha1-W/Rejkm6QYnhfUgnid/RW9FAt7Y=",
+          "dev": true
+        }
+      }
+    },
     "gitbook-plugin-theme-api": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/gitbook-plugin-theme-api/-/gitbook-plugin-theme-api-1.1.2.tgz",
@@ -598,6 +641,13 @@
         "sshpk": "1.13.1"
       }
     },
+    "image-size": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.3.5.tgz",
+      "integrity": "sha1-gyQOqy+1sAsEqrjHSwRx6cunrYw=",
+      "dev": true,
+      "optional": true
+    },
     "inherits": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.1.tgz",
@@ -715,6 +765,44 @@
         "verror": "1.10.0"
       }
     },
+    "less": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/less/-/less-2.5.3.tgz",
+      "integrity": "sha1-n/WG6KcDUV/Bjcmce8SY0vOtSEk=",
+      "dev": true,
+      "requires": {
+        "errno": "0.1.4",
+        "graceful-fs": "3.0.11",
+        "image-size": "0.3.5",
+        "mime": "1.4.1",
+        "mkdirp": "0.5.1",
+        "promise": "6.1.0",
+        "request": "2.83.0",
+        "source-map": "0.4.4"
+      },
+      "dependencies": {
+        "graceful-fs": {
+          "version": "3.0.11",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-3.0.11.tgz",
+          "integrity": "sha1-dhPHeKGv6mLyXGMKCG1/Osu92Bg=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "natives": "1.1.0"
+          }
+        },
+        "source-map": {
+          "version": "0.4.4",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+          "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
+        }
+      }
+    },
     "levn": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
@@ -732,6 +820,13 @@
       "integrity": "sha1-K9bcRqBA9Z5obJcu0h2T3FkFMlg=",
       "dev": true
     },
+    "mime": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz",
+      "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==",
+      "dev": true,
+      "optional": true
+    },
     "mime-db": {
       "version": "1.30.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.30.0.tgz",
@@ -753,6 +848,32 @@
       "integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=",
       "dev": true
     },
+    "mkdirp": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
+      "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "minimist": "0.0.8"
+      },
+      "dependencies": {
+        "minimist": {
+          "version": "0.0.8",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
+          "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
+    "natives": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/natives/-/natives-1.1.0.tgz",
+      "integrity": "sha1-6f+EFBimsux6SV6TmYT3jxY+bjE=",
+      "dev": true,
+      "optional": true
+    },
     "npm": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/npm/-/npm-5.1.0.tgz",
@@ -5434,6 +5555,23 @@
       "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
       "dev": true
     },
+    "promise": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-6.1.0.tgz",
+      "integrity": "sha1-LOcp9rlLRcJoka0GAsXJDgTG7vY=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "asap": "1.0.0"
+      }
+    },
+    "prr": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-0.0.0.tgz",
+      "integrity": "sha1-GoS4WQgyVQFBGFPQCB7j+obikmo=",
+      "dev": true,
+      "optional": true
+    },
     "punycode": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",

http://git-wip-us.apache.org/repos/asf/brooklyn-docs/blob/13e54ed5/package.json
----------------------------------------------------------------------
diff --git a/package.json b/package.json
index 35ea607..237787e 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "gitbook-plugin-bootstrap-callout": "^0.1.2",
     "gitbook-plugin-collapsible-chapters": "^0.1.8",
     "gitbook-plugin-include-highlight": "^0.2.1",
+    "gitbook-plugin-styles-less": "^1.0.0",
     "gitbook-plugin-theme-api": "^1.1.2"
   },
   "scripts": {


Mime
View raw message