A Fancy, but simple announcements box with animated background.

announcements.html

<style>
@keyframes animate-bg
{
from {background-position:0px 0px;}
to {background-position:-40px -40px;}
}
@-webkit-keyframes animate-bg
{
from {background-position:0px 0px;}
to {background-position:-40px -40px;}
}

div.announcement {
background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
background-size:40px 40px;
border:1px solid;
color:white;
-webkit-animation:animate-bg 5s linear infinite;
animation:animate-bg 5s linear infinite;
-moz-animation:animate-bg 5s linear infinite;
-o-animation:animate-bg 5s linear infinite;
border-radius:5px;
padding:20px;
margin-top:10px;
margin-bottom:10px;
}

div.announcement.green {
background-color:#61b832;
border-color:#55a12c;
}

div.announcement.red {
background-color:#de4343;
border-color:#c43d3d;
}

div.announcement.orange {
background-color:#eaaf51;
border-color:#d99a36;
}

div.announcement.blue {
background-color:#4ea5cd;
border-color:#3b8eb5;
}

div.announcement h3 {
  font-size:18pt;
margin-bottom:18px;
}
</style>


<!-- Colours Available: Red, Green, Blue and Orange -->


<div class="announcement orange">

<h3>Minecraft 1.7.2 Update Information</h3>
<p>All Apex Network Servers are running Minecraft Version 1.6.4! Our coding team is going to be updating the server soon, but for now, keep your MC clients on 1.6.4, so you can play on our servers.</p>

</div>         

<div class="announcement blue">

<h3>Programmers / Coders wanted!</h3>
<p>We are looking for coders and programmers to join our team, mainly working on Bukkit Plugins for our servers! Becoming a coder is a brilliant opportunity if you wish to do Programming, Web Design or Software Development in the future. </p>
<br>
<p>Message the admins to show your interest in joining the team!</p>

</div>