aboutsummaryrefslogtreecommitdiffstats
path: root/phpBB/adm/style/colour_swatch.html
blob: b968bdb625abf4454950f1d894b5e25acbfb5172 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
<head>
<meta charset="utf-8">
<title>{L_COLOUR_SWATCH}</title>

<style type="text/css">
/* <![CDATA[ */
	body {
		background-color: #404040;
		color: #fff;
	}

	td {
		border: solid 1px #333; 
	}

	.over { 
		border-color: white; 
	}

	.out {
		border-color: #333333; 
	}

	img {
		border: 0;
	}
/* ]]> */
</style>
</head>

<body>

<script type="text/javascript">
// <![CDATA[
	var r = 0, g = 0, b = 0;

	var numberList = new Array(6);
	numberList[0] = '00';
	numberList[1] = '33';
	numberList[2] = '66';
	numberList[3] = '99';
	numberList[4] = 'CC';
	numberList[5] = 'FF';

	document.writeln('<table>');

	for (r = 0; r < 6; r++)
	{
		document.writeln('<tr>');

		for (g = 0; g < 6; g++)
		{
			for (b = 0; b < 6; b++)
			{
				color = String(numberList[r]) + String(numberList[g]) + String(numberList[b]);
				document.write('<td style="background-color: #' + color + ';" onmouseover="this.className=\'over\'" onmouseout="this.className=\'out\'">');
				document.write('<a href="#" onclick="cell(\'' + color + '\'); return false;"><img src="{T_IMAGES_PATH}spacer.gif" width="15" height="12" alt="#' + color + '" title="#' + color + '" \/><\/a>');
				document.writeln('<\/td>');
			}
		}
		document.writeln('<\/tr>');
	}
	document.writeln('<\/table>');

	function cell(color)
	{
		opener.document.forms["{OPENER}"].{NAME}.value = color;
	}
// ]]>
</script>

</body>
</html>