catarse_full 0.0.1

data/app/assets/stylesheets/miv/_table.scss

@@ -0,0 +1,134 @@
+table {
+  max-width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+.table {
+  width: 100%;
+  margin-bottom: 18px;
+}
+.table th, .table td {
+  padding: 8px;
+  line-height: 18px;
+  text-align: left;
+  vertical-align: top;
+  border-top: 1px solid #ddd;
+}
+.table th {
+  font-weight: bold;
+}
+.table thead th {
+  vertical-align: bottom;
+}
+.table thead:first-child tr th, .table thead:first-child tr td {
+  border-top: 0;
+}
+.table tbody + tbody {
+  border-top: 2px solid #ddd;
+}
+.table-condensed th, .table-condensed td {
+  padding: 4px 5px;
+}
+.table-bordered {
+  border: 1px solid #ddd;
+  border-collapse: separate;
+  *border-collapse: collapsed;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.table-bordered th + th,
+.table-bordered td + td,
+.table-bordered th + td,
+.table-bordered td + th {
+  border-left: 1px solid #ddd;
+}
+.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
+  border-top: 0;
+}
+.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
+  -webkit-border-radius: 4px 0 0 0;
+  -moz-border-radius: 4px 0 0 0;
+  border-radius: 4px 0 0 0;
+}
+.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
+  -webkit-border-radius: 0 4px 0 0;
+  -moz-border-radius: 0 4px 0 0;
+  border-radius: 0 4px 0 0;
+}
+.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
+  -webkit-border-radius: 0 0 0 4px;
+  -moz-border-radius: 0 0 0 4px;
+  border-radius: 0 0 0 4px;
+}
+.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
+  -webkit-border-radius: 0 0 4px 0;
+  -moz-border-radius: 0 0 4px 0;
+  border-radius: 0 0 4px 0;
+}
+.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
+  background-color: #f9f9f9;
+}
+.table tbody tr:hover td, .table tbody tr:hover th {
+  background-color: #f5f5f5;
+}
+table .span1 {
+  float: none;
+  width: 44px;
+  margin-left: 0;
+}
+table .span2 {
+  float: none;
+  width: 124px;
+  margin-left: 0;
+}
+table .span3 {
+  float: none;
+  width: 204px;
+  margin-left: 0;
+}
+table .span4 {
+  float: none;
+  width: 284px;
+  margin-left: 0;
+}
+table .span5 {
+  float: none;
+  width: 364px;
+  margin-left: 0;
+}
+table .span6 {
+  float: none;
+  width: 444px;
+  margin-left: 0;
+}
+table .span7 {
+  float: none;
+  width: 524px;
+  margin-left: 0;
+}
+table .span8 {
+  float: none;
+  width: 604px;
+  margin-left: 0;
+}
+table .span9 {
+  float: none;
+  width: 684px;
+  margin-left: 0;
+}
+table .span10 {
+  float: none;
+  width: 764px;
+  margin-left: 0;
+}
+table .span11 {
+  float: none;
+  width: 844px;
+  margin-left: 0;
+}
+table .span12 {
+  float: none;
+  width: 924px;
+  margin-left: 0;
+}

data/app/assets/stylesheets/miv/_tabs.sass

@@ -0,0 +1,31 @@
+.tab_container
+  float: left
+  width: 100%
+  height: 10px
+  padding: 11px 10px
+  border-bottom: 1px $df_gryn solid
+  margin-left: -10px
+  // margin-bottom: 30px
+  nav
+    a
+      +border-radius(5px 5px 0 0)
+      margin-left: 10px
+      margin-right: 5px
+      padding: 6px 15px
+      background: $button_green
+      color: white
+      font-family: Arial
+      font-size: 11px
+      text-transform: uppercase
+      text-decoration: none
+      +transition(all, 0.4s)
+      &:hover
+        +box-shadow(rgba(black, 0.4) 0px 0px 10px inset)
+      &.selected
+        color: black
+        background: white
+        border: 1px $df_gryn solid
+        border-bottom: 2px white solid
+        padding: 10px 15px 6px        
+        &:hover
+          +box-shadow(none)

data/app/assets/stylesheets/resources/adm/adm.sass

