catarse_full 0.0.1

data/app/assets/stylesheets/content/_explore.sass

@@ -0,0 +1,68 @@
+[data-action="index"][data-controller="explore"]
+  #page_content
+    margin-top: 30px
+    .container
+      .sidebar
+        margin-top: 123px
+        .content
+          padding-top: 10px
+        section
+          h2
+            font-size: 16px
+            color: black
+            font-family: "Lato"
+            font-weight: 700
+            margin-bottom: 10px
+            text-transform: lowercase
+            padding-left: 20px
+          &.highlights
+            h2
+              background: url($images_path+'min_star12x11.png') left 3px no-repeat
+          &.categories
+            h2
+              background: url($images_path+'category_icon14x14.png') left 2px no-repeat
+          ul
+            margin-bottom: 20px
+            li
+              margin-bottom: 5px
+              a
+                color: $ultra_gryn
+                font-size: 14px
+                font-family: Arial
+                background: rgba($minimal_gryn, 0.3)
+                display: block
+                padding: 1px 10px
+                text-decoration: none
+                +border-radius(5px)
+                &:hover, &.selected
+                  background: rgba($pink, 0.3)
+      .main
+        .section_header
+          +grid(16)
+          +alpha
+          padding-bottom: 60px
+          h1
+            font-family: "Lato"
+            font-weight: 700
+            font-size: 28px
+            color: $ultra_gryn
+            padding-bottom: 5px
+            span
+              color: $minimal_gryn
+          h4
+            font-family: Arial
+            font-size: 16px
+            color: $ultra_gryn
+        #explore_results
+          .results
+            ul.collection_list
+              float: left
+              li
+                float: left
+                margin-bottom: 20px
+                &.first
+                  .project
+                    +alpha
+                &.last
+                  .project
+                    +omega

data/app/assets/stylesheets/content/_footer.sass

@@ -0,0 +1,88 @@
+#footer
+  background: $ultra_gryn !important
+
+.footer
+  +grid-system(16)
+  +border-radius(4px)
+  padding: 0 10px 0 10px
+  .content
+    padding-top: 30px
+    padding-bottom: 10px
+    h3
+      font-family: 'Lato'
+      font-weight: 700
+      font-size: 18px
+      color: $pink
+      padding-bottom: 40px
+      padding-top: 5px
+    .info
+      +grid(4)
+      +grid-suffix(1)
+      ul
+        li
+          margin-bottom: 24px
+          a
+            font-family: "Lato"
+            font-size: 18px
+            font-weight: lighter
+            color: white
+            text-decoration: none
+            &:hover
+              color: $pink
+
+    .opendata
+      +grid(5)
+      +grid-suffix(1)
+      ul
+        display: block
+        li
+          width: 100%
+          float: left
+          margin-bottom: 20px
+          h5
+            float: left
+            font-family: 'Lato'
+            font-weight: 700
+            font-size: 20px
+            color: white
+            padding-right: 10px
+          p
+            padding-top: 3px
+            float: left
+            text-transform: uppercase
+            font-family: Myriad Pro
+            font-size: 16px
+            color: white
+            +opacity(0.5)
+
+    .social
+      +grid(5)
+      h3
+      .twitter
+        margin-bottom: 20px
+      form
+        input[type="text"]
+          float: left
+          width: 170px
+          height: 28px
+          +border-radius(4px 0 0 4px)
+          border: 1px $df_gryn solid
+          border-right: none
+          &:focus
+            outline: none
+            border: 1px $pink solid
+            border-right: none
+        input[type="submit"]
+          float: left
+          background: $pink
+          width: 82px
+          height: 32px
+          +border-radius(0 4px 4px 0)
+          color: white
+          font-family: "Lato"
+          font-size: 12px
+          text-transform: uppercase
+          border: none
+          +transition(all, 0.5s)
+          &:active
+            +box-shadow(rgba(black, 0.5) 0 0 5px inset)

data/app/assets/stylesheets/content/_header.sass

