social_stream 1.1.12 → 2.0.0.beta1

data/base/app/assets/stylesheets/social_stream/base/mixins/_buttons.css.sass

@@ -0,0 +1,150 @@
+@mixin btn-primary
+  @include ie7-inline-block()
+  padding: 4px 12px
+  margin-bottom: 0
+  font-size: $baseFontSize
+  line-height: $baseLineHeight
+  vertical-align: middle
+  cursor: pointer
+  background-color: $white
+  border: 1px solid $blue 
+  *border: 0
+  color: $gray
+  background-image: none
+  @include ie7-restore-left-whitespace()
+  @include box-shadow(inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05))
+  @include transition(background 1s, color, 1s)
+  a
+    color: $gray
+  
+  &:hover
+    border: 1px solid $white
+    background-color: $blue !important
+    color: $white
+    .caret
+      @include transition (border 1s, color, 1s)
+      border-top-color: $white
+      border-bottom-color: $white
+  .caret
+    border-top-color: $blue
+    border-bottom-color: $blue
+    &:hover
+      border-top-color: $white
+      border-bottom-color: $white
+  
+  &:focus 
+    @include tab-focus()
+  
+  &.active
+    border: 1px solid $white
+    background-color: $blue !important
+    color: $white
+
+  &.disabled,
+  &[disabled] 
+    cursor: default
+    @include opacity(85)
+    background-color: $blue
+    color: $white
+
+
+
+@mixin btn-secundary
+  @include ie7-inline-block()
+  padding: 4px 12px
+  margin-bottom: 0
+  font-size: $baseFontSize
+  line-height: $baseLineHeight
+  vertical-align: middle
+  cursor: pointer
+  background-color: $blue
+  border: 1px solid $white 
+  *border: 0
+  color: $white
+  background-image: none
+  @include ie7-restore-left-whitespace()
+  @include box-shadow(inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05))
+  @include transition(background 1s, color, 1s)
+  a
+    color: $gray
+  
+  &:hover
+    border: 1px solid $blue
+    background-color: $white !important
+    color: $blue
+  
+  &:focus 
+    @include tab-focus()
+  
+  &.active
+    border: 1px solid $blue
+    background-color: $white !important
+    color: $blue
+
+  &.disabled,
+  &[disabled] 
+    cursor: default
+    @include opacity(85)
+    background-color: $white
+    color: $gray
+
+
+
+@mixin btn-see-more
+  clear: both
+  margin-top: 10px
+  input
+    width: 98%
+    background-color: #eee
+    margin-bottom: 5px
+    display: inline-block
+    border: 1px solid
+    border-right: #edeaf2
+    border-bottom: #e3e0e8
+    border-color: #fff
+    @include border-radius (5px)
+    color: #000
+    text-align: center
+    position: absolute
+    z-index: 100
+    padding: 0px 10px 0px 4px
+
+    &:hover
+      background-color: #555
+      color: #fff
+      text-decoration: none
+
+    &:focus 
+      @include tab-focus()
+    
+    &.disabled,
+    &[disabled] 
+      cursor: default
+      @include opacity(65)
+
+  .loading
+    z-index: 200
+    position: relative
+
+@mixin btn-add
+  font-size: 10px
+  .btn-group
+    button
+      @include btn-primary
+      &:hover
+        .caret
+          @include transition (border 1s, color, 1s)
+          border-top-color: $white
+          border-bottom-color: $white
+      .caret
+        border-top-color: $blue
+        border-bottom-color: $blue
+        &:hover
+          border-top-color: $white
+          border-bottom-color: $white
+
+  .open
+    .btn
+      .caret
+        border-top-color: $blue
+        border-bottom-color: $blue

data/base/app/assets/stylesheets/social_stream/base/mixins/_inputs.css.sass

@@ -0,0 +1,5 @@
+@mixin filter
+  width: 22% !important
+  display: inline
+  margin-top: 3px
+  float: right

data/base/app/assets/stylesheets/social_stream/base/mixins/_layout.css.sass

@@ -0,0 +1,35 @@
+@mixin menuHorizontal 
+  padding: 0
+  text-align: center
+  ul
+    list-style-type: none
+    margin-left: 4em
+    display: inline
+    li
+      display: inline
+
+@mixin makeColumnoMargin($columns:1, $offset: 0) 
+  float: left
+  margin-left: 0px
+  width: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1))
+
+@mixin centered
+  margin-left: auto
+  margin-right: auto
+
+@mixin ellipsis
+  white-space: nowrap
+  overflow: hidden
+  text-overflow: ellipsis
+  display: inline-block
+  width: 97%
+
+@mixin hidden-phone
+  @extend .hidden-phone  
+
+@mixin hidden-tablet
+  @extend .hidden-tablet
+
+@mixin hidden-desktop
+  @extend .hidden-desktop
+

data/base/app/assets/stylesheets/social_stream/base/notifications/_notifications.css.sass