@@ -0,0 +1,109 @@
+[data-controller-class="adm::backerscontroller"][data-action="index"],
+[data-controller-class="adm::projectscontroller"][data-action="index"],
+[data-controller-class="adm::financialscontroller"][data-action="index"],
+[data-controller-class="adm::userscontroller"][data-action="index"],
+[data-controller-class="adm::statisticscontroller"][data-action="index"],
+[data-controller-class="channels::adm::projectscontroller"][data-action="index"],
+[data-controller-class="channels::adm::statisticscontroller"][data-action="index"]
+  .actions_menu
+    float: left
+    padding: 10px
+    position: absolute
+    background: white
+    list-style: none
+    margin-left: -25px
+    +border-radius(5px)
+    +box-shadow(rgba(black, 0.3) 1px 2px 3px)
+
+  #page_content
+    .container
+      padding-top: 15px
+      //overflow: hidden
+      .title
+        +grid(16)
+        +alpha
+        padding-bottom: 40px
+      h1
+        color: $ultra_gryn
+        font-family: "Lato"
+        font-size: 28px
+        padding: 5px 0
+      h2
+        color: rgba($ultra_gryn, 0.7)
+        font-family: Arial
+        font-size: 18px
+        strong
+          font-weight: bold
+          color: $green
+      fieldset
+        float: left
+        clear: both
+        width: 100%
+        .input
+          float: left
+          margin-right: 20px
+          &.check
+            input
+              display: inline
+            label
+              display: inline
+          &.total_results
+            float: right
+          &.submit
+            float: right
+            margin-top: 23px
+          label
+            font-family: 'Lato'
+            font-size: 13px
+      #total_results
+        float: right
+        font-family: 'Lato'
+        font-size: 13px
+        padding-top: 2px
+        strong
+          font-family: 'Lato'
+          font-weight: 700
+          color: $green
+      .pagination
+        text-align: right
+        padding: 20px 0 40px
+        font-family: 'Lato'
+        font-size: 13px
+        span.page.current
+          color: rgba(black, 0.3)
+        a
+          color: $pink
+      .table
+        thead
+          th
+            font-family: 'Lato'
+            font-weight: 700
+            font-size: 13px
+            text-align: center
+        tbody
+          tr
+            td
+              font-family: 'Lato'
+              font-size: 12px
+              text-align: center
+              vertical-align: middle
+              form.form_in_place
+                input
+                  width: 50%
+              &.checkbox
+                color: $blue
+                cursor: pointer
+              img
+                &.project_img
+                  width: 50px
+                &.user_img
+                  width: 30px
+  .bootstrap-twitter .btn-group .btn
+    float: right
+  .btn-group .dropdown-menu
+    min-width: 100px
+    li
+      text-align: left
+      a
+        i
+          margin-right: 10px

data/app/assets/stylesheets/resources/backers/_create.sass