@@ -0,0 +1,102 @@
+#header
+  +grid-container
+  +grid-system(16)
+  margin: 20px auto
+  display: block
+  width: 980px
+  .logo
+    +grid(4)
+    +alpha
+    margin-right: 20px
+    height: 54px
+    border: none
+    background: url($images_path+"logo.png") left top no-repeat
+    text-indent: -9999em
+  nav
+    a
+      display: inline-block
+      font-family: "Lato"
+      text-decoration: none
+    &.actions
+      +grid(4)
+      margin-top: 33px
+      a
+        color: $ultra_gryn
+        font-size: 18px
+        margin-right: 27px
+        &:last-child
+          margin-right: 0
+        &:hover
+          text-decoration: underline
+        &.explore
+          background: url($images_path+"explore_icon23x15.png") left 3px no-repeat
+          text-indent: 30px
+        &.submit_project
+          background: url($images_path+"submit_project_icon25x13.png") left 4px no-repeat
+          text-indent: 30px
+    &.menu
+      +grid(4)
+      margin-top: 34px
+      margin-right: 0
+      float: right
+      text-align: right
+      width: 230px
+      a
+        font-family: "Lato"
+        text-transform: lowercase
+        color: $ultra_gryn
+        font-size: 14px
+        margin-left: 12px
+        &.my_profile_link
+          width: 130px
+          display: block
+          float: right
+          margin-right: 0
+          img.profile_picture
+            border: 1px $ultra_gryn
+            +box-shadow(rgba(black, 0.3) 1px 1px 2px)
+            +transition(all, 0.5s)
+            position: relative
+            float: left
+            margin-top: -14px
+            margin-right: 5px
+
+            &:hover
+              +box-shadow(rgba(black, 0.6) 1px 1px 2px inset)
+          .current_user_name
+            float: left
+            margin-right: 5px
+          .dropdown_arrow
+            float: left
+            position: relative
+            margin-top: 7px
+        &:last-child
+          margin-right: none
+        &:hover
+          color: $pink
+  .search
+    +grid(4)
+    margin-top: 27px
+    form
+      width: 220px
+      height: 22px
+      +border-radius(8px)
+      border: 1px $minimal_gryn solid
+      // +box-shadow(rgba(black, 0.1) 1px 1px 2px)
+      background: white
+      input[type="text"]
+        border: none
+        width: 190px
+        float: left
+        margin-left: 3px
+        margin-top: 3px
+        &:focus
+          outline: none
+      input[type="submit"]
+        background: url($images_path+"search_submit15x15.png") left top no-repeat
+        width: 15px
+        height: 15px
+        border: none
+        text-indent: -9999em
+        float: right
+        margin: 3px 5px 0 0px

data/app/assets/stylesheets/content/_recommended_header.sass

@@ -0,0 +1,174 @@
+$recommended_header_height: 258px
+#recommended_header
+  width: 980px
+  margin: 15px auto 40px
+  display: block
+  clear: both
+  +box-shadow(rgba(black, 0.2) 1px 1px 2px)
+  +border-radius(4px)
+  .resume_about
+    float: left
+    height: 258px
+    width: 260px
+    +border-radius(4px 0 0 4px)
+    .bootstrap-form
+      margin: -100px 0 0 0
+      .bootstrap-twitter
+        position: relative
+        float: left
+        .button
+          float: left
+          padding-top: 0px
+          width: 214px
+          height: 56px
+          background: #EE5192 url($images_path+'bot_guidelines.gif') 10px 10px no-repeat
+          border: solid 1px #FF589F
+          text-transform: uppercase
+          color: white
+          text-indent: 20px
+          text-shadow: 1px 1px #BC2E6E
+          font-family: "Lato"
+          font-weight: 700
+          font-size: 15px
+          margin-left: 24px
+          +border-radius(15px)
+          span
+            color: white
+            font-family: Lato
+            font-style: italic
+            font-size: 14px
+            font-weight: normal
+            left: 62px
+            position: absolute
+            text-shadow: 1px 1px #BC2E6E
+            text-transform: none
+            top: 30px
+          a
+            color: white
+            display: block
+            font-family: Lato
+            font-size: 15px
+            margin-left: 36px
+            margin-top: 12px
+            text-decoration: none
+            text-transform: uppercase
+            &:hover
+              color: white
+  .project_info
+    width: 720px
+    height: $recommended_header_height
+    float: left
+    .video_sample
+      width: 461px
+      float: left
+    .info, .institutional
+      float: left
+      width: 239px
+      padding: 13px 0 0 20px
+      height: 245px
+      background: $ultra_gryn
+      +border-radius(0 4px 4px 0)
+    .institutional
+      h3
+        font-family: "Lato"
+        font-size: 18px
+        color: $pink
+        background: url($images_path+"institutional_video_icon16x16.png") left top no-repeat
+        text-indent: 25px
+        padding-bottom: 25px
+      p
+        width: 200px
+        font-family: Arial
+        font-size: 13px
+        color: white
+        line-height: 159%
+    .info
+      h3
+        font-family: "Lato"
+        font-size: 18px
+        color: $pink
+        background: url($images_path+"min_star12x11.png") left 5px no-repeat
+        text-indent: 18px
+        float: left
+        clear: both
+        padding-bottom: 10px
+      h2
+        clear: both
+        font-family: "Lato"
+        font-weight: 700
+        font-size: 14px
+        padding-bottom: 8px
+        a
+          color: white
+          text-decoration: none
+          +text-shadow(rgba(black, 0.7) 1px 1px 2px)
+          +transition(all, 0.5s)
+          &:hover
+            +text-shadow(rgba($pink, 1) 1px 1px 2px)
+      .description
+        height: 60px
+        overflow: hidden
+      .author, .description
+        padding: 4px 0 10px 0
+        p
+          font-family: Arial
+          font-size: 11px
+          color: $gryn_almost_ccc
+          a
+            color: $gryn_almost_ccc
+            text-decoration: none
+            &:hover
+              color: $green
+      .description
+        width: 200px
+        p
+          font-size: 13px
+          line-height: 120%
+  .statistics
+    .progress
+      margin-bottom: 10px
+      width: 205px
+      height: 12px
+      background: white
+      +border-radius(5px)
+      display: block
+      border: 1px $gryn_almost_ccc solid
+      .bar
+        +border-radius(3px)
+        height: 12px
+        background: $green
+    ul
+      li
+        float: left
+        margin-right: 10px
+        color: white
+        strong
+          font-family: "Lato"
+          font-weight: 700
+          font-size: 12px
+        p
+          font-family: Arial
+          font-size: 10px
+          text-transform: uppercase
+        &:last-child, .last
+          margin-right: 0
+  nav.pagination
+
+    font-family: Arial
+    font-size: 12px
+    font-weight: bold
+    float: left
+    width: 100%
+    margin-top: 70px
+    padding-top: 15px
+    border-top: 1px rgba(white, 0.1) solid
+    a
+      color: white
+      text-decoration: none
+      &.prev
+        float: left
+      &.next
+        margin-right: 15px
+        float: right
+      &:hover
+        color: $green

