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