social_stream-base 2.0.0.beta2 → 2.0.0.beta3

data/app/assets/stylesheets/social_stream/base/explore.css.sass

@@ -0,0 +1,18 @@
+/****************************** Style
+@import "social_stream/base/explore/explore"
+
+@import "social_stream/base/explore/explore-search"
+
+@import "social_stream/base/explore/explore-timeline"
+
+/****************************** Layout
+@import "social_stream/base/explore/layout/explore"
+
+@import "social_stream/base/explore/layout/explore-search"
+
+@import "social_stream/base/explore/layout/explore-timeline"
+
+/****************************** Responsive
+@import "social_stream/base/explore/responsive/responsive-768px-979px"
+@import "social_stream/base/explore/responsive/responsive-1200px-min"
+@import "social_stream/base/explore/responsive/responsive-767px-max"

data/app/assets/stylesheets/social_stream/base/footer/layout/_footer.css.sass

@@ -1,8 +1,9 @@
 footer
-  clear: both
-  margin: 20px auto 0px
-  padding: 0
+  height: auto
+  line-height: 32px
   text-align: center
+  clear: both
+  padding-top: 30px
   ul
     margin-left: 0
     li

data/app/assets/stylesheets/social_stream/base/footer.css.sass

@@ -0,0 +1,2 @@
+/****************************** Layout
+@import "social_stream/base/footer/layout/footer"

data/app/assets/stylesheets/social_stream/base/frontpage_devise.css.sass

@@ -0,0 +1,16 @@
+/****************************** Style
+@import "social_stream/base/frontpage_devise/frontpage"
+
+@import "social_stream/base/frontpage_devise/devise"
+
+
+/****************************** Layout
+@import "social_stream/base/frontpage_devise/layout/frontpage"
+
+@import "social_stream/base/frontpage_devise/layout/devise"
+
+
+/****************************** Responsive
+@import "social_stream/base/frontpage_devise/responsive/responsive-768px-979px"
+@import "social_stream/base/frontpage_devise/responsive/responsive-1200px-min"
+@import "social_stream/base/frontpage_devise/responsive/responsive-767px-max"

data/app/assets/stylesheets/social_stream/base/groups/_groups.css.sass

@@ -0,0 +1,17 @@
+// Tag cloud in groups new
+@import 'jqcloud'
+.recent_groups
+  li
+    text-align: center
+
+#group-manage
+  h4
+    text-align: center
+
+
+#members,
+#users
+  .table td
+    vertical-align: middle
+    .rol
+      vertical-align: middle

data/app/assets/stylesheets/social_stream/base/{_groups.css.sass → groups/layout/_groups.css.sass}

@@ -4,10 +4,9 @@
   li
     display: inline-block
     margin: 11px
-    text-align: center
     .avatar
-    img
-      width: 70px
+      img
+        width: 70px
 #group-manage
   @include makeColumnoMargin(10, 0)
   h2
@@ -17,8 +16,6 @@
   .filter
     width: 300px !important
     float: right !important
-  h4
-    text-align: center
 
 #myTabContent
   margin-rigth: 0px
@@ -26,7 +23,6 @@
 #members,
 #users
   .table td
-    vertical-align: middle
     .profile
       display: inline-block
       margin-right: 10px
@@ -35,7 +31,6 @@
         padding: 4px
     .rol
       display: inline-block
-      vertical-align: middle
       margin-left: 4px
 
     .tool

data/app/assets/stylesheets/social_stream/base/icons/icon.css.css

@@ -32,15 +32,15 @@
 .icon_file_70-rar     { background-position: -10px -170px;}
 .icon_file_70-zip     { background-position: -90px -170px;}
 .icon_file_70-link    { background-position: -170px -170px;}
-.icon_file_70-embeb   { background-position: -250px -170px;}
+.icon_file_70-embed   { background-position: -250px -170px;}
 .icon_file_70-swf     { background-position: -330px -176px;}
 .icon_file_70-mp4     { background-position: -10px -250px;}
-.icon_file_70-wemb    { background-position: -90px -250px;}
+.icon_file_70-webm    { background-position: -90px -250px;}
 .icon_file_70-flv     { background-position: -170px -255px;}
 .icon_file_70-avi     { background-position: -250px -250px;}
 .icon_file_70-mov     { background-position: -330px -250px;}
 .icon_file_70-webma   { background-position: -410px -250px;}
-.icon_file_70-bpm     { background-position: -10px -336px;}
+.icon_file_70-bmp     { background-position: -10px -336px;}
 .icon_file_70-xcf     { background-position: -90px -336px;}
 .icon_file_70-jpeg    { background-position: -170px -336px;}
 .icon_file_70-gif     { background-position: -250px -336px;}
@@ -51,6 +51,9 @@
 .icon_file_70-ogg     { background-position: -170px -410px;}
 .icon_file_70-aif     { background-position: -250px -410px;}
 .icon_file_70-default { background-position: -330px -407px;}
+.icon_file_70-audio   { background-position: -91px -986px;}
+.icon_file_70-video   { background-position: -9px -992px;}
+.icon_file_70-image   { background-position: -178px -995px;}
 
 
 
@@ -71,15 +74,15 @@
 .icon_file_70-rar:hover     { background-position: -10px -650px;}
 .icon_file_70-zip :hover    { background-position: -90px -650px;}
 .icon_file_70-link:hover    { background-position: -170px -650px;}
-.icon_file_70-embeb:hover   { background-position: -250px -650px;}
+.icon_file_70-embed:hover   { background-position: -250px -650px;}
 .icon_file_70-flv:hover     { background-position: -330px -650px;}
 .icon_file_70-mp4:hover     { background-position: -10px -730px;}
-.icon_file_70-wemb:hover    { background-position: -90px -730px;}
+.icon_file_70-webm:hover    { background-position: -90px -730px;}
 .icon_file_70-swf:hover     { background-position: -170px -730px;}
 .icon_file_70-avi:hover     { background-position: -250px -730px;}
 .icon_file_70-mov:hover     { background-position: -330px -730px;}
 .icon_file_70-webma:hover   { background-position: -410px -730px;}
-.icon_file_70-bpm:hover     { background-position: -10px -810px;}
+.icon_file_70-bmp:hover     { background-position: -10px -810px;}
 .icon_file_70-xcf:hover     { background-position: -90px -810px;}
 .icon_file_70-jpeg:hover    { background-position: -170px -810px;}
 .icon_file_70-gif:hover     { background-position: -250px -810px;}
@@ -89,6 +92,9 @@
 .icon_file_70-wav:hover     { background-position: -90px -890px;}
 .icon_file_70-ogg:hover     { background-position: -170px -890px;}
 .icon_file_70-aif:hover     { background-position: -250px -890px;}
+.icon_file_70-audio:hover   { background-position: -170px -410px;}
+.icon_file_70-video:hover   { background-position: -250px -410px;}
+.icon_file_70-image:hover  { background-position: -330px -407px;}
 
 */
 
