shoppe 0.0.5

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2013 Niftyware Limited.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/Rakefile

@@ -0,0 +1,18 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end

data/app/assets/images/shoppe/document.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?> <!-- Generator: IcoMoon.io --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 16 16" xml:space="preserve" fill="#cccccc"> <path d="M 39.00,48.00L9.00,48.00 c-1.659,0.00-3.00-1.341-3.00-3.00L6.00,3.00 c0.00-1.659, 1.341-3.00, 3.00-3.00l21.00,0.00 l 12.00,12.00l0.00,33.00 C 42.00,46.659, 40.659,48.00, 39.00,48.00z M 27.00,15.00L27.00,6.00 L12.00,6.00 l0.00,36.00 l24.00,0.00 L36.00,15.00 L27.00,15.00 z" ></path></svg>

data/app/assets/images/shoppe/logo.svg

@@ -0,0 +1,47 @@
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In  -->
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="305.552px" height="226px" viewBox="0 0 305.552 226" enable-background="new 0 0 305.552 226"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g>
+	<g>
+		<defs>
+			<path id="SVGID_1_" d="M182.757,201.905C163.547,216.998,139.325,226,113,226C50.592,226,0,175.408,0,113
+				C0,50.592,50.592,0,113,0c49.205,0,91.064,31.449,106.574,75.344c-32.834,9.341-56.854,39.258-56.854,74.72
+				C162.72,169.981,170.297,188.149,182.757,201.905L182.757,201.905L182.757,201.905z M79.685,121.92
+				c8.328,7.994,18.286,11.991,29.873,11.991c6.88,0,10.32-1.658,10.32-4.974c0-1.59-1.788-2.805-5.364-3.645
+				c-3.576-0.84-7.887-1.726-12.933-2.657c-5.047-0.931-10.093-2.282-15.14-4.054c-5.047-1.771-9.358-4.883-12.934-9.334
+				c-3.576-4.451-5.363-10.083-5.363-16.896c0-7.449,2.716-14.035,8.147-19.758c5.431-5.723,13.013-9.22,22.744-10.492V48.816
+				h17.788v13.422c11.406,1.59,21.137,5.678,29.194,12.264l-15.004,19.962c-8.057-6.132-17.154-9.198-27.293-9.198
+				c-4.707,0-7.061,1.385-7.061,4.156c0,1.499,1.754,2.714,5.262,3.645c3.508,0.931,7.796,1.908,12.866,2.93
+				c5.069,1.022,10.15,2.419,15.242,4.19c5.092,1.771,9.403,4.792,12.934,9.061c3.53,4.27,5.296,9.606,5.296,16.011
+				c0,8.948-2.761,16.17-8.283,21.665c-5.522,5.496-13.239,8.88-23.151,10.151v12.877H99.034v-12.877
+				c-13.714-1.317-25.03-6.064-33.946-14.239L79.685,121.92L79.685,121.92z M79.685,121.92"/>
+		</defs>
+		<use xlink:href="#SVGID_1_"  overflow="visible" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF"/>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_1_"  overflow="visible"/>
+		</clipPath>
+	</g>
+	<g>
+		<defs>
+			<path id="SVGID_3_" d="M240.464,213.344c35.947,0,65.088-28.736,65.088-64.184c0-35.448-29.141-64.184-65.088-64.184
+				c-35.947,0-65.088,28.736-65.088,64.184C175.376,184.608,204.517,213.344,240.464,213.344L240.464,213.344z M226.701,156.083
+				c4.526,4.415,9.938,6.622,16.235,6.622c3.739,0,5.609-0.916,5.609-2.747c0-0.878-0.972-1.549-2.915-2.013
+				c-1.943-0.464-4.286-0.953-7.029-1.467c-2.743-0.514-5.486-1.26-8.228-2.239c-2.743-0.978-5.086-2.696-7.029-5.155
+				c-1.943-2.458-2.915-5.568-2.915-9.331c0-4.114,1.476-7.751,4.428-10.911c2.952-3.161,7.072-5.092,12.361-5.794v-7.337h9.667
+				v7.412c6.199,0.878,11.488,3.135,15.866,6.772l-8.154,11.024c-4.379-3.386-9.323-5.079-14.833-5.079
+				c-2.558,0-3.837,0.765-3.837,2.295c0,0.828,0.953,1.499,2.86,2.013c1.906,0.514,4.237,1.053,6.992,1.618
+				c2.755,0.564,5.516,1.336,8.284,2.314c2.767,0.978,5.11,2.646,7.029,5.004c1.919,2.358,2.878,5.305,2.878,8.842
+				c0,4.941-1.5,8.929-4.502,11.965c-3.001,3.035-7.195,4.904-12.582,5.606v7.111h-9.667v-7.111
+				c-7.453-0.727-13.603-3.349-18.449-7.863L226.701,156.083L226.701,156.083z M226.701,156.083"/>
+		</defs>
+		<use xlink:href="#SVGID_3_"  overflow="visible" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF"/>
+		<clipPath id="SVGID_4_">
+			<use xlink:href="#SVGID_3_"  overflow="visible"/>
+		</clipPath>
+	</g>
+</g>
+</svg>

