From 2258c55dcb04851939670f68180f9091b7081f9c Mon Sep 17 00:00:00 2001
From: Ryan Wachtl <ryan.wachtl@gmail.com>
Date: Sat, 5 Jan 2013 13:11:04 -0600
Subject: [PATCH] ENHANCEMENT: Adapt the Widgets Editor CMS UI to fit SS 3.0

---
 .gitignore                    |   1 +
 config.rb                     |  15 +++++
 css/WidgetAreaEditor.css      |  89 +++++-----------------------
 images/add-bg-hover.png       | Bin 621 -> 0 bytes
 images/add-bg.png             | Bin 578 -> 0 bytes
 images/delete.gif             | Bin 356 -> 0 bytes
 images/handled-bg.png         | Bin 9922 -> 0 bytes
 scss/WidgetAreaEditor.scss    | 106 ++++++++++++++++++++++++++++++++++
 scss/_settings.scss           |   4 ++
 templates/WidgetAreaEditor.ss |   4 +-
 templates/WidgetEditor.ss     |   8 ++-
 11 files changed, 147 insertions(+), 80 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 config.rb
 delete mode 100644 images/add-bg-hover.png
 delete mode 100644 images/add-bg.png
 delete mode 100644 images/delete.gif
 delete mode 100644 images/handled-bg.png
 create mode 100644 scss/WidgetAreaEditor.scss
 create mode 100644 scss/_settings.scss

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..9ba470d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.sass-cache
\ No newline at end of file
diff --git a/config.rb b/config.rb
new file mode 100644
index 0000000..2f50304
--- /dev/null
+++ b/config.rb
@@ -0,0 +1,15 @@
+# Require any additional compass plugins here.
+
+project_type = :stand_alone
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "css"
+sass_dir = "scss"
+images_dir = "images"
+javascripts_dir = "javascript"
+output_style = :compact
+line_comments = false
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+asset_cache_buster = :none
\ No newline at end of file
diff --git a/css/WidgetAreaEditor.css b/css/WidgetAreaEditor.css
index e746a62..c51dfbb 100644
--- a/css/WidgetAreaEditor.css
+++ b/css/WidgetAreaEditor.css
@@ -1,81 +1,20 @@
-div.availableWidgetsHolder {
-	width: 30%;
-}
+@charset "UTF-8";
+.WidgetAreaEditor p { margin-bottom: 15px; }
 