@@ -118,15 +124,15 @@
 .icon_file_50-rar     { background-position: -10px -130px;}
 .icon_file_50-zip     { background-position: -70px -130px;}
 .icon_file_50-link    { background-position: -130px -130px;}
-.icon_file_50-embeb   { background-position: -190px -130px;}
+.icon_file_50-embed   { background-position: -190px -130px;}
 .icon_file_50-swf     { background-position: -248px -131px;}
 .icon_file_50-mp4     { background-position: -10px -190px;}
-.icon_file_50-wemb    { background-position: -70px -190px;}
+.icon_file_50-webm    { background-position: -70px -190px;}
 .icon_file_50-flv     { background-position: -130px -195px;}
 .icon_file_50-avi     { background-position: -190px -190px;}
 .icon_file_50-mov     { background-position: -260px -190px;}
 .icon_file_50-webma   { background-position: -310px -190px;}
-.icon_file_50-bpm     { background-position: -10px -260px;}
+.icon_file_50-bmp     { background-position: -10px -260px;}
 .icon_file_50-xcf     { background-position: -70px -260px;}
 .icon_file_50-jpeg    { background-position: -130px -250px;}
 .icon_file_50-gif     { background-position: -190px -260px;}
@@ -138,7 +144,9 @@
 .icon_file_50-aif     { background-position: -190px -310px;}
 .icon_50-event        { background-position: -252px -307px;}
 .icon_file_50-default { background-position: -310px  -311px;}
-
+.icon_file_50-audio   { background-position: -68px -731px;}
+.icon_file_50-video   { background-position: -10px -738px;}
+.icon_file_50-image  { background-position: -130px -738px;}
 
 [class^="file_40-"],   [class*="icon_file_40-"] {
   width: 42px;
@@ -149,40 +157,43 @@
 }
 
 