data/app/assets/images/shoppe/shoppe.svg

@@ -0,0 +1,25 @@
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In  -->
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="360.246px" height="79.421px" viewBox="0 0 360.246 79.421" enable-background="new 0 0 360.246 79.421"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g>
+	<path fill="#FFFFFF" d="M57.64,56.541c0,12.21-8.14,22.88-25.52,22.88c-12.76,0-25.19-5.83-32.12-10.89l9.02-14.74
+		c5.72,3.63,15.95,8.14,21.67,8.14c3.19,0,5.72-1.43,5.72-4.399c0-5.391-8.91-6.82-19.58-12.65c-7.26-4.07-15.51-10.34-15.51-22.33
+		C1.32,10.23,9.68,0,26.95,0C37.73,0,48.51,4.07,56.1,8.36l-9.13,15.07c-5.17-2.75-13.42-5.94-18.48-5.94
+		c-3.3,0-5.94,1.32-5.94,4.291c0,5.39,9.35,6.93,19.36,12.319C48.73,37.951,57.64,44.001,57.64,56.541z"/>
+	<path fill="#FFFFFF" d="M98.229,46.531H80.41v31.68h-20.13v-77h20.13v27.83h17.82V1.211h20.02v77h-20.02V46.531z"/>
+	<path fill="#FFFFFF" d="M188.099,39.711c0,22.33-9.021,39.71-33.22,39.71c-24.2,0-33.22-17.38-33.22-39.71S130.678,0,154.878,0
+		C179.078,0,188.099,17.381,188.099,39.711z M167.528,39.711c0-12.76-3.08-21.78-12.65-21.78c-9.57,0-12.65,9.021-12.65,21.78
+		c0,12.869,3.08,21.779,12.65,21.779C164.448,61.49,167.528,52.58,167.528,39.711z"/>
+	<path fill="#FFFFFF" d="M219.007,52.691h-7.479v25.52h-20.13v-77h27.609c21.23,0,29.591,9.68,29.591,25.85
+		C248.598,43.121,240.237,52.691,219.007,52.691z M218.348,18.591h-6.82v16.94h6.82c5.72,0,10.01-1.541,10.01-8.471
+		S224.067,18.591,218.348,18.591z"/>
+	<path fill="#FFFFFF" d="M278.516,52.691h-7.479v25.52h-20.13v-77h27.609c21.23,0,29.591,9.68,29.591,25.85
+		C308.106,43.121,299.746,52.691,278.516,52.691z M277.856,18.591h-6.82v16.94h6.82c5.72,0,10.01-1.541,10.01-8.471
+		S283.576,18.591,277.856,18.591z"/>
+	<path fill="#FFFFFF" d="M310.416,78.211v-77h49.39v17.82h-29.26v11.989h23.65V48.4h-23.65v11.99h29.7v17.82H310.416z"/>
+</g>
+</svg>

data/app/assets/images/shoppe/square.svg

@@ -0,0 +1,9 @@
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In  -->
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="231.959px" height="231.959px" viewBox="0 0 231.959 231.959" enable-background="new 0 0 231.959 231.959"
+	 xml:space="preserve">
+<defs>
+</defs>
+<rect x="0" y="0" fill="#e7ebf2" width="231.959" height="231.959"/>
+</svg>