@@ -0,0 +1,432 @@
+[data-controller="backers"][data-namespace="projects"][data-action="create"]
+  #catarse_moip_form
+    overflow: hidden
+  //input.error
+    //border: 1px solid rgba(#ff0033, 0.5)
+  p.error_msg
+    margin-top: 9px !important
+  p.subtitle
+    padding-bottom: 15px
+  div#payment
+    display: none
+    p
+      font-family: "Lato"
+      font-size: 14px
+      color: #333333
+      margin-top: 20px
+    .inputs
+      float: left
+      margin-left: 15px
+      li
+        margin-top: 20px
+        label
+          float: left
+          font-family: "Lato"
+          font-size: 14px
+          margin-bottom: 0
+          margin-right: 7px
+          margin-top: 9px
+          width: 30px
+    .list_payment
+      width: 100%
+      border-top: 1px dotted #ddd
+      border-bottom: 1px dotted #ddd
+      height: 88px
+      margin-left: 0px
+      margin-top: 40px
+      float: left
+      input
+        margin-top: 40px
+        margin-right: 5px
+        float: left
+      .cards
+        background: url($images_path+'payment_cards.jpg') left top no-repeat
+        float: left
+        height: 73px
+        margin-top: 9px
+        text-indent: -9999em
+        width: 357px
+        cursor: pointer
+        margin-right: 30px
+      .boleto, .account
+        background: url($images_path+'payment_boleto.jpg') left top no-repeat
+        cursor: pointer
+        float: left
+        height: 73px
+        margin-top: 9px
+        padding-top: 28px
+        text-indent: 70px  
+        font-family: "Lato"
+        font-size: 12px
+        color: #666
+        margin-right: 30px
+      .account
+        background: url($images_path+'payment_account.jpg') left top no-repeat  
+        text-indent: 239px
+        margin-right: 0px
+    h3 
+      color: #666666
+      float: left
+      font-family: "Lato"
+      font-weight: bold
+      font-size: 18px
+      margin-bottom: 20px
+      margin-top: 40px
+      width: 100%
+    .choose_card
+      width: 100%
+      float: left
+      .div
+        float: left
+        span
+          color: #666666
+          font-family: "Lato"
+          font-weight: bold
+          font-size: 16
+          margin-top: 20px
+          margin-bottom: 20px
+          display: block
+        .owner_outside, .infocard_outside 
+          width: 415px
+          float: left         
+          border: 1px solid #DFDFDF
+          .owner, .infocard
+            background: #F4F4F4
+            width: 413px
+            float: left
+            border: 1px solid white
+            .inputs
+              margin-top: 20px
+              width: 91%
+              li
+                float: left
+                margin-bottom: 10px !important
+                margin-right: 0 !important
+                margin-top: 0            
+                &.name
+                  width: 100%!important
+                &.number 
+                  width: 300px!important
+                &.flag
+                  width: 50px!important
+                  margin-left: 17px          
+                &.cpf, &.phone, &.birth, &.source, &.date
+                  width: 175px!important
+                &.phone, &.date
+                  margin-left: 20px
+                label
+                  font-family: "Lato"
+                  margin-bottom: 5px
+                  margin-top: 0px
+                  width: 100%
+                input
+                  margin-bottom: 12px
+                  width: 97%!important         
+        .infocard_outside
+          margin-left: 60px
+
+      .div + .div span
+        margin-left: 60px!important
+
+  #page_content
+    .container
+      #project_review
+        +grid(16)
+        padding-top: 15px
+        padding-bottom: 30px
+        .title
+          +grid(16)
+          +alpha
+          clear: both
+          padding-top: 40px
+          padding-bottom: 30px
+          h1
+            color: $ultra_gryn
+            font-family: "Lato"
+            font-weight: 700
+            font-size: 24px
+            padding: 5px 0
+          h2
+            color: #333333
+            font-family: "Lato"
+            font-size: 14px
+            padding-bottom: 15px
+            border-bottom: 1px dotted #CCCCCC
+        .project_info
+          float: left
+          //padding-bottom: 40px
+          #project_image
+            float: left
+            margin-right: 20px
+          h1
+            float: left
+            width: 650px
+            color: #333
+            font-family: 'Lato'
+            font-weight: 700
+            font-size: 24px
+            line-height: 120%
+            padding-bottom: 30px
+            padding-top: 10px
+            a
+              color: #6BB444
+              text-decoration: none
+          #review_text
+            padding-right: 20px
+            float: left
+            width: 640px  
+            .review_content 
+              font-family: "Lato"
+              font-size: 18px
+              line-height: 24px
+              width: 265px 
+              float: left  
+              margin-top: 20px   
+              strong
+                font-size: 18px
+                color: black
+                font-weight: bold
+            .reward
+              float: right
+              font-family: "Lato"
+              font-style: italic
+              font-size: 16px
+              line-height: 21px
+              padding: 20px 20px 40px 60px
+              width: 280px
+              color: #333
+              background: url($images_path+'gift-reward.png') left top no-repeat #F0F0F0
+        #credits_notice
+          font-family: 'Lato'
+          font-size: 16px
+          strong
+            font-family: 'Lato'
+            font-weight: 700
+            font-size: 20px
+        #international_payment
+          font-family: 'Lato'
+          h1
+            font-size: 20px
+            text-align: center
+          a
+            color: #6BB444
+          .international_important
+            padding-top: 15px
+            p
+              font-family: Arial
+              font-size: 13px
+              line-height: 130%
+              clear: both
+          form
+            padding-top: 15px
+            .bootstrap-twitter
+              padding-top: 10px
+              label
+                font-family: "Lato"
+        #review_form
+          width: 940px
+          &.dont_align
+            margin: 0 !important
+          li
+            float: left
+            margin-right: 20px
+            margin-bottom: 10px
+            input, select#user_address_state
+              height: 25px
+              //@include background(linear-gradient(top bottom, #F3F3F3, #FFF))
+            label
+              font-family: "Lato"
+            &#user_full_name_input
+              width: 410px
+              input[type="text"]
+                width: 99%
+            &#user_phone_number_input
+              width: 220px
+              input[type="text"]
+                width: 100%
+            &#user_email_input
+              //clear: both
+              width: 490px
+              input[type="text"]
+                width: 100%
+            &#user_address_street_input
+              width: 410px
+              input[type="text"]
+                width: 99%
+            &#user_address_zip_code_input
+              clear: left
+              width: 200px
+              input[type="text"]
+                width: 100%
+            &#user_address_number_input
+              width: 90px
+              input[type="text"]
+                width: 99%
+            &#user_address_complement_input
+              width: 110px
+              input[type="text"]
+                width: 91%
+            &#user_address_neighbourhood_input
+              width: 250px
+              input[type="text"]
+                width: 100%
+            &#user_address_state_input
+              margin-bottom: 20px
+          abbr
+            color: #6BB444
+          .submit
+            .accept_terms
+              margin-top: 20px
+              padding-bottom: 20px
+              input
+                float: left
+                margin-right: 10px
+                margin-top: 2px
+              .inline
+                font-family: 'Lato'
+                a
+                  color: #6BB444
+                  text-decoration: none
+                  &:hover
+                    text-decoration: underline
+        .tab_container
+          padding-top: 20px
+          margin-bottom:  20px
+          nav
+            a
+              background: #6BB544
+              &.selected
+                background: white
+
+        .payment
+          .title
+            padding-top: 20px            
+        .choose_payment
+          .or
+            +grid(2)
+            padding-top: 50px
+            text-align: center
+            span
+              font-family: "Lato"
+              font-size: 18px
+              text-transform: uppercase
+              color: #666
+          .cc, .boleto
+            +grid(7)
+            width: auto
+            span
+              font-family: "Lato"
+              font-weight: 700
+              font-size: 18px
+              color: #666666 
+              margin-bottom: 10px
+              display: block           
+            a
+              @include border-radius(10px)
+              background: #64CB64
+              display: block
+              height: 55px
+              padding: 0
+              margin-bottom: 8px
+              width: 200px
+              img
+                float: right
+                margin-top: 18px
+                margin-right: 8px
+              span
+                float: left
+                margin-top: 23px
+                margin-left: 20px
+                font-family: "Lato"
+                font-weight: 700
+                font-size: 15px
+                text-transform: uppercase 
+                color: #fff            
+          .cc
+            +alpha
+            +omega
+          .boleto
+            +omega
+            span
+              margin-left: 15px
+            a
+              span
+                margin-left: 30px
+              .boleto_icon
+                margin-top: 16px
+                margin-right: 25px
+
+      .link_content
+        a
+          font-family: 'Arial'
+          color: $blue
+          text-decoration: none
+          display: block
+          padding: 10px
+          background: $ed_gryn
+          font-size: 15px
+        .bootstrap-twitter
+          float: left
+
+
+      .bootstrap-twitter
+        margin-top: 20px
+        input[type="submit"], button
+          width: 190px
+          height: 40px
+          border-radius: 15px
+          @include box-shadow(0px)
+          margin: 12px auto 0px
+          float: none
+          border: none
+          display: block
+          background: #64CB64
+          color: white
+          font-family: "Lato"
+          font-size: 15px
+          text-transform: uppercase
+  .payments_type
+    float: left
+  #paypal_payment
+    h3
+      font-family: 'Lato'
+      font-weight: normal
+      font-size: 18px
+      margin-top: 10px
+    form
+      float: left
+      label
+        float: left
+        margin-top: 1px
+        margin-left: 5px
+        font-family: 'Lato'
+        font-size: 16px
+        color: $shadow_gryn
+      input[type="checkbox"]
+        float: left
+      .bootstrap-twitter
+        margin: 15px 0 0 0 !important
+        float: left !important
+        clear: both
+  fieldset.address_data
+    //background: whiteSmoke
+    //padding: 20px
+    .title
+      padding-top: 10px !important
+      padding-bottom: 15px !important
+
+  .live_in_brazil
+    margin-bottom: 15px
+    input
+      float: left
+      margin-right: 10px
+      margin-top: 2px
+    .inline
+      font-family: 'Lato'
+      font-weight: 700
+      font-size: 16px
+      a
+        color: #6BB444
+        text-decoration: none
+        &:hover
+          text-decoration: underline