-div.usedWidgetsHolder {
-	width: 66%;
-    max-width: 745px;
-}
+.Widget { padding: 0 7px 7px 7px; margin: 16px 0 16px 0; color: #1f1f1f; background-color: #b0bec7; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#b0bec7, #92a5b2); background-image: -moz-linear-gradient(#b0bec7, #92a5b2); background-image: -o-linear-gradient(#b0bec7, #92a5b2); background-image: linear-gradient(#b0bec7, #92a5b2); border-top: 1px solid #c2cdd4; border-bottom: 1px solid #748d9d; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
+.Widget h3 { margin: 0; padding: 0; line-height: 40px; text-shadow: #bfcad2 1px 1px 0; -webkit-transition-property: background-image; -moz-transition-property: background-image; -o-transition-property: background-image; transition-property: background-image; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
+.Widget .widgetDescription { background: #eceff1; padding: 5px 5px 1px 5px; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
+.Widget .widgetFields { background: #eceff1; padding: 5px; margin: 7px 0 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
 
-div.availableWidgetsHolder {
-	float: left;
-}
+.availableWidgetsHolder { width: 38%; float: left; }
 
-div.usedWidgetsHolder {
-	float: right;
-}
+.availableWidgets .Widget h3 { cursor: pointer; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABR0RVh0Q3JlYXRpb24gVGltZQAxLzUvMTOqzuI/AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAA8tJREFUSImdlk1MHGUYx38zO7u4s18sC10DBItFEEttUAmaTtFTJ34c9MBc/Iw99qDRHjx6682D9lBvatJotibGaGrWg4k6mgBWuggWKA1oKcm2wLJfs7A7s+OB3XRZ2Q/4n2ae9//+/8/zJu/zvAIHQCSqB4CHAAtY0VQl22iPbdsACE2Iq8C7wGkBCpIkLQOCaZpduxLEgE+Bq5qqGAc2ikT1l4GPXE5pqzscynaHQ49LDoe/kmNaVmo1vjGzGt/w5AumG/gQ+EZTlXxDo0hUDwMXREF4buiRnlR7q/9ko6oB1rdSsblbt12WVZwEzmuqsl7TKBLVZeA7n+x2Dg/2nqyuoBlMzS7paSNXAF7QVGW7bCRWmDiBz3yy2zUy1Hf6MCYAI0N9ik92O4GPI1HdU46LFZyzDlEcGhnqU+oJpTLGYipjLDYyczhEBXitHHOUqnkQiDw5+PBOi8sZqiWwdi8xMXPzn561ewlZEIRrrT5PTy1uONSaX41vPPP3rdtfHT/Wky1X9JZPds/7vXJ/vUwTyXQO+B7Qs8a2WY/rbnF1+WT3KjAO94/ujYGjneF6Gw+Dgd7OI8CbAGIkqocFONKomgpsAwaCYDci+j3ygCgIgSs//iaLwBNOp/RvMw5504LdTjCTL5gNuwqAJDkywAkJOBH0eZLVhLV7iYmF5dVjNnhLIQtIAj8ArkQqo/w0+ZdB6fgFyA70di11drSNVuoEfZ5kfDM5LAEd+2WSSKZzNnyuqcr5Gsm+WPkTiepXNpOZ9s6Otv24XglI7bcSDHjd8c3ke5Go/k4pVASmNVV5OhLVu4DLwAggldYdbQHvHzWSuisB1xPp7CvVK50dbaOl7MpCTM8vb0ei+jkgGPR7GX60V67aNlr1TyKd9QMxCZgsmFZXjUz2wCk5bGAMcLp2vxvCNK0AcFPUVCVu2/adRm2l2rMZUipjLBZtOz1+5pRRvrBfLKysxQ9g1BQWVtbuAp/A/c7wZdrIHW1UVVvA6waeB8Y88gNSPW5uJ38nbeT6ga+hYh5FovpZhyi+/+xTxwfrCZSTadRJfr42N2dZxYvjZ05dqqwI4LJVLE5MzS7p9QT8Xrm/kcnU7JJuWcVfNFW5VI7tN8q/9cnu4GEmrGlZqekby7G0kdsCXtdUJfm/CVuBt9NGbkH/88b6+lYq1qzJ+lYq9vv1+eW0kZsAXtVUZU9bq/cKegm44HJKO93hUC4cau11t7j23LeqV5AEfKCpytVKzkHedWPAOUAB2l1Oac62oWCajwEbgA5c1FTl1/32l43+A2DVjDi0+ffsAAAAAElFTkSuQmCC"); background-position: center right; background-repeat: no-repeat; }
+.availableWidgets .Widget h3:hover { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABR0RVh0Q3JlYXRpb24gVGltZQAxLzUvMTOqzuI/AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAABANJREFUSImdlltsVFUUhr8znbZzbUO4VDPJcZqWSgfqxCalNT1tuEQOXh6UyHkQUQvEmKCxoTwY2wcSW4khEESiQIIXTKMZRGM0mMMDJHpqHILiNG0tnTYzGZwYCjV0rp3ScnxwJkxrOzPt/7bX/tf619rZe60tsAR4VK0ceASYBYKKLMXz+ei6DoBQQHAZaAdadF2/l4jHAoBgsdocgiAA+IDTwEVFlhJLFvKo2nPAsVg0crfvshrXLl96bCqZKMvmmMyWSPPmJ/ulrdutNnuZGTgEfKvI0nReIY+qVQCHZ2dmNp07/UFkyPe7O1/VAC53ve/FfftLSktNV4GDiizdWVTIo2oW4PtwKFh86miPe34FhaC9q0dziM57wNOKLE1lhAxZIsXAZ+FQsOR4d2fLckQAjnd3SuFQsBg44VE1a8ZuyOLsnU6lNhzv7pRyBRIrq0fEyuqRfGKp1JQEvJSxFaWreQjwfHTk3dTk3X9WLhZgo7TJ2/ZGh9jYstlyf3b2t4D/hrgY13ft12lp6/YnhsZufrW+SoxnKno1HAoOhwKjNbkyramtSwI/ANrDDnEmF3fi9rgjHAr+BeyEB0f38je9n1bkclwOLvR+sgZ4BcDgUbUKXdfX5KsmC1NAQid9nXLgZmDs0dmZmfLzl/osBqA+HouGClGw2O3wXyfot9rL8nYVgGQyEQPqjEDd2PDQ5HzCRmmT94Xd+6oEQbClTbPAJPAjULJ23XrpyJneBOnj13U9fuGLs6Ne7Upjdpyx4aFJd0PT40Zg9UKZ1NTWJQVB+FyRpYOLJPtM9sKjaufXujas8mpXFuLajEBkoR3/nwNmd0PTAY+qvZU23QeuK7LU5FE1B9ALNADG9H6Rf2jg2iJJjRuBP6rWuZ6fv+PVrjSms8sE4rUD70x5VG0/sMI/PMiZY+9Z5rk1zltTtc5VBviMwFWL1eZYJJM5SMSiOtAKFCei0by3DsBstpQDfoMiS7cMBkM4X1uZh+JCSGJl9UiR0Rjdua05kXmw53bsaru1BKGCsGNX2zjwITzoDF86RKczX1X+oQEz8BTQ+nc4ZMzFXbl6TdghOmuAryFrHnlUbe90KtXR+eae2lwBMsnk6yTdJ84OlppMJ3duaz6VXRFAb0lpqbe9q0fLFSAUGK3JJ9Le1aOVmkw/KbJ0KmNbaJR/Fw4FVyxnwprMlsjrHZ0+h+i8C+xWZGnyfxM2C3scovPGoaMf33G5632Firjc9b7O908EHKLTC+xSZGlOW8v1C3oWOByLRlJ9l9Xk9au/VE7cHp/z3kxmS0Tasq2/eYtstdnLjMDbiixdzOYs5V/XCuwHJGBVLBoZFAQBq83uAiYADTipyNLPC/lnhP4FKHOWW0c+c/gAAAAASUVORK5CYII="); }
 
-div.usedWidgets .ui-state-highlight {
-    background: #EEEEEE;
-    border: 1px solid #DDDDDD;
-    width: 98%;
-    margin-bottom: 5px;
-}
+.usedWidgetsHolder { width: 60%; float: right; }
 
-.NoWidgets {
-	padding: 50px; /* Make this nice and big and easily 'droppable' */
-}
+.usedWidgets .Widget h3 { cursor: move; }
+.usedWidgets .Widget .deleteWidget { text-align: right; padding-top: 11px; margin-bottom: 3px; }
 
-div.usedWidgets div.Widget,
-div.availableWidgets div.Widget {
-	width: 98%;
-	border: 1px solid #ddd;
-	border-top: none;
-	margin-bottom: 10px;
-	background: #F0F3F4;
-}
-
-div.widgetDescription{
-    padding: 10px 0;
-}
-div.widgetDescription p,
-div.widgetFields {
-	padding: 0 8px;
-	color: #666;
-	font-size: 11px;
-}
-
-p.deleteWidget {
-	margin: 0 0 4px;
-	height: 22px;
-	line-height: 2.2;
-	font-size: 12px;
-}
-span.widgetDelete {
-	padding-left: 20px;
-	margin-right: 8px;
-	float: right;
-	background: url(../images/delete.gif) no-repeat left center;
-	cursor: pointer;
-}
-div.usedWidgets div.Widget h3,
-div.availableWidgets div.Widget h3 {
-	font-size: 12px;
-	color: #fff;
-	line-height: 1.8;
-	padding: 0 5px;
-	margin: 0;
-}
-	div.usedWidgets div.Widget h3 {
-		cursor: move;
-		background: #000 url(../images/handled-bg.png) right top;
-	}
-	div.availableWidgets div.Widget h3 {
-		cursor: pointer;
-		color: #444;
-		padding-right: 25px;
-		background: #ccc url(../images/add-bg.png) right center;
-	}
-		div.availableWidgets div.Widget h3:hover {
-			background: #ccc url(../images/add-bg-hover.png) right center;
-		}
\ No newline at end of file
+@media only screen and (max-width: 1279px) { .availableWidgetsHolder { width: 100%; float: none; margin-bottom: 20px; }
+  .usedWidgetsHolder { width: 100%; float: none; } }
diff --git a/images/add-bg-hover.png b/images/add-bg-hover.png
deleted file mode 100644
index 161876e56efbc60dae953cffa6e7729755f7fe43..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 621
zcmeAS@N?(olHy`uVBq!ia0y~yV0sB;YjH3E$wt?pd>|!R;u=vBoS#-wo>-L1;Fyx1
zl&avFo0y&&l$w}QS$Hzl2B?eQ)5S5Q;?|oxyR(B6B@R4P%bZ<yL8Ii`Ec*kl3p;K_
z=!?3Br~j8zFBfDv7#%ppsc@5?QU}}82MbudT{o#Ndva;=dl_XxLE-G}mmhq7B2dKl
z{)?Zz-Jz2qtFIa|Gzd=I%EaKXn}H!i97shlGAxK?VA#S9q}DJnT+m}+xWx*j!oczj
zZ<&C~w88QXWsD44x<wfnG^@Tmx%pMv{Q9;1S>g-{EGd&Jw5IR=UXc0mW6|1sKobu1
zUE?i$Klyy>_3QiY?ArU|*V*4|pC6xncG+4+hLu~rMOp>E*QXzUG<E9q{L`zSpPw^h
z=1uF8dpo%qCM;9&dnE9Eecp?^D)+O#?*2aCuKwey%Qt1_$Zt1dP;d?82o&M9)1MxG
z`n_FDltrkH+>gIIi^UlfeAlLJzIa1ok6Bgt-m>QhFUfyC7t7FKvi0`dh5z^6?KyPN
z`S-cGwkv^RvMPPf<}LBtXKqwEa&n#1!&_Iij~@Qb{(LLQc7dvom;T-~^xRbK|L~F1
z%NrM!>t|orV{q8@_S54#s-BZNYyN#|{dwumn`@tef#eZvXFqfHj5+#e=gqUWv$g$t
z{-@8<ppB*s3c72<c7NYHH|u5bJ0^xDnZK`Idj1y}EE*T}7(k&23ZnmyA1^--G(<wu
vIeyh@pu+?g1ET>L-0;`{2l|0>MmC19)>ZSl{X1iT>4(A7)z4*}Q$iB}#{Chr

diff --git a/images/add-bg.png b/images/add-bg.png
deleted file mode 100644
index b350dd2a0724b80b8ab97354b6ab63d817ca9122..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 578
zcmeAS@N?(olHy`uVBq!ia0y~yV0sB;YjH3E$wt?pd>|!R;u=vBoS#-wo>-L1;Fyx1
zl&avFo0y&&l$w}QS$HzlhJk_ciKmNWNX4x;ch34>W{^1WFz+?fW3}67T^ipwAKe_c
zXXcOc>JLhsEV5R;0>V$7ZBO!*<zBzGvCzP1LifvQHs^OOd3o=0^{=Io(J#NVGcp{Q
zv?7X;VL>bd!xnBJwT6M=f*u3IEmj~E#=wvv&cN`N2}o&!<r~Tv8Mbtbg5@1{1F552
z3=KlEJa&6)zW#dtGXN;$y+BGtJMqV}2hRWR9?uZT7H3FU_%!%yR%(Uaox88)=hy76
zwCh<Ezm1JyimK<N!dd6eX-|Fd;lqp9A3eA4-MH=A4D0v%xETVLDb26Z>(BY5+hig2
zcE7Al?LQ;A^zi4-+RO}IQ=a~`n0;9zeffR=^K~|Fa<|TU4RmjWh^J8hq8Gd3zkj>G
zzv7<{&@J6czLzcLeXh7@p*`!Y_1<^a;;(N7nQf!5c3fUu@86G2n{HM7dQ!N0Yh7s^
zP<^V_vhyDC^ZZvW-T3Q;<MV%ecV9mX^uPii@$a#l)^Ids>E5~buJo3)`FXJD)(v7;
zvi6=!+rBq){q_Hr@i%YY+-l0OK<DL`qb1u{PLuo|%g|tScVAT6o^Wx72sLn+B7%;U
q0ThD30ESYKaAs)u|9CqCGsE(z-lWL^CbNNwg2B_(&t;ucLK6UgGxvo6

diff --git a/images/delete.gif b/images/delete.gif
deleted file mode 100644
index 27dfea12f656943d3955ba912f18f4cd950a88d9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 356
zcmZ?wbhEHb6krfwxN5<$N0{Nb0>is4%RlQfe7|}5jv~V*9)@eqs?(h94#_foymIN8
z8p9cBrbD6(mt+{0vN6nIV_3t>uvwVn>FTAY)~-F|<1x+BWMg~#yNeh9xQM+!w*R^s
z=dRxFE6VJr6*!LdcfMG+?B0?kmzrDeX|O+BzGQ;E&5Fv(RW=4E#2MB*n_ikQ;e|TG
zq5Q%=28M|Y4Etml7V>dCpIE<)i(#)M$Gyye{}${$cDDbG8UFwO&wvdm{$ycfV6b4&
z0ZD@V#K6|*FsHynhbwtYzo7f7mbR_Y41sf0cnqc*6i*In6=plYu#khZ{hbK=s|5^3
z(t>w==eYH`xx_8u4`bzHsBz0+=4Ng7c49JZXXRDx?lte{5o&RsVy-VH%~LgVHfIr+
pT(Uq*U{DK}F&n?GxKkkGObad{emylODNPw~2_>EGV-}7K)&R_9cl!VU

diff --git a/images/handled-bg.png b/images/handled-bg.png
deleted file mode 100644
index b7c440b533ad2b595138122f436dc8931e8d1344..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 9922
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
A9RL6T

diff --git a/scss/WidgetAreaEditor.scss b/scss/WidgetAreaEditor.scss
new file mode 100644
index 0000000..8123a32
--- /dev/null
+++ b/scss/WidgetAreaEditor.scss
@@ -0,0 +1,106 @@
+@import "settings";
+
+// root widget area editor container
+.WidgetAreaEditor {
+	h2 {
+		
+	}
+	p {
+		margin-bottom: 15px;
+	}
+}
+
+// base styles for a widget
+.Widget {
+	padding: 0 7px 7px 7px;
+	margin: 16px 0 16px 0;
+	color: #1f1f1f;
+	background-color: #b0bec7;
+	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+	background-size: 100%;
+	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #92a5b2));
+	background-image: -webkit-linear-gradient(#b0bec7, #92a5b2);
+	background-image: -moz-linear-gradient(#b0bec7, #92a5b2);
+	background-image: -o-linear-gradient(#b0bec7, #92a5b2);
+	background-image: linear-gradient(#b0bec7, #92a5b2);
+	border-top: 1px solid #c2cdd4;
+	border-bottom: 1px solid #748d9d;
+	@include border-radius(3px);
+	h3 {
+		margin: 0;
+		padding: 0;
+		line-height: 40px;
+		text-shadow: #bfcad2 1px 1px 0;
+		@include transition-property(background-image);
+		@include transition-duration(0.2s);
+		@include transition-timing-function(ease-out);
+	}
+	.widgetDescription {
+		background: #eceff1;
+		padding: 5px 5px 1px 5px;
+		margin: 0;
+		@include border-radius(3px);
+	}
+	.widgetFields {
+		background: #eceff1;
+		padding: 5px;
+		margin: 7px 0 0 0;
+		@include border-radius(3px);
+	}
+}
+
+// container for available widgets
+.availableWidgetsHolder {
+	width: 38%;
+	float: left;
+}
+
+.availableWidgets {
+	.Widget {
+		h3 {
+			cursor: pointer;
+			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABR0RVh0Q3JlYXRpb24gVGltZQAxLzUvMTOqzuI/AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAA8tJREFUSImdlk1MHGUYx38zO7u4s18sC10DBItFEEttUAmaTtFTJ34c9MBc/Iw99qDRHjx6682D9lBvatJotibGaGrWg4k6mgBWuggWKA1oKcm2wLJfs7A7s+OB3XRZ2Q/4n2ae9//+/8/zJu/zvAIHQCSqB4CHAAtY0VQl22iPbdsACE2Iq8C7wGkBCpIkLQOCaZpduxLEgE+Bq5qqGAc2ikT1l4GPXE5pqzscynaHQ49LDoe/kmNaVmo1vjGzGt/w5AumG/gQ+EZTlXxDo0hUDwMXREF4buiRnlR7q/9ko6oB1rdSsblbt12WVZwEzmuqsl7TKBLVZeA7n+x2Dg/2nqyuoBlMzS7paSNXAF7QVGW7bCRWmDiBz3yy2zUy1Hf6MCYAI0N9ik92O4GPI1HdU46LFZyzDlEcGhnqU+oJpTLGYipjLDYyczhEBXitHHOUqnkQiDw5+PBOi8sZqiWwdi8xMXPzn561ewlZEIRrrT5PTy1uONSaX41vPPP3rdtfHT/Wky1X9JZPds/7vXJ/vUwTyXQO+B7Qs8a2WY/rbnF1+WT3KjAO94/ujYGjneF6Gw+Dgd7OI8CbAGIkqocFONKomgpsAwaCYDci+j3ygCgIgSs//iaLwBNOp/RvMw5504LdTjCTL5gNuwqAJDkywAkJOBH0eZLVhLV7iYmF5dVjNnhLIQtIAj8ArkQqo/w0+ZdB6fgFyA70di11drSNVuoEfZ5kfDM5LAEd+2WSSKZzNnyuqcr5Gsm+WPkTiepXNpOZ9s6Otv24XglI7bcSDHjd8c3ke5Go/k4pVASmNVV5OhLVu4DLwAggldYdbQHvHzWSuisB1xPp7CvVK50dbaOl7MpCTM8vb0ei+jkgGPR7GX60V67aNlr1TyKd9QMxCZgsmFZXjUz2wCk5bGAMcLp2vxvCNK0AcFPUVCVu2/adRm2l2rMZUipjLBZtOz1+5pRRvrBfLKysxQ9g1BQWVtbuAp/A/c7wZdrIHW1UVVvA6waeB8Y88gNSPW5uJ38nbeT6ga+hYh5FovpZhyi+/+xTxwfrCZSTadRJfr42N2dZxYvjZ05dqqwI4LJVLE5MzS7p9QT8Xrm/kcnU7JJuWcVfNFW5VI7tN8q/9cnu4GEmrGlZqekby7G0kdsCXtdUJfm/CVuBt9NGbkH/88b6+lYq1qzJ+lYq9vv1+eW0kZsAXtVUZU9bq/cKegm44HJKO93hUC4cau11t7j23LeqV5AEfKCpytVKzkHedWPAOUAB2l1Oac62oWCajwEbgA5c1FTl1/32l43+A2DVjDi0+ffsAAAAAElFTkSuQmCC');
+			background-position: center right;
+			background-repeat: no-repeat;
+			&:hover {
+				background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABR0RVh0Q3JlYXRpb24gVGltZQAxLzUvMTOqzuI/AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAABANJREFUSImdlltsVFUUhr8znbZzbUO4VDPJcZqWSgfqxCalNT1tuEQOXh6UyHkQUQvEmKCxoTwY2wcSW4khEESiQIIXTKMZRGM0mMMDJHpqHILiNG0tnTYzGZwYCjV0rp3ScnxwJkxrOzPt/7bX/tf619rZe60tsAR4VK0ceASYBYKKLMXz+ei6DoBQQHAZaAdadF2/l4jHAoBgsdocgiAA+IDTwEVFlhJLFvKo2nPAsVg0crfvshrXLl96bCqZKMvmmMyWSPPmJ/ulrdutNnuZGTgEfKvI0nReIY+qVQCHZ2dmNp07/UFkyPe7O1/VAC53ve/FfftLSktNV4GDiizdWVTIo2oW4PtwKFh86miPe34FhaC9q0dziM57wNOKLE1lhAxZIsXAZ+FQsOR4d2fLckQAjnd3SuFQsBg44VE1a8ZuyOLsnU6lNhzv7pRyBRIrq0fEyuqRfGKp1JQEvJSxFaWreQjwfHTk3dTk3X9WLhZgo7TJ2/ZGh9jYstlyf3b2t4D/hrgY13ft12lp6/YnhsZufrW+SoxnKno1HAoOhwKjNbkyramtSwI/ANrDDnEmF3fi9rgjHAr+BeyEB0f38je9n1bkclwOLvR+sgZ4BcDgUbUKXdfX5KsmC1NAQid9nXLgZmDs0dmZmfLzl/osBqA+HouGClGw2O3wXyfot9rL8nYVgGQyEQPqjEDd2PDQ5HzCRmmT94Xd+6oEQbClTbPAJPAjULJ23XrpyJneBOnj13U9fuGLs6Ne7Upjdpyx4aFJd0PT40Zg9UKZ1NTWJQVB+FyRpYOLJPtM9sKjaufXujas8mpXFuLajEBkoR3/nwNmd0PTAY+qvZU23QeuK7LU5FE1B9ALNADG9H6Rf2jg2iJJjRuBP6rWuZ6fv+PVrjSms8sE4rUD70x5VG0/sMI/PMiZY+9Z5rk1zltTtc5VBviMwFWL1eZYJJM5SMSiOtAKFCei0by3DsBstpQDfoMiS7cMBkM4X1uZh+JCSGJl9UiR0Rjdua05kXmw53bsaru1BKGCsGNX2zjwITzoDF86RKczX1X+oQEz8BTQ+nc4ZMzFXbl6TdghOmuAryFrHnlUbe90KtXR+eae2lwBMsnk6yTdJ84OlppMJ3duaz6VXRFAb0lpqbe9q0fLFSAUGK3JJ9Le1aOVmkw/KbJ0KmNbaJR/Fw4FVyxnwprMlsjrHZ0+h+i8C+xWZGnyfxM2C3scovPGoaMf33G5632Firjc9b7O908EHKLTC+xSZGlOW8v1C3oWOByLRlJ9l9Xk9au/VE7cHp/z3kxmS0Tasq2/eYtstdnLjMDbiixdzOYs5V/XCuwHJGBVLBoZFAQBq83uAiYADTipyNLPC/lnhP4FKHOWW0c+c/gAAAAASUVORK5CYII=');
+			}
+		}
+	}
+}
+
+// container for used widgets
+.usedWidgetsHolder {
+	width: 60%;
+	float: right;
+}
+
+.usedWidgets {
+	.Widget {
+		h3 {
+			cursor: move;
+		}
+		.deleteWidget {
+			text-align: right;
+			padding-top: 11px;
+			margin-bottom: 3px;
+		}
+	}
+}
+
+.noWidgets {
+	
+}
+
+// one column layout when space is limited
+@media only screen and (max-width: 1279px) {
+	.availableWidgetsHolder {
+		width: 100%;
+		float: none;
+		margin-bottom: 20px;
+	}
+	.usedWidgetsHolder {
+		width: 100%;
+		float: none;
+	}
+}
\ No newline at end of file
diff --git a/scss/_settings.scss b/scss/_settings.scss
new file mode 100644
index 0000000..167b5c5
--- /dev/null
+++ b/scss/_settings.scss
@@ -0,0 +1,4 @@
+@charset "UTF-8";
+
+@import "compass/css3/border-radius";
+@import "compass/css3/transition";
\ No newline at end of file
diff --git a/templates/WidgetAreaEditor.ss b/templates/WidgetAreaEditor.ss
index 6e3854e..db649c8 100644
--- a/templates/WidgetAreaEditor.ss
+++ b/templates/WidgetAreaEditor.ss
@@ -2,7 +2,7 @@
 	<input type="hidden" id="$Name" name="$IdxField" value="$Value" />
 	<div class="availableWidgetsHolder">
 		<h2><% _t('AVAILABLE', 'Available Widgets') %></h2>
-		<p><% _t('AVAILWIDGETS', 'Click a widget title below to use it on this page.') %></p>
+		<p class="message"><% _t('AVAILWIDGETS', 'Click a widget title below to use it on this page.') %></p>
 		<div class="availableWidgets" id="availableWidgets-$Name">
 			<% if AvailableWidgets %>
 				<% control AvailableWidgets %>
@@ -17,7 +17,7 @@
 	</div>
 	<div class="usedWidgetsHolder">
 		<h2><% _t('INUSE', 'Widgets currently used') %></h2>
-		<p><% _t('TOSORT', 'To sort currently used widgets on this page, drag them up and down.') %></p>
+		<p class="message"><% _t('TOSORT', 'To sort currently used widgets on this page, drag them up and down.') %></p>
 		
 		<div class="usedWidgets" id="usedWidgets-$Name">
 			<% if UsedWidgets %>
diff --git a/templates/WidgetEditor.ss b/templates/WidgetEditor.ss
index 0075b76..6b48143 100644
--- a/templates/WidgetEditor.ss
+++ b/templates/WidgetEditor.ss
@@ -3,10 +3,12 @@
 	<div class="widgetDescription">
 		<p>$Description</p>
 	</div>
+	<% if $CMSEditor %>
 	<div class="widgetFields">
 		$CMSEditor
-		<input type="hidden" name="$Name[Type]" value="$ClassName" />   
-		<input type="hidden" name="$Name[Sort]" value="$Sort" />
 	</div>
-	<p class="deleteWidget"><span class="widgetDelete"><% _t('DELETE', 'Delete') %></span></p>
+	<% end_if %>
+	<input type="hidden" name="$Name[Type]" value="$ClassName" />
+	<input type="hidden" name="$Name[Sort]" value="$Sort" />
+	<p class="deleteWidget"><span class="widgetDelete ss-ui-button"><% _t('DELETE', 'Delete') %></span></p>
 </div>
\ No newline at end of file