]]></b:skin>

body {
    animation: colorBackground 20s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
     -webkit-animation: colorBackground 20s infinite; /* Chrome, Safari 5+ */
      -moz-animation: colorBackground 20s infinite; /* Firefox 5-15 */
        -o-animation: colorBackground 20s infinite; /* Opera 12.00 */
}

@keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-webkit-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-moz-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-o-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}

<div class="mdonti-n.blogspot.com-palette">
<center>
<b>اختر لون الخلفية المفضلة لديك</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<!-- By mdonti-n.blogspot.com -->
<table border="1" width="100%" height="50">
<tbody>
<tr>
<td onclick="bgChange('#0082FF')" bgcolor="#0082FF"></td>
<td onclick="bgChange('#00FFA9')" bgcolor="#00FFA9"></td>
<td onclick="bgChange('#FF0094')" bgcolor="#FF0094"></td>
<td onclick="bgChange('#00BB35')" bgcolor="#00BB35"></td>
<td onclick="bgChange('#F18713')" bgcolor="#F18713"></td>
<td onclick="bgChange('#FF0505')" bgcolor="#FF0505"></td>
<td onclick="bgChange('#C0C1C0')" bgcolor="#C0C1C0"></td>
<td onclick="bgChange('#EBEC89')" bgcolor="#EBEC89"></td>
<td onclick="bgChange('#A5D5A0')" bgcolor="#A5D5A0"></td>
</tr>
<tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B"></td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3"></td>
<td onclick="bgChange('#008080')" bgcolor="#008080"></td>
<td onclick="bgChange('#808080')" bgcolor="#808080"></td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F"></td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F"></td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C"></td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082"></td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A"></td>
</tr>
</tbody>
</table>
</div>