bookyt 0.0.1

data/app/assets/stylesheets/partials/_jquery.sass

@@ -0,0 +1,2 @@
+@import partials/jquery/jquery_ui
+@import partials/jquery/tooltip

data/app/assets/stylesheets/partials/_layout.sass

@@ -0,0 +1,21 @@
+@import blueprint/liquid
+@import compass/typography/lists/horizontal-list
+@import partials/layout/header
+@import partials/layout/navigation
+
+body
+  +blueprint-liquid-grid
+
+#container
+  +container
+
+#content-column
+  +column($column_content)
+  +last
+
+#sidebar-column
+  +column($column_sidebar)
+
+#sidebar-column,
+#content-column
+  margin-top: 10px

data/app/assets/stylesheets/partials/_sidebar.sass

@@ -0,0 +1,5 @@
+.sidebar
+  .contextual
+    a
+      width: 100%
+      display: block

data/app/assets/stylesheets/partials/content/_accounting.sass

@@ -0,0 +1,41 @@
+// Accounting
+.currency
+  text-align: right
+  white-space: pre
+
+// Balance and Profit Sheet
+#balance-sheet table table, #profit-sheet table table
+  border-spacing: 0px
+
+#balance-sheet table table td, #profit-sheet table table td
+  padding: 0.4em
+
+#balance-sheet td, #profit-sheet td
+  vertical-align: top
+  color: black
+
+#balance-sheet a, #profit-sheet a
+  color: black
+
+#balance-sheet tr.total
+  td, th
+    color: white
+    background-color: #444444
+
+#profit-sheet tr.total
+  td, th
+    color: white
+    background-color: #444444
+
+// Accounting **
+tr.currency, th.currency
+  text-align: right
+
+.booking_list tr
+  td
+    background-color: white
+    border-left: 0px none
+    border-right: 0px none
+    border-bottom: 1px solid
+  border-left: 0px none
+  border-right: 0px none

data/app/assets/stylesheets/partials/content/_ajax_indicator.sass