data/app/assets/images/shoppe/statuses/accepted.svg

@@ -0,0 +1,14 @@
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In  -->
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="502.062px" height="502.062px" viewBox="0 0 502.062 502.062" enable-background="new 0 0 502.062 502.062"
+	 xml:space="preserve">
+<defs>
+</defs>
+<circle fill="#89BD2F" cx="251.031" cy="251.031" r="251.031"/>
+<path fill="#FFFFFF" d="M290.908,204.098c-1.73-4.668,46.487-47.731,18.359-82.624c-6.586-8.166-28.908,39.069-60.613,60.457
+	c-17.491,11.799-58.189,36.913-58.189,50.787v89.833c0,16.705,64.531,34.376,113.588,34.376c17.96,0,44.007-112.618,44.007-130.509
+	C348.06,208.461,292.639,208.767,290.908,204.098z M177.333,205.347c-8.636,0-39.399,5.253-39.399,40.997v63.667
+	c0,35.746,30.762,39.686,39.399,39.686c8.632,0-13.133-7.521-13.133-29.672V236.33C164.2,213.106,185.965,205.347,177.333,205.347z"
+	/>
+</svg>

data/app/assets/images/shoppe/statuses/paid.svg

@@ -0,0 +1,16 @@
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In  -->
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="502.062px" height="502.062px" viewBox="0 0 502.062 502.062" enable-background="new 0 0 502.062 502.062"
+	 xml:space="preserve">
+<defs>
+</defs>
+<circle fill="#3DB3E2" cx="251.031" cy="251.031" r="251.031"/>
+<path fill="#FFFFFF" d="M363.856,156.309H134.931c-15.739,0-28.616,12.877-28.616,28.616v143.078
+	c0,15.739,12.877,28.616,28.616,28.616h228.925c15.739,0,28.616-12.877,28.616-28.616V184.924
+	C392.471,169.186,379.594,156.309,363.856,156.309z M363.856,328.002H134.931v-85.847h228.925V328.002z M363.856,199.232H134.931
+	v-14.308h228.925V199.232z M163.546,272.202v8.585h8.585v-8.585H163.546z M215.054,289.371v8.585h17.169v-8.585h8.585v-8.585h8.585
+	v-8.585h-17.169v8.585h-8.585v8.585H215.054z M249.393,297.956v-8.585h-8.585v8.585H249.393z M206.47,297.956v-8.585H189.3v8.585
+	H206.47z M215.054,280.787h8.585v-8.585H206.47v17.169h8.585V280.787z M180.716,289.371h8.585v-8.585h8.585v-8.585h-17.169v8.585
+	h-8.585v8.585h-8.585v8.585h17.169V289.371z"/>
+</svg>

data/app/assets/images/shoppe/statuses/received.svg

@@ -0,0 +1,15 @@
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In  -->
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="502.062px" height="502.062px" viewBox="0 0 502.062 502.062" enable-background="new 0 0 502.062 502.062"
+	 xml:space="preserve">
+<defs>
+</defs>
+<circle fill="#909091" cx="251.031" cy="251.031" r="251.031"/>
+<path fill="#FFFFFF" d="M402.991,237.719c-6.284-6.68-36.621-36.416-50.491-49.992c-4.249-4.15-10.342-6.795-16.707-6.795
+	c-6.366,0-82.509,0-82.509,0s-76.144,0-82.509,0c-6.365,0-12.458,2.644-16.707,6.795c-13.871,13.576-44.207,43.312-50.491,49.992
+	c-7.84,8.336-12.142,14.99-10.094,23.232l8.992,49.276c2.041,8.239,11.071,14.983,20.064,14.983H384.03
+	c8.992,0,18.022-6.744,20.064-14.983l8.992-49.276C415.134,252.709,410.832,246.055,402.991,237.719z M318.175,248.402
+	c-1.628,0-3.106,0.825-3.839,2.129l-13.097,32.624h-95.91l-13.097-32.624c-0.733-1.304-2.21-2.129-3.839-2.129h-56.819l32.71-37.011
+	h177.999l32.71,37.011H318.175z"/>
+</svg>

