You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@jspwiki.apache.org by ju...@apache.org on 2018/10/21 20:30:34 UTC

[jspwiki] 10/14: add haddock css styles' pages to nl wikipages

This is an automated email from the ASF dual-hosted git repository.

juanpablo pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/jspwiki.git

commit a3e7129a6a701188884420ff009c2bcb08085e48
Author: juanpablo <ju...@apache.org>
AuthorDate: Sun Oct 21 22:28:24 2018 +0200

    add haddock css styles' pages to nl wikipages
---
 .../src/main/resources/CSSBackgroundGradients.txt  |  49 ++
 .../src/main/resources/CSSBackgroundPatterns.txt   | 283 +++++++++
 .../nl/src/main/resources/CSSInstagramFilters.txt  |   8 +
 .../src/main/resources/CSSPrettifyThemePrism.txt   |  49 ++
 .../CSSPrettifyThemeTomorrowNightBlue.txt          |  29 +
 .../nl/src/main/resources/CSSRibbon.txt            |  33 +
 .../nl/src/main/resources/CSSStripedText.txt       |  14 +
 .../nl/src/main/resources/CSSThemeCleanBlue.txt    | 129 ++++
 .../nl/src/main/resources/CSSThemeDark.txt         | 677 +++++++++++++++++++++
 9 files changed, 1271 insertions(+)

