study_engine 0.0.2

data/app/assets/stylesheets/study_engine/base/_list.sass

@@ -0,0 +1,38 @@
+// PLACEHOLDERS
+
+%reset-list
+  margin: 0
+  padding: 0
+  list-style: none
+  li
+    margin: 0
+    padding: 0
+
+// BASIC LIST STYLING
+
+ul, ol, li
+  margin: 0
+  padding: 0
+ul
+  list-style: none
+  margin-top: 12px
+ol
+  list-style: outside decimal
+  ol
+    list-style: outside lower-alpha
+
+ul, ol
+  clear: both
+  margin: 12px 0 12px 20px
+  font: 400 1.4em $default
+  ul, ol
+    font-size: 1.0em
+    margin-left: 20px
+    margin-bottom: 0px
+li
+  margin-bottom: 6px
+  p
+    font-size: 1.0em
+  li
+    margin-top: 6px
+

data/app/assets/stylesheets/study_engine/base/_tables.sass

@@ -0,0 +1,33 @@
+table
+  width: 100%
+  border-collapse: collapse
+  margin: 10px 0
+  table-layout: fixed
+
+tbody
+  tr
+    &:nth-child(even)
+      background: #fafafa
+    &:hover
+      background: lighten($yellow, 50%)
+th, td
+  line-height: 1.0em
+  padding: 15px 10px
+  text-align: left
+  border-left: 1px dotted #eaeaea
+  border-right: 1px dotted #eaeaea
+th
+  padding: 5px 10px
+  font: 700 1.2em $default
+  text-transform: uppercase
+  color: #111
+  border-bottom: 2px solid #444
+td
+  font: 400 1.3em $default
+  border-bottom: 1px solid #eaeaea
+  line-height: 1.6em
+  p
+    font-size: 1.0em
+    margin: 0
+    line-height: 1.4em
+

data/app/assets/stylesheets/study_engine/base/_text.sass

@@ -0,0 +1,78 @@
+body
+  color: #444
+  font: 400 62.5% $default
+
+p
+  font-size: 1.4em
+  line-height: 1.6
+  margin: 0 0 12px
+
+a, span.gc-cs-link
+  color: $primaryColor
+  text-decoration: none
+  text-shadow: none
+  &:hover
+    color: $secondaryColor
+
+i, em
+  font-style: italic
+b, strong
+  font-weight: 700
+
+.clear
+  clear: both
+
+// SEPARATORS
+
+hr
+  float: left
+  clear: both
+  width: 100%
+  border: none
+  border-top: 2px dotted #e0e0e0
+  height: 0px
+  margin: 20px 0
+
+// HEADINGS
+
+h1, h2, h3, h4, h6
+  margin: 0
+  padding: 0
+  font-family: $font
+  font-weight: 400
+
+h1
+  font-size: 2.8em
+
+h2
+  font-size: 2.8em
+  margin-bottom: 10px
+  em
+    font-size: 0.6em
+    color: #666
+h3
+  font: 700 1.6em $default
+  margin-bottom: 5px
+
+h4
+  font-size: 1.4em
+  span, i
+    font-size: 0.8em
+    font-family: default
+
+
+// WRAPPED TEXT
+
+img, table
+  max-width: 100%
+  &[align="left"]
+    margin-right: 12px
+    margin-bottom: 10px
+  &[align="right"]
+    margin-left: 12px
+    margin-bottom: 10px
+  &[align="center"]
+    margin-left: auto
+    margin-right: auto
+    margin-bottom: 10px
+

data/app/assets/stylesheets/study_engine/components/-fields/_login-fields.sass

@@ -0,0 +1,14 @@
+.login-fields
+  margin: 50px auto 0
+  width: 300px
+  text-align: center
+  .field
+    margin: 0
+    padding: 0
+
+input.login-email, input.login-password
+  font-size: 2.25em
+
+.login
+  +button
+  width: 100%

data/app/assets/stylesheets/study_engine/components/-fields/_start-fields.sass

