social_stream 1.1.12 → 2.0.0.beta1

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

@@ -0,0 +1,30 @@
+//
+// Responsive: Large desktop and up
+// --------------------------------------------------
+
+
+@media (min-width: 1200px)
+
+
+  #profile
+    @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    margin-left: 0px
+    #toolbar
+      @include grid-core-span(2, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      float: left
+      margin-left: 0px
+    #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
+       
+     
+        .update
+          @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)

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

@@ -0,0 +1,33 @@
+//
+// Responsive: Landscape phone to desktop/tablet
+// --------------------------------------------------
+
+
+@media (max-width: 767px)
+
+  #profile
+    @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    margin-left: 0px
+
+    #profile-info
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      float: none
+      margin: 0px auto 0px
+      .tags,
+      .personal,
+      .comunication-info,
+      .experience,
+      .avatar
+        @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+        .update
+          @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+
+
+
+
+// UP TO LANDSCAPE PHONE
+// ---------------------
+
+@media (max-width: 480px)
+
+  

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

@@ -0,0 +1,23 @@
+//
+// Responsive: Tablet to desktop
+// --------------------------------------------------
+
+
+@media (min-width: 768px) and (max-width: 979px)
+
+
+  #profile
+    @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+
+    #profile-info
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      float: none
+      margin: 0px auto 0px
+      .tags,
+      .personal,
+      .comunication-info,
+      .experience,
+      .avatar
+        @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+        .update
+          @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)

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