-.icon_file_40-xls     { background-position: -10px -8px;}
-.icon_file_40-doc     { background-position: -60px -8px;}
-.icon_file_40-ppt     { background-position: -112px -7px;}
-.icon_file_40-pdf     { background-position: -163px -8px;}
-.icon_file_40-sla     { background-position: -214px -8px;}
-.icon_file_40-rtf     { background-position: -265px -8px;}
-.icon_file_40-txt     { background-position: -10px -59px;}
-.icon_file_40-odt     { background-position: -61px -58px;}
-.icon_file_40-ods     { background-position: -113px -59px;}
-.icon_file_40-rtf     { background-position: -164px -59px;}
-.icon_file_40-odp     { background-position: -215px -59px;}
-.icon_file_40-ps      { background-position: -266px -59px;}
-.icon_file_40-rar     { background-position: -9px -112px;}
-.icon_file_40-zip     { background-position: -60px -112px;}
-.icon_file_40-link    { background-position: -111px -112px;}
-.icon_file_40-embeb   { background-position: -162px -112px;}
-.icon_file_40-swf     { background-position: -213px -112px;}
-.icon_file_40-mp4     { background-position: -9px -161px;}
-.icon_file_40-wemb    { background-position: -60px -161px;}
+.icon_file_40-xls     { background-position: -10px -7px;}
+.icon_file_40-doc     { background-position: -60px -6px;}
+.icon_file_40-ppt     { background-position: -112px -6px;}
+.icon_file_40-pdf     { background-position: -163px -6px;}
+.icon_file_40-sla     { background-position: -214px -6px;}
+.icon_file_40-rtf     { background-position: -263px -57px;}
+.icon_file_40-txt     { background-position: -9px -57px;}
+.icon_file_40-odt     { background-position: -61px -57px;}
+.icon_file_40-ods     { background-position: -113px -57px;}
+.icon_file_40-rtf     { background-position: -164px -57px;}
+.icon_file_40-odp     { background-position: -215px -57px;}
+.icon_file_40-ps      { background-position: -266px -57px;}
+.icon_file_40-rar     { background-position: -8px -108px;}
+.icon_file_40-zip     { background-position: -59px -109px;}
+.icon_file_40-link    { background-position: -110px -110px;}
+.icon_file_40-embed   { background-position: -162px -110px;}
+.icon_file_40-swf     { background-position: -213px -110px;}
+.icon_file_40-mp4     { background-position: -9px -160px;}
+.icon_file_40-webm    { background-position: -60px -161px;}
 .icon_file_40-flv     { background-position: -110px -165px;}
 .icon_file_40-avi     { background-position: -162px -161px;}
 .icon_file_40-mov     { background-position: -213px -161px;}
 .icon_file_40-webma   { background-position: -264px -161px;}
-.icon_file_40-bpm     { background-position: -9px -260px;}
-.icon_file_40-xcf     { background-position: -59px -260px;}
-.icon_file_40-jpeg    { background-position: -110px -250px;}
-.icon_file_40-gif     { background-position: -162px -260px;}
-.icon_file_40-png     { background-position: -213px -260px;}
-.icon_file_40-tiff    { background-position: -264px -260px;}
+.icon_file_40-bmp     { background-position: -9px -211px;}
+.icon_file_40-xcf     { background-position: -60px -211px;}
+.icon_file_40-jpeg    { background-position: -112px -211px;}
+.icon_file_40-gif     { background-position: -163px -211px;}
+.icon_file_40-png     { background-position: -214px -211px;}
+.icon_file_40-tiff    { background-position: -266px -211px;}
 .icon_file_40-mp3     { background-position: -9px -262px;}
 .icon_file_40-wav     { background-position: -60px -262px;}
 .icon_file_40-ogg     { background-position: -111px -262px;}
 .icon_file_40-aif     { background-position: -160px -262px;}
 .icon_file_40-default { background-position: -263px  -262px;}
