ISIS-1330: updating docs
Project: http://git-wip-us.apache.org/repos/asf/isis-site/repo Commit: http://git-wip-us.apache.org/repos/asf/isis-site/commit/622bc741 Tree: http://git-wip-us.apache.org/repos/asf/isis-site/tree/622bc741 Diff: http://git-wip-us.apache.org/repos/asf/isis-site/diff/622bc741 Branch: refs/heads/asf-site Commit: 622bc741e66e1825d9b9960d9b807dd0b4eabde8 Parents: c9e5343 Author: Dan Haywood <d...@haywood-associates.co.uk> Authored: Thu Mar 17 13:02:58 2016 +0000 Committer: Dan Haywood <d...@haywood-associates.co.uk> Committed: Thu Mar 17 13:02:58 2016 +0000 ---------------------------------------------------------------------- .../css/jquery.tocify/1.9.0/jquery.tocify.css | 122 +- content/css/slick/1.5.0/config.rb | 18 +- content/css/slick/1.5.0/fonts/slick.svg | 28 +- content/css/slick/1.5.0/slick-theme.css | 402 +- content/css/slick/1.5.0/slick-theme.scss | 372 +- content/css/slick/1.5.0/slick.css | 230 +- content/css/slick/1.5.0/slick.scss | 190 +- content/guides/ugvw.html | 189 +- content/js/jquery.tocify/1.9.0/jquery.tocify.js | 1974 ++++---- content/js/jqueryui/1.11.4/jquery-ui.min.js | 24 +- content/js/slick/1.5.0/slick.js | 4610 +++++++++--------- content/js/slick/1.5.0/slick.min.js | 38 +- .../release-process/verify-isis-release.sh | 104 +- content/resources/templates/isis-templates.xml | 928 ++-- 14 files changed, 4705 insertions(+), 4524 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/isis-site/blob/622bc741/content/css/jquery.tocify/1.9.0/jquery.tocify.css ---------------------------------------------------------------------- diff --git a/content/css/jquery.tocify/1.9.0/jquery.tocify.css b/content/css/jquery.tocify/1.9.0/jquery.tocify.css index 9c9ffdc..6053435 100644 --- a/content/css/jquery.tocify/1.9.0/jquery.tocify.css +++ b/content/css/jquery.tocify/1.9.0/jquery.tocify.css @@ -1,62 +1,62 @@ -/* - * jquery.tocify.css 1.9.0 - * Author: @gregfranko - */ - -/* The Table of Contents container element */ -.tocify { - width: 20%; - max-height: 90%; - overflow: auto; - margin-left: 2%; - position: fixed; - border: 1px solid #ccc; - webkit-border-radius: 6px; - moz-border-radius: 6px; - border-radius: 6px; -} - -/* The Table of Contents is composed of multiple nested unordered lists. These styles remove the default styling of an unordered list because it is ugly. */ -.tocify ul, .tocify li { - list-style: none; - margin: 0; - padding: 0; - border: none; - line-height: 30px; -} - -/* Top level header elements */ -.tocify-header { - text-indent: 10px; -} - -/* Top level subheader elements. These are the first nested items underneath a header element. */ -.tocify-subheader { - text-indent: 20px; - display: none; -} - -/* Makes the font smaller for all subheader elements. */ -.tocify-subheader li { - font-size: 12px; -} - -/* Further indents second level subheader elements. */ -.tocify-subheader .tocify-subheader { - text-indent: 30px; -} - -/* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */ -.tocify-subheader .tocify-subheader .tocify-subheader { - text-indent: 40px; -} - -/* Twitter Bootstrap Override Style */ -.nav-list > li > a, .nav-list .nav-header { - margin: 0px; -} - -/* Twitter Bootstrap Override Style */ -.nav-list > li > a { - padding: 5px; +/* + * jquery.tocify.css 1.9.0 + * Author: @gregfranko + */ + +/* The Table of Contents container element */ +.tocify { + width: 20%; + max-height: 90%; + overflow: auto; + margin-left: 2%; + position: fixed; + border: 1px solid #ccc; + webkit-border-radius: 6px; + moz-border-radius: 6px; + border-radius: 6px; +} + +/* The Table of Contents is composed of multiple nested unordered lists. These styles remove the default styling of an unordered list because it is ugly. */ +.tocify ul, .tocify li { + list-style: none; + margin: 0; + padding: 0; + border: none; + line-height: 30px; +} + +/* Top level header elements */ +.tocify-header { + text-indent: 10px; +} + +/* Top level subheader elements. These are the first nested items underneath a header element. */ +.tocify-subheader { + text-indent: 20px; + display: none; +} + +/* Makes the font smaller for all subheader elements. */ +.tocify-subheader li { + font-size: 12px; +} + +/* Further indents second level subheader elements. */ +.tocify-subheader .tocify-subheader { + text-indent: 30px; +} + +/* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */ +.tocify-subheader .tocify-subheader .tocify-subheader { + text-indent: 40px; +} + +/* Twitter Bootstrap Override Style */ +.nav-list > li > a, .nav-list .nav-header { + margin: 0px; +} + +/* Twitter Bootstrap Override Style */ +.nav-list > li > a { + padding: 5px; } \ No newline at end of file http://git-wip-us.apache.org/repos/asf/isis-site/blob/622bc741/content/css/slick/1.5.0/config.rb ---------------------------------------------------------------------- diff --git a/content/css/slick/1.5.0/config.rb b/content/css/slick/1.5.0/config.rb index 81f5ae3..d9504b1 100644 --- a/content/css/slick/1.5.0/config.rb +++ b/content/css/slick/1.5.0/config.rb @@ -1,10 +1,10 @@ -css_dir = "." -sass_dir = "." -images_dir = "." -fonts_dir = "fonts" -relative_assets = true - -output_style = :compact -line_comments = false - +css_dir = "." +sass_dir = "." +images_dir = "." +fonts_dir = "fonts" +relative_assets = true + +output_style = :compact +line_comments = false + preferred_syntax = :scss \ No newline at end of file http://git-wip-us.apache.org/repos/asf/isis-site/blob/622bc741/content/css/slick/1.5.0/fonts/slick.svg ---------------------------------------------------------------------- diff --git a/content/css/slick/1.5.0/fonts/slick.svg b/content/css/slick/1.5.0/fonts/slick.svg index b36a66a..60fbaf1 100644 --- a/content/css/slick/1.5.0/fonts/slick.svg +++ b/content/css/slick/1.5.0/fonts/slick.svg @@ -1,14 +1,14 @@ -<?xml version="1.0" standalone="no"?> -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> -<svg xmlns="http://www.w3.org/2000/svg"> -<metadata>Generated by Fontastic.me</metadata> -<defs> -<font id="slick" horiz-adv-x="512"> -<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/> -<missing-glyph horiz-adv-x="512" /> - -<glyph unicode="→" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/> -<glyph unicode="←" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/> -<glyph unicode="•" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/> -<glyph unicode="a" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/> -</font></defs></svg> +<?xml version="1.0" standalone="no"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg xmlns="http://www.w3.org/2000/svg"> +<metadata>Generated by Fontastic.me</metadata> +<defs> +<font id="slick" horiz-adv-x="512"> +<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/> +<missing-glyph horiz-adv-x="512" /> + +<glyph unicode="→" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/> +<glyph unicode="←" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/> +<glyph unicode="•" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/> +<glyph unicode="a" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/> +</font></defs></svg> http://git-wip-us.apache.org/repos/asf/isis-site/blob/622bc741/content/css/slick/1.5.0/slick-theme.css ---------------------------------------------------------------------- diff --git a/content/css/slick/1.5.0/slick-theme.css b/content/css/slick/1.5.0/slick-theme.css index a53cd69..22e3498 100644 --- a/content/css/slick/1.5.0/slick-theme.css +++ b/content/css/slick/1.5.0/slick-theme.css @@ -1,201 +1,201 @@ -@charset 'UTF-8'; -/* Slider */ -.slick-loading .slick-list -{ - background: #fff url('./ajax-loader.gif') center center no-repeat; -} - -/* Icons */ -@font-face -{ - font-family: 'slick'; - font-weight: normal; - font-style: normal; - - src: url('./fonts/slick.eot'); - src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); -} -/* Arrows */ -.slick-prev, -.slick-next -{ - font-size: 0; - line-height: 0; - - position: absolute; - top: 50%; - - display: block; - - width: 20px; - height: 20px; - margin-top: -10px; - padding: 0; - - cursor: pointer; - - color: transparent; - border: none; - outline: none; - background: transparent; -} -.slick-prev:hover, -.slick-prev:focus, -.slick-next:hover, -.slick-next:focus -{ - color: transparent; - outline: none; - background: transparent; -} -.slick-prev:hover:before, -.slick-prev:focus:before, -.slick-next:hover:before, -.slick-next:focus:before -{ - opacity: 1; -} -.slick-prev.slick-disabled:before, -.slick-next.slick-disabled:before -{ - opacity: .25; -} - -.slick-prev:before, -.slick-next:before -{ - font-family: 'slick'; - font-size: 20px; - line-height: 1; - - opacity: .75; - color: white; - - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.slick-prev -{ - left: -25px; -} -[dir='rtl'] .slick-prev -{ - right: -25px; - left: auto; -} -.slick-prev:before -{ - content: 'â'; -} -[dir='rtl'] .slick-prev:before -{ - content: 'â'; -} - -.slick-next -{ - right: -25px; -} -[dir='rtl'] .slick-next -{ - right: auto; - left: -25px; -} -.slick-next:before -{ - content: 'â'; -} -[dir='rtl'] .slick-next:before -{ - content: 'â'; -} - -/* Dots */ -.slick-slider -{ - margin-bottom: 30px; -} - -.slick-dots -{ - position: absolute; - bottom: -45px; - - display: block; - - width: 100%; - padding: 0; - - list-style: none; - - text-align: center; -} -.slick-dots li -{ - position: relative; - - display: inline-block; - - width: 20px; - height: 20px; - margin: 0 5px; - padding: 0; - - cursor: pointer; -} -.slick-dots li button -{ - font-size: 0; - line-height: 0; - - display: block; - - width: 20px; - height: 20px; - padding: 5px; - - cursor: pointer; - - color: transparent; - border: 0; - outline: none; - background: transparent; -} -.slick-dots li button:hover, -.slick-dots li button:focus -{ - outline: none; -} -.slick-dots li button:hover:before, -.slick-dots li button:focus:before -{ - opacity: 1; -} -.slick-dots li button:before -{ - font-family: 'slick'; - font-size: 6px; - line-height: 20px; - - position: absolute; - top: 0; - left: 0; - - width: 20px; - height: 20px; - - content: 'â¢'; - text-align: center; - - opacity: .25; - color: black; - - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.slick-dots li.slick-active button:before -{ - opacity: .75; - color: black; -} +@charset 'UTF-8'; +/* Slider */ +.slick-loading .slick-list +{ + background: #fff url('./ajax-loader.gif') center center no-repeat; +} + +/* Icons */ +@font-face +{ + font-family: 'slick'; + font-weight: normal; + font-style: normal; + + src: url('./fonts/slick.eot'); + src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); +} +/* Arrows */ +.slick-prev, +.slick-next +{ + font-size: 0; + line-height: 0; + + position: absolute; + top: 50%; + + display: block; + + width: 20px; + height: 20px; + margin-top: -10px; + padding: 0; + + cursor: pointer; + + color: transparent; + border: none; + outline: none; + background: transparent; +} +.slick-prev:hover, +.slick-prev:focus, +.slick-next:hover, +.slick-next:focus +{ + color: transparent; + outline: none; + background: transparent; +} +.slick-prev:hover:before, +.slick-prev:focus:before, +.slick-next:hover:before, +.slick-next:focus:before +{ + opacity: 1; +} +.slick-prev.slick-disabled:before, +.slick-next.slick-disabled:before +{ + opacity: .25; +} + +.slick-prev:before, +.slick-next:before +{ + font-family: 'slick'; + font-size: 20px; + line-height: 1; + + opacity: .75; + color: white; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.slick-prev +{ + left: -25px; +} +[dir='rtl'] .slick-prev +{ + right: -25px; + left: auto; +} +.slick-prev:before +{ + content: 'â'; +} +[dir='rtl'] .slick-prev:before +{ + content: 'â'; +} + +.slick-next +{ + right: -25px; +} +[dir='rtl'] .slick-next +{ + right: auto; + left: -25px; +} +.slick-next:before +{ + content: 'â'; +} +[dir='rtl'] .slick-next:before +{ + content: 'â'; +} + +/* Dots */ +.slick-slider +{ + margin-bottom: 30px; +} + +.slick-dots +{ + position: absolute; + bottom: -45px; + + display: block; + + width: 100%; + padding: 0; + + list-style: none; + + text-align: center; +} +.slick-dots li +{ + position: relative; + + display: inline-block; + + width: 20px; + height: 20px; + margin: 0 5px; + padding: 0; + + cursor: pointer; +} +.slick-dots li button +{ + font-size: 0; + line-height: 0; + + display: block; + + width: 20px; + height: 20px; + padding: 5px; + + cursor: pointer; + + color: transparent; + border: 0; + outline: none; + background: transparent; +} +.slick-dots li button:hover, +.slick-dots li button:focus +{ + outline: none; +} +.slick-dots li button:hover:before, +.slick-dots li button:focus:before +{ + opacity: 1; +} +.slick-dots li button:before +{ + font-family: 'slick'; + font-size: 6px; + line-height: 20px; + + position: absolute; + top: 0; + left: 0; + + width: 20px; + height: 20px; + + content: 'â¢'; + text-align: center; + + opacity: .25; + color: black; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.slick-dots li.slick-active button:before +{ + opacity: .75; + color: black; +} http://git-wip-us.apache.org/repos/asf/isis-site/blob/622bc741/content/css/slick/1.5.0/slick-theme.scss ---------------------------------------------------------------------- diff --git a/content/css/slick/1.5.0/slick-theme.scss b/content/css/slick/1.5.0/slick-theme.scss index e00802b..880a7cb 100644 --- a/content/css/slick/1.5.0/slick-theme.scss +++ b/content/css/slick/1.5.0/slick-theme.scss @@ -1,187 +1,187 @@ -@charset "UTF-8"; - -// Default Variables - -$slick-font-path: "./fonts/" !default; -$slick-font-family: "slick" !default; -$slick-loader-path: "./" !default; -$slick-arrow-color: white !default; -$slick-dot-color: black !default; -$slick-dot-color-active: $slick-dot-color !default; -$slick-prev-character: "â" !default; -$slick-next-character: "â" !default; -$slick-dot-character: "â¢" !default; -$slick-dot-size: 6px !default; -$slick-opacity-default: 0.75 !default; -$slick-opacity-on-hover: 1 !default; -$slick-opacity-not-active: 0.25 !default; - -@function slick-image-url($url) { - @if function-exists(image-url) { - @return image-url($url); - } - @else { - @return url($slick-loader-path + $url); - } -} - -@function slick-font-url($url) { - @if function-exists(font-url) { - @return font-url($url); - } - @else { - @return url($slick-font-path + $url); - } -} - -/* Slider */ - -.slick-list { - .slick-loading & { - background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; - } -} - -/* Icons */ -@if $slick-font-family == "slick" { - @font-face { - font-family: "slick"; - src: slick-font-url("slick.eot"); - src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); - font-weight: normal; - font-style: normal; - } -} - -/* Arrows */ - -.slick-prev, -.slick-next { - position: absolute; - display: block; - height: 20px; - width: 20px; - line-height: 0px; - font-size: 0px; - cursor: pointer; - background: transparent; - color: transparent; - top: 50%; - margin-top: -10px; - padding: 0; - border: none; - outline: none; - &:hover, &:focus { - outline: none; - background: transparent; - color: transparent; - &:before { - opacity: $slick-opacity-on-hover; - } - } - &.slick-disabled:before { - opacity: $slick-opacity-not-active; - } -} - -.slick-prev:before, .slick-next:before { - font-family: $slick-font-family; - font-size: 20px; - line-height: 1; - color: $slick-arrow-color; - opacity: $slick-opacity-default; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.slick-prev { - left: -25px; - [dir="rtl"] & { - left: auto; - right: -25px; - } - &:before { - content: $slick-prev-character; - [dir="rtl"] & { - content: $slick-next-character; - } - } -} - -.slick-next { - right: -25px; - [dir="rtl"] & { - left: -25px; - right: auto; - } - &:before { - content: $slick-next-character; - [dir="rtl"] & { - content: $slick-prev-character; - } - } -} - -/* Dots */ - -.slick-slider { - margin-bottom: 30px; -} - -.slick-dots { - position: absolute; - bottom: -45px; - list-style: none; - display: block; - text-align: center; - padding: 0; - width: 100%; - li { - position: relative; - display: inline-block; - height: 20px; - width: 20px; - margin: 0 5px; - padding: 0; - cursor: pointer; - button { - border: 0; - background: transparent; - display: block; - height: 20px; - width: 20px; - outline: none; - line-height: 0px; - font-size: 0px; - color: transparent; - padding: 5px; - cursor: pointer; - &:hover, &:focus { - outline: none; - &:before { - opacity: $slick-opacity-on-hover; - } - } - &:before { - position: absolute; - top: 0; - left: 0; - content: $slick-dot-character; - width: 20px; - height: 20px; - font-family: $slick-font-family; - font-size: $slick-dot-size; - line-height: 20px; - text-align: center; - color: $slick-dot-color; - opacity: $slick-opacity-not-active; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - } - &.slick-active button:before { - color: $slick-dot-color-active; - opacity: $slick-opacity-default; - } - } +@charset "UTF-8"; + +// Default Variables + +$slick-font-path: "./fonts/" !default; +$slick-font-family: "slick" !default; +$slick-loader-path: "./" !default; +$slick-arrow-color: white !default; +$slick-dot-color: black !default; +$slick-dot-color-active: $slick-dot-color !default; +$slick-prev-character: "â" !default; +$slick-next-character: "â" !default; +$slick-dot-character: "â¢" !default; +$slick-dot-size: 6px !default; +$slick-opacity-default: 0.75 !default; +$slick-opacity-on-hover: 1 !default; +$slick-opacity-not-active: 0.25 !default; + +@function slick-image-url($url) { + @if function-exists(image-url) { + @return image-url($url); + } + @else { + @return url($slick-loader-path + $url); + } +} + +@function slick-font-url($url) { + @if function-exists(font-url) { + @return font-url($url); + } + @else { + @return url($slick-font-path + $url); + } +} + +/* Slider */ + +.slick-list { + .slick-loading & { + background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; + } +} + +/* Icons */ +@if $slick-font-family == "slick" { + @font-face { + font-family: "slick"; + src: slick-font-url("slick.eot"); + src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); + font-weight: normal; + font-style: normal; + } +} + +/* Arrows */ + +.slick-prev, +.slick-next { + position: absolute; + display: block; + height: 20px; + width: 20px; + line-height: 0px; + font-size: 0px; + cursor: pointer; + background: transparent; + color: transparent; + top: 50%; + margin-top: -10px; + padding: 0; + border: none; + outline: none; + &:hover, &:focus { + outline: none; + background: transparent; + color: transparent; + &:before { + opacity: $slick-opacity-on-hover; + } + } + &.slick-disabled:before { + opacity: $slick-opacity-not-active; + } +} + +.slick-prev:before, .slick-next:before { + font-family: $slick-font-family; + font-size: 20px; + line-height: 1; + color: $slick-arrow-color; + opacity: $slick-opacity-default; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.slick-prev { + left: -25px; + [dir="rtl"] & { + left: auto; + right: -25px; + } + &:before { + content: $slick-prev-character; + [dir="rtl"] & { + content: $slick-next-character; + } + } +} + +.slick-next { + right: -25px; + [dir="rtl"] & { + left: -25px; + right: auto; + } + &:before { + content: $slick-next-character; + [dir="rtl"] & { + content: $slick-prev-character; + } + } +} + +/* Dots */ + +.slick-slider { + margin-bottom: 30px; +} + +.slick-dots { + position: absolute; + bottom: -45px; + list-style: none; + display: block; + text-align: center; + padding: 0; + width: 100%; + li { + position: relative; + display: inline-block; + height: 20px; + width: 20px; + margin: 0 5px; + padding: 0; + cursor: pointer; + button { + border: 0; + background: transparent; + display: block; + height: 20px; + width: 20px; + outline: none; + line-height: 0px; + font-size: 0px; + color: transparent; + padding: 5px; + cursor: pointer; + &:hover, &:focus { + outline: none; + &:before { + opacity: $slick-opacity-on-hover; + } + } + &:before { + position: absolute; + top: 0; + left: 0; + content: $slick-dot-character; + width: 20px; + height: 20px; + font-family: $slick-font-family; + font-size: $slick-dot-size; + line-height: 20px; + text-align: center; + color: $slick-dot-color; + opacity: $slick-opacity-not-active; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + } + &.slick-active button:before { + color: $slick-dot-color-active; + opacity: $slick-opacity-default; + } + } } \ No newline at end of file http://git-wip-us.apache.org/repos/asf/isis-site/blob/622bc741/content/css/slick/1.5.0/slick.css ---------------------------------------------------------------------- diff --git a/content/css/slick/1.5.0/slick.css b/content/css/slick/1.5.0/slick.css index 59119f4..f597056 100644 --- a/content/css/slick/1.5.0/slick.css +++ b/content/css/slick/1.5.0/slick.css @@ -1,116 +1,116 @@ -/* Slider */ -.slick-slider -{ - position: relative; - - display: block; - - -moz-box-sizing: border-box; - box-sizing: border-box; - - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - - -webkit-touch-callout: none; - -khtml-user-select: none; - -ms-touch-action: pan-y; - touch-action: pan-y; - -webkit-tap-highlight-color: transparent; -} - -.slick-list -{ - position: relative; - - display: block; - overflow: hidden; - - margin: 0; - padding: 0; -} -.slick-list:focus -{ - outline: none; -} -.slick-list.dragging -{ - cursor: pointer; - cursor: hand; -} - -.slick-slider .slick-track, -.slick-slider .slick-list -{ - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -.slick-track -{ - position: relative; - top: 0; - left: 0; - - display: block; -} -.slick-track:before, -.slick-track:after -{ - display: table; - - content: ''; -} -.slick-track:after -{ - clear: both; -} -.slick-loading .slick-track -{ - visibility: hidden; -} - -.slick-slide -{ - display: none; - float: left; - - height: 100%; - min-height: 1px; -} -[dir='rtl'] .slick-slide -{ - float: right; -} -.slick-slide img -{ - display: block; -} -.slick-slide.slick-loading img -{ - display: none; -} -.slick-slide.dragging img -{ - pointer-events: none; -} -.slick-initialized .slick-slide -{ - display: block; -} -.slick-loading .slick-slide -{ - visibility: hidden; -} -.slick-vertical .slick-slide -{ - display: block; - - height: auto; - - border: 1px solid transparent; +/* Slider */ +.slick-slider +{ + position: relative; + + display: block; + + -moz-box-sizing: border-box; + box-sizing: border-box; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + -webkit-touch-callout: none; + -khtml-user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} + +.slick-list +{ + position: relative; + + display: block; + overflow: hidden; + + margin: 0; + padding: 0; +} +.slick-list:focus +{ + outline: none; +} +.slick-list.dragging +{ + cursor: pointer; + cursor: hand; +} + +.slick-slider .slick-track, +.slick-slider .slick-list +{ + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track +{ + position: relative; + top: 0; + left: 0; + + display: block; +} +.slick-track:before, +.slick-track:after +{ + display: table; + + content: ''; +} +.slick-track:after +{ + clear: both; +} +.slick-loading .slick-track +{ + visibility: hidden; +} + +.slick-slide +{ + display: none; + float: left; + + height: 100%; + min-height: 1px; +} +[dir='rtl'] .slick-slide +{ + float: right; +} +.slick-slide img +{ + display: block; +} +.slick-slide.slick-loading img +{ + display: none; +} +.slick-slide.dragging img +{ + pointer-events: none; +} +.slick-initialized .slick-slide +{ + display: block; +} +.slick-loading .slick-slide +{ + visibility: hidden; +} +.slick-vertical .slick-slide +{ + display: block; + + height: auto; + + border: 1px solid transparent; } \ No newline at end of file http://git-wip-us.apache.org/repos/asf/isis-site/blob/622bc741/content/css/slick/1.5.0/slick.scss ---------------------------------------------------------------------- diff --git a/content/css/slick/1.5.0/slick.scss b/content/css/slick/1.5.0/slick.scss index 888e760..4cf4ec2 100644 --- a/content/css/slick/1.5.0/slick.scss +++ b/content/css/slick/1.5.0/slick.scss @@ -1,96 +1,96 @@ -/* Slider */ - -.slick-slider { - position: relative; - display: block; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -ms-touch-action: pan-y; - touch-action: pan-y; - -webkit-tap-highlight-color: transparent; -} -.slick-list { - position: relative; - overflow: hidden; - display: block; - margin: 0; - padding: 0; - - &:focus { - outline: none; - } - - &.dragging { - cursor: pointer; - cursor: hand; - } -} -.slick-slider .slick-track, -.slick-slider .slick-list { - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -.slick-track { - position: relative; - left: 0; - top: 0; - display: block; - - &:before, - &:after { - content: ""; - display: table; - } - - &:after { - clear: both; - } - - .slick-loading & { - visibility: hidden; - } -} -.slick-slide { - float: left; - height: 100%; - min-height: 1px; - [dir="rtl"] & { - float: right; - } - img { - display: block; - } - &.slick-loading img { - display: none; - } - - display: none; - - &.dragging img { - pointer-events: none; - } - - .slick-initialized & { - display: block; - } - - .slick-loading & { - visibility: hidden; - } - - .slick-vertical & { - display: block; - height: auto; - border: 1px solid transparent; - } +/* Slider */ + +.slick-slider { + position: relative; + display: block; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} +.slick-list { + position: relative; + overflow: hidden; + display: block; + margin: 0; + padding: 0; + + &:focus { + outline: none; + } + + &.dragging { + cursor: pointer; + cursor: hand; + } +} +.slick-slider .slick-track, +.slick-slider .slick-list { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track { + position: relative; + left: 0; + top: 0; + display: block; + + &:before, + &:after { + content: ""; + display: table; + } + + &:after { + clear: both; + } + + .slick-loading & { + visibility: hidden; + } +} +.slick-slide { + float: left; + height: 100%; + min-height: 1px; + [dir="rtl"] & { + float: right; + } + img { + display: block; + } + &.slick-loading img { + display: none; + } + + display: none; + + &.dragging img { + pointer-events: none; + } + + .slick-initialized & { + display: block; + } + + .slick-loading & { + visibility: hidden; + } + + .slick-vertical & { + display: block; + height: auto; + border: 1px solid transparent; + } } \ No newline at end of file http://git-wip-us.apache.org/repos/asf/isis-site/blob/622bc741/content/guides/ugvw.html ---------------------------------------------------------------------- diff --git a/content/guides/ugvw.html b/content/guides/ugvw.html index 7e26fac..03e4464 100644 --- a/content/guides/ugvw.html +++ b/content/guides/ugvw.html @@ -2091,7 +2091,7 @@ URL to be absolute.</p> <p>These customizations should generally be added to <a href="rgcfg.html#_rgcfg_application-specific_application-css"><code>application.css</a></code>; this file is included by default in every webpage served up by the Wicket viewer.</p> </div> <div class="sect3"> -<h4 id="_targeting_individual_members">6.5.1. Targeting individual members</h4> +<h4 id="_individual_members">6.5.1. Individual members</h4> <div class="paragraph"> <p>For example, the <code>ToDoItem</code> object of the Isis addons example <a href="https://github.com/isisaddons/isis-app-todoapp/">todoapp</a> (not ASF) has a <code>notes</code> property. The HTML for this will be something like:</p> </div> @@ -2131,7 +2131,7 @@ URL to be absolute.</p> </div> </div> <div class="sect3"> -<h4 id="_targeting_members_through_a_custom_css_style">6.5.2. Targeting members through a custom CSS style</h4> +<h4 id="_custom_css_styles">6.5.2. Custom CSS styles</h4> <div class="paragraph"> <p>The above technique works well if you know the class member to target, but you might instead want to apply a custom style to a set of members. For this, you can use the <code>@CssClass</code>.</p> </div> @@ -2181,6 +2181,180 @@ URL to be absolute.</p> </div> </div> </div> +<div class="sect3"> +<h4 id="_ugvw_customisation_tweaking-css-classes_columns-in-tables">6.5.3. Table columns (<code>1.12.0-SNAPSHOT</code>)</h4> +<div class="paragraph"> +<p>Sometimes you may want to apply styling to specific columns of tables. For example, you might want to adjust width so that +for certain properties have more (or less) room than they otherwise would; or you might want to hide the column +completely. This also applies to the initial icon/title column.</p> +</div> +<div class="paragraph"> +<p>There is also the issue of scoping:</p> +</div> +<div class="ulist"> +<ul> +<li> +<p>You may wish the style to apply globally: that is, dependent on the type of entity being rendered in the table, +irrespective of the page on which it is shown.</p> +</li> +<li> +<p>Alternativel, you may wish to target the CSS for a table as rendered either as a parented collection (owned by some +other entity) or rendered as a standarlone collection (the result of invoking an action).</p> +</li> +</ul> +</div> +<div class="paragraph"> +<p>In each of these cases the Wicket viewer adds CSS classes either to containing <code>div</code>s or to the <code><th></code> and <code><td></code> + elements of the table itself so that it can custom styles can be appropriately targetted.</p> +</div> +<div class="sect4"> +<h5 id="_ugvw_customisation_tweaking-css-classes_columns-in-tables_globally">Applying styles globally</h5> +<div class="paragraph"> +<p>Every rendered collection containing a domain class will be wrapped in a <code><div></code> that lists that domain class (in CSS safe +form). For example:</p> +</div> +<div class="listingblock"> +<div class="content"> +<pre class="CodeRay highlight"><code data-lang="xml"><span class="tag"><div</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">entityCollection com-mycompany-myapp-Customer</span><span class="delimiter">"</span></span><span class="tag">></span> + ... + <span class="tag"><table></span> + <span class="tag"><tr></span> + <span class="tag"><th</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">title-column</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></th></span> + <span class="tag"><th</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">firstName</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></th></span> + <span class="tag"><th</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">lastName</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></th></span> + ... + <span class="tag"></tr></span> + <span class="tag"><tr></span> + <span class="tag"><td</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">title-column</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></td></span> + <span class="tag"><td</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">firstName</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></td></span> + <span class="tag"><td</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">lastName</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></td></span> + ... + <span class="tag"></tr></span> + ... + <span class="tag"></table></span> + ... +<span class="tag"></div></span></code></pre> +</div> +</div> +<div class="paragraph"> +<p>Using this, the <code>lastName</code> property could be targeted using:</p> +</div> +<div class="listingblock"> +<div class="content"> +<pre class="CodeRay highlight"><code data-lang="css"><span class="class">.com-mycompany-myapp-Customer</span> <span class="tag">th</span><span class="class">.lastName</span> { + <span class="key">width</span>: <span class="float">30%</span>; +}</code></pre> +</div> +</div> +</div> +<div class="sect4"> +<h5 id="_parented_collections">Parented collections</h5> +<div class="paragraph"> +<p>Parented collections will be wrapped in <code><div></code>s that identify both the entity type and also the collection Id. +For example:</p> +</div> +<div class="listingblock"> +<div class="content"> +<pre class="CodeRay highlight"><code data-lang="xml"><span class="tag"><div</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">entityPage com-mycompany-myapp-Customer</span><span class="delimiter">"</span></span><span class="tag">></span> <i class="conum" data-value="1"></i><b>(1)</b> + ... + <span class="tag"><div</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">orders</span><span class="delimiter">"</span></span><span class="tag">></span> <i class="conum" data-value="2"></i><b>(2)</b> + <span class="tag"><table></span> + <span class="tag"><tr></span> + <span class="tag"><th</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">title-column</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></th></span> + <span class="tag"><th</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">productRef</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></th></span> + <span class="tag"><th</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">quantity</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></th></span> + ... + <span class="tag"></tr></span> + <span class="tag"><tr></span> + <span class="tag"><td</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">title-column</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></td></span> + <span class="tag"><td</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">productRef</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></td></span> + <span class="tag"><td</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">quantity</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></td></span> + ... + <span class="tag"></tr></span> + ... + <span class="tag"></table></span> + ... + <span class="tag"></div></span> + ... +<span class="tag"></div></span></code></pre> +</div> +</div> +<div class="colist arabic"> +<table> +<tr> +<td><i class="conum" data-value="1"></i><b>1</b></td> +<td>the parent class identifier</td> +</tr> +<tr> +<td><i class="conum" data-value="2"></i><b>2</b></td> +<td>the collection identifier. This element’s class also has the entity type within the collection (as <a href="#_ugvw_customisation_tweaking-css-classes_columns-in-tables_globally">discussed above</a>).</td> +</tr> +</table> +</div> +<div class="paragraph"> +<p>Using this, the <code>productRef</code> property could be targeted using:</p> +</div> +<div class="listingblock"> +<div class="content"> +<pre class="CodeRay highlight"><code data-lang="css"><span class="class">.com-mycompany-myapp-Customer</span> <span class="tag">orders</span> <span class="tag">td</span><span class="class">.productRef</span> { + <span class="key">font-style</span>: <span class="value">italic</span>; +}</code></pre> +</div> +</div> +</div> +<div class="sect4"> +<h5 id="_standalone_collections">Standalone collections</h5> +<div class="paragraph"> +<p>Standalone collections will be wrapped in a <code><div></code> that identifies the action invoked. For example:</p> +</div> +<div class="listingblock"> +<div class="content"> +<pre class="CodeRay highlight"><code data-lang="xml"><span class="tag"><div</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">standaloneCollectionPage</span><span class="delimiter">"</span></span><span class="tag">></span> + <span class="tag"><div</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">com-mycompany-myapp-Customer_mostRecentOrders ...</span><span class="delimiter">"</span></span><span class="tag">></span> <i class="conum" data-value="1"></i><b>(1)</b> + ... + <span class="tag"><div</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">orders</span><span class="delimiter">"</span></span><span class="tag">></span> + <span class="tag"><table></span> + <span class="tag"><tr></span> + <span class="tag"><th</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">title-column</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></th></span> + <span class="tag"><th</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">productRef</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></th></span> + <span class="tag"><th</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">quantity</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></th></span> + ... + <span class="tag"></tr></span> + <span class="tag"><tr></span> + <span class="tag"><td</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">title-column</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></td></span> + <span class="tag"><td</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">productRef</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></td></span> + <span class="tag"><td</span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">quantity</span><span class="delimiter">"</span></span><span class="tag">></span>...<span class="tag"></td></span> + ... + <span class="tag"></tr></span> + ... + <span class="tag"></table></span> + ... + <span class="tag"></div></span> + ... + <span class="tag"></div></span> +<span class="tag"></div></span></code></pre> +</div> +</div> +<div class="colist arabic"> +<table> +<tr> +<td><i class="conum" data-value="1"></i><b>1</b></td> +<td>action identifier. This element’s class also identifies the entity type within the collection (as <a href="#_ugvw_customisation_tweaking-css-classes_columns-in-tables_globally">discussed above</a>).</td> +</tr> +</table> +</div> +<div class="paragraph"> +<p>Using this, the <code>quantity</code> property could be targeted using:</p> +</div> +<div class="listingblock"> +<div class="content"> +<pre class="CodeRay highlight"><code data-lang="css"><span class="class">.com-mycompany-myapp-Customer_mostRecentOrders</span> <span class="tag">td</span><span class="class">.quantity</span> { + <span class="key">font-weight</span>: <span class="value">bold</span>; +}</code></pre> +</div> +</div> +</div> +</div> </div> <div class="sect2"> <h3 id="_ugvw_customisation_cheap-n-cheerful-theme">6.6. Cheap-n-cheerful theme</h3> @@ -3021,8 +3195,15 @@ TODO </li> <li><a href="#_ugvw_customisation_tweaking-css-classes">6.5. Tweaking CSS classes</a> <ul class="sectlevel3"> -<li><a href="#_targeting_individual_members">6.5.1. Targeting individual members</a></li> -<li><a href="#_targeting_members_through_a_custom_css_style">6.5.2. Targeting members through a custom CSS style</a></li> +<li><a href="#_individual_members">6.5.1. Individual members</a></li> +<li><a href="#_custom_css_styles">6.5.2. Custom CSS styles</a></li> +<li><a href="#_ugvw_customisation_tweaking-css-classes_columns-in-tables">6.5.3. Table columns (<code>1.12.0-SNAPSHOT</code>)</a> +<ul class="sectlevel4"> +<li><a href="#_ugvw_customisation_tweaking-css-classes_columns-in-tables_globally">Applying styles globally</a></li> +<li><a href="#_parented_collections">Parented collections</a></li> +<li><a href="#_standalone_collections">Standalone collections</a></li> +</ul> +</li> </ul> </li> <li><a href="#_ugvw_customisation_cheap-n-cheerful-theme">6.6. Cheap-n-cheerful theme</a></li>