artfully_ose 1.0.0.rc3

data/app/assets/stylesheets/jquery/jquery.gritter.css

@@ -0,0 +1,88 @@
+/* the norm */
+#gritter-notice-wrapper {
+	position:fixed;
+	top:50px;
+	right:10px;
+	width:301px;
+	z-index:9999;
+}
+#gritter-notice-wrapper.top-left {
+    left: 20px;
+    right: auto;
+}
+#gritter-notice-wrapper.bottom-right {
+    top: auto;
+    left: auto;
+    bottom: 20px;
+    right: 20px;
+}
+#gritter-notice-wrapper.bottom-left {
+    top: auto;
+    right: auto;
+    bottom: 20px;
+    left: 20px;
+}
+.gritter-item-wrapper {
+	position:relative;
+	margin:0 0 10px 0;
+	background:url('../../images/ie-spacer.gif'); /* ie7/8 fix */
+}
+.gritter-top {
+	background:url(../../images/gritter.png) no-repeat left -30px;
+	height:10px;
+}
+.hover .gritter-top {
+	background-position:right -30px;
+}
+.gritter-bottom {
+	background:url(../../images/gritter.png) no-repeat left bottom;
+	height:8px;
+	margin:0;
+}
+.hover .gritter-bottom {
+	background-position: bottom right;
+}
+.gritter-item {
+	display:block;
+	background:url(../../images/gritter.png) no-repeat left -40px;
+	color:#eee;
+	padding:2px 11px 8px 11px;
+	font-size: 11px;
+	font-family:verdana;
+}
+.hover .gritter-item {
+	background-position:right -40px;
+}
+.gritter-item p {
+	padding:0;
+	margin:0;
+}
+.gritter-close {
+	position:absolute;
+	top:5px;
+	left:3px;
+	background:url(../../images/gritter.png) no-repeat left top;
+	cursor:pointer;
+	width:30px;
+	height:30px;
+}
+.gritter-title {
+	font-size:14px;
+	font-weight:bold;
+	padding:0 0 7px 0;
+	display:block;
+	text-shadow:1px 1px #000; /* Not supported by IE :( */
+}
+.gritter-image {
+	width:48px;
+	height:48px;
+	float:left;
+}
+.gritter-with-image,
+.gritter-without-image {
+	padding:0 0 5px 0;
+}
+.gritter-with-image {
+	width:220px;
+	float:right;
+}

data/app/assets/stylesheets/jquery/jquery.visualize.css

@@ -0,0 +1,31 @@
+.visualize { border: 1px solid #bbb; position: relative; background: #fbfbfb; margin: 30px 20px;}
+.visualize canvas { position: absolute; }
+.visualize ul, .visualize ul li { margin: 0; padding: 0; background: none; }
+ 
+/*table title, key elements*/
+.visualize .visualize-info { padding: 0 0 2px 8px; background: #fafafa; border: 1px solid #aaa; position: absolute; top: -15px; right: 10px; font-size: 11px; }
+.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px; }
+.visualize ul.visualize-key { list-style: none; }
+.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
+.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px; font-size: 6px; }
+.visualize ul.visualize-key .visualize-key-label { color: #333; }
+ 
+/*pie labels*/
+.visualize-pie .visualize-labels { list-style: none; }
+.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute;  margin: 0; padding:0; }
+.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
+.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }
+ 
+/*line,bar, area labels*/
+.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
+.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
+.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555; }
+.visualize-labels-x li span.line, .visualize-labels-y li span.line {  position: absolute; border: 0 solid #ccc; }
+.visualize-labels-x li { height: 100%; font-size: 10px; }
+.visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
+.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
+.visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/
+.visualize-labels-y li { width: 100%; font-size: 11px; line-height: normal; }
+.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; }
+.visualize-labels-y li span.line { border-top-width: 1px; width: 100%;  }
+.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }

data/app/assets/stylesheets/printing.css

@@ -0,0 +1,15 @@
+/*
+ *= require_self
+ */
+
+.navbar, .footer {
+    display:none;
+}
+
+ul {
+  list-style: none;
+}
+
+.modal {
+  display: none;
+}

data/app/assets/stylesheets/reset.css

@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}

data/app/assets/stylesheets/sass/_colors.sass