data/app/assets/stylesheets/content/_sessions.sass

@@ -0,0 +1,111 @@
+[data-controller-name="registrations"],
+[data-controller="users"][data-action="set_email"],
+[data-controller="users"][data-action="update_email"],
+[data-controller="omniauth_callbacks"],
+[data-controller="passwords"][data-action="new"],
+[data-controller="passwords"][data-action="edit"]
+  .bootstrap-form
+    overflow: hidden
+    width: 900px
+  #page_content
+    .container
+      .devise_content
+        +grid(16)
+        .links
+          padding: 15px 0 20px
+          a
+            color: $blue
+            font-family: Arial
+            font-size: 13px
+            text-decoration: none
+            &:hover
+              color: $pink
+
+        form
+          ul
+            list-style: none
+          label
+            font-family: Lato
+            font-size: 13px
+        .title
+          +grid(16)
+          +alpha
+          padding-bottom: 20px
+          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
+[data-controller-name="registrations"],
+[data-controller="sessions"][data-namespace="devise"][data-action="new"]
+  .container
+    .form_login, .form_register, .login_with_social
+      padding-top: 40px !important
+      padding-bottom: 30px
+      &.actived
+        padding-top: 17px !important
+        .content_form
+          float: left
+          border: 3px $df_gryn solid
+          padding: 20px 20px 0 20px
+          background: rgba($ed_gryn, 0.4)
+      h1
+        font-family: Lato
+        font-weight: 700
+        font-size: 20px
+        padding-bottom: 5px
+        color: $ultra_gryn
+      h3
+        font-family: Lato
+        font-size: 15px
+        padding-bottom: 15px
+        color: $_6f_gryn
+      .input.check
+        label
+          font-size: 11px !important
+      label
+        font-family: Lato
+        font-size: 12px
+        width: 220px
+    .form_login
+      +grid(5)
+      input[type="checkbox"]
+        float: left
+        margin-right: 5px
+      .content_form
+        padding: 0px 23px 0 23px
+        p.forgot_link
+          padding: 15px 0 0
+          a
+            color: $blue
+            font-family: Arial
+            font-size: 13px
+            text-decoration: none
+            &:hover
+              color: $pink
+    .form_register
+      +grid(5)
+    .login_with_social
+      +grid(6)
+      .content_form
+        padding-left: 20px
+      .another_social
+        a
+          text-decoration: none
+          font-weight: bold
+          &.first
+            margin-left: -10px
+          img
+            width: 55px
+            +transition(all, 0.3s)
+          img:hover, img:focus
+            +scale(1.2)
+        a.disabled
+          img
+            +opacity(0.6)
+          img:hover, img:focus, img:active
+            +scale(1)