@@ -0,0 +1,5 @@
+#notifications
+  @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+  .notifications
+    @include grid-core-span(10, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    

data/base/app/assets/stylesheets/social_stream/base/notifications/layout/_notifications.css.sass

@@ -0,0 +1,44 @@
+#notifications
+  @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+  .notifications
+    @include grid-core-span(7, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    float: left
+    margin-left: 2.5%
+    h2
+      margin-top: 0px
+      margin-bottom: 0px
+    .read_all
+      text-align: right
+      border-bottom: 1px solid #e4e4e4
+      a
+        padding: 3px 0px 9px
+        color: #999
+        &:hover
+          color: $blue
+          text-decoration: none
+    .list
+      clear: both
+      margin-top: 12px
+      .notification
+        margin-top: 10px
+        padding-bottom: 10px
+        border-bottom: 1px solid #e4e4e4
+        @include opacity(70)
+        .notification
+          margin-top: 0px
+          padding-bottom: 0px
+          border-bottom: none
+          font-size: 12px
+          color: #888
+          display: inline
+          a
+            font-size: 14px 
+        .date-ago
+          float: right
+          color: #999
+          font-size: 12px
+          padding-top: 1px
+          display: inline-table
+      .unread
+        @include opacity(100)
+    

data/base/app/assets/stylesheets/social_stream/base/notifications/responsive/_responsive-1200px-min.css.sass

@@ -0,0 +1,6 @@
+//
+// Responsive: Large desktop and up
+// --------------------------------------------------
+
+
+@media (min-width: 1200px)

data/base/app/assets/stylesheets/social_stream/base/notifications/responsive/_responsive-767px-max.css.sass

@@ -0,0 +1,36 @@
+//
+// Responsive: Landscape phone to desktop/tablet
+// --------------------------------------------------
+
+
+@media (max-width: 767px)
+
+  #notifications
+    .notifications
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      margin-left: 0
+      .list
+        .notification
+          .notification
+            @include ellipsis
+          .date-ago
+            float: none
+            display: block
+
+  
+
+
+ 
+   
+
+
+
+// UP TO LANDSCAPE PHONE
+// ---------------------
+
+@media (max-width: 480px)
+
+  #notifications
+  .notifications
+    h1
+

data/base/app/assets/stylesheets/social_stream/base/notifications/responsive/_responsive-768px-979px.css.sass

@@ -0,0 +1,12 @@
+//
+// Responsive: Tablet to desktop
+// --------------------------------------------------
+
+
+@media (min-width: 768px) and (max-width: 979px)
+
+  #notifications
+    .notifications
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      margin-left: 0
+      

data/base/app/assets/stylesheets/social_stream/base/profile/_profile.css.sass

@@ -0,0 +1,37 @@
+@import 'avatars_for_rails'
+
+#profile
+  #profile-info
+    .tags,
+    .personal,
+    .comunication-info,
+    .experience,
+    .avatar
+      .briefing
+        background-color: white
+        color: $gray
+        span
+          @include border-radius(5px)
+          background-color: #D9EDF7
+          border: 1px solid #BCE8F1
+          color: #3A87AD
+          text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
+        p
+          border-top: 5px solid #f9f9f9
+          background-color: none
+
+      .update
+        background-color: #f9f9f9
+        form.edit_profile
+          input
+            &[type="submit"]
+              @include buttonBackground($blueDark, $blue, $textColor: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,.25)) 
+    
+    h5
+      color: $grayLighter
+      font-size: 17px
+      font-weight: bold
+    p
+      @include border-radius (15px)
+      background-color: #F9F9F9
+      border: 0 solid #F9F9F9

data/base/app/assets/stylesheets/social_stream/base/profile/layout/_profile.css.sass

@@ -0,0 +1,100 @@
+@import 'avatars_for_rails'
+
+#profile
+  #profile-info
+    @include grid-core-span(7, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    float: left
+    margin-left: 2%
+    .tags,
+    .personal,
+    .comunication-info,
+    .experience,
+    .avatar
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      margin-left: 0px
+      .briefing
+        padding: 1px 0px 16px
+        min-height: 32px
+        span
+          margin-left: 11px
+          padding: 3px 8px 3px 7px
+        p
+          margin: -15px 26px 0 14px
+          padding: 3px 0px 5px 14px
+          width: 100%
+      .empty
+        float: left
+        padding: 8px 27px 9px 27px
+      .update
+        @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+        background-color: #f9f9f9
+        margin-left: 0px
+        padding: 12px 0px 3px 0px !important
+        form.edit_profile
+          padding: 0 14px
+          input
+            &[type="submit"]
+              width: 100% !important
+              margin: 8px 0px 0px 1px
+          label,
+          h6 
+            margin: 13px 2px -6px 2px
+            display: inline
+          select
+            margin: 10px 0 0 4px
+    .personal,
+    .comunication-info,
+    .experience
+      .update
+        input
+          &[type="text"],
+          &[type="tel"],
+          &[type="email"]
+            width: 95.5% !important
+            margin: 8px 4px 0px 4px
+        textarea
+          width: 95.5% !important
+          margin: 8px 4px 0px 4px
+    .experience
+      .briefing
+        p
+          margin: 10px 26px 0 14px
+    .tags
+      .briefing
+        padding: 12px 0px 0px
+    
+    section
+      padding: 6px
+      .edit_icon
+        display: inline
+      h4
+        display: inline-block
+
+    
+    h5
+      margin: 16px
+    p
+      @include border-radius (15px)
+      margin: -15px 11px 0 5px
+      padding: 12px 10px 11px 27px
+      width: 325px
+
+    .update
+      margin-left: 22px
+
+             
+
+
+#profile_birthday_3i,
+#profile_birthday_2i,
+#profile_birthday_1i
+  width: auto
+  margin-right: 4px
+.avatar
+  padding: 4px
+  .edit_icon
+    display: inline
+  h4
+    display: inline-block
+
+