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 <[email protected]> Authored: Thu Oct 12 09:57:10 2017 +0100 Committer: Thomas Bouron <[email protected]> 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": {
