styleyt 0.2.3 → 0.2.4

data/templates/stylesheets/partials/_formtastic_cyt.sass

@@ -0,0 +1,68 @@
+// Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
+// This will allow you to update formtastic.css with new releases without clobbering your own changes.
+//
+// For example, to make the inline hint paragraphs a little darker in color than the standard #666:
+// form.formtastic fieldset ol li p.inline-hints { color:#333; }
+
+// FORMS
+
+form.formtastic
+  +border-radius($border_radius)
+  padding: 6px
+  margin-bottom: 10px
+  background-color: #f6f6f6
+  color: #505050
+  line-height: 1.5em
+  border: 1px solid #e4e4e4
+  fieldset > ol > li.boolean label
+    padding-left: 15%
+  ul.errors
+    color: #cc0000
+    margin: 0.5em 0 1.5em 15%
+    list-style: square
+
+// BOOLEAN OVERRIDES
+// SEMANTIC ERRORS
+// FIELD SETS & LISTS
+#recall_form form.formtastic fieldset
+  border: 2px groove #d7d7d7
+  padding: 0.2em
+  &.buttons
+    border: 0
+    padding-left: 15%
+
+// LABELS
+form.formtastic fieldset
+  ol li label
+    width: 15%
+    margin-right: 0.5em
+    text-align: right
+  > ol > li
+    label
+      font-weight: bold
+    &.required
+      color: #484848
+      abbr
+        color: #bb0000
+    fieldset ol
+      float: left
+      width: 74%
+      margin: 0
+      padding: 0 0 0 15%
+    p
+      &.inline-hints
+        margin: 0.5em 0 0 15%
+      &.inline-errors
+        margin: 0.5em 0 0 15%
+    ul.errors
+      margin: 0.5em 0 0 15%
+  ol li
+    margin-bottom: 0.5em
+  &.buttons
+    padding-left: 15%
+    ol
+      margin-left: 0.5em
+      input.icon
+        background-position: 3px 3px
+        padding: 3px
+        padding-left: 20px

data/templates/stylesheets/partials/_header.sass

