Simple News

Required JavaScript jQuery files

CSS


/*--------------------------------------------------------------------------
heading h2
--------------------------------------------------------------------------*/
h2 {
	font-size: 2.1em;
	margin:0.5em 0;
	}

/*--------------------------------------------------------------------------
all headings
--------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	background:transparent url(images/dotted-line-black.gif) repeat-x scroll 0 100%;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:normal;
	line-height:1.1em;
	margin:0 0 0.5em;
	padding-bottom:3px;
	position:relative;
	}


/*--------------------------------------------------------------------------
form submit button
--------------------------------------------------------------------------*/
input.form-submit {
	background:transparent url(images/bg-button.gif) repeat-x scroll 0 50%;
	border:1px solid #CCCCCC;
	color:#666666;
	cursor:pointer;
	padding:5px;
	width:auto;
	}

input.form-submit:hover {
	border: 1px solid #999; 
	color: #000;
	}

#sidebar div.block-simplenews input.form-submit {
	clear: left;
	}

/*--------------------------------------------------------------------------
simple news
--------------------------------------------------------------------------*/
#sidebar div.block-simplenews {
	padding: 1px 10px 10px; 
	background: #f8f8f8 url(images/bg-tabs.gif) repeat-x 0 100%;
	}
	
#sidebar div.block-simplenews label {
	float: left;
	height: 25px;
	margin: 0 5px 0 0;
	}

#sidebar div.block-simplenews label {
/*	line-height: 1.5em;*/
	}
	
#sidebar div.block-simplenews div.form-radios {
/*	margin: -1em 0 0;*/
	padding: 0 0 8px;
	clear: left;
	overflow: hidden;
	}

#sidebar div.block-simplenews input.form-text {
	width: 230px;
	}

JavaScript


HTML


<p>Zerotouch newsletter</p>
<p>Stay informed about our latest news!</p>
<p>Email:<br />
*</p>
<p>Subscribe</p>
<p>Unsubscribe</p>