"Stop SOPA Ireland" banner for non-WordPress users
If you’ve visted my site recently, you’ll have noticed the banner for Stop SOPA Ireland. There’s a banner you can use if your site runs on WordPress, but if, like me, you use something else, you’re out of luck.
<style type="text/css" media="screen">
#sopa_menubar {
display: block;
width: 100%;
background: black;
overflow: hidden;
padding: 0.75ex 0;
}
#sopa_menubar ul, #sopa_menubar li {
margin: 0;
padding: 0;
list-style: none;
}
#sopa_menubar a {
color: silver;
text-decoration: none;
float: right;
margin: 0 2ex;
display: block;
padding: 0.5ex 0;
}
#sopa_menubar li.sopa_title {
float: left;
margin: 0 2ex;
padding: 0.5ex 0;
}
#sopa_menubar a.sopa_sign {
background: #5F9B3F no-repeat;
border-radius: 20px;
color: white;
padding: 0.5ex 3ex;
box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.3),
inset 0 0 0 2px RGBA(255, 255, 255, 0.2);
background-image: -webkit-linear-gradient(top, #74b74a 0%, #5f9b3f 100%);
background-image: linear-gradient(top, #74b74a 0%, #5f9b3f 100%);
}
#sopa_menubar a.sopa_sign strong {
text-shadow: 1px 1px 1px RGBA(0, 0, 0, 0.5);
}
</style>
<div id="sopa_menubar">
<ul>
<li class="sopa_title"><strong>I SUPPORT STOP SOPA IRELAND!</strong></li>
<li><a class="sopa_sign" href="http://stopsopaireland.com/"><strong>Sign the petition</strong></a></li>
<li><a href="http://wordpress.org/extend/plugins/stop-sopa-ireland/">Download the menubar</a></li>
<li><a href="http://www.tjmcintyre.com/2012/01/irelands-sopa-faq.html">FAQ</a></li>
</ul>
</div>
Throw that in the top of your page under the <head> tag, and you should be good to go.
It’s not perfect, and your pre-existing CSS rules may interfere with it, but, with luck it should work just fine.