data/app/assets/images/shoppe/statuses/rejected.svg

@@ -0,0 +1,14 @@
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In  -->
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="502.062px" height="502.062px" viewBox="0 0 502.062 502.062" enable-background="new 0 0 502.062 502.062"
+	 xml:space="preserve">
+<defs>
+</defs>
+<circle fill="#E6311C" cx="251.031" cy="251.031" r="251.031"/>
+<path fill="#FFFFFF" d="M202.229,293.308c1.851,4.994-49.731,51.061-19.64,88.389c7.045,8.736,30.925-41.795,64.842-64.676
+	c18.711-12.622,62.249-39.489,62.249-54.331v-96.101c0-17.87-69.033-36.775-121.513-36.775c-19.213,0-47.077,120.476-47.077,139.616
+	C141.089,288.64,200.377,288.312,202.229,293.308z M323.729,291.971c9.239,0,42.148-5.62,42.148-43.857v-68.11
+	c0-38.24-32.909-42.455-42.148-42.455c-9.236,0,14.049,8.045,14.049,31.742v89.535C337.778,283.671,314.492,291.971,323.729,291.971
+	z"/>
+</svg>

data/app/assets/images/shoppe/statuses/shipped.svg

@@ -0,0 +1,14 @@
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In  -->
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="502.062px" height="502.062px" viewBox="0 0 502.062 502.062" enable-background="new 0 0 502.062 502.062"
+	 xml:space="preserve">
+<defs>
+</defs>
+<circle fill="#E32479" cx="251.031" cy="251.031" r="251.031"/>
+<g>
+	<path fill="#FFFFFF" d="M203.353,389.855h29.961l67.227-119.842h77.339c0,0,44.941,0,44.941-20.972s-44.941-20.972-44.941-20.972
+		H300.54l-67.227-119.842h-29.961l37.266,119.842h-53.733l-33.711-29.961h-29.961l23.968,50.933l-23.968,50.933h29.961
+		l33.711-29.961h53.733L203.353,389.855z"/>
+</g>
+</svg>

data/app/assets/javascripts/shoppe/application.coffee

@@ -0,0 +1,11 @@
+#= require jquery
+#= require jquery_ujs
+#= require_tree .
+
+$ ->
+  # Automatically focus all fields with the 'focus' class
+  $('input.focus').focus()
+  
+  # When clicking the order search button, toggle the form
+  $('a[rel=searchOrders]').on 'click', ->
+    $('div.orderSearch').toggle()

data/app/assets/stylesheets/shoppe/application.scss