@@ -0,0 +1,86 @@
+//
+// Responsive: Large desktop and up
+// --------------------------------------------------
+
+
+@media (min-width: 1200px)
+
+  #home
+    margin-left: auto
+    margin-right: auto
+    #toolbar
+      width: 12.28571%
+      float: left
+      margin-left: 3.25%
+    .activities
+      @include grid-core-span(7, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      float: left
+      margin-left: 30px
+      margin-right: 30px
+
+
+    #sidebar
+      width: 20%
+      float: left
+
+
+
+
+  #user,
+  #groups
+    #toolbar
+      @include grid-core-span(2, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      float: left
+      .user
+        .logo_home,
+        #avatar_profile
+      ul.buttons
+        margin-left: 0
+        li
+          a
+            @include grid-core-span(2, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    .activities
+      @include grid-core-span(7, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      margin-left: 3%
+      margin-rigth: 2%
+
+    #sidebar
+      @include grid-core-span(3, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      float: right
+      
+
+
+
+  #profile
+    @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    margin-left: 0px
+    #toolbar
+      @include grid-core-span(2, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      float: left
+      margin-left: 0px
+    #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
+       
+     
+        .update
+          @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+        
+          
+
+
+  #documents
+    #toolbar
+      display: none
+    .documents
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      float: left
+      margin-left: 0

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

@@ -0,0 +1,178 @@
+//
+// Responsive: Landscape phone to desktop/tablet
+// --------------------------------------------------
+
+
+@media (max-width: 767px)
+
+  header.navbar
+    ul.nav
+      margin-top: 13px
+      padding-left: 3%
+      li
+        a
+          padding: 7px 8px 7px !important
+    
+  footer
+    @extend .hidden-phone
+
+
+  #home
+    #toolbar
+      @extend .hidden-phone
+      .send-message
+        margin-top: 10px
+        a
+          padding: 4px 27px
+          @include border-radius(5px)
+        
+    .activities
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      margin-left: 0
+
+
+
+
+  #user,
+  #group
+    #toolbar
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      .user
+        float: left
+      .send-message
+        margin-top: 10px
+        a
+          padding: 4px 27px
+          @include border-radius(5px)
+        .logo_home,
+        #avatar_profile
+          float: left
+      ul.buttons
+        @include grid-core-span(7, $fluidGridColumnWidth, $fluidGridGutterWidth)
+        display: inline-block
+        float: left
+        margin-left: 8%
+        margin-top: 4px
+        background: $white
+        li
+          margin-bottom: 7px
+          margin-left: 0px
+          a
+            @include grid-core-span(5, $fluidGridColumnWidth, $fluidGridGutterWidth)
+            &:hover
+              text-decoration: none
+
+    .activities
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      margin-left: 0
+
+
+
+
+  #profile
+    @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    margin-left: 0px
+
+    #profile-info
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      float: none
+      margin: 0px auto 0px
+      .tags,
+      .personal,
+      .comunication-info,
+      .experience,
+      .avatar
+        @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+        .update
+          @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+
+
+
+  #relation_customs
+    #toolbar
+    h2
+      background-color: #c4c4c4
+      color: $white
+      font-weight: bold
+      padding-left: 10px
+      border-top-left-radius: 10px
+      border-top-right-radius: 10px
+      margin-bottom: 0px !important
+    .relation_list
+      @include grid-core-span(5, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      border-left: (1px solid #c4c4c4)
+      margin-left: 0
+      padding-left: 30px
+      #new_relation
+        margin-top: 20px
+    #permissions
+      @include grid-core-span(6, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      border-right: (1px solid #c4c4c4)
+      float: right
+      margin-left: 10px
+      .postit
+        background-image: none
+        width: auto
+        height: auto
+        padding: 38px 19px 0 0
+    .relation_list,
+    #permissions
+      h4
+        margin-top: 20px
+
+
+
+  #documents
+    input
+      &[type="text"]
+        float: right
+
+
+
+
+
+
+// UP TO LANDSCAPE PHONE
+// ---------------------
+
+@media (max-width: 480px)
+
+  header.navbar
+    ul 
+      li
+        a 
+          padding: 6px 8px 6px
+
+  #home,
+  #user,
+  #group
+    #toolbar
+      .send-message
+        margin-top: 10px
+        a
+          padding: 4px 27px
+          @include border-radius(5px)
+      ul.buttons
+        @include grid-core-span(6, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    
+    .activities
+      .wall_input
+        #new_post
+          input
+            &[type="text"] 
+              padding-left: 5%
+              padding-right: 5%
+              width: 89%
+          .wall_input-actions
+            .btn-group
+              margin-top: 10px
+      .timeline
+        .avatar
+          float: left
+
+
+
+  #relation_customs
+    .relation_list
+      padding-left: 10px
+

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

@@ -0,0 +1,102 @@
+//
+// Responsive: Tablet to desktop
+// --------------------------------------------------
+
+
+@media (min-width: 768px) and (max-width: 979px)
+
+  header.navbar
+    ul
+      margin-top: 13px
+
+
+
+  footer
+    @extend .hidden-tablet
+
+
+
+  #home
+    #toolbar
+      @extend .hidden-tablet
+    .activities
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      margin-left: 0
+      .wall_input
+        padding: 5px 13px
+
+
+
+
+  #user,
+  #group
+    #toolbar
+      ul.buttons
+        margin-left: 0
+        li
+          a
+            @include grid-core-span(2, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    .activities
+      @include grid-core-span(10, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      margin-left: 2%
+      .wall_input
+        padding: 5px 13px
+    #sidebar
+      @include grid-core-span(3, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      #suggestions,
+      #pendings
+        .avatar
+          width: 45px
+          margin-left: -5px
+        .data
+          width: 127px
+          margin-left: 3px
+
+  #profile
+    @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+
+    #profile-info
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      float: none
+      margin: 0px auto 0px
+      .tags,
+      .personal,
+      .comunication-info,
+      .experience,
+      .avatar
+        @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+        .update
+          @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+          
+
+
+  .relation_customs
+    @include grid-core-span(10, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    float: left
+    margin-top: 20px
+    .relation_list
+      @include grid-core-span(4, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    #permissions
+      @include grid-core-span(5, $fluidGridColumnWidth, $fluidGridGutterWidth)
+
+
+
+  #site_clients
+    #toolbar
+      background-color: black
+
+
+
+
+    #sidebar
+      @include grid-core-span(3, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      #suggestions,
+      #pendings
+        .avatar
+          width: 45px
+          margin-left: -5px
+        .data
+          width: 143px
+          margin: 0px
+
+