stoptime/templates/sass/style.sass

/* CSS file for Stop… Camping Time! */

// Colours
$light-grey: #efefef
$medium-grey: #cfcfcf
$dark-grey: #9f9f9f
$light-red: #cb0000
$dark-red: #990000
$white: #ffffff

/* General classes */
.right
  text-align: right

.float_left
  float: left
  margin-right: 50px

.clear
  clear: both
  padding-top: 10px

.billed
  text-decoration: line-through

.light
  color: $medium-grey

.indent
  padding-left: 20px

.warn
  font-weight: bold
  color: $light-red

/* Basic elements */
a
  text-decoration: none
  color: $dark-red

  &:hover
    text-decoration: underline

body
  font-family: sans-serif
  font-size: 13px
  margin: 0px

h3
  margin: 10px 0px

/* Main layout */
#wrapper
  width: auto
  height: auto
  margin: 10px 10px

#content
  padding: 10px
  border: 1px solid
  background: $light-grey

ol#menu
  list-style: none
  padding: 0px
  margin: 5px

  li
    display: inline
    border: solid black
    border-width: 1px 1px 0 1px
    padding: 5px 10px
    margin: 0px 0.5em 0px 0px

    &.selected
      padding-bottom: 6px
      background: $light-grey

/* Table layout */
table
  table-layout: fixed
  padding: 3px 0px
  border-spacing: 0px 4px

  col.amount, col.hours, col.hourly_rate
    width: 100px
  col.reg_hours
    width: 130px
  col.flag
    width: 30px
  col.date
    width: 95px
  col.start_time, col.end_time
    width: 55px
  col.customer, col.name
    width: 150px
  col.task, col.comment
    width: 200px
  col.short_name, col.phone
    width: 120px
  col.address, col.period
    width: 250px
  col.email, col.number
    width: 170px

  th
    padding: 0px 5px
    text-align: left
    background: $dark-grey

  tr
    &:hover
      background-color: $medium-grey

      .light
        color: white

    &.total
      border-top: thin solid black

  td
    padding: 0px 5px
    vertical-align: top
    border: inherit

    &.key
      font-weight: bold
      width: 80px

  input
    width: 90%

  input[type="submit"], input[type="reset"], input[type="checkbox"]
    width: auto

/* Form layout */
form
  ol
    list-style: none
    padding: 1px 10px
    margin: 2px

    label
      width: 180px
      margin: 4px 10px 4px 0px
      float: left

    a, span
      margin: 4px 0px
      display: inline-block

  ol.radio
    margin-left: 195px
    padding: 0px

    label
      float: none

    input
      width: auto

  li
    padding-bottom: 5px
    vertical-align: top

  input[type="text"], select
    width: 250px
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00			`/* CSS file for Stop… Camping Time! */`

			`// Colours`
			`$light-grey: #efefef`
Improved styling of the tables. 2011-11-28 13:31:26 +01:00			`$medium-grey: #cfcfcf`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00			`$dark-grey: #9f9f9f`
Added the .warn class in the CSS 2012-01-03 17:39:21 +01:00			`$light-red: #cb0000`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00			`$dark-red: #990000`
Tweaked style and layout of the invoice form view 2012-01-09 17:14:54 +01:00			`$white: #ffffff`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00
			`/* General classes */`
			`.right`
			`text-align: right`

			`.float_left`
			`float: left`
			`margin-right: 50px`

			`.clear`
			`clear: both`
			`padding-top: 10px`