@@ -0,0 +1,49 @@
+$orange: #F08204
+$light-orange: lighten($orange, 10%)
+$dark-orange: darken($orange, 25%)
+
+$grey: #CED1CB
+$light-grey: lighten($grey, 10%)
+$dark-grey: darken($grey, 50%)
+
+$blue: #077083
+$light-blue: lighten($blue, 10%)
+$lighter-blue: lighten($blue, 20%)
+$dark-blue: darken($blue, 50%)
+
+$red: #f03504
+$light-red: lighten($red, 10%)
+$dark-red: darken($red, 25%)
+
+
+// m o d e r n . a r t
+$photography_blue:    #077083
+$more_salad:          #CED1CB
+$photography_orange:  #F08204
+$working_on_photos:   #DEDBC1
+$light:               #594B43
+$box-office-blue:     #DBE6EA
+
+$primary:     $photography_orange
+$secondary:   $light
+$compliment:  $photography_blue
+$neutral-1:   $more_salad
+$neutral-2:   $working_on_photos
+
+// Denim_Fleur
+$Denim:         #346A96
+$a_blue:        #63B7FA
+$Grease_Paint:  #F2F5F8
+$Pb:            #343536
+$Enlightenment: #F7E446
+
+//$primary:     $Denim
+//$secondary:   $a_blue
+//$compliment:  $a_blue
+//$neutral-1:   $Grease_Paint
+//$neutral-2:   $Enlightenment
+
+$primary_highlight: lighten($primary, 10%)
+$primary_shadow:    darken($primary, 5%)
+$compliment_highlight: lighten($compliment, 10%)
+$compliment_shadow:    darken($compliment, 5%)

data/app/assets/stylesheets/sass/_flash.sass

@@ -0,0 +1,30 @@
+@import "grid"
+@import "colors"
+@import "stack-layout"
+@import "mixins"
+
+.flash
+  @include stack-content
+  @include rounded-corners(4px, 4px, 4px, 4px)
+  @include inset-text
+  padding: $gutter
+  margin: 0 $gutter $gutter
+  line-height: $line_height
+  .close
+    margin-left: $gutter
+    float: right
+    cursor: pointer
+  p
+    color: rgba(255,255,255,0.97) !important
+  ul li
+    @include stack-content
+
+.error, .warning
+  @include gradient($light-red, $red)
+
+.notice, .info, .success
+  @include gradient($light-blue, $blue)
+  a
+    color: white
+    font-weight: bold
+    text-decoration: underline

data/app/assets/stylesheets/sass/_mixins.sass

@@ -0,0 +1,37 @@
+@mixin shadow($color: #333333)
+  -moz-box-shadow: 0px 2px 2px $color
+  -webkit-box-shadow: 0px 2px 2px $color
+  box-shadow: 0px 2px 2px $color
+
+@mixin top-bottom-shadow($color: #333333)
+  -moz-box-shadow: 0 8px 2px -3px $color
+  -webkit-box-shadow: 0 8px 2px -3px $color
+  box-shadow: 0 8px 2px -3px $color
+
+@mixin gradient($start, $finish, $offset-start: 0%, $offset-finish: 100%)
+  background: $start
+  background: -moz-linear-gradient(top, $start $offset-start, $finish $offset-finish)
+  background: -webkit-gradient(linear, left top, left bottom, color-stop($offset-start, $start), color-stop($offset-finish, $finish))
+  background-image: -khtml-gradient(linear, left top, left bottom, from($start), to($finish))
+  background-image: -moz-linear-gradient(top, $start, $finish)
+  background-image: -ms-linear-gradient(top, $start, $finish)
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $start), color-stop(100%, $finish))
+  background-image: -webkit-linear-gradient(top, $start, $finish)
+  background-image: -o-linear-gradient(top, $start, $finish)
+  background-image: linear-gradient(top, $start, $finish)
+
+@mixin rounded-corners($top, $right, $down, $left)
+  -moz-border-radius: $top $right $down $left
+  -webkit-border-radius: $top $right $down $left
+  border-radius: $top $right $down $left
+
+@mixin inset-text($color: #fff)
+  color: $color
+  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3)
+
+@mixin opacity($opacity)
+  opacity: $opacity
+  -moz-opacity: $opacity
+  -khtml-opacity: $opacity
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + round($opacity*100) + ")"
+  filter: "alpha(opacity=" + round($opacity*100) + ")"

data/app/assets/stylesheets/sass/_tags.sass

@@ -0,0 +1,38 @@
+@import "mixins"
+
+.rounder
+  @include rounded-corners(3px, 3px, 3px, 3px)
+  
+ul.tags
+  li
+    display: inline-block
+    position: relative
+  ul.controls
+    position: absolute
+    background: #fff
+    right: 0
+    top: 0
+    text-align: right
+    display: none
+    li
+      display: inline-block
+      a, span
+        padding: 0 4px
+        font-weight: bold
+        text-decoration: none
+        font-size: .875em
+        display: inline-block
+        color: red
+      a:hover
+        color: red
+    
+.tag
+  background-color: #f8930a
+  border-right: 1px solid #a85300
+  border-bottom: 1px solid #a85300
+  padding: 2px 4px 2px 4px
+  font-size: 10pt
+  color: #EEEEEE
+
+.tag-error
+  color: #991111

data/app/assets/stylesheets/sass/box-office.sass

