jakebresnehan

/**
 * The first commented line is your dabblet’s title
 */

h1 span{
	color:Red  /* I only target <span> tags nested within a h1 */
}

h1 ~ span{
	color:blue /* I dont taget <span> tags nest within a h1, but any <span> tag that follows a h1 on the same nested level */

jakebresnehan

How to Use
Step 1.
Copy the custom_widget.php file and place it in your WordPress theme folder. Assuming WordPress is installed in the root of your server the file will be place in /wp-content/themes/yourtheme/

Step 2.
Open up functions.php and include the following piece of code somewhere in the file. include TEMPLATEPATH . '/custom_widget.php';

Step 3.
Edit the custom_widget.php file to suit your needs.

jakebresnehan

// Alpha blending

@function blend($bg, $fg) {

	$r:   red($fg) * alpha($fg) +   red($bg) * (1 - alpha($fg));
	$g: green($fg) * alpha($fg) + green($bg) * (1 - alpha($fg));
	$b:  blue($fg) * alpha($fg) +  blue($bg) * (1 - alpha($fg));

	@return rgb($r, $g, $b);

jakebresnehan

          <h1>Contact</h1>
          <form action="#" method="post">
          	<div>
          		<label for="name">Text Input:</label>
          		<input type="text" name="name" id="name" value="" tabindex="1" />
          	</div>
          
          	<div>
          		<h4>Radio Button Choice</h4>
          

jakebresnehan

.grid-overlay:before {
  content: "";
  position: fixed;
  background-color: rgba(34,102,153,0.5);

  background: -webkit-linear-gradient(skyblue 2px, transparent 2px), -webkit-linear-gradient(0, skyblue 2px, transparent 2px), -webkit-linear-gradient(skyblue 1px, transparent 1px), -webkit-linear-gradient(0, skyblue 1px, transparent 1px);
  background: -moz-linear-gradient(skyblue 2px, transparent 2px), -moz-linear-gradient(0, skyblue 2px, transparent 2px), -moz-linear-gradient(skyblue 1px, transparent 1px), -moz-linear-gradient(0, skyblue 1px, transparent 1px);
  background: -o-linear-gradient(skyblue 2px, transparent 2px), -o-linear-gradient(0, skyblue 2px, transparent 2px), -o-linear-gradient(skyblue 1px, transparent 1px), -o-linear-gradient(0, skyblue 1px, transparent 1px);
  background: -ms-linear-gradient(skyblue 2px, transparent 2px), -ms-linear-gradient(0, skyblue 2px, transparent 2px), -ms-linear-gradient(skyblue 1px, transparent 1px), -ms-linear-gradient(0, skyblue 1px, transparent 1px);
  background