1/**
2 * This creates the gradients for header and navigation tabs.
3 *
4 * @author Anika Henke <anika@selfthinker.org>
5 * @author Robert Rackl <wiki@doogie.de>
6 */
7
8.header-gradient(@color) {
9    background: @color;
10    background: -moz-linear-gradient(left, @color 0%, lighten(@color, 20) 25%, lighten(@color, 20) 75%, lighten(@color, 31) 82%, lighten(@color, 47) 96%, lighten(@color, 39) 100%);
11    background: -webkit-linear-gradient(left, @color 0%, lighten(@color, 20) 25%, lighten(@color, 20) 75%, lighten(@color, 31) 82%, lighten(@color, 47) 96%, lighten(@color, 39) 100%);
12    background: -o-linear-gradient(left, @color 0%, lighten(@color, 20) 25%, lighten(@color, 20) 75%, lighten(@color, 31) 82%, lighten(@color, 47) 96%, lighten(@color, 39) 100%);
13    background: -ms-linear-gradient(left, @color 0%, lighten(@color, 20) 25%, lighten(@color, 20) 75%, lighten(@color, 31) 82%, lighten(@color, 47) 96%, lighten(@color, 39) 100%);
14    background: linear-gradient(left, @color 0%, lighten(@color, 20) 25%, lighten(@color, 20) 75%, lighten(@color, 31) 82%, lighten(@color, 47) 96%, lighten(@color, 39) 100%);
15}
16
17.tab-gradient(@color) {
18    background: @color;
19    background: -moz-linear-gradient(top, lighten(@color, 16) 0%, lighten(@color, 16) 10%, lighten(@color, 4) 11%, lighten(@color, 4) 55%, @color 56%, @color 100%);
20    background: -webkit-linear-gradient(top, lighten(@color, 16) 0%, lighten(@color, 16) 10%, lighten(@color, 4) 11%, lighten(@color, 4) 55%, @color 56%, @color 100%);
21    background: -o-linear-gradient(top, lighten(@color, 16) 0%, lighten(@color, 16) 10%, lighten(@color, 4) 11%, lighten(@color, 4) 55%, @color 56%, @color 100%);
22    background: -ms-linear-gradient(top, lighten(@color, 16) 0%, lighten(@color, 16) 10%, lighten(@color, 4) 11%, lighten(@color, 4) 55%, @color 56%, @color 100%);
23    background: linear-gradient(top, lighten(@color, 16) 0%, lighten(@color, 16) 10%, lighten(@color, 4) 11%, lighten(@color, 4) 55%, @color 56%, @color 100%);
24}
25
26.dokuwiki .header {
27    .header-gradient(__header_background__);
28}
29
30.dokuwiki #tab__nav a {
31    .tab-gradient(__tab_background__);
32    border-color: lighten(__tab_background__, 7);
33}
34