diff --git a/jspwiki-wikipages/nl/src/main/resources/CSSBackgroundGradients.txt b/jspwiki-wikipages/nl/src/main/resources/CSSBackgroundGradients.txt
new file mode 100644
index 0000000..2d87c93
--- /dev/null
+++ b/jspwiki-wikipages/nl/src/main/resources/CSSBackgroundGradients.txt
@@ -0,0 +1,49 @@
+%%add-css
+.bg-warm-flame {background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);}
+.bg-night-fade {background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);}
+.bg-spring-warmth {background-image: linear-gradient(to top, #fad0c4 0%, #fad0c4 1%, #ffd1ff 100%);}
+.bg-juicy-peach {background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);}
+.bg-lady-lips {background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);}
+.bg-sunny-morning {background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);}
+.bg-rainy-ashville {background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);}
+.bg-frozen-dreams {background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);}
+.bg-winter-neva {background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);}
+.bg-dusty-grass {background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);}
+.bg-tempting-azure {background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);}
+.bg-deep-blue {background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);}
+.bg-cloudy-knoxville {background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);}
+.bg-everlasting-sky {background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);}
+.bg-plum-plate {background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:white;}
+.bg-wild-apple {background-image: linear-gradient(to top, #d299c2 0%, #fef9d7 100%);}
+/%
+
+%%add-css
+.bg-gradient-1 { background: linear-gradient(90deg, #69b7eb, #b3dbd3, #f4d6db); }
+.bg-gradient-2 { background: linear-gradient(90deg, #cfecd0, #ffc5ca); }
+.bg-gradient-3 { background: linear-gradient(90deg, #f598a8, #f6edb2); }
+.bg-gradient-4 { background: linear-gradient(90deg, #ee5c87, #f1a4b5, #d587b3);color:#fff; }
+.bg-gradient-5 { background: linear-gradient(90deg, #b9deed, #efefef); }
+.bg-gradient-6 { background: linear-gradient(90deg, #aea4e3, #d3ffe8); }
+.bg-gradient-7 { background: linear-gradient(90deg, #faf0cd, #fab397); }
+.bg-gradient-8 { background: linear-gradient(90deg, #cfecd0, #a0cea7, #9ec0db); }
+.bg-gradient-9 { background: linear-gradient(135deg, #e55d87 0%, #5fc3e4 100%);color:#fff; }
+/%
+
+%%add-css
+/*circle with center content*/
+.bollen { display:flex; flex-wrap:wrap; position:relative;}
+.bollen > [[class*=bg-] { 
+  display: flex; 
+  justify-content: center; 
+  align-items: center;
+  text-align: center;
+  border-radius:100%;
+  width:200px; height:200px; margin:.25em;
+  transition: 0.5s all;
+}
+.bollen > [[class*=bg-]:hover { border-radius:0;}
+/%
+
+
+[{ALLOW edit Admin}]
+[{ALLOW view All}]
\ No newline at end of file
diff --git a/jspwiki-wikipages/nl/src/main/resources/CSSBackgroundPatterns.txt b/jspwiki-wikipages/nl/src/main/resources/CSSBackgroundPatterns.txt
new file mode 100644
index 0000000..d5066ad
--- /dev/null
+++ b/jspwiki-wikipages/nl/src/main/resources/CSSBackgroundPatterns.txt
@@ -0,0 +1,283 @@
+%%add-css
+/*Credit http://bennettfeely.com/gradients/ */
+.bg-pattern-1 {
+background:
+  radial-gradient(
+    circle at bottom left,
+    transparent 0,
+    transparent 2em,
+    beige 2em,
+    beige 4em,
+    transparent 4em,
+    transparent 6em,
+    khaki 6em,
+    khaki 8em,
+    transparent 8em,
+    transparent 10em
+  ),
+  radial-gradient(
+    circle at top right,
+    transparent 0,
+    transparent 2em,
+    beige 2em,
+    beige 4em,
+    transparent 4em,
+    transparent 6em,
+    khaki 6em,
+    khaki 8em,
+    transparent 8em,
+    transparent 10em
+  ),
+  radial-gradient(
+    circle at top left,
+    transparent 0,
+    transparent 2em,
+    navajowhite 2em,
+    navajowhite 4em,
+    transparent 4em,
+    transparent 6em,
+    peachpuff 6em,
+    peachpuff 8em,
+    transparent 8em,
+    transparent 10em
+  ),
+  radial-gradient(
+    circle at bottom right,
+    transparent 0,
+    transparent 2em,
+    palegoldenrod 2em,
+    palegoldenrod 4em,
+    transparent 4em,
+    transparent 6em,
+    peachpuff 6em,
+    peachpuff 8em,
+    transparent 8em,
+    transparent 10em
+  ), blanchedalmond;
+  
+background-blend-mode: multiply;
+background-size: 10em 10em;
+background-position: 0 0, 0 0, 5em 5em, 5em 5em;
+}
+.bg-pattern-2 {
+color:white;
+background:
+  radial-gradient(
+      at bottom right,
+      dodgerblue 0,
+      dodgerblue 1em,
+      lightskyblue 1em,
+      lightskyblue 2em,
+      deepskyblue 2em,
+      deepskyblue 3em,
+      gainsboro 3em,
+      gainsboro 4em,
+      lightsteelblue 4em,
+      lightsteelblue 5em,
+      deepskyblue 5em,
+      deepskyblue 6em,
+      lightskyblue 6em,
+      lightskyblue 7em,
+      transparent 7em,
+      transparent 8em
+    ),
+    radial-gradient(
+      at top left,
+      transparent 0,
+      transparent 1em,
+      lightskyblue 1em,
+      lightskyblue 2em,
+      deepskyblue 2em,
+      deepskyblue 3em,
+      lightsteelblue 3em,
+      lightsteelblue 4em,
+      gainsboro 4em,
+      gainsboro 5em,
+      deepskyblue 5em,
+      deepskyblue 6em,
+      skyblue 6em,
+      skyblue 7em,
+      dodgerblue 7em,
+      dodgerblue 8em,
+      transparent 8em,
+      transparent 20em
+    ),
+    radial-gradient(
+      circle at center bottom,
+      coral, darkslateblue
+    );
+  
+  background-blend-mode: overlay;
+  background-size:
+    8em 8em, 8em 8em, cover;
+}
+.bg-pattern-3{
+background:
+  repeating-linear-gradient(
+    to top left,
+    beige 0,
+    beige 2em,
+    moccasin 2em,
+    moccasin 4em,
+    wheat 4em,
+    wheat 6em
+  ),
+  repeating-linear-gradient(
+    to left,
+    white 0,
+    white 2em,
+    wheat 2em,
+    wheat 4em,
+    beige 4em,
+    beige 6em
+  ), white;
+
+background-blend-mode: multiply;
+}
+.bg-pattern-4 {
+background:
+  repeating-linear-gradient(
+    45deg,
+    transparent,
+    transparent 1em,
+    moccasin 0,
+    moccasin 2em,
+    transparent 0,
+    transparent 3em,
+    powderblue 0,
+    powderblue 4em,
+    transparent 0,
+    transparent 5em,
+    lavender 0,
+    lavender 6em,
+    transparent 0,
+    transparent 7em,
+    beige 0,
+    beige 8em
+  ),
+  repeating-linear-gradient(
+    -45deg,
+    transparent,
+    transparent 1em,
+    khaki 0,
+    khaki 2em,
+    transparent 0,
+    transparent 3em,
+    beige 0,
+    beige 4em,
+    transparent 0,
+    transparent 5em,
+    peachpuff 0,
+    peachpuff 6em
+  ), whitesmoke;
+
+background-blend-mode: multiply;
+}
+.bg-pattern-5{
+background:
+  linear-gradient(limegreen,transparent),
+  linear-gradient(90deg,skyblue,transparent),
+  linear-gradient(-90deg,coral,transparent);
+  
+  background-blend-mode: screen;
+}
+
+.bg-polka {
+  
+  background-image: 
+  -webkit-gradient(radial, 30 30, 0, 30 30, 45,
+      color-stop(0.4,  rgba(255,255,255,0.5)), 
+      color-stop(0.44, rgba(255,255,255,0))
+    ),
+  -webkit-gradient(radial, 30 30, 0, 30 30, 45,
+      color-stop(0.4,  rgba(255,255,255,0.5)), 
+      color-stop(0.44, rgba(255,255,255,0))
+    );
+    
+  background-image:
+  -webkit-radial-gradient(30% 30%,circle closest-side, 
+    rgba(255,255,225,0.5) 40%,
+    rgba(255,255,225,0) 44%,
+    transparent 100%),
+  -webkit-radial-gradient(30% 30%,circle closest-side, 
+    rgba(255,255,225,0.5) 40%,
+    rgba(255,255,225,0) 44%,
+    transparent 100%);
+  background-image:
+  -moz-radial-gradient(30% 30%,circle closest-side, 
+    rgba(255,255,225,0.5) 40%,
+    rgba(255,255,225,0) 44%,
+    transparent 100%),
+  -moz-radial-gradient(30% 30%,circle closest-side, 
+    rgba(255,255,225,0.5) 40%,
+    rgba(255,255,225,0) 44%,
+    transparent 100%);
+  background-image:
+  -ms-radial-gradient(30% 30%,circle closest-side, 
+    rgba(255,255,225,0.5) 40%,
+    rgba(255,255,225,0) 44%,
+    transparent 100%),
+  -ms-radial-gradient(30% 30%,circle closest-side, 
+    rgba(255,255,225,0.5) 40%,
+    rgba(255,255,225,0) 44%,
+    transparent 100%);
+  background-image:
+  -o-radial-gradient(30% 30%,circle closest-side, 
+    rgba(255,255,225,0.5) 40%,
+    rgba(255,255,225,0) 44%,
+    transparent 100%),
+  -o-radial-gradient(30% 30%,circle closest-side, 
+    rgba(255,255,225,0.5) 40%,
+    rgba(255,255,225,0) 44%,
+    transparent 100%);
+  
+  background-image:
+  radial-gradient(30% 30%,circle closest-side, 
+    rgba(255,255,225,0.5) 40%,
+    rgba(255,255,225,0) 44%,
+    transparent 100%),
+  radial-gradient(30% 30%,circle closest-side, 
+    rgba(255,255,225,0.5) 40%,
+    rgba(255,255,225,0) 44%,
+    transparent 100%);
+    
+  /*ff 3.6*/-moz-background-size: 100px 100px;
+  background-size: 100px 100px;
+  background-position: 0 0, 50px 50px;    
+}
+.bg-small-polka {
+  background-image: 
+  -webkit-gradient(radial, 20 20, 0, 20 20, 20,
+      color-stop(0.4,  rgba(255,255,255,0.5)), 
+      color-stop(0.44, rgba(255,255,255,0))
+    ),
+    -webkit-gradient(radial, 20 20, 0, 20 20, 20,
+      color-stop(0.4,  rgba(255,255,255,0.5)), 
+      color-stop(0.44, rgba(255,255,255,0))
+    );
+    
+  /*ff 3.6*/-moz-background-size: 50px 50px;
+  background-size: 50px 50px;
+  background-position: 0 0, 25px 25px;
+}
+
+.bg-tiny-polka {
+  background-image: 
+  -webkit-gradient(radial, 7 7, 0, 7 7, 7,
+      color-stop(0.4,  rgba(255,255,255,0.5)), 
+      color-stop(0.44, rgba(255,255,255,0))
+    ),
+  -webkit-gradient(radial, 7 7, 0, 7 7, 7,
+      color-stop(0.4,  rgba(255,255,255,0.5)), 
+      color-stop(0.44, rgba(255,255,255,0))
+    );
+  /*ff 3.6*/-moz-background-size: 20px 20px;
+  background-size: 20px 20px;
+  background-position: 0 0, 10px 10px;
+}
+
+/%
+
+
+[{ALLOW edit Admin}]
+[{ALLOW view All}]
\ No newline at end of file
diff --git a/jspwiki-wikipages/nl/src/main/resources/CSSInstagramFilters.txt b/jspwiki-wikipages/nl/src/main/resources/CSSInstagramFilters.txt
new file mode 100644
index 0000000..b087544
--- /dev/null
+++ b/jspwiki-wikipages/nl/src/main/resources/CSSInstagramFilters.txt
@@ -0,0 +1,8 @@
+%%add-css
+/*Credit: CSSgram (http://una.im/CSSgram/), an open source library (MIT) for recreating Instagram filters. */
+.aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;lighter:.5}.inkwell{-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contr [...]
+/%
+
+
+[{ALLOW edit Admin}]
+[{ALLOW view All}]
\ No newline at end of file
diff --git a/jspwiki-wikipages/nl/src/main/resources/CSSPrettifyThemePrism.txt b/jspwiki-wikipages/nl/src/main/resources/CSSPrettifyThemePrism.txt
new file mode 100644
index 0000000..ac7bedf
--- /dev/null
+++ b/jspwiki-wikipages/nl/src/main/resources/CSSPrettifyThemePrism.txt
@@ -0,0 +1,49 @@
+%%add-css
+
+  /* Based on prism.js, default theme by Lea Verou (http://primsjs.com) */
+  .prettify pre.prettyprint { border-radius:0 4px 4px 0; }
+  .prettify pre.prettylines { border-radius: 4px 0 0 4px; 
+      color: #999; 
+      border-right: 1px solid #ddd;
+  }
+  .prettify pre {
+    color: black;
+    background: #f5f2f0;
+    border:none; 
+    text-shadow: 0 1px white;
+    line-height:1.5;
+    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  }
+  .prettify pre::-moz-selection, .prettify pre ::-moz-selection {
+    text-shadow: none;
+    background: #b3d4fc;
+  }
+  .prettify pre::selection, .prettify pre ::selection {
+    text-shadow: none;
+    background: #b3d4fc;
+  }
+  @media print {
+    .prettify pre { text-shadow: none; }
+  }
+
+  .pln { color: black; }  /* plain text */
+  .str { color: #690; }  /* string content */
+  .kwd { color: #07a; }  /* keyword */
+  .com { color: slategray; }  /* comment */
+  .typ { color: #a67f59; background: hsla(0, 0%, 100%, .5); }  /* type name */
+  .lit { color: #905; }  /* literal value */
+  .pun { color: #999; }  /* punctuation */
+  .opn { color: #07a; }  /* lisp open bracket */
+  .clo { color: #07a; }  /* lisp close bracket */
+  .tag { color: #905; }  /* markup tag name */
+  .atn { color: #690; }  /* markup attribute name */
+  .atv { color: #07a; }  /* markup attribute value */
+  .dec { color: #07a; }  /* declaration */
+  .var { color: #e90; }  /* variable name */
+  .fun { color: #dd4a68; }  /* function name */
+
+/%
+
+
+[{ALLOW edit Admin}]
+[{ALLOW view All}]
\ No newline at end of file
diff --git a/jspwiki-wikipages/nl/src/main/resources/CSSPrettifyThemeTomorrowNightBlue.txt b/jspwiki-wikipages/nl/src/main/resources/CSSPrettifyThemeTomorrowNightBlue.txt
new file mode 100644
index 0000000..1f7397d
--- /dev/null
+++ b/jspwiki-wikipages/nl/src/main/resources/CSSPrettifyThemeTomorrowNightBlue.txt
@@ -0,0 +1,29 @@
+%%add-css
+  .prettify pre {
+    background: #002451;
+    font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
+    border:none; 
+  }
+  pre.prettyprint { border-radius:0 4px 4px 0; }
+  pre.prettylines { border-radius: 4px 0 0 4px; color: #7285b7; }
+  
+  .pln { color: #ffffff; }  /* plain text */
+  .str { color: #d1f1a9; }  /* string content */
+  .kwd { color: #ebbbff; }  /* keyword */
+  .com { color: #7285b7; }  /* comment */
+  .typ { color: #bbdaff; }  /* type name */
+  .lit { color: #ffc58f; }  /* literal value */
+  .pun { color: #ffffff; }  /* punctuation */
+  .opn { color: #ffffff; }  /* lisp open bracket */
+  .clo { color: #ffffff; }  /* lisp close bracket */
+  .tag { color: #ff9da4; }  /* markup tag name */
+  .atn { color: #ffc58f; }  /* markup attribute name */
+  .atv { color: #99ffff; }  /* markup attribute value */
+  .dec { color: #ffc58f; }  /* declaration */
+  .var { color: #ff9da4; }  /* variable name */
+  .fun { color: #bbdaff; }  /* function name */
+/%
+
+
+[{ALLOW edit Admin}]
+[{ALLOW view All}]
\ No newline at end of file
diff --git a/jspwiki-wikipages/nl/src/main/resources/CSSRibbon.txt b/jspwiki-wikipages/nl/src/main/resources/CSSRibbon.txt
new file mode 100644
index 0000000..203a4c8
--- /dev/null
+++ b/jspwiki-wikipages/nl/src/main/resources/CSSRibbon.txt
@@ -0,0 +1,33 @@
+%%add-css
+.ribbon {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: .4em 3em;
+  transform-origin: 100% 0;
+  transform: rotate(90deg) translateX(70.71067814%) rotate(-90deg) rotate(45deg) translateY(-100%);
+  box-shadow: 0 0 .25em rgba(0,0,0,0.3);
+  
+  /*main bootstrap colors */
+  color: white;  /*text color*/
+  /*background:#337ab7; /*primary*/
+  /*background:#5cb85c; /*succes*/
+  background:#5bc0de; /*info*/
+  /*background:#f0ad4e; /*warning*/
+  /*background:#d9534f; /*danger*
+
+  /* red ribbon github
+  background: hsl(350, 80%, 55%);
+  color: #f5ebd6;
+  box-shadow: 0 0.1em 0 0.1em rgba(0, 0, 0, 0.15);
+  */
+}
+.ribbon a { 
+  color:inherit; 
+  text-decoration:none !important; 
+}
+/%
+
+
+[{ALLOW edit Admin}]
+[{ALLOW view All}]
\ No newline at end of file
diff --git a/jspwiki-wikipages/nl/src/main/resources/CSSStripedText.txt b/jspwiki-wikipages/nl/src/main/resources/CSSStripedText.txt
new file mode 100644
index 0000000..e512fdd
--- /dev/null
+++ b/jspwiki-wikipages/nl/src/main/resources/CSSStripedText.txt
@@ -0,0 +1,14 @@
+%%add-css
+.striped-text pre { 
+  padding: 0.5em;
+  line-height: 1.5;
+  background-image: linear-gradient(transparent 50%, #fff 0);
+  background-size: auto 3em;
+  background-origin: content-box;
+  font-size: 1em;
+}
+/%
+
+
+[{ALLOW edit Admin}]
+[{ALLOW view All}]
\ No newline at end of file
diff --git a/jspwiki-wikipages/nl/src/main/resources/CSSThemeCleanBlue.txt b/jspwiki-wikipages/nl/src/main/resources/CSSThemeCleanBlue.txt
new file mode 100644
index 0000000..150c50d
--- /dev/null
+++ b/jspwiki-wikipages/nl/src/main/resources/CSSThemeCleanBlue.txt
@@ -0,0 +1,129 @@
+%%add-css
+/* fonts */
+@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300,400,400italic,600,600italic,700|Source+Code+Pro:400,600);
+
+body {
+  font-family: "Titillium Web", "Candara", "Verdana", "Arial", "Helvetica", sans-serif ;
+  /*font-size: 90% ;*/
+  line-height: normal ;
+  color: black;
+  background: #fbfbfb;
+}
+h2, h3, h4 {
+  margin: 1em 0 0.5em 0;
+  padding: 0.25em 0;
+  line-height: 1.2;
+}
+h2 { font-size: 180% }
+h3 { font-size: 150% }
+h4 { font-size: 130% }
+h2 .editsection, h2 .hashlink { font-size: 67% }
+h3 .editsection, h3 .hashlink { font-size: 76% }
+h4 .editsection, h4 .hashlink { font-size: 86% }
+
+code, tt, pre {
+  font-family: "Source Code Pro","Consolas","Liberation Mono","Courier New","Courier", "Monaco", monospace;
+}
+b { font-weight : 600 ; }
+
+/* header / footer */
+.header {
+    background:rgba(251,251,251,0.8); color:black;
+}
+.pagename, .footer {
+  background: -webkit-linear-gradient(left, #001C37, white);
+  background: linear-gradient(left, #001C37, white);
+  border-radius:.25em;
+  font-family: inherit;
+  color:black;
+}
+.pagename a:link, .pagename a:visited { color:white; }
+.content { background:transparent; margin:0 .5em; }
+.content:after { background:transparent; }
+.sidebar { border-radius:.5em; background:rgba(162,195,223,0.10); /*#A2C3DF = sidebar color*/ }
+
+/* hide jspwiki logo */
+a.logo { border:none; text-indent:-99em; }
+a.logo b:before { content:""; }
+
+/* put back your own company logo */
+a.logo {
+    background-image: url([Clean Blue Theme/logo-hi.png]);
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    margin-top:.5em;
+    height: 45px;
+    width: 120px; 
+}
+
+/* links */
+a, a:link { color: #0C4777 ; text-decoration:none;}
+a:visited { color: #3D5A73 ; text-decoration:none;border-bottom:none;}
+a:hover { border-bottom: 1px dotted #8DC5F2; }
+a:active, a.external:active {
+  color: #556B1C ;
+  background-color: #D6EB9F ;
+  text-decoration: none ;
+  border-bottom : 1px dotted #7EA121 ;
+}
+a.createpage {color: #74105B;text-decoration:none; border-bottom:1px dotted #B6509D;}
+img.outlink {display:none;}
+a.editsection,a.hashlink {
+  font-size: x-small;
+  line-height: 1.2;
+  padding: .25em;
+  vertical-align: top;
+  color: #B49CDC; text-decoration:none; border-bottom:none;
+}
+a.editsection:hover,a.hashlink:hover {
+  background-color: #D3E2FF;
+  color: #0C4777 !important;
+}
+
+
+.lead {
+  font-family: 'Goudy Bookletter 1911', "Cambria", "Times New Roman", "Times", serif;
+}
+
+.panel-success > .panel-heading, 
+.success, .bg-success, .label-success, .alert-success, .progress-bar-success { 
+  background-color: #E0FFE0;
+  border: thin dotted #9ED39E ;
+}
+.text-success {color:#9ED39E ; }
+
+.panel-info > .panel-heading, 
+.info, .bg-info, .label-info, .alert-info, .progress-bar-info { 
+  background-color: #CCDEED;
+  border: thin dotted #D3E2FF ;
+}
+.text-info { color:#8DC5F2; }
+
+.panel-warning > .panel-heading, 
+.warning, .bg-warning, .label-warning, .alert-warning, .progress-bar-warning { 
+  background-color: #FFDFC0;
+  border: thin dotted #FFDF80 ;
+}
+.text-warning { color: #FFDF80;}
+
+.panel-danger > .panel-heading, 
+.error, .danger, .bg-danger, .label-danger, .alert-danger,
+.progress-bar-error,.progress-bar-danger{ 
+  background-color: #FFC0C0;
+  border: thin dotted #FF8080 ;
+}
+.text-danger { color:#FF8080; }
+
+blockquote {
+  border-left: 4px solid #CCDEED;
+  padding: 0 1em;
+  margin: 0 .5em;
+  font-size: 95% ;
+}
+
+/%
+
+
+[{ALLOW edit Admin}]
+[{ALLOW view All}]
\ No newline at end of file
diff --git a/jspwiki-wikipages/nl/src/main/resources/CSSThemeDark.txt b/jspwiki-wikipages/nl/src/main/resources/CSSThemeDark.txt
new file mode 100644
index 0000000..ea194ee
--- /dev/null
+++ b/jspwiki-wikipages/nl/src/main/resources/CSSThemeDark.txt
@@ -0,0 +1,677 @@
+%%add-css
+
+/* Inspired by:  https://medium.com/@mwichary/dark-theme-in-a-day-3518dde2955a. Adapted for JSPWIKI,  as delta on top of haddock.css.   */
+
+html {
+  /*red / ...
+  --hue: 10;
+  --accent-hue: 185;
+  */
+  /*green / ...
+  --hue: 110;
+  --accent-hue: 285;
+  */
+  /* blue / orange */
+  --hue: 210;
+  --accent-hue: 25;
+
+  --text-color-normal: hsl(var(--hue), 10%, 62%);
+  --text-color-light: hsl(var(--hue), 15%, 35%);
+  --text-color-richer: hsl(var(--hue), 50%, 72%);
+  --text-color-highlight: hsl(var(--accent-hue), 70%, 45%);
+
+  --link-color: hsl(var(--accent-hue), 90%, 70%);
+
+  --accent-color: hsl(var(--accent-hue), 100%, 70%);
+  --error-color: rgb(240, 50, 50);
+
+  --button-background: hsl(var(--hue), 63%, 43%);
+  --button-text-color: black;
+
+  --background: hsla(var(--hue), 20%, 12%, 0.9);
+  --background-sidebar: hsla(var(--hue), 20%, 28%, 0.5);
+  --background-light: hsla(var(--hue), 20%, 28%, 0.9);
+  --background-lighter: hsla(var(--hue), 20%, 32%, 0.9);
+
+  --background-dropdown: hsla(var(--hue), 20%, 20%, 0.95);
+  --background-dialog: hsla(var(--hue), 20%, 20%, 0.95);
+
+  --border-color: var(--background-lighter);
+
+  --context-primary: #0088cc;
+  --context-success: #47a447;
+  --context-info: #5bc0de;
+  --context-warning: #ed9c28;
+  --context-error: #d53f3a;
+  --color-black: #111;
+  --color-white: #fff;
+}
+
+::selection {
+  color:var(--accent-color);
+  background-color: var(--color-black);
+}
+
+/* --- BOOTSTRAP --- */
+
+.panel {
+  background-color: var(--background-light);
+  border-color: var(--border-color);
+}
+.panel-default .panel-heading {
+  background-color: var(--background-lighter);
+  border-color: var(--border-color);
+  color:inherit;
+}
+
+.list-group-item {
+  background-color: var(--background-light);
+  border-color: var(--border-color);
+}
+
+.nav-tabs {
+  border-color: var(--border-color);
+}
+.nav-tabs > li > a {
+  color:inherit;
+}
+.nav-tabs > li > a:hover {
+  background-color: var(--background-light);
+  border-color: var(--border-color);
+  color:inherit;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active {
+  background:transparent;
+  color:var(--text-color-richer);
+  border-color: var(--border-color);
+  border-bottom-color: var(--background);
+}
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+  background-color: var(--background-lighter);
+  border-color: var(--border-color);
+  color:var(--text-color-richer);
+}
+
+/*.nav-pills > li.active > a,
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
+
+}*/
+.nav > li > a:hover, .nav > li > a:focus {
+  background-color: var(--background-lighter);
+  border-color: var(--border-color);
+  color:var(--text-color-richer);
+}
+
+
+.btn-default,
+.default {
+  background-color: var(--background-light);
+  border-color: var(--border-color);
+  color:var(--text-color-richer);
+}
+.btn:hover, .btn:focus, .btn.focus,
+.btn-default:hover {
+  background-color: var(--background-lighter);
+  border-color: var(--border-color);
+  color:var(--text-color-richer);
+}
+.btn.disabled:hover {
+  background-color: var(--background-lighter);
+  border-color: var(--border-color);
+}
+.btn-default:active,
+.btn-default:active:hover,
+.btn-default.active,
+.btn-default.active:hover {
+  background-color: var(--background-lighter);
+  border-color: var(--border-color);
+  color:var(--accent-color);
+}
+
+.dropdown-menu {
+  background-color: var(--background-dropdown);
+  border-color: var(--border-color);
+}
+.dropdown-header {
+  color:var(--text-color-richer);
+}
+.dropdown-menu .divider {
+  background-color: var(--border-color);
+}
+.dropdown-menu > li > a {
+  color:var(--text-color-normal);
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--background-lighter);
+  color:inherit;
+}
+
+.form-control {
+  background-color: var(--background-light);
+  border-color: var(--border-color);
+}
+.form-control:focus {
+  border-color: var(--accent-color);
+}
+.form-control[[disabled] {
+  background-color: transparent;
+  border-color: var(--border-color);
+}
+.form-frame {
+  border-color: var(--border-color);
+}
+
+select,
+.form-group select {
+  background-color: var(--background-light);
+  border-color: var(--border-color);
+  color:var(--text-color-normal);
+}
+
+.modal {
+  background-color: var(--background-dropdown);
+  color:var(--text-color-normal);
+}
+
+/*pagination.less*/
+.pagination {
+  background-color: var(--background-light);
+  border-color: var(--border-color);
+}
+.pagination a {
+  color:var(--link-color);
+  text-decoration:none;
+}
+.pagination .cursor,
+.pagination a:hover {
+  background-color: var(--background-lighter);
+  border-color: var(--border-color);
+  color: var(--accent-color);
+}
+
+/* --- JSPWiki --- */
+
+/* --- variables.less --- */
+
+/* --- type.less --- */
+
+hr,.hr {
+  border-color: var(--border-color);
+}
+
+mark, .highlight {
+  background-color: var(--accent-color) !important;
+  color:var(--text-color-highlight);
+}
+
+span.text-white, div.text-white, .bg.dark + .bg-overlay { color:var(--text-color-normal;); }
+/*span.text-black, div.text-black, .bg.light + .bg-overlay { color:(var(--text-???); } */
+
+.text-primary { color: var(--context-primary); }
+.text-success { color: var(--context-success); }
+.text-info { color: var(--context-info); }
+.text-warning { color: var(--context-warning); }
+.text-error,
+.text-danger { color: var(--context-error); }
+
+/* primary */
+.panel-primary > .panel-heading,
+.bg-primary {
+  background-color: var(--context-primary);
+  border-color: var(--context-primary);
+  color:var(--color-white);
+}
+.panel-primary > .panel-heading a:link,
+.bg-primary a:link {
+  color:var(--color-black);
+}
+/* success */
+.panel-success > .panel-heading,
+.success,
+.bg-success {
+  background-color: var(--context-success);
+  border-color: var(--context-success);
+  color:var(--color-black);
+}
+.panel-success > .panel-heading a:link,
+.success a:link,
+.bg-success a:link {
+  color:inherit;
+  text-decoration:underline;
+}
+/* info */
+.panel-info > .panel-heading,
+.info, .information,
+.bg-info  {
+  background-color: var(--context-info);
+  border-color: var(--context-info);
+  color:var(--color-black);
+}
+.panel-info > .panel-heading a:link,
+.info a:link, .information a:link,
+.bg-info a:link {
+  color:inherit; 
+  text-decoration:underline;
+}
+/* warning */
+.panel-warning > .panel-heading,
+.alert-warning,
+.warning,
+.bg-warning {
+  background-color: var(--context-warning);
+  border-color: var(--context-warning);
+  color:var(--color-black);
+}
+.panel-warning > .panel-heading a:link,
+.alert-warning a:link,
+.warning a:link,
+.bg-warning  a:link {
+  color:inherit;
+  text-decoration:underline;
+}
+/* danger, error */
+.panel-danger > .panel-heading,
+.error,.danger,
+.bg-danger  {
+  background-color: var(--context-error);
+  border-color: var(--context-error);
+  color:var(--color-black);
+}
+.panel-danger > .panel-heading a:link,
+.error a:link,.danger a:link,
+.bg-danger a:link  {
+  color:inherit;
+  text-decoration:underline;
+}
+
+span.label { color:var(--color-black); }
+
+pre {
+  background-color:var(--background-light);
+  border-color:var(--border-color);
+  color:var(--text-color-richer);
+}
+
+code,
+tt {
+  background-color:var(--background-light);
+  border-color:var(--border-color);
+  color:var(--text-color-richer);
+}
+
+a.list-group-item:hover,
+.list-hover li:hover {
+  background-color:var(--background-lighter);
+  color:inherit;
+}
+
+.tree ul li::before,
+.tree ul li::after {
+  background: var(--border-color);
+}
+
+.list-hover li:hover {
+  background-color:var(--background-lighter);
+}
+
+.hover {
+    background-color:var(--background-lighter);
+}
+
+a.slimbox-link:after,
+.slimbox-btn:before,
+a:visited,
+a:link { color:var(--link-color); }
+
+a.createpage {
+  color:var(--error-color);
+}
+
+.interwiki-raw::after,
+a.interwiki[[href$="skin=raw"]::after,
+.interwiki-reader::after,
+a.interwiki[[href$="skin=reader"]::after,
+.interwiki-edit::after,
+a.interwiki[[href*="Edit.jsp?page="]::after,
+.interwiki-group::after,
+a.interwiki[[href*="Group.jsp?group="]::after,
+a.interwiki[[href^="rss.jsp"]::after {
+    background-color:var(--background-lighter);
+    color:var(--accent-color);
+}
+
+.editsection,
+.hashlink {
+  background-color: var(--background-light);
+  border-color: var(--border-color);
+  color:var(--link-color);
+}
+h2 .editsection:hover,
+h3 .editsection:hover,
+h4 .editsection:hover,
+h2 .hashlink:hover,
+h3 .hashlink:hover,
+h4 .hashlink:hover {
+  background-color: var(--background-lighter);
+  border-color: var(--border-color);
+  color:var(--link-color);
+  opacity:1;
+}
+
+div.dropcaps  > span.dropcaps {
+  color: var(--text-color-highlight);
+}
+blockquote,
+.dialog .quote-item {
+  border-color:var(--text-color-highlight);
+}
+.page-break {
+  border-color: var(--border-color);
+}
+
+
+/* --- grid.less --- */
+/* --- tables.less --- */
+
+.table > thead > tr > th,
+.table > tbody > tr > th,
+.table > tfoot > tr > th,
+.table > thead > tr > td,
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
+  border-color: var(--border-color);
+}
+
+.wikitable > thead > tr > th,
+.wikitable > tbody > tr > th,
+.wikitable > tfoot > tr > th,
+.wikitable > thead > tr > td,
+.wikitable > tbody > tr > td,
+.wikitable > tfoot > tr > td,
+.wikitable tr:first-child th {
+  border-color: var(--border-color);
+}
+
+.table-bordered,
+.table-bordered tr:first-child th,
+.table-bordered tr:first-child td {
+  border-color: var(--border-color);
+}
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+  border-color: var(--border-color);
+}
+
+.table-hover > tbody > tr:nth-of-type(odd):hover,
+.table-hover > tbody > tr:nth-child(odd):hover > td,
+.table-hover > tbody > tr:nth-child(odd):hover > th,
+.table-hover > tbody > tr:hover {
+  background-color: var(--background-lighter);
+}
+
+.table-striped > tbody > tr:nth-of-type(odd) ,
+.table-striped > tbody > tr:nth-child(odd) > td,
+.table-striped > tbody > tr:nth-child(odd) > th {
+  background-color: var(--background-light);
+}
+[[class*=zebra] .odd {
+  background-color: var(--background-light);
+}
+
+
+/* --- TableX.Sort.less --- */
+.sortable th:hover {
+  background-color: var(--background-lighter);;
+}
+.sortable th.up:after,
+.sortable th.up:hover:after {
+  border-bottom-color: var(--accent-color);
+  opacity:1;
+}
+.sortable th:hover:after,
+.sortable th.down:after,
+.sortable th.down:hover:after {
+  border-top-color: var(--accent-color);
+  opacity:1;
+}
+
+/* --- TableX.Filter.less --- */
+/* --- forms.less --- */
+/* --- modals.less --- */
+
+/* --- fontjspwiki/font-jspwiki.less --- */
+/* --- dropdown.less --- */
+
+/* --- pagination.less --- */
+/* --- Tips.less --- */
+.tip-link,
+.tip-link:hover {
+  color: var(--link-color);
+}
+/* --- Magnify.less --- */
+/* --- Viewer.less --- */
+/* --- Viewer.Slimbox.less --- */
+/* --- Viewer.Carousel.less --- */
+/* --- Template.View.less --- */
+.header, .footer {
+  background-image: -webkit-radial-gradient(circle, var(--background-light), var(--background));
+  background-image: radial-gradient(circle, var(--background-light), var(--background) );
+  color:var(--text-color-normal);
+}
+a.logo { border-color: var(--border-color); }
+
+
+div.admin .formcontainer {
+  /*.default*/
+  background-color: var(--background-light);
+  border-color: var(--border-color);
+  color:var(--text-color-richer);
+}
+
+.admin .formcontainer table {
+  border-color: var(--border-color);
+  /*
+      .table;
+      .table-bordered;
+      .table-striped;
+  */
+}
+.admin-user-form > div#userlist .list-group-item.new-user{
+  background-color: var(--background-light);
+  border-color: var(--border-color);
+  color:var(--text-color-richer);
+}
+
+
+
+
+/* --- Template.UserBox.less --- */
+.login-form {
+  background-color: var(--background-dialog);
+  border:1px solid var(--border-color);
+}
+.login-form hr { border-color:var(--border-color); }
+
+
+/* --- Template.SearchBox.less --- */
+/* --- Template.Nav.less --- */
+.badge,
+.header > .navigation  .nav > li > a > .badge {
+  background-color:var(--background-lighter);
+  color:var(--text-color-normal);
+}
+
+.header > .navigation .nav .btn-xs .badge {
+  background-color: var(--background-lighter);
+}
+
+/* --- Template.Content.less --- */
+body, .content {
+  background-color: var(--background);
+  color:var(--text-color-normal);
+  overflow-y: auto;
+}
+.content:after {
+  background: var(--background-sidebar);
+}
+/* --- Template.Attach.less --- */
+/* --- Template.Diff.less --- */
+.diffadd { background-color:var(--context-success); color:var(--color-black);  }
+.diffrem { background:var(--context-error); color:var(--color-black); }
+
+/* --- Template.Search.less --- */
+
+form#searchform2 + div 	.fragment {
+  color: var(--text-color-richer);
+}
+form#searchform2 + div .gb-bar {
+  background-color: var(--context-warning);
+}
+
+/* --- Template.Workflow.less --- */
+/* --- Template.Edit.less --- */
+
+.editform input[[type="text"]:focus,
+.dialog.find input[[type="text"]:focus,
+.editform textarea:focus,
+.dialog.find textarea:focus {
+  background-color:var(--background-lighter);
+  border-color:var(--border-color);
+  color:var(--text-color-richer);
+}
+.ajaxpreview {
+  border-color:var(--border-color);
+}
+.edit-area ~ .ajaxpreview {
+  border-left-color:var(--border-color);
+}
+
+/* --- Dialog.less --- */
+.dialog {
+  background-color: var(--background-dialog);
+  border-color: var(--border-color);
+}
+.dialog .caption {
+  border-color: var(--border-color);
+  color: var(--text-color-normal);
+}
+.dialog.selection .body .item:hover {
+  background-color: var(--background-lighter);
+}
+.dialog.selection .body .divider {
+  background-color: var(--border-color);
+}
+
+.dialog.find [[name=tbTEXTSEL] {  /*same as selected text*/
+  color:var(--accent-color);
+  background-color: var(--color-black);
+}
+
+
+
+/* --- Template.Preview.less --- */
+
+/* --- ImagePlugin.less --- */
+/* --- IndexPlugin.less --- */
+
+.index .header {
+  background-color:var(--background-light);
+  border-color:var(--border-color);
+}
+.index .header:hover {
+  background-color:var(--background-light);
+}
+.index .header a {
+  color:var(--text-color-richer);
+}
+.index .header a:hover {
+  background-color:var(--background-lighter);
+}
+.index > .section a {
+  color:var(--text-color-richer);
+}
+
+
+/* --- TOCPlugin.less --- */
+
+.toc ul li:hover {
+  background-color:var(--background-lighter);
+}
+
+/* --- WeblogPlugin.less --- */
+/* --- RecentChangesPlugin.less --- */
+
+.recentchanges .date {
+  border-color:var(--border-color);
+}
+/* --- CommentBox.less --- */
+
+
+/* --- GraphBar.less --- */
+.gb-group {
+  background-color:var(--background-light);
+  border:1px solid var(--border-color);
+}
+
+/* --- Tabs.less --- */
+/* --- Accordion.less --- */
+/* --- Columns.less --- */
+.columns.border,
+.columns.border > .col:not(:last-child)  {
+  border-color:var(--border-color);
+}
+.columns.hover .col:hover {
+  background-color: var(--background-lighter);
+}
+
+
+/* --- Collapsible.less --- */
+.bullet, .bullet.clpse { border-left-color: var(--text-color-normal); }
+.bullet.clpse:hover { border-left-color: var(--text-color-richer); }
+
+.bullet.xpand { border-top-color: var(--text-color-normal); }
+.bullet.xpand:hover { border-top-color: var(--text-color-richer); }
+
+/* --- Category.less --- */
+.category-link {
+  border-color:var(--border-color);
+}
+/* --- Flip.less --- */
+/* --- Invisibles.less --- */
+/* --- prettify.less --- */
+  .prettify pre,  .prettify-nonum pre, pre.prettylines {
+  background-color:var(--background-light);
+  border-color:var(--border-color);
+  color:var(--text-color-richer);
+  }
+  .pln { color: #cccccc; }  /* plain text */
+  .str { color: #99cc99; }  /* string content */
+  .kwd { color: #ffeea6; }  /* keyword */
+  .com { color: #8a8a80; }  /* comment */
+  .typ { color: #bbdaff; }  /* type name */
+  .lit { color: #FCA369; }  /* literal value */
+  .pun { color: #cda869; }  /* punctuation */
+  .opn { color: #ffffff; }  /* lisp open bracket */
+  .clo { color: #ffffff; }  /* lisp close bracket */
+  .tag { color: #78AAD6; }  /* markup tag name */
+  .atn { color: #ffc58f; }  /* markup attribute name */
+  .atv { color: #FFD479; }  /* markup attribute value */
+  .dec { color: #D6ACD6; }  /* declaration */
+  .var { color: #76D4D6; }  /* variable name */
+  .fun { color: #d6acd6; }  /* function name */
+
+/* --- responsive-viewport.less --- */
+/* --- print.less --- */
+
+/% 
+
+
+[{ALLOW edit Admin}]
+[{ALLOW view All}]
\ No newline at end of file