@@ -0,0 +1,302 @@
+/*
+ *= require shoppe/reset
+ *= require shoppe/elements
+ *= require_self
+ */
+
+@import 'variables';
+
+html { font-family:$font; font-size:12px; color:#000; -webkit-font-smoothing:antialiased; background-color:#f7f9fc;}
+
+nav.sidebar {
+	width:200px;
+	background:#40454D;
+	position:fixed;
+	top:0;
+	bottom:0;
+	header.logo {
+		height:57px;
+		background:image-url('shoppe/logo.svg') #9AC835 no-repeat 22px 25px;
+		background-size:45px;
+		padding-left:80px;
+		padding-top:28px;
+		h1 a {
+			display:block;
+			width:72px;
+			height:16px;
+			background:image-url('shoppe/shoppe.svg') no-repeat;
+			background-size:72px 16px;
+			text-indent:-40000px;
+		}
+		p { color:#fff; font-size:0.9em; margin-top:4px; }
+	}
+	
+	p.logged {
+		background:#5B6270;
+		padding:12px 20px;
+		color:#fff;
+		font-size:0.9em;
+	}
+	
+	ul {
+		li {
+			span.pending { float:right; font-size:0.9em;  font-weight:bold;background:#5B6270; color:#fff;padding:2px 7px; border-radius:16px; margin-top:9px; margin-right:10px;}
+			a {
+				display:block;
+				border-bottom:1px solid rgba(255,255,255,0.05);
+				color:rgba(255,255,255,0.7);
+				text-decoration:none;
+				padding:10px 20px;
+				font-size:1.1em;
+				&:hover {
+					background:rgba(0,0,0,0.1);
+				}
+				&.active {
+					font-weight:bold;
+					color:#fff;
+				}
+			}
+		}
+	}
+}
+
+header.main {
+	position:fixed;
+	left:200px;
+	right:0;
+	height:85px;
+	background:#fff;
+	box-shadow: 0 0px 15px -2px rgba(0,0,0,0.2);
+	p.buttons { float:right; margin-top:27px; margin-right:35px;}
+	p.buttons a { margin-left:10px;}
+	h2 { margin-top:28px; margin-left:35px; font-size:1.8em; color:#333;}
+	h2 span { font-size:0.5em; font-weight:normal; color:#999; margin-left:10px;}
+}
+
+#content {
+	padding-left:200px;
+	padding-top:85px;
+	
+	section.main {
+		padding:35px;
+	}
+	
+	//
+	// flashes
+	//
+	#flash-notice { background:#21a3e0; padding:15px 35px; color:#fff; font-size:1.2em; font-weight:bold;}
+	#flash-alert { background:#e04e21; padding:15px 35px; color:#fff; font-size:1.2em; font-weight:bold;}
+	
+	//
+	// data table
+	//
+	div.table {
+		table.data {
+			width:100%;
+			th, td { padding:10px;}
+			thead th { border:1px solid #40454D; background:#40454D; text-align:left; font-weight:normal; font-size:0.9em; color:#fff; }
+			tbody td { border:1px solid #cfd4dd; background:#fff;}
+			a { color:inherit;}
+			tbody th { text-align:left; background:#5B6270; border:1px solid #5B6270;font-size:1.2em; color:#fff;}
+			tfoot td.right { text-align:right; }
+			tfoot td.bold { font-weight:bold;}
+			tfoot td { border-top:0 solid #ccc; background:#fafafa;}
+			tfoot tr:first-child td { border-top-width:3px;}
+		}
+	}
+	
+	
+	//
+	// Status tags
+	//
+	span.status-tag {
+		font-weight:600;
+		font-size:11px;
+		text-transform:uppercase;
+		background-size:16px;
+		background-repeat:no-repeat;
+		padding-left:20px;
+		min-height:16px;
+		display:inline-block;
+		&.shipped { color:#E32479; background-image:image-url('shoppe/statuses/shipped.svg'); }
+		&.accepted { color:#89BD2F; background-image:image-url('shoppe/statuses/accepted.svg'); }
+		&.rejected { color:#E33127; background-image:image-url('shoppe/statuses/rejected.svg'); }
+		&.received { color:#909091; background-image:image-url('shoppe/statuses/received.svg'); }
+	}
+	
+	//
+	// forms
+	//
+	form {
+		fieldset {
+			border:1px solid #ddd;
+			background:#fff;
+			padding-top:22px;
+			padding-bottom:25px;
+			margin-bottom:15px;
+			border-bottom-left-radius:6px;
+			border-bottom-right-radius:6px;
+			legend { border-top-left-radius:8px; border-top-right-radius:8px; font-weight:bold; color:#fff;padding:1%;background:#40454D; width:98%;}
+			dl { 
+				margin:0 25px;
+				overflow:hidden;
+				margin-bottom:15px;
+				&:last-child { margin-bottom:0;}
+				dt { width:150px; float:left;}
+				dd { margin-left:170px; }
+				dd input[type=text], dd input[type=password], textarea {
+					width:97%; padding:8px; font-size:1.2em; border:1px solid #ccc;
+					font-family:$font;
+					border-radius:6px;
+					&:focus { border-color:#999; background-color:#f6f9f0;}
+					&.short { width:100px;}
+				}
+				dd textarea { height:80px;	}
+				dd p.help { margin-top:10px; color:#999;}
+			}
+		}
+		p.submit {margin:30px 0 30px 185px; }
+		p.submit span.right { float:right;}
+		.errorExplanation {
+	    margin-bottom:25px;
+	    border:4px solid #e43c3c;
+			background:#ffeded;
+	    padding:10px 10px 10px 10px;
+	    line-height:1.5;
+	    h2 { font-size:1.0em !important; font-weight:600; color:#F20011;  margin-bottom:3px;}
+	    p { display:none;}
+	    ul li { list-style:disc; margin-left:25px;}
+	  }
+	}
+	
+	//
+	// attachment preview
+	//
+	div.attachmentPreview {
+		overflow:hidden;
+		margin-bottom:15px;
+		div.imgContainer {  float:left;padding:4px;	 border:1px solid #ccc; background:#fff;}
+		div.imgContainer div.img { background-image:image-url('shoppe/document.svg'); width:40px; height:40px; display:block;background-size:contain; background-repeat:no-repeat; background-position: center center;}
+		div.desc {margin-left:60px; padding-top:5px;}
+		div.desc span { display:block}
+		div.desc span.filename { font-size:1.1em; margin-bottom:5px;}
+		div.desc span.filename a { text-decoration:none; font-weight:bold;}
+		div.desc span.delete a  { color:#FF9781; font-size:0.9em; }
+		div.desc a { color:#000;}
+	}
+	
+	//
+	// order summary page
+	//
+	#order {
+		.details {
+			overflow:hidden;
+			.left {
+				width:55%;
+				float:left
+			}
+			.right {
+				width:45%;
+				float:left;
+				p.acceptreject { text-align:center; margin-top:22px; }
+				p.acceptreject a { margin: 0 5px;}
+				p.ship { text-align:center; margin-top:22px;}
+				p.ship input[type=text] { padding:5px; width:200px;  }
+			}
+			
+			dl {
+				dt { float:left; width:30%; text-align:right; color:#888;white-space:nowrap}
+				dd { font-weight:bold; margin-left:35%; margin-bottom:6px; white-space:nowrap}
+			}
+			
+		}
+		
+		.status-bar {
+			background:image-url('shoppe/square.svg') repeat-x 0 15px;
+			background-size:8px;
+			margin:45px 0;
+			overflow:hidden;
+			ul {
+				li { width:25%;float:left; text-align:center; background:image-url('shoppe/statuses/shipped.svg') no-repeat center 0; background-size:36px; padding-top:42px;z-index:10;}
+				h4 { color:#E32479;}
+				li p { margin-top:5px; font-size:0.9em; color:#999;}
+				li a { color:inherit;}
+				li.payment { background-image:image-url('shoppe/statuses/paid.svg')}
+				li.payment h4 { color:#3DB3E2;}
+				li.received { background-image:image-url('shoppe/statuses/received.svg')}
+				li.received h4 { color:#909091;}
+				li.accepted { background-image:image-url('shoppe/statuses/accepted.svg')}
+				li.accepted h4 { color:#89BD2F;}
+				li.rejected { background-image:image-url('shoppe/statuses/rejected.svg')}
+				li.rejected h4 { color: #E33127}
+			}
+		}
+		
+		.order_items {
+			margin:25px 0;
+		}
+	}
+	
+	//
+	// orer search
+	//
+	div.orderSearch {
+		overflow:hidden;
+		display:none;
+		dl.left, dl.right {
+			float:left; 
+			width:50%;
+			dt { float:left; width:40%; text-align:right; padding-top:3px; color:#888;}
+			dd { margin-left:44%; margin-bottom:15px;}
+			dd input.small { width:40%;}
+		}
+		p.submit {
+			float:right;
+		}
+	}
+	
+	//
+	// pagination
+	//
+	nav.pagination {
+		display:block;
+		margin:25px 0;
+		overflow:hidden;
+		text-align:center;
+		span {
+			display:inline-block;
+			border:1px solid #ccc;
+			margin-right:3px;
+			color:#333;
+			background:#fff;
+			&.current { background:#9AC835; border-color:#7B9F26; color:#fff; font-weight:600; padding:5px 10px;}
+			a {
+				padding:5px 10px;
+				display:inline-block;
+				color:inherit;
+				text-decoration:none;
+			}
+		}
+	}
+	
+	
+	
+}
+
+footer {
+	position:fixed;
+	bottom:0;
+	width:200px;
+	background:rgba(0,0,0,0.05);
+	
+	p.store {
+		a {
+			display:block;
+			background:#4B515C;
+			color:rgba(255,255,255,0.7);
+			padding:12px 20px;
+			font-size:1.1em;
+			text-decoration:none;
+		}
+	}
+}