@@ -0,0 +1,101 @@
+.start-fields
+  padding: 0 0 0 10px
+  .actions
+    text-align: center
+
+.select-fields, .visit-fields, .method-fields
+  display: flex
+  margin-bottom: 10px
+
+// SELECT FIELDS
+
+$selectHeight: 80px
+
+.select-fields
+  margin-top: 40px
+  border-radius: 2px
+  background: #f9f9f9
+  box-shadow: darken( #f9f9f9, 10% ) 0 1px 6px 0 inset
+  border: 1px solid darken( #f9f9f9, 15% )
+  width: calc( 100% - 10px )
+  white-space: nowrap
+  .field
+    margin: 0
+    padding: 0
+    border-right: 1px dotted #e9e9e9
+    &:after
+      display: inline-block
+      content: "▾"
+      color: #dcdcdc
+      position: absolute
+      right: 0px
+      top: 0
+      font-size: 3em
+      line-height: $selectHeight
+      width: 1.25em
+      text-align: center
+      z-index: 0
+  label
+    position: absolute
+    top: -25px
+    left: 10px
+    text-align: left
+  select, input
+    -moz-appearance: initial
+    -webkit-appearance: initial
+    appearance: initial
+    letter-spacing: 0.15em
+    padding: 0px 0px 0px 10px
+    font: normal 6.0em "Courier", Courier
+    border: none
+    background: none
+    margin: 0
+    line-height: $selectHeight
+    height: $selectHeight
+    margin: 0px
+    box-shadow: none
+    position: relative
+    z-index: 2
+
+.study-field, .site-field
+  width: 180px
+.id-field
+  width: 220px
+
+// VISIT FIELDS
+
+.visit-fields
+  .field
+    display: inline-block
+    margin: 0
+    padding: 0 10px 0 0
+
+.visit-label
+  +custom-radio
+
+// METHOD LABEL
+
+.method-fields
+  .field
+    display: inline-block
+    margin: 0
+    padding: 0 10px 0 0
+
+.admin-method-fields
+  display: flex
+  flex-wrap: wrap
+  .field
+    width: 33%
+    display: inline-block
+    margin: 0
+    padding: 0 10px 10px 0
+
+.method-label
+  +custom-radio
+
+//
+
+
+.start-button
+  +button
+  width: 300px

data/app/assets/stylesheets/study_engine/components/-nav/_global-nav.sass

@@ -0,0 +1,19 @@
+.nav
+  float: right
+  clear: none
+  margin: 0
+  list-style: none
+  li
+    float: left
+    margin: 0
+  a
+    display: inline-block
+    text-decoration: none
+    border-left: 1px solid #333
+    padding: 0px 25px
+    line-height: 80px
+    color: #999
+    &:hover
+      background: #1a1a1a
+      color: #ccc
+

data/app/assets/stylesheets/study_engine/components/-table/_results-table.sass

@@ -0,0 +1,75 @@
+.results-table
+  margin-top: 20px
+  table-layout: auto
+  th
+    padding: 5px 10px
+  td
+    min-width: 160px
+    max-width: 190px
+    white-space: nowrap
+    border-left: 1px dotted #e0e0e0
+    border-right: 1px dotted #e0e0e0
+    padding: 8px 3px 8px 3px
+    &:first-child
+      width: 100px
+      min-width: 100px
+      max-width: none
+      text-transform: uppercase
+      padding-left: 9px
+      a
+        font-weight: 700
+    &:nth-last-child(1)
+      min-width: 190px
+
+//
+
+.assessment
+  display: block
+  & + .assessment
+    margin-top: 3px
+  & > p, & > div
+    display: inline-block
+    vertical-align: top
+.section-count
+  color: #C10022
+  min-width: 30px
+  font-size: 0.9em
+  & + .updated
+    margin-left: 0
+.updated
+  min-width: 130px
+  margin-left: 33px
+  a
+    color: #444
+    border-bottom: 1px dotted #ccc
+    &:hover
+      color: $secondaryColor
+      border-color: $secondaryColor
+
+.assessment-method
+  &.in-person
+    +icon("user", false)
+  &.by-phone
+    +icon("phone", false)
+  &.by-url
+    +icon("globe", false)
+  &.by-mail
+    +icon("envelope", false)
+  &.missing
+    +icon("question-circle", false)
+  &.paper-form, &.short-form,
+    +icon("file", false)
+
+.set-requested
+  display: inline-block
+  background: #bbb
+  color: #fcfcfc
+  border-radius: 50%
+  font-size: 0.8em
+  text-align: center
+  width: 14px
+  height: 14px
+  line-height: 14px
+  vertical-align: 1px
+  margin-right: 2px
+

data/app/assets/stylesheets/study_engine/components/-table/_users-table.sass

@@ -0,0 +1,11 @@
+.users-table
+  +actions-table
+
+.unconfirmed
+  +icon("user-times", false)
+  color: $red
+  width: 1em
+  margin-right: 0.1em
+  margin-left: -1.1em
+  & + a
+    color: #ccc

data/app/assets/stylesheets/study_engine/components/_assessment-questions.sass

@@ -0,0 +1,30 @@
+.assessment-questions
+  .field
+    margin: 3px 5px
+    width: 320px
+
+.custom-label
+  +custom-radio
+
+.assessment-actions
+  text-align: center
+  input
+    min-width: 300px
+
+//
+
+.exit
+  position: absolute
+  top: -75px
+  right: 10px
+  color: #666
+  font: 400 1.2em $font
+  line-height: 2.0em
+  padding: 0 10px
+  border: 1px solid #000
+  border-radius: 2px
+  margin: 2px
+  text-decoration: none
+  &:hover
+    background: #000
+    color: #999

data/app/assets/stylesheets/study_engine/components/_form-buttons.sass

@@ -0,0 +1,102 @@
+.actions, .admin-actions
+  @extend .field
+  float: none
+
+.save-wrapper
+  +input-button($primaryColor, #fcfcfc, "save")
+
+//
+
+=disabled-button
+  &:disabled
+    +button( #fff, #ccc, false )
+    opacity: 0.5
+    & ~ .spinner
+      display: block
+
+.button, .load, .color, .submit, .start, .login, .save, .start-over
+  +button
+  +disabled-button
+.restart-wrapper
+  +input-button($primaryColor, #fcfcfc, "reply")
+  margin-right: 5px
+  &:disabled, &:focus
+    min-width: 200px !important
+.resume
+  +button($primaryColor, #fcfcfc, 1.6em, true, "arrow-right")
+  margin-right: 5px
+  +disabled-button
+  &:disabled, &:focus
+    min-width: 200px !important
+.skip
+  +button( #fff, #ccc )
+  &:disabled
+    +button( #fff, #ccc, false )
+    opacity: 0.5
+    & ~ .spinner
+      display: block
+.submit, .start, .login, .skip, .save, .restart
+  -moz-appearance: button
+  -webkit-appearance: button
+  appearance: button
+  &:hover, &:focus
+    margin: 0
+.save, .save:focus, .save:disabled
+  min-width: 0px
+
+.back
+  +button( #fff, #ccc, 1.6em, true, "arrow-left" )
+  font-style: italic
+  &:disabled, &:focus
+    min-width: 200px !important
+
+.spinner
+  background: transparent image-url("study_engine/spinner.gif") no-repeat 0 0
+  width: 32px
+  height: 32px
+  display: none
+  margin-left: -16px
+  position: absolute
+  bottom: 8px
+  left: 50%
+
+.inactive, .disabled
+  +button( #fff, #ccc, false )
+.cancel
+  display: inline-block
+  font: italic 1.3em $default
+  margin-left: 10px
+  color: #999
+
+.load
+  font-size: 1.3em
+  padding: 3px 12px 3px 9px
+  .arrow
+    @extend .sprite-download
+    display: inline-block
+    width: 22px
+    height: 21px
+    margin: -2px 3px -6px 0
+
+.download
+  +button( #fff, #333, true, "download" )
+  font: normal 1.4em $font
+  line-height: 1.8em
+  min-width: 0
+  margin-left: 3px
+  padding: 0 10px
+
+.add
+  +button( #fff, #333, true, "plus-circle" )
+  font: normal 1.4em $font
+  line-height: 1.8em
+  min-width: 0
+  margin-left: 3px
+  padding: 0 10px
+
+#new
+  @extend .load
+  .plus
+    @extend .arrow
+    @extend .sprite-new
+