catarse_full 0.0.1

data/app/assets/stylesheets/resources/channels/_icomoon.sass

@@ -0,0 +1,47 @@
+@font-face
+  font-family: 'icomoon'
+  src: font-url('icomoon.eot')
+  src: font-url('icomoon.eot?#iefix') format("embedded-opentype"), font-url('icomoon.woff') format("woff"), font-url('icomoon.ttf') format("truetype"), font-url('icomoon.svg#icomoon') format("svg")
+  font-weight: normal
+  font-style: normal
+
+
+/* Use the following CSS code if you want to use data attributes for inserting your icons
+
+[data-icon]:before
+  font-family: 'icomoon'
+  content: attr(data-icon)
+  speak: none
+  font-weight: normal
+  font-variant: normal
+  text-transform: none
+  line-height: 1
+  -webkit-font-smoothing: antialiased
+
+/* Use the following CSS code if you want to have a class per icon
+/*
+ *Instead of a list of all class selectors,
+ *you can use the generic selector below, but it's slower:
+ *[class*="icon-"] {
+
+.icon-twitter, .icon-facebook, .icon-earth, .icon-mail
+  font-family: 'icomoon'
+  speak: none
+  font-style: normal
+  font-weight: normal
+  font-variant: normal
+  text-transform: none
+  line-height: 1
+  -webkit-font-smoothing: antialiased
+
+.icon-twitter:before
+  content: "\e000"
+
+.icon-facebook:before
+  content: "\e001"
+
+.icon-earth:before
+  content: "\e002"
+
+.icon-mail:before
+  content: "\e003"

data/app/assets/stylesheets/resources/channels/_profile.sass

@@ -0,0 +1,120 @@
+// The stylesheet for the channels/profile.html page
+body[data-namespace="channels"][data-controller="profiles"]
+  .separator
+    width: 1px 
+    background: darken($body_background, 15%)
+    border-left: 1px solid white
+    height: 40px
+    display: inline-block
+    margin: 0 1em
+    position: relative
+    top: .3em
+  hr
+    border: 0
+    height: 0
+    border-top: 1px solid rgba(0, 0, 0, 0.1)
+    border-bottom: 1px solid rgba(255, 255, 255, 0.3)
+    &.before_subscribe
+      margin-top: 1.5em
+  .hidden
+    display: none
+  .video
+    +alpha
+    +grid(9)
+    border: 4px solid lighten(lightgray, 16%)
+    border-radius: 2px
+    .padding
+      border: 1px solid lighten(lightgray, 10%)
+      border-radius: 2px
+    iframe, img
+      width: 97% !important 
+      height: auto !important
+      min-height: 280px !important
+      padding: .5em
+
+  .about
+    +grid(7)
+    +omega
+    p.description
+      margin: .8em 0
+      font-size: 1.2em
+      line-height: 1.4em
+      font-weight: 400
+      color: #333
+    strong.headline
+      font-size: 1.2em
+    p.buttons
+      position: relative
+      top: 1em
+
+      a
+        margin: .8em 0 
+
+
+  #page_content.projects
+    overflow: hidden
+    .padding
+      padding: .8em
+
+    // The channel box info
+    .channel
+      +grid(4)
+      +alpha
+      min-height: 300px
+      h3
+        margin: .4em 0 .2em 0
+        color: #333
+      hr
+        opacity: .7
+      span
+        font-weight: 300
+        font-size: .9em
+      .padding
+        padding-bottom: .2em
+      .info
+        background: white
+        box-shadow: 0 1px 4px darken(lightgray, 10%)
+      .social a
+        display: inline-block
+        width: 30px
+        color: #CACFD4 
+        font-size: 1.2em
+        margin: .6em 0
+        margin-bottom: 0
+        text-decoration: none
+        &:hover
+          color: black
+      .mail
+        text-align: center
+        padding-bottom: 1em
+        font-size: .9em
+        a
+          color: $button_pink
+          text-decoration: none
+          font-family: "Lato"
+          font-weight: 600
+          &:hover
+            color: darken($button_pink, 10%)
+          &:before
+            padding-right: .2em
+            font-family: 'icomoon'
+            position: relative
+            font-size: 1em
+            top: .05em
+      .subscription
+        .subscribe
+          margin: .8em .2em .8em 0
+          width: 67%
+          padding: .42em 0
+          float: left
+        .subscribes_count
+          width: 3.2em
+          float: right 
+          margin: .75em 0 
+          padding: .35em 0
+          border: 1px solid lightgray
+          font-size: 1.1em
+          text-align: center
+          font-weight: 400
+          text-decoration: none
+          border-radius: 2px

data/app/assets/stylesheets/resources/projects/_index.sass

@@ -0,0 +1,43 @@
+[data-namespace="null"][data-controller="projects"][data-action="index"]
+  .banner
+    background: image-url('catarse/banner-10-milhoes.png') left top
+    height: 360px
+    margin: 0 auto 2em
+    overflow: hidden
+    p
+      text-align: center
+      color: #ffffff
+      margin: 170px 0
+      text-transform: uppercase
+      font-size: 20px
+
+  .channel_banner
+    width: 100%
+    height: 357px
+    border-top: 1px solid #DDDDDD 
+    border-bottom: 1px solid #DDDDDD 
+    background: image-url("channels/banner_tile.jpg") left top repeat
+    overflow: hidden
+    margin-bottom: 50px
+    .center_content
+      width: 960px
+      margin: auto
+    .text
+      width: 50%
+      float: left
+      h1
+        font-size: 2.2em
+        font-weight: bold
+        margin: 2em 0 0.5em 0
+      span
+        font-size: 1.3em
+        line-height: 1.5
+      .know_more_button
+        display: block
+        padding: .4em 0
+        width: 147px
+        margin-top: 1.8em
+    .picture
+      text-align: right
+      width: 50%
+      float: left

data/app/assets/stylesheets/resources/projects/_new.sass

@@ -0,0 +1,117 @@
+[data-controller="projects"][data-action="new__"]
+  #loading
+    display: none
+  #page_content
+    .container
+      .start_content
+        +grid(16)
+        padding-top: 15px
+        .accept
+          input, label
+            display: inline
+        .alert-heading
+          font-family: 'Lato'
+          font-weight: 700
+        .reward_title
+          padding-top: 20px
+          h3
+            font-family: 'Lato'
+            font-weight: 700
+            font-size: 16px
+            color: rgba(black, 0.8)
+          p
+            font-family: Arial
+            font-size: 13px
+            color: rgba(black, 0.6)
+            line-height: 130%
+            padding-top: 5px
+            padding-bottom: 10px
+        .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
+      #project_warning
+        .alert.alert-warning
+          background-color: #F7F7F7
+          border: 1px solid #EDEDED
+          color: #666666
+          font-family: "Lato"
+          font-size: 13px
+          line-height: 21px
+          height: 20px
+          padding: 10px 10px 10px 40px
+          width: 92%
+          a
+            color: $pink
+      .formtastic.project
+        .accept
+          padding-top: 20px
+          padding-bottom: 20px
+          input
+            display: inline
+          label
+            display: inline
+        label
+          font-family: 'Lato'
+          font-size: 15px
+          color: rgba(black, 0.8)
+        .input-prepend.permalink
+          .add-on
+            margin-top: -2px
+            font-family: 'Lato'
+            font-size: 15px
+            color: rgba(black, 0.8)
+        input[type="text"]
+          width: 99%
+          &.permalink
+            width: 85%
+        textarea
+          width: 99%
+          height: 180px
+          &#project_headline
+            height: 80px
+        .inline-hints
+          font-size: 13px
+          font-family: Arial
+          line-height: 130%
+          color: rgba(black, 0.6)
+          padding-bottom: 20px
+      .reward
+        textarea
+          height: 80px !important
+      .remove_reward_wrapper
+        a
+          position: absolute
+          margin-left: 853px
+          margin-top: 150px !important
+          font-family: Arial
+          font-size: 15px
+      #add_reward_wrapper
+        a
+          float: left
+          font-family: Arial
+          font-size: 15px
+      .reward
+        padding-top: 10px
+        padding-bottom: 10px
+        margin-bottom: 10px
+        .left
+          float: left
+          width: 30%
+          margin-right: 5%
+          input
+            width: 99%
+        .right
+          float: left
+          width: 30%
+          input
+            width: 99%

data/app/assets/stylesheets/resources/projects/_pending_backers.sass

@@ -0,0 +1,80 @@
+[data-controller="projects"][data-action="pending_backers"],
+[data-controller="projects"][data-action="pending"]
+  #page_content
+    .container
+      .project_content
+        +grid(16)
+        padding-top: 15px
+        .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
+                img
+                  &.project_img
+                    width: 50px
+                  &.user_img
+                    width: 30px

data/app/assets/stylesheets/resources/projects/_rewards.sass

@@ -0,0 +1,22 @@
+form#new_reward, form.formtastic.reward, form#edit_reward
+  width: 240px
+  list-style: none
+  label
+    //display: block
+    font-family: 'Lato'
+    font-size: 14px
+    color: black
+    background: none
+  textarea
+    height: 50px
+  input, textarea
+    display: block
+  .inline-errors
+    color: $red !important
+    font-size: 12px !important
+  .inline-hints
+    font-size: 12px
+    font-family: Arial
+    line-height: 130%
+    color: rgba(black, 0.6)
+    padding-bottom: 20px

data/app/assets/stylesheets/resources/projects/_show.sass

@@ -0,0 +1,749 @@
+[data-namespace="null"][data-controller="projects"][data-action="show"]
+  span.best_in_place
+    margin-left: 0 !important
+    height: auto !important
+    width: auto !important
+    float: none !important
+  .add_new_reward
+    font-family: 'Lato'
+    font-size: 14px
+    margin-bottom: 20px
+
+  #page_content
+    #project_warning
+      .alert.alert-warning
+        #toggle_warning
+          float: right
+          margin-left: 10px
+        background-color: #F7F7F7
+        border: 1px solid #EDEDED
+        color: #666666
+        font-family: "Lato"
+        font-size: 13px
+        line-height: 21px
+        margin: 5px 0 0 10px
+        width: 95%
+        padding: 20px 6px 20px 20px
+        +border-radius (0px)
+        i
+          font-family: "Lato"
+          font-style: italic
+          font-size: 18px
+          color: $pink
+          text-shadow: 1px 1px white
+        a
+          color: $pink
+          text-decoration: none
+          &:hover
+            text-decoration: underline
+        b
+          font-family: "Lato"
+          font-style: italic
+          font-size: 16px
+    .update
+      width: 100%
+      float: left
+      border-bottom: 1px #ccc dotted
+      padding: 10px
+      min-height: 67px
+      .time
+        font-family: "Lato"
+        float: left
+        color: $channel_text
+        font-size: 14px
+        margin: 0 0 20px 0
+      h3
+        font-family: "Arial"
+        font-weight: bold
+        color: #444
+        font-size: 16px
+        margin-bottom: 20px
+      p
+        font-family: Arial
+        font-size: 14px
+        color: #444
+        line-height: 21px
+      img
+        max-width: 600px
+      a
+        font-family: Arial
+        color: #444
+        text-decoration: none
+        &:hover
+          color: $pink
+          text-decoration: underline
+        &.destroy_update
+          font-size: 12px
+          color: $pink
+          text-decoration: none
+          padding: 10px 0px 20px 20px
+          float: left
+          &:hover
+            text-decoration: underline
+      strong
+        font-weight: bold
+      em
+        font-style: italic
+        font-size: 12px
+        font-family: "Lato"
+    .project_image
+      +grid(2)
+      padding-top:  40px
+      padding-bottom: 40px
+      img
+        max-width: 90px
+        max-height: 67px
+    .section_header
+      +grid(14)
+      padding-top:  40px
+      padding-bottom: 40px
+      h1
+        color: #333
+        font-family: "Lato"
+        font-weight: 700
+        font-size: 24px
+        padding: 5px 0
+      h4
+        color: rgba($ultra_gryn, 0.7)
+        font-family: Arial
+        font-size: 16px
+        a
+          color: $pink
+          text-decoration: none
+          &:hover
+            text-decoration: underline
+    .main
+      +grid(11)
+      padding-bottom: 20px
+      .media
+        width: 100%
+        float: left
+        .social
+          padding-top: 10px
+          #facebook_share, #facebook_share iframe
+            float: left
+          .twitter_share
+            width: 89px !important
+            float: right
+            margin-right: 5px
+          ul
+            float: right
+            li
+              float: left
+              &.embed
+                margin-right: 5px
+                a
+                  background: rgba($ultra_gryn, 0.2)
+                  padding: 2px 10px
+                  text-decoration: none
+                  color: black
+                  font-family: Lato
+                  font-size: 12px
+                  +border-radius(5px)
+                  +transition(all, 0.3s)
+                  img
+                    padding: 0 7px 0 0
+                  &:hover
+                    +box-shadow(rgba(black, 0.5) 0 0 4px inset)
+                  &:active
+                    +box-shadow(rgba(black, 0.5) 0 0 10px inset)
+              &.link
+                input[type="text"]
+                  margin-top: -2px
+                  color: black
+                  font-family: Lato
+                  font-size: 12px
+                  border: 1px $minimal_gryn solid
+                  +border-radius(5px)
+                  padding: 1px 3px 1px 20px
+                  text-align: center
+                  background: url($images_path+'link_icon14x14.png') 6px 1px no-repeat
+
+      #project_about
+        .text
+          width: 100%
+          float: left
+          position: relative
+          p
+            line-height: 170%
+            margin: 20px 0
+            padding-right: 20px
+            font-size: 14px
+            font-family: Arial
+            color: #444
+            img
+              max-width: 600px
+
+          strong
+            font-weight: bold
+          a
+            color: $pink
+            text-decoration: none
+            &:hover
+              color: $pink
+
+      #project_backers
+        margin-top: 20px
+        input[type="radio"]
+          margin-bottom: 30px
+          margin-left: 10px
+        .backer
+          width: 286px
+          float: left
+          border-bottom: 1px #CCCCCC dotted
+          min-height: 67px
+          padding-right: 25px
+          padding-bottom: 30px
+          margin-bottom: 30px
+          &:last-child
+            margin-left: 1px
+            padding-right: 0px
+          .backer_avatar
+            float: left
+            width: 70px
+            height: 70px
+            margin-right: 15px
+          .back_info
+            float: left
+            width: 200px
+            #text
+              a, .anon
+                font-family: "Lato"
+                font-weight: 700
+                font-size: 18px
+                color: #444
+                text-decoration: none
+                margin-bottom: 15px
+                display: block
+                &:hover
+                  color: $pink
+                  text-decoration: underline
+            #confirmed, #backed
+              padding-top: 4px
+              height: 16px
+              text-indent: 25px
+              background: url($images_path+'confirmed_icon.png') left top no-repeat
+            #backed
+              background: url($images_path+'backed_icon.png') left 4px no-repeat
+              width: 125px
+              line-height: 120%
+              text-indent: 0px
+              height: auto
+              padding-left: 25px
+            #confirmed, #backed
+              font-family: Arial
+              font-size: 12px
+              color: $ultra_gryn
+          .reward
+            font-size: 12px
+            font-family: Lato
+            margin-top: 10px
+            line-height: 120%
+            float: left
+            width: 240px
+            padding: 15px 15px 15px 40px
+            background: url($images_path+'reward_box.png') left top no-repeat #F3F3F3
+            .value
+              font-family: "Lato"
+              font-weight: 700
+              font-size: 18px
+              margin-bottom: 12px
+            .user_email
+              color: $pink
+              font-family: "Arial"
+              font-size: 12px
+              margin-top: 10px
+              &:hover
+                text-decoration: underline
+            .user_reward
+              font-family: "Arial"
+              font-size: 12px
+    .sidebar
+      +grid(5)
+      +omega
+      border: none
+      padding-top: 15px
+      .user_social
+        +grid(3)
+        width: 100%
+        margin-left: 0px
+        margin-bottom: 40px
+        padding-bottom: 30px
+        border-bottom: 1px dotted #CCCCCC
+        li
+          +opacity(0.8)
+          float: left
+          margin-right: 5px
+          a
+            +transition(all, 0.5s)
+            display: block
+            text-indent: -9999em
+            height: 15px
+            font-family: 'Lato'
+            font-size: 12px
+            &.email
+              width: auto
+              color: $pink
+              margin-left: 5px
+              text-indent: 0px
+              text-decoration: none
+              padding-top: 1px
+              &:hover
+                text-decoration: underline
+            &.facebook
+              width: 16px
+              background: url($images_path+'social_icons.png') left -25px no-repeat
+            &.twitter
+              width: 16px
+              background: url($images_path+'social_icons.png') left -54px no-repeat
+      #rewards
+        .box
+          background: #F3F3F3
+          width: 225px
+          padding: 20px 20px 20px 35px
+          margin-bottom: 20px
+          border: 1px solid #EDEDED
+          //+transition(all, 0.3s)
+          &.sortable:hover
+            cursor: pointer
+          &.clickable:hover
+            background: rgba($light_green, 0.3)
+          .btn-danger
+            margin-top: 20px
+          .edit_reward
+            margin-right: -17px
+          h2
+            font-family: "Lato"
+            font-weight: 700
+            font-size: 18px
+            color: #444
+            text-transform: uppercase
+            padding-bottom: 5px
+            text-shadow: 1px 1px white
+          em
+            background: url($images_path+"reward_count_icon18x17.png") left top no-repeat
+            color: $_4d_gryn
+            font-family: Arial
+            font-weight: bold
+            font-size: 11px
+            padding: 3px 3px 10px 25px
+            text-transform: uppercase
+            display: block
+            text-shadow: 1px 1px white
+          p, .on_the_spot_editing
+            color: #444
+            font-family: Arial
+            font-size: 12px
+            line-height: 18px
+            padding-bottom: 5px
+            a
+              color: #64CB64
+              text-decoration: none
+              &:hover
+                text-decoration: underline
+          .on_the_spot_editing
+            width: 100%
+            margin-left: 0px
+          .reward_deliver_at
+            p
+              color: $pink
+          .reward_updated_at
+            p
+              color: $blue
+          .description_version
+            display: none
+            +box-shadow(rgba(black, 0.3) 2px 2px 4px)
+            +border-radius(4px)
+            width: 230px
+            min-height: 60px
+            padding: 30px
+            background: #fff8e5
+            position: absolute
+            margin: -140px 0 0 -340px
+            p
+              font-family: "Lato"
+              font-size: 13px
+              color: #444444
+          .maximum_backers
+            color: #4C525D
+            background: url($images_path+"back_statistics.gif") left top repeat-x
+            font-family: "Lato"
+            font-weight: 700
+            height: 51px
+            width: 282px
+            margin-left: -36px
+            font-size: 11px
+            text-indent: 30px
+            text-transform: uppercase
+            &.in_time_to_confirm
+              margin-top: 10px
+            .limited, .sold_out
+              font-size: 13px
+              margin-top: 12px
+              float: left
+              width: 100%
+              margin-bottom: 3px
+              text-shadow: 1px 1px white
+            .sold_out
+              color: #e6303c
+            .remaining
+              text-indent: 0
+              display: inline-block
+              margin-right: 10px
+              font-size: 11px
+              text-shadow: 1px 1px white
+            .pending
+              padding-top: 20px
+              color: $green
+            .updated_reward
+              padding-top: 20px
+              color: $pink
+              span
+                cursor: pointer
+      .info
+        #pledge
+          background: #F3F3F3
+        .statistics
+          background: #F3F3F3
+          width: 240px
+          float: left
+          padding: 20px 20px 0 20px
+          .item
+            font-family: Arial
+            font-size: 16px
+            color: #444
+            padding-left: 65px
+            margin-bottom: 20px
+            p
+              white-space: nowrap
+              font-family: "Lato"
+              font-weight: 700
+              font-size: 36px
+              color: #444
+              text-shadow: 1px 1px white
+            em
+              font-family: "Lato"
+              font-size: 14px
+              color: #444
+              text-shadow: 1px 1px white
+            &.backers
+              background: url($images_path+"sidebar_backers_icon26x19.png") left center no-repeat
+            &.goal
+              background: url($images_path+"goal_icon36x17.png") left center no-repeat
+            &.time
+              background: url($images_path+"time_icon19x30.png") left center no-repeat
+        #condition
+          background: url($images_path+"back_statistics.gif") left top repeat-x
+          width: 260px
+          height: 30px
+          float: left
+          padding: 11px 10px 10px
+          &.successful
+            background: #64CB64
+            p
+              color: white
+              text-shadow: 1px 1px #349b34
+          &.failed
+            background: #CC1328
+            p
+              color: white
+              text-shadow: 1px 1px #ab242f
+          p
+            line-height: 130%
+            font-family: Arial
+            font-size: 12px
+            font-style: italic
+            color: #666666
+            text-shadow: 1px 1px white
+        #pledge
+          width: 280px
+          float: left
+          padding-top: 20px
+          padding-bottom: 20px
+          input[type="submit"][disabled="disabled"]
+            +opacity(0.6)
+            background: url($images_path+"submit_back_icon25x22.png") 20px center no-repeat $ultra_gryn
+          input[type="submit"]
+            display: block
+            margin: 0 auto
+            background: url($images_path+"submit_back_icon25x22.png") 20px center no-repeat $light_green
+            width: 245px
+            height: 55px
+            border: none
+            text-indent: 30px
+            +border-radius(10px)
+            +transition(all, 0.5s)
+            text-transform: uppercase
+            font-family: "Lato"
+            font-weight: bold
+            font-size: 15px
+            color: white
+            &:hover
+              +box-shadow(rgba(black, 0.3) 0 0 4px inset)
+            &:active
+              +box-shadow(rgba(black, 0.3) 0 0 10px inset)
+        .bootstrap-twitter
+          .btn-primary
+            background-image: -moz-linear-gradient(top, #64CB64, #51A553)
+            &:hover
+              background-image: -moz-linear-gradient(top, #51A553, #64CB64)
+          .alert.alert-info
+            background-color: #F7F7F7
+            border: 1px solid #EDEDED
+            color: #666666
+            +border-radius (0px)
+            font-family: "Lato"
+            font-size: 13px
+            line-height: 21px
+            padding: 20px 10px 20px 20px
+            h4
+              font-family: "Lato"
+              font-style: italic
+              margin-bottom: 5px
+              font-size: 18px
+              font-weight: normal
+              text-shadow: 1px 1px white
+        #creator_profile
+          padding-top: 40px
+          float: left
+          padding-bottom: 15px
+          a
+            color: $ultra_gryn
+            text-decoration: none
+            &:hover
+              color: $pink
+          h3
+            background: url($images_path+"profile_icon19x14.png") left 4px no-repeat
+            color: $ultra_gryn
+            font-family: "Lato"
+            font-weight: 700
+            font-size: 18px
+            padding-left: 30px
+            display: block
+            padding-bottom: 25px
+          .avatar
+            +grid(2)
+            width: 80px
+            +alpha
+            img
+              width: 80px
+              height: 80px
+          .personal_info
+            +grid(3)
+            +omega
+            margin-left: 0px
+            p.name
+              padding-bottom: 6px
+              a
+                font-family: "Lato"
+                font-weight: 700
+                font-size: 14px
+                color: $pink
+                text-decoration: none
+                &:hover
+                  text-decoration: underline
+            p
+              font-family: Arial
+              font-size: 12px
+              color: $ultra_gryn
+              line-height: 140%
+            #bio
+              +grid(5)
+              width: 190px
+              margin-right: 0px
+              +alpha
+              p
+                padding: 0px
+                font-family: Arial
+                font-size: 12px
+                color: $ultra_gryn
+                line-height: 130%
+          #city
+            +grid(5)
+            width: 190px
+            margin-top: 6px
+            margin-right: 0px
+            +alpha
+            p
+              padding: 10px 0
+              font-family: Arial
+              font-size: 12px
+              color: $ultra_gryn
+              line-height: 130%
+              &.backer
+                background: url($images_path+"backer_info.png") left 2px no-repeat
+                text-indent: 20px
+                padding: 0px
+              &.city
+                background: url($images_path+"backer_city.png") left 2px no-repeat
+                text-indent: 20px
+                padding: 0px
+                margin-right: 20px
+    #project_edit, #project_reports
+      .bootstrap-twitter
+        a
+          color: $pink
+        p
+          font-family: "Lato"
+          font-style: italic
+          font-size: 16px
+        .alert.alert-info
+          p
+            margin-bottom: 0
+            padding-bottom: 0
+          background-color: #F7F7F7
+          border: 1px solid #EDEDED
+          color: #666666
+          font-family: "Lato"
+          font-size: 13px
+          line-height: 21px
+          height: 20px
+          padding: 10px 10px 10px 40px
+          width: 92%
+          +border-radius (0)
+      .bootstrap-form
+        .inputs
+          li.input
+            margin-bottom: 20px
+            float: left
+            border-bottom: dotted 1px #CCCCCC
+            padding: 25px 0
+            width: 100%
+        textarea, input[type='text']
+          width: 70%
+        label
+          color: $pink
+          float: left
+          font-family: "Lato"
+          font-style: italic
+          font-size: 18px
+          line-height: 24px
+          text-align: center
+          width: 160px
+          margin-right: 10px
+        p.inline-hints
+          color: #777777
+          float: right
+          margin-right: 20px
+          font-family: "Lato"
+          font-size: 12px
+          line-height: 18px
+          width: 70%
+        li.project_category_input
+          p.inline-hints
+            float: left
+            margin-left: 180px
+            width: 255px
+        #formatting_tips
+          float: right
+          width: 70%
+        .form-actions
+          background: none
+          border: none
+          padding: 0
+          margin: 0
+          .btn
+            border: solid 1px $darker_pink
+            color: white
+            display: block
+            font-family: "Lato"
+            text-shadow: 1px 1px $darker_pink
+            font-size: 12px
+            height: 46px
+            padding: 0 15px 0 45px
+            text-transform: uppercase
+            margin-top: 20px
+            margin-right: 10px
+            float: right
+            +border-radius (10px)
+            background: $pink url($images_path+"icon_refreshproject.png") 10px 9px no-repeat
+            &:hover
+              background-color: $darker_pink
+    #project_updates
+      em
+        font-family: "Lato"
+        font-size: 16px
+        color: black
+      width: 620px
+      .bootstrap-form
+        margin-top: 20px
+        textarea, input#update_title
+          width: 98%
+          margin-bottom: 20px
+        label
+          font-family: "Lato"
+          font-size: 15px
+          color: rgba(0, 0, 0, 0.8)
+        label, input#update_exclusive
+          margin: 5px
+          float: left
+      .alert.alert-info
+        background-color: #F7F7F7
+        border: 1px solid #EDEDED
+        color: #666666
+        +border-radius (0px)
+        font-family: "Lato"
+        font-size: 13px
+        line-height: 21px
+        padding: 20px 10px 10px 20px
+      #formatting_tipgs
+        float: left
+        padding: 20px
+        width: 93%
+      .actions
+        background: none
+        border: none
+        padding: 0
+        margin: 0
+        .btn
+          border: solid 1px $darker_pink
+          color: white
+          display: block
+          font-family: "Lato"
+          text-shadow: 1px 1px $darker_pink
+          font-size: 12px
+          height: 46px
+          padding: 0 15px 0 45px
+          text-transform: uppercase
+          margin-top: 10px
+          margin-right: 10px
+          float: left
+          +border-radius (10px)
+          background: $pink url($images_path+"icon_refreshproject.png") 10px 9px no-repeat
+          &:hover
+            background-color: $darker_pink
+    #formatting_tips
+      padding: 10px
+      background: #F7F7F7
+      border: 1px solid #EDEDED
+      margin-right: 10px
+      color: #666666
+      h3
+        border-bottom: 1px dotted #CCCCCC
+        font-family: "Lato"
+        font-style: italic
+        font-size: 18px
+        margin-bottom: 25px
+        margin-top: 10px
+        padding-bottom: 10px
+        text-shadow: 1px 1px white
+      p
+        font-family: "Arial"
+        font-size: 13px
+        line-height: 18px
+        margin-bottom: 20px
+        margin-left: 60px
+        margin-right: 15px
+        margin-top: 10px
+        padding-bottom: 10px
+      a
+        color: $pink
+        text-decoration: none
+        &:hover
+          text-decoration: underline
+      img
+        float: left
+      strong
+        font-weight: bold
+      i
+        font-style: italic