@@ -0,0 +1,28 @@
+// Snippet from Redmine.css
+// Ajax indicator *****
+#ajax-indicator
+  position: absolute
+  /* fixed not supported by IE
+  background-color: #eeeeee
+  border: 1px solid #bbbbbb
+  top: 35%
+  left: 40%
+  width: 20%
+  font-weight: bold
+  text-align: center
+  padding: 0.6em
+  z-index: 100
+  filter: alpha(opacity = 50)
+  opacity: 0.5
+
+html>body #ajax-indicator
+  position: fixed
+
+#ajax-indicator span
+  background-position: 0% 40%
+  background-repeat: no-repeat
+  background-image: image-url("loading.gif")
+  padding-left: 26px
+  vertical-align: bottom
+
+// End of snippet

data/app/assets/stylesheets/partials/content/_app.sass

@@ -0,0 +1,43 @@
+@import partials/content/invoice
+@import partials/content/accounting
+
+// Overview
+// ========
+ul.overview-list.level-1 >li
+  min-height: 11em
+
++overview-icon-48("store")
++overview-icon-48("accounting")
++overview-icon-48("invoicing")
++overview-icon-48("basic_claims_data")
++overview-icon-48("settings")
++overview-icon-48("nav_users")
++overview-icon-48("contacts")
+
+// Icons
+// =====
+// Actions
++icon-text("new", "add")
++icon-text("copy")
++icon-class("new", "add")
++icon-class("copy")
++icon-class("only_credit_bookings", "filter")
++icon-class("only_debit_bookings", "filter")
++icon-class("all_bookings", "filter")
++icon-class("print")
+
+// MIME-types
++icon-class("pdf", "pdf")
+
+// tables
+table.list
+  th, td
+    padding: 1px 4px
+  th
+    font-size: 120%
+    font-weight: bolder
+
+// Alternating row
+table.list
+  tr.odd
+    background-color: #ffffee

data/app/assets/stylesheets/partials/content/_combobox.sass

@@ -0,0 +1,8 @@
+// Combobox
+form
+  .combobox-link
+    display:        inline-block
+    margin-left:    1%
+    vertical-align: middle
+
++icon-text("combolink")

data/app/assets/stylesheets/partials/content/_cyt.sass

@@ -0,0 +1,200 @@
+// Imports
+@import compass/css3/box-shadow
+@import partials/content/formtastic/formtastic
+@import partials/content/formtastic/formtastic_cyt
+
+// CyT **
+body
+  color: #484848
+  background: #f3f3f3
+  +sanserif-font
+
+#container
+  margin-top: $h2_size
+  width: 95%
+
+#header
+  background-color: #aeb9cf
+  height: 54px
+  margin: 0
+  color: #f8f8f8
+  padding: 4px 8px 0px 6px
+  position: relative
+  +border-radius($border_radius)
+  border: 1px solid #dddddd
+  a
+    color: #f8f8f8
+
+// Content
+#content
+  margin: 0px
+  padding: $content_padding
+  +sanserif-font
+  font-size: $text_size
+
+#content-column
+  background-color: white
+  border: 1px solid #dddddd
+  margin-left: -2px
+  +border-radius($border_radius)
+
+* html #content
+  padding-left: 0
+  margin-top: 0px
+  padding: $content_padding
+
+html>body
+  #content-column,
+  #sidebar-column
+    min-height: 600px
+
+* html body
+  #content-column,
+  #sidebar-column
+    height: 600px
+
+// Sidebar
+.sidebar,
+#sidebar-column
+  background-color: white
+  +sanserif-font
+  font-size: $text_size
+  +border-radius($border_radius)
+
+.sidebar
+  margin: 0px
+  padding-left: 10px
+  margin-bottom: 10px
+  ul
+    +no-bullets
+
+#sidebar-column
+  margin-right: 10px
+  border: 1px solid #dddddd
+
+// Login form
+#login-form
+  table
+    margin-top: 5em
+    padding: 1em
+    margin-left: auto
+    margin-right: auto
+    border: 2px solid #fdbf3b
+    background-color: #ffebc1
+    td
+      padding: 6px
+  label
+    font-weight: bold
+
+table th
+  text-align: left
+  font-size: 90%
+
+h2, h3, h4
+  border-bottom: 1px solid #bbbbbb
+
+// Welcome
+.welcome
+  margin: 2em
+  margin-bottom: 3.5em
+  p
+    width: 100%
+    font-size: 13pt
+    font-variant: italic
+    img
+      margin-right: 0.5em
+      float: left
+
+// Forms
+.fieldWithErrors
+  display: inline
+  input
+    border-color: #dd0000
+
+// Combobox Actions
+.combobox-action
+  display: inline
+  float: right
+
+// Icons
+.destroy
+  float: right
+
+td.action-links
+  border: none 0px
+
+th.action-links
+  width: 40px
+  &.count-3
+    width: 48px
+
+.contextual48
+  float: right
+  white-space: nowrap
+  line-height: 1.4em
+  margin-top: 30px
+  padding-left: 10px
+  font-size: 0.9em
+
+.icon
+  background-position: 0% 40%
+  background-repeat: no-repeat
+  padding-left: 20px
+  padding-top: 2px
+  padding-bottom: 3px
+
+.icon22
+  background-position: 0% 40%
+  background-repeat: no-repeat
+  padding-left: 26px
+  line-height: 22px
+  vertical-align: middle
+
+.icon48
+  background-position: 0% 40%
+  background-repeat: no-repeat
+  padding-left: 60px
+  line-height: 48px
+  vertical-align: middle
+
+// restful-authentication
+#right-menu
+  float: right
+  div
+    margin: 0.2em
+
+#user-bar-greeting, #user-bar-action
+  display: inline
+
+#user-bar-greeting a, #user-bar-action a
+  font-weight: bold
+
+// Navigation
+.navigation_section
+  margin: 2em
+  margin-bottom: 3.5em
+  img
+    margin-right: 1em
+    float: left
+  ul
+    list-style-type: none
+  li
+    text-align: left
+    font-weight: bold
+    font-style: italic
+
+// Boxes
+.box
+  +border-radius($border_radius)
+  background-color: #f6f6f6
+  border: 1px solid #e4e4e4
+  color: #505050
+  line-height: 1.5em
+  margin-bottom: 1em
+  padding: 0.8em
+
+.subbox, form.formtastic fieldset.subbox
+  border: solid 2px white
+  +border-radius($border_radius / 2)
+  padding: 1em
+  width: 97%

data/app/assets/stylesheets/partials/content/_fancy_buttons.sass

@@ -0,0 +1,10 @@
+$fb-allow-disabled: false
+
+@import fancy-buttons
+
+$fb-color: $dark_blue
+
+#content
+  input[type=submit]
+    +fb-reset
+    +fancy-button

data/app/assets/stylesheets/partials/content/_flash_errors.sass

@@ -0,0 +1,46 @@
+// Snippet from Redmine.css
+// Flash & error messages ***
+
+#errorExplanation, div.flash, .nodata, .warning
+  padding: 4px 4px 4px 30px
+  margin-bottom: 12px
+  font-size: 1.1em
+  border: 1px solid
+  +border-radius($border_radius)
+
+div.flash
+  margin-top: 8px
+  &.error
+    background: image-url("16x16/alert.png") 8px 5px no-repeat
+    background-color: #ffe3e3
+    border-color: #550000
+    color: #550000
+
+#errorExplanation
+  background: image-url("16x16/alert.png") 8px 5px no-repeat
+  background-color: #ffe3e3
+  border-color: #550000
+  color: #550000
+
+div.flash.notice
+  background: image-url("16x16/notice.png") 8px 5px no-repeat
+  background-color: #dfffdf
+  border-color: #9fcf9f
+  color: #005f00
+
+div.flash.alert
+  background: image-url("16x16/alert.png") 8px 5px no-repeat
+  background-color: #ffe3e3
+  border-color: #550000
+  color: #550000
+
+.nodata, .warning
+  text-align: center
+  background-color: #ffebc1
+  border-color: #fdbf3b
+  color: #a6750c
+
+#errorExplanation ul
+  font-size: 0.9em
+
+// End of Snippet

data/app/assets/stylesheets/partials/content/_form_view.sass

@@ -0,0 +1,20 @@
+.form-view
+  form, form.formtastic
+    background-color: transparent
+    padding:          0px
+
+    input, textarea, select
+      border:        1px dashed #DDDDDD
+      border-radius: 3px
+      padding:       3px
+      &.changed, &:focus
+        background-color: #FFFFE0
+        background-image: none // Fix for combobox
+
+    fieldset.buttons
+      display: none
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button
+    -webkit-appearance: none
+    margin: 0

data/app/assets/stylesheets/partials/content/_icons.sass

@@ -0,0 +1,35 @@
+@import compass/typography/text/replacement
+
+=icon-text($ident, $icon: $ident, $size: 16)
+  .icon-#{$ident}-text
+    +replace-text-with-dimensions("#{$size}x#{$size}/#{$icon}.png")
+    display: block
+    float: left
+
+=icon($ident, $size: 16)
+  background-image: image-url("#{$size}x#{$size}/#{$ident}.png")
+
+=icon-class($ident, $icon: $ident, $size: 16)
+  .icon-#{$ident}
+    +icon($icon, $size)
+
+.icon
+  background-repeat: no-repeat
+  padding-left: 20px
+  text-decoration: none
+  font-size: 16px
+  color: $link_color
+  &:hover
+    color: $link_color_hover
+
++icon-class("add")
++icon-class("delete")
++icon-class("edit")
++icon-class("index")
++icon-class("show")
+
++icon-text("add")
++icon-text("delete")
++icon-text("edit")
++icon-text("index")
++icon-text("show")