@@ -0,0 +1,28 @@
+@import 'compass/css3/border-radius'
+@import 'compass/css3/text-shadow'
+$default-text-shadow-blur : 5px
+
+#header
+  +border-radius($border_radius)
+  height: 60px
+  background-color: $dark_blue
+  color: $white
+  position: relative
+
+#logo
+  position: absolute
+  right: 1em
+
+#logo img
+  float: left
+  display: inline
+
+#logo-text
+  float: right
+  font-size: 24pt
+  padding-top: 6px
+  color: #002B3D
+  +text-shadow(#555555, 1px, 1px, 1px)
+
+#logo-yt
+  color: #074a9d

data/templates/stylesheets/partials/_invoice.sass

@@ -0,0 +1,187 @@
+// VESR Invoice **
+#invoice
+  table
+    border-spacing: 0
+    border-collapse: collapse
+  h1, h2, h3
+    border-bottom: 0
+
+.block
+  font-size: 8pt
+  position: absolute
+
+#invoice h3
+  color: gray
+  font-style: italic
+  font-weight: normal
+  font-size: 8pt
+  margin-bottom: 0.2em
+
+.block th
+  color: gray
+  font-style: italic
+  font-weight: normal
+  font-size: 8pt
+  text-align: left
+  padding-right: 5.4em
+
+.line
+  font-size: 9pt
+  position: absolute
+
+.head
+  font-size: 16pt
+  font-weight: bold
+
+.subhead
+  vertical-align: top
+  font-size: 7pt
+  font-weight: bold
+
+#invoice .list
+  font-size: 7pt
+
+.bullet
+  font-size: 8pt
+  font-weight: none
+
+.col1
+  width: 1.8cm
+
+.total
+  font-weight: bold
+
+.amount
+  font-size: 8pt
+  text-align: right
+
+.totalamount
+  font-size: 8pt
+  font-weight: bold
+  text-align: right
+
+// Invoice
+#invoice
+  font-family: Arial, DejaVu Sans
+  font-size: 8pt
+  margin-top: 0.5cm
+  position: absolute
+  width: 18.2cm
+  height: 29cm
+  top: 0cm
+  left: 0cm
+
+#invoice-balance
+  position: absolute
+  top: 11cm
+  width: 16.2cm
+  left: 1.5cm
+
+#billingaddress
+  font-size: 12pt
+  top: 4.2cm
+  left: 12.3cm
+
+#info
+  top: 0cm
+  left: 1.5cm
+  h2
+    margin-bottom: 1em
+
+#biller
+  top: 2.2cm
+  left: 1.5cm
+
+#referrer
+  top: 4.8cm
+  left: 1.5cm
+
+#provider
+  top: 2.1cm
+  left: 5.5cm
+
+#patient
+  top: 4.8cm
+  left: 5.5cm
+
+// VESR Form
+#vesr
+  width: 18.2cm
+  font-size: 10pt
+  font-family: ocr-b, Helvetica, Arial, sans-serif
+  position: absolute
+  top: 26.9cm
+  left: 6.7cm
+
+#paymentfor1
+  top: 19.4cm
+  left: 0.2cm
+
+#account1
+  top: 22.5cm
+  left: 2.7cm
+
+#paymentreference1
+  font-size: 95%
+  top: 24.5cm
+  left: 0.2cm
+
+#paymentby1
+  top: 25cm
+  left: 0.2cm
+
+#paymentamount1
+  top: 23.5cm
+  right: 12.8cm
+  text-align: right
+
+#paymentfor2
+  top: 19.4cm
+  left: 6.2cm
+
+#account2
+  top: 22.5cm
+  left: 8.7cm
+
+#paymentby2
+  top: 24cm
+  left: 6.2cm
+
+#paymentby3
+  top: 23cm
+  left: 12.5cm
+
+#paymentamount2
+  top: 23.5cm
+  right: 6.7cm
+  text-align: right
+
+#reference
+  font-size: 11pt
+  top: 21.8cm
+  left: 12.6cm
+  width: 10cm
+
+// Reminder
+#reminder-message
+  font-size: 9pt
+  position: absolute
+  top: 7.5cm
+  width: 17cm
+  left: 1.5cm
+
+#reminder-balance
+  position: absolute
+  top: 14.5cm
+  width: 17cm
+  left: 1.5cm
+
+#invoice .booking_list
+  width: 100%
+  font-size: 8pt
+  th
+    text-align: left
+
+#signature
+  margin-top: 1.5em
+  margin-left: 10.8cm

data/templates/stylesheets/partials/_jquery.sass

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

data/templates/stylesheets/partials/_layout.sass

@@ -0,0 +1,19 @@
+@import "blueprint/liquid"
+@import "compass/utilities/lists/horizontal-list"
+
+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/templates/stylesheets/partials/_navigation.sass

@@ -0,0 +1,2 @@
+@import 'partials/navigation/main'
+@import 'partials/navigation/sidebar'

data/templates/stylesheets/partials/_pagination.sass

@@ -0,0 +1,61 @@
+/** 
+ *Code based on will_paginate example CSS at http://github.com/mislav/will_paginate/tree/gh-pages
+ **
+.digg_pagination
+  background: white
+  /* self-clearing method:
+
+.digg_pagination a, .digg_pagination span, .digg_pagination em
+  +border-radius($border_radius / 1.5)
+  padding: .2em .5em
+  display: block
+  float: left
+  margin-right: 1px
+
+.digg_pagination span.disabled
+  color: #999
+  border: 1px solid #DDD
+
+.digg_pagination em
+  font-weight: bold
+  background: #2E6AB1
+  color: white
+  border: 1px solid #2E6AB1
+
+.digg_pagination a
+  text-decoration: none
+  color: #105CB6
+  border: 1px solid #9AAFE5
+
+.digg_pagination a:hover, .digg_pagination a:focus
+  color: #003
+  border-color: #003
+
+.digg_pagination .page_info
+  background: #2E6AB1
+  color: white
+  padding: .4em .6em
+  width: 22em
+  margin-bottom: .3em
+  text-align: center
+
+.digg_pagination .page_info b
+  color: #003
+  background: #6aa6ed
+  padding: .1em .25em
+
+.digg_pagination:after
+  content: "."
+  display: block
+  height: 0
+  clear: both
+  visibility: hidden
+
+* html .digg_pagination
+  height: 1%
+
+*:first-child+html .digg_pagination
+  overflow: hidden
+
+.digg_paggination a.per_page
+  border: 0

data/templates/stylesheets/partials/_redmine.sass

@@ -0,0 +1,270 @@
+// Layout ****
+
+// Links ****
+
+a
+  color: #2a5685
+  text-decoration: none
+  &:link, &:visited
+    color: #2a5685
+    text-decoration: none
+  &:hover, &:active
+    color: #c61a1a
+    text-decoration: underline
+  img
+    border: 0
+
+// Tables ****
+
+table.list
+  border: 1px solid #e4e4e4
+  border-collapse: collapse
+  width: 100%
+  margin-bottom: 4px
+  th
+    background-color: #eeeeee
+    padding: 4px
+    white-space: nowrap
+  td
+    vertical-align: top
+    &.id
+      width: 2%
+      text-align: center
+    &.checkbox
+      width: 15px
+      padding: 0px
+
+tr
+  &.entry
+    border: 1px solid #f8f8f8
+    td
+      white-space: nowrap
+      &.filename
+        width: 30%
+      &.size
+        text-align: right
+        font-size: 90%
+      &.revision, &.author
+        text-align: center
+      &.age
+        text-align: right
+    span.expander
+      background-image: url(../images/bullet_toggle_plus.png)
+      padding-left: 8px
+      margin-left: 0
+      cursor: pointer
+    &.open span.expander
+      background-image: url(../images/bullet_toggle_minus.png)
+    &.file td.filename a
+      margin-left: 16px
+  &.message
+    height: 2.6em
+    td.last_message
+      font-size: 80%
+    &.locked td.subject a
+      background-image: url(../images/locked.png)
+    &.sticky td.subject a
+      background-image: url(../images/sticky.png)
+      font-weight: bold
+
+table
+  &.list tbody tr:hover
+    background-color: #ffffdd
+  td
+    padding: 2px
+  p
+    margin: 0
+
+.odd
+  background-color: #f6f7f8
+
+.even
+  background-color: white
+
+.box
+  padding: 6px
+  margin-bottom: 10px
+  background-color: #f6f6f6
+  color: #505050
+  line-height: 1.5em
+  border: 1px solid #e4e4e4
+
+div.square
+  border: 1px solid #999999
+  float: left
+  margin: 0.3em 0.4em 0 0.4em
+  overflow: hidden
+  width: 0.6em
+  height: 0.6em
+
+.contextual
+  float: right
+  white-space: nowrap
+  line-height: 1.4em
+  margin-top: 5px
+  padding-left: 10px
+  font-size: 0.9em
+  input
+    font-size: 0.9em
+
+input, select
+  vertical-align: middle
+  margin-top: 1px
+  margin-bottom: 1px
+
+fieldset
+  border: 1px solid #e4e4e4
+  margin: 0
+
+legend
+  color: #484848
+
+hr
+  width: 100%
+  height: 1px
+  background: #cccccc
+  border: 0
+
+blockquote
+  font-style: italic
+  border-left: 3px solid #e0e0e0
+  padding-left: 0.6em
+  margin-left: 2.4em
+  blockquote
+    margin-left: 0
+
+li p
+  margin-top: 0
+
+p
+  &.breadcrumb
+    font-size: 0.9em
+    margin: 4px 0 4px 0
+  &.subtitle
+    font-size: 0.9em
+    margin: -6px 0 12px 0
+    font-style: italic
+  &.footnote
+    font-size: 0.9em
+    margin-top: 0px
+    margin-bottom: 0px
+
+fieldset
+  &#filters, &#date-range
+    padding: 0.7em
+    margin-bottom: 8px
+  &#filters
+    p
+      margin: 1.2em 0 0.8em 2px
+    table
+      border-collapse: collapse
+      td
+        padding: 0
+        vertical-align: middle
+    tr.filter
+      height: 2em
+    td.add-filter
+      text-align: right
+      vertical-align: top
+
+.buttons
+  font-size: 0.9em
+
+.pagination
+  font-size: 90%
+
+p.pagination
+  margin-top: 8px
+
+.required
+  color: #bb0000
+
+// Flash & error messages ***
+
+#errorExplanation, div.flash, .nodata, .warning
+  padding: 4px 4px 4px 30px
+  margin-bottom: 12px
+  font-size: 1.1em
+  border: 2px solid
+
+div.flash
+  margin-top: 8px
+  &.error
+    background: url(../images/false.png) 8px 5px no-repeat
+    background-color: #ffe3e3
+    border-color: #dd0000
+    color: #550000
+
+#errorExplanation
+  background: url(../images/false.png) 8px 5px no-repeat
+  background-color: #ffe3e3
+  border-color: #dd0000
+  color: #550000
+
+div.flash.notice
+  background: url(../images/true.png) 8px 5px no-repeat
+  background-color: #dfffdf
+  border-color: #9fcf9f
+  color: #005f00
+
+.nodata, .warning
+  text-align: center
+  background-color: #ffebc1
+  border-color: #fdbf3b
+  color: #a6750c
+
+#errorExplanation ul
+  font-size: 0.9em
+
+// 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: url(../images/loading.gif)
+  padding-left: 26px
+  vertical-align: bottom
+
+a.close-icon
+  display: block
+  margin-top: 3px
+  overflow: hidden
+  width: 12px
+  height: 12px
+  background-repeat: no-repeat
+  cursor: pointer
+  background-image: url('../images/close.png')
+  &:hover
+    background-image: url('../images/close_hl.png')
+
+// Icons ****
+.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