phpBB/adm/style/colour_swatch.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
   5 <meta http-equiv="Content-Style-Type" content="text/css" />
   6 <meta http-equiv="Content-Language" content="{S_USER_LANG}" />
   7 <meta http-equiv="imagetoolbar" content="no" />
   8 <title>{L_COLOUR_SWATCH}</title>
   9
  10 <style type="text/css">
  11 /* <![CDATA[ */
  12         body {
  13                 background-color: #404040;
  14                 color: #fff;
  15         }
  16
  17         td {
  18                 border: solid 1px #333;
  19         }
  20
  21         .over {
  22                 border-color: white;
  23         }
  24
  25         .out {
  26                 border-color: #333333;
  27         }
  28
  29         img {
  30                 border: 0;
  31         }
  32 /* ]]> */
  33 </style>
  34 </head>
  35
  36 <body>
  37
  38 <script type="text/javascript">
  39 // <![CDATA[
  40         var r = 0, g = 0, b = 0;
  41
  42         var numberList = new Array(6);
  43         numberList[0] = '00';
  44         numberList[1] = '33';
  45         numberList[2] = '66';
  46         numberList[3] = '99';
  47         numberList[4] = 'CC';
  48         numberList[5] = 'FF';
  49
  50         document.writeln('<table cellspacing="0" cellpadding="0" border="0">');
  51
  52         for (r = 0; r < 6; r++)
  53         {
  54                 document.writeln('<tr>');
  55
  56                 for (g = 0; g < 6; g++)
  57                 {
  58                         for (b = 0; b < 6; b++)
  59                         {
  60                                 color = String(numberList[r]) + String(numberList[g]) + String(numberList[b]);
  61                                 document.write('<td style="background-color: #' + color + ';" onmouseover="this.className=\'over\'" onmouseout="this.className=\'out\'">');
  62                                 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>');
  63                                 document.writeln('<\/td>');
  64                         }
  65                 }
  66                 document.writeln('<\/tr>');
  67         }
  68         document.writeln('<\/table>');
  69
  70         function cell(color)
  71         {
  72                 opener.document.forms["{OPENER}"].{NAME}.value = color;
  73         }
  74 // ]]>
  75 </script>
  76
  77 </body>
  78 </html>