@@ -0,0 +1,53 @@
+.box-office-form
+  .section-description
+    .name
+      label
+        font-weight: bold
+        margin-bottom: 0px
+    .description
+      color: #666
+  #payment-controls
+    margin-left: 0px
+    
+#door-list
+  border-top: 1px solid #ccc
+  
+#showtime-total-and-checkout
+  margin-bottom: 20px
+
+#total
+  .price
+    font-size: 28px
+    font-weight: bold
+
+ul.ui-autocomplete
+  li.ui-menu-item
+    a
+      padding: 5px
+    a.ui-state-hover
+      background-color: #eee
+      border: 0px
+      margin: 0px
+    background-color: white
+    #search-result-name
+      font-size: 10pt
+      font-weight: normal
+    .search-result-details
+      color: #666
+      font-size: 10pt
+      font-weight: normal
+    #search-result-email
+    #search-result-id
+      display: none
+      
+.comped-price
+  text-decoration: line-through
+  
+.block
+  margin-bottom: 10px
+  
+#sell-total
+  .price
+    font-size: 28px
+    font-weight: bold
+    

data/app/assets/stylesheets/sass/cart.sass

@@ -0,0 +1,152 @@
+@import "colors"
+@import "mixins"
+
+#shopping-cart
+  position: fixed
+  bottom: 0
+  left: 0
+  right: 0
+  border-top: 1px solid #aaa
+  background-color: rgba(255,255,255,0.9)
+  &.shown #shopping-cart-controls
+    background: #333333 url('/assets/icons/down_arrow.png') no-repeat 10px center
+  &.hidden #shopping-cart-controls
+    background: #333333 url('/assets/icons/up_arrow.png') no-repeat 10px center
+  form
+    margin-bottom: 0
+
+#shopping-cart-controls
+  color: #fff
+  padding: 10px 5px 10px 27px
+  cursor: pointer
+  font-size: .9em
+  font-family: Arial
+
+#shopping-cart-controls .timer
+  float: right
+
+a
+  color: $compliment
+  text-decoration: none
+
+#cart, #controls
+  > *
+    margin-top: 0
+    margin-bottom: 0
+
+#controls
+  @extend .stack1of4
+
+#cart
+  @extend .stack3of4
+
+#total
+  text-align: center
+  font-weight: bold
+  padding-bottom: 20px
+  margin-bottom: 20px
+  border-bottom: 1px solid #ddd
+  span
+    text-transform: uppercase
+    font-size: .8em
+    color: #ccc
+  .price
+    color: #999
+    font-size: 2.5em
+
+#checkout-now
+  padding-bottom: 20px
+  margin-bottom: 20px
+  border-bottom: 1px solid #ddd
+  a
+    display: block
+    @include rounded-corners(2px, 2px, 2px, 2px)
+    @include inset-text
+    @include gradient($compliment_highlight, $compliment, 14%, 100%)
+    border: 1px solid $compliment_shadow
+    font-size: 1em
+    text-align: center
+    font-weight: bold
+    line-height: 40px
+  input
+    display: block
+    @include rounded-corners(2px, 2px, 2px, 2px)
+    @include inset-text
+    @include gradient($compliment_highlight, $compliment, 14%, 100%)
+    border: 1px solid $compliment_shadow
+    font-size: 1em
+    text-align: center
+    font-weight: bold
+    line-height: 40px
+
+#checkout-now.disabled a
+  @include gradient(#ddd, #ccc, 14%, 100%)
+  border: 1px solid #ccc
+  cursor: default
+
+#clear-cart
+  text-align: right
+  font-size: .8em
+  a
+    color: #999
+
+.upsell
+  padding: 10px 0 0
+
+.item-list
+  li
+    border-bottom: 1px solid #ddd
+    line-height: 2em
+    .fee
+      color: #667 !important
+      font-style: italic
+    .item
+      color: #333
+    .price
+      color: #666
+      float: right
+
+
+.sliding-wizard
+  overflow: hidden
+  padding: 10px 0 0
+  .next
+    float: right
+
+#confirmation p
+  text-transform: capitalize
+
+#customer-confirmation, #credit_card-confirmation, #billing_address-confirmation
+  > *
+    margin: 0
+
+#purchase
+  .controls
+    margin: 0
+    label.error
+      color: #b94a48
+
+#special-instructions
+  .control-group
+    .control-label
+      width: auto
+      float: none
+      text-align: left
+    .controls
+      margin: 0
+      textarea
+        width: 95%
+        height: 100px
+
+#steps
+  padding-bottom: 20px
+  margin-bottom: 20px
+  border-bottom: 1px solid #ddd
+  li
+    list-style-type: decimal
+    margin-left: 1em
+    font-size: .8em
+    padding: .25em 0
+    color: #666
+    &.active
+      font-weight: bold