+.icon_file_40-audio   { background-position: -60px -621px;}
+.icon_file_40-video   { background-position: -9px -625px;}
+.icon_file_40-image   { background-position: -112px  -626px;}
 
 /*..................hover 50.......................
 .icon_file_50-default:hover { background-position: 0  -42px;}
@@ -201,15 +212,15 @@
 .icon_file_50-rar:hover     { background-position: -10px -180px;}
 .icon_file_50-zip:hover     { background-position: -70px -180px;}
 .icon_file_50-link:hover    { background-position: -130px -180px;}
-.icon_file_50-embeb:hover   { background-position: -190px -180px;}
+.icon_file_50-embed:hover   { background-position: -190px -180px;}
 .icon_file_50-flv-1:hover   { background-position: -260px -180px;}
 .icon_file_50-mp4:hover     { background-position: -10px -240px;}
-.icon_file_50-wemb:hover    { background-position: -70px -240px;}
+.icon_file_50-webm:hover    { background-position: -70px -240px;}
 .icon_file_50-flv-2:hover   { background-position: -130px -240px;}
 .icon_file_50-avi:hover     { background-position: -190px -240px;}
 .icon_file_50-mov:hover     { background-position: -260px -240px;}
 .icon_file_50-webma:hover   { background-position: -310px -240px;}
-.icon_file_50-bpm:hover     { background-position: -10px -300px;}
+.icon_file_50-bmp:hover     { background-position: -10px -300px;}
 .icon_file_50-xcf:hover     { background-position: -70px -300px;}
 .icon_file_50-jpeg:hover    { background-position: -130px -290px;}
 .icon_file_50-gif:hove      { background-position: -190px -300px;}
@@ -219,6 +230,9 @@
 .icon_file_50-wav:hover     { background-position: -70px -360px;}
 .icon_file_50-ogg:hover     { background-position: -130px -360px;}
 .icon_file_50-aif:hover     { background-position: -190px -360px;}
+.icon_file_50-audio:hover   { background-position: -70px -360px;}
+.icon_file_50-video:hover   { background-position: -130px -360px;}
+.icon_file_50-image:hover   { background-position: -190px -360px;}
 
 ....*/
 

data/app/assets/stylesheets/social_stream/base/icons.css.sass

