smt

# Add this route to config/routes.rb
map.js ':controller/:action.:format'

smt

/*
	Form Elements
	-- Styled to look like native Safari on OS X.
	-- Drop-down <select> menus are unaffected.
	-- Buttons are unaffected. Native OS style.
*/

input,
button,
select,

smt

// REQUIRED VARS. Defaults to a 950px wide, 24-column grid that has 30px wide units and 10px wide
// gutters. If you do the fluid grid, then this 950/24/30/10px size will become the maximum size.
$grid_type: fixed !default
$grid_columns: 24 !default
$grid_column_width: 30 !default
$grid_gutter_width: 10 !default

// GENERATED VARS. You can ignore these.
$grid_full_width: $grid_columns * $grid_column_width + $grid_columns * $grid_gutter_width - $grid_gutter_width
$grid_column_width_percent: ($grid_column_width / $grid_full_width * 100) * 1%

smt

(function() {
    var eventMatchers = {
        'HTMLEvents': /^(?:load|unload|abort|error|select|change|submit|reset|focus|blur|resize|scroll)$/,
        'MouseEvents': /^(?:click|mouse(?:down|up|over|move|out))$/
    };
    var defaultOptions = {
        pointerX: 0,
        pointerY: 0,
        button: 0,
        ctrlKey: false,

smt

// Edit to suit your needs.
var ADAPT_CONFIG = {
  // Where is your CSS?
  path: 'assets/css/',

  // false = Only run one time, when page first loads.
  // true = Change for window resize or page tilt too.
  dynamic: true,

  // First range entry is the minimum.

smt

A pure CSS bendy shadow:

I suspect that some trig calculations could make this very general.

smt

# Some useful Unicode entities
# Non-Breaking Space
snippet nbs
	 
# ←
snippet left
	←
# →
snippet right
	→

smt

# requires root permissions in /usr/bin/

star = String.new
8.times { star += "*" }
Star = "\n#{star * 3}\n"

def newblock string
    puts "\n#{Star}#{string}#{Star}\n"
end

smt

<a href="#" class="toggle"><b class="handle"></b></a>

smt

<form>
  <div class="toggle">
    <input type="checkbox" name="toggleSwitch" id="toggleSwitch" />
    <label for="toggleSwitch">&zwj;</label>
  </div>
</form>