jcsrb

/**
 * The first commented line is your dabblet’s title
 */
 .content_panel_embossed{
    background-color: #F7F7F7;
    border: 1px solid #D9D9D9;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), 0 0 15px white inset;
    
}

jcsrb

/**
 * How do I get this to be the same size?
 */
html{
min-height: 100%;

background: radial-gradient( 8% 50%, circle, #ed4f3a 8%, transparent 8%, transparent) 0px 0px,
            radial-gradient(24% 50%, circle, #ed4f3a 8%, transparent 8%, transparent) 0px 0px,
            radial-gradient(40% 50%, circle, #ed4f3a 8%, transparent 8%, transparent) 0px 0px,
            radial-gradient(56% 50%, circle, #ed4f3a 8%, transparent 8%, transparent) 0px 0px,

jcsrb

/**
 * Spectrum http://simpledesktops.com/browse/desktops/2012/jan/19/spectrum/
 */

body{
  background: #333232;
  min-height:100%;
}

#circles{

jcsrb

<?php
/*
Plugin Name: Custom Post Class
Description: add a custom class to your post, use 'post-class' as custom field
Version: 1.0
Author: Jakob Cosoroaba
Author URI: http://jakob.cosoroaba.ro/
*/

	function extra_post_class($classes) {

jcsrb

// taken from https://github.com/lokesh/color-thief
/*
	CanvasImage Class
	Class that wraps the html image element and canvas.
	It also simplifies some of the canvas context manipulation 
	with a set of helper functions.
*/
var CanvasImage = function(image){
	// If jquery object is passed in, get html element
	this.imgEl = (image.jquery)? image[0]: image;

jcsrb

/**
 * Panel Styles
 */
			 /*body_bg.png*/
body{ background: url(http://i.imgur.com/9OqsE.png);}
body > div{
  margin-top:20px;
  margin-left:20px;
  min-height: 240px;
  min-width: 240px;

jcsrb

<a
  data-hover-actions="true" 
  data-hover-text="remove from favourites" 
  data-hover-class="ui button orange follow" 
  class="ui button green active follow" 
  href="/toggle_favourite"
>
<span class="icon"></span>
is one of your favourites
</a>

jcsrb

#heart {	
	transform: rotate(45deg);
	position: relative;
	width: 250px;
	height: 250px;
	margin: 200px auto;
}

#heart div {

jcsrb

#heart {	
	transform: rotate(45deg);
	position: relative;
	width: 250px;
	height: 250px;
	margin: 200px auto;
}

#heart div {

jcsrb

#heart {	
	transform: rotate(45deg);
	position: relative;
	width: 250px;
	height: 250px;
	margin: 200px auto;
}

#heart div {