Mark billed entries in the timeline (closes: #239c27) 2011-11-28 13:26:12 +01:00			`.billed`
			`text-decoration: line-through`

Tweaked style and layout of the invoice form view 2012-01-09 17:14:54 +01:00			`.light`
			`color: $medium-grey`

Changed invoice_select_form and CustomersNInvoicesX to actually set task invoice comments 2011-12-02 22:18:55 +01:00			`.indent`
			`padding-left: 20px`

Added the .warn class in the CSS 2012-01-03 17:39:21 +01:00			`.warn`
			`font-weight: bold`
			`color: $light-red`

Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00			`/* Basic elements */`
			`a`
			`text-decoration: none`
			`color: $dark-red`

			`&:hover`
			`text-decoration: underline`

			`body`
			`font-family: sans-serif`
			`font-size: 13px`
			`margin: 0px`

Decreasted the h3 margins; this compacts the overview a bit 2011-11-29 17:33:07 +01:00			`h3`
			`margin: 10px 0px`

Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00			`/* Main layout */`
			`#wrapper`
			`width: auto`
			`height: auto`
			`margin: 10px 10px`

			`#content`
			`padding: 10px`
			`border: 1px solid`
			`background: $light-grey`

			`ol#menu`
			`list-style: none`
			`padding: 0px`
			`margin: 5px`

			`li`
			`display: inline`
			`border: solid black`
			`border-width: 1px 1px 0 1px`
			`padding: 5px 10px`
			`margin: 0px 0.5em 0px 0px`

			`&.selected`
			`padding-bottom: 6px`
			`background: $light-grey`

Added seperate date support for time entries. 2011-11-11 14:55:17 +01:00			`/* Table layout */`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00			`table`
Tweaked table layout (mainly customers and timeline view) 2012-01-09 17:14:30 +01:00			`table-layout: fixed`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00			`padding: 3px 0px`
			`border-spacing: 0px 4px`

			`col.amount, col.hours, col.hourly_rate`
Tweaked table layout (mainly customers and timeline view) 2012-01-09 17:14:30 +01:00			`width: 100px`
Tweaked the registered time colum layout (treat it as an exception) 2012-01-09 17:38:30 +01:00			`col.reg_hours`
			`width: 130px`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00			`col.flag`
Tweaked table layout (mainly customers and timeline view) 2012-01-09 17:14:30 +01:00			`width: 30px`
Added seperate date support for time entries. 2011-11-11 14:55:17 +01:00			`col.date`
Tweaked table layout (mainly customers and timeline view) 2012-01-09 17:14:30 +01:00			`width: 95px`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00			`col.start_time, col.end_time`
Tweaked table layout (mainly customers and timeline view) 2012-01-09 17:14:30 +01:00			`width: 55px`
			`col.customer, col.name`
			`width: 150px`
			`col.task, col.comment`
			`width: 200px`
			`col.short_name, col.phone`
			`width: 120px`
			`col.address, col.period`
			`width: 250px`
			`col.email, col.number`
			`width: 170px`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00
			`th`
Added seperate date support for time entries. 2011-11-11 14:55:17 +01:00			`padding: 0px 5px`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00			`text-align: left`
			`background: $dark-grey`

Improved styling of the tables. 2011-11-28 13:31:26 +01:00			`tr`
			`&:hover`
			`background-color: $medium-grey`

Tweaked style and layout of the invoice form view 2012-01-09 17:14:54 +01:00			`.light`
			`color: white`

Improved styling of the tables. 2011-11-28 13:31:26 +01:00			`&.total`
Tweaked table layout (mainly customers and timeline view) 2012-01-09 17:14:30 +01:00			`border-top: thin solid black`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00
Tweaked table layout (mainly customers and timeline view) 2012-01-09 17:14:30 +01:00			`td`
			`padding: 0px 5px`
			`vertical-align: top`
			`border: inherit`

			`&.key`
			`font-weight: bold`
			`width: 80px`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00
Added seperate date support for time entries. 2011-11-11 14:55:17 +01:00			`input`
Tweaked table layout (mainly customers and timeline view) 2012-01-09 17:14:30 +01:00			`width: 90%`
Added seperate date support for time entries. 2011-11-11 14:55:17 +01:00
Tweaked the layout of the invoice selection form. 2011-11-16 11:00:17 +01:00			`input[type="submit"], input[type="reset"], input[type="checkbox"]`
Added seperate date support for time entries. 2011-11-11 14:55:17 +01:00			`width: auto`

Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00			`/* Form layout */`
Added seperate date support for time entries. 2011-11-11 14:55:17 +01:00			`form`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00			`ol`
			`list-style: none`
Tweaked the forms layout some more 2012-01-06 20:19:58 +01:00			`padding: 1px 10px`
			`margin: 2px`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00
			`label`
			`width: 180px`
Tweaked form layout a bit 2012-01-03 17:39:46 +01:00			`margin: 4px 10px 4px 0px`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00			`float: left`

Tweaked form layout a bit 2012-01-03 17:39:46 +01:00			`a, span`
			`margin: 4px 0px`
			`display: inline-block`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00
			`ol.radio`
			`margin-left: 195px`
			`padding: 0px`

			`label`
			`float: none`

			`input`
			`width: auto`

Fixed CSS anomaly occurring in task_form. 2011-11-11 13:52:57 +01:00			`li`
Compacted the forms a bit 2012-01-06 16:39:37 +01:00			`padding-bottom: 5px`
Tweaked form layout a bit 2012-01-03 17:39:46 +01:00			`vertical-align: top`
Add some style to the application, use SASS for this. 2011-11-09 22:55:59 +01:00
Tweaked form layout a bit 2012-01-03 17:39:46 +01:00			`input[type="text"], select`
Added seperate date support for time entries. 2011-11-11 14:55:17 +01:00			`width: 250px`