@@ -0,0 +1,2 @@
+/****************************** Style & Layout
+@import "social_stream/base/icons/icon"

data/app/assets/stylesheets/social_stream/base/jquery-ui.css.sass

@@ -0,0 +1,10 @@
+/****************************** Style
+@import "social_stream/base/contacts/contacts"
+
+/****************************** Layout
+@import "social_stream/base/contacts/layouts/contacts"
+
+/****************************** Responsive
+@import "social_stream/base/contacts/responsive/responsive-768px-979px"
+@import "social_stream/base/contacts/responsive/responsive-1200px-min"
+@import "social_stream/base/contacts/responsive/responsive-767px-max"

data/app/assets/stylesheets/social_stream/base/layouts/_header.css.sass

@@ -30,11 +30,16 @@ header
       @extend .hidden-tablet
       float: left
       margin-top: 16px
-      margin-left: 39px
+      margin-left: 10%
       position: absolute
-      z-index: 40
+      z-index: 4
+      width: 80%
+      &:hover
+        z-index: 60
       .icon_tool16-searcher
         background-position: -220px -181px
+        background-image: url("icons/tools_ico-16.png")
+        background-repeat: no-repeat
 
       input
         &[type="text"]
@@ -55,8 +60,8 @@ header
           padding: 2px 11px
 
       input
-        &:focus
-          width: 69% !important
+        &:hover
+          width: 86% !important
           outline: none
           @include box-shadow (1px 1px 9px rgba(55,55,55,0.5))
           cursor: text
@@ -126,7 +131,7 @@ header
       display: inline-table
       margin-right: -13px
       position: relative
-      z-index: 2
+      z-index: 6
       li
         a
           padding: 7px 7px 7px !important

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

@@ -4,8 +4,10 @@ body
 
 
 
-#wrapper
-  @include grid-core($gridColumnWidth, $gridGutterWidth)
+.wrapper
+  min-height: 100%
+  height: auto !important
+  margin: 0 auto -32px
 
 
 

data/app/assets/stylesheets/social_stream/base/layouts.css.sass

@@ -0,0 +1,2 @@
+/****************************** Style & Layout
+@import "social_stream/base/mixins/layout"

data/app/assets/stylesheets/social_stream/base/logo.css.sass

@@ -0,0 +1,7 @@
+/****************************** Style & Layout
+@import "social_stream/base/logo/logo-in"
+
+@import "social_stream/base/logo/logo-out"
+
+/****************************** Responsive
+@import "social_stream/base/logo/responsive/responsive-767px-max"

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

@@ -94,7 +94,6 @@
   clear: both
   margin-top: 10px
   a
-    width: 53%
     float: left
     position: absolute
     background-color: #eee
@@ -109,18 +108,18 @@
     text-align: center
     padding: 0px 10px 0px 4px
 
-    &:hover
-      background-color: #555
-      color: #fff
-      text-decoration: none
+  &:hover
+    background-color: #555
+    color: #fff
+    text-decoration: none
 
-    &:focus 
-      @include tab-focus()
-    
-    &.disabled,
-    &[disabled] 
-      cursor: default
-      @include opacity(65)
+  &:focus 
+    @include tab-focus()
+  
+  &.disabled,
+  &[disabled] 
+    cursor: default
+    @include opacity(65)
 
   .loading
     z-index: 200

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

@@ -1,4 +1,5 @@
 @mixin colorfont-big-size
   font-size: 45.5px
-  line-height: 13px
+  line-height: 24px
+  margin-bottom: 0px
 

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

@@ -0,0 +1,10 @@
+/****************************** Style & layout
+@import "social_stream/base/mixins/animation"
+
+@import "social_stream/base/mixins/buttons"
+
+@import "social_stream/base/mixins/layout"
+
+@import "social_stream/base/mixins/inputs"
+
+@import "social_stream/base/mixins/colorfont"

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

@@ -0,0 +1,10 @@
+/****************************** Style
+@import "social_stream/base/notifications/notifications"
+
+/****************************** Layout
+@import "social_stream/base/notifications/layout/notifications"
+
+/****************************** Responsive
+@import "social_stream/base/notifications/responsive/responsive-768px-979px"
+@import "social_stream/base/notifications/responsive/responsive-1200px-min"
+@import "social_stream/base/notifications/responsive/responsive-767px-max"

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

@@ -4,36 +4,46 @@
   #profile-info
     h2
       @include colorfont-big-size
+      margin-bottom: 10px
+      .colorfont-overlay
+      top: 20px !important
     .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)
+      input,
+      textarea
+        background-color: #f9f9f9
+      .accordion-body
+        @include gradient-vertical-three-colors($startColor: #e2e2e2, $midColor: #ededed, $colorStop: 3%, $endColor: #f1f1f1)
+        width: 100%
+      span
+        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
+        color: #999
         p
-          border-top: 5px solid #f9f9f9
           background-color: none
+          padding-top: 20px
+          padding-left: 1px
 
-      .update
+      form.edit_profile
+        input
+          &[type="submit"]
+            @include btn-secundary
+    .avatar
+      form.edit_actor
         background-color: #f9f9f9
-        form.edit_profile
-          input
-            &[type="submit"]
-              @include buttonBackground($blueDark, $blue, $textColor: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,.25)) 
+        padding-left: 10px
+        padding-top: 14px
+        input
+          &[type="file"]
+    section.accordion-group
+      border: none
+
+
     
     h5
       color: $grayLighter
       font-size: 17px
       font-weight: bold
-    p
-      @include border-radius (15px)
-      background-color: #F9F9F9
-      border: 0 solid #F9F9F9
+    

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

@@ -10,51 +10,48 @@
     .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,
+      textarea
+      .accordion-heading
+        .accordion-toggle
+          display: inline !important
+      .accordion-body
+        .accordion-inner
+          padding: 9px 15px 37px
+          label,
+          h6
+            margin-bottom: 0px
           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
+              float: right
+              margin-top: 10px
+      span
+        display: inline-block
+        padding: 0px 27px 9px 27px
+        float: right
+
     .personal,
     .comunication-info,
     .experience
-      .update
-        input
-          &[type="text"],
-          &[type="tel"],
-          &[type="email"]
-            width: 95.5% !important
-            margin: 8px 4px 0px 4px
-        textarea
+      input
+        &[type="text"],
+        &[type="tel"],
+        &[type="email"]
           width: 95.5% !important
-          margin: 8px 4px 0px 4px
+
+
+      textarea
+        width: 95.5% !important
+
+    .personal
+      .accordion-body
+        .accordion-inner
+          form
+            margin: 0 0 10px
+          input
+            &[type="submit"]
+              float: right
+              margin-top: 2px
     .experience
       .briefing
         p
@@ -75,21 +72,19 @@
       margin: 16px
     p
       @include border-radius (15px)
-      margin: -15px 11px 0 5px
-      padding: 12px 10px 11px 27px
+      margin: -15px 11px 0 0px
+      padding: 12px 10px 11px 0px
       width: 325px
 
-    .update
-      margin-left: 22px
-
-             
+    .accordion
+      margin-top: 20px
 
 
 #profile_birthday_3i,
 #profile_birthday_2i,
 #profile_birthday_1i
-  width: auto
-  margin-right: 4px
+  width: auto !important
+  margin-right: 4px !important
 .avatar
   padding: 4px
   .edit_icon

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

@@ -24,7 +24,5 @@
       .avatar
         @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
         margin-left: 0px
-       
-     
-        .update
-          @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+        .accordion-body
+          width: 98%