social_stream-base 0.5.0

data/lib/generators/social_stream/base/templates/public/stylesheets/default/activities.css

@@ -0,0 +1,72 @@
+/****************** WALL - ACTIVITIES *********************/
+#wrapper_activities {}
+#wall{	text-align:center;}
+
+
+/****************** WALL - HEADER *********************/
+#wrapper_activities_header {	padding-top: 5px;  padding-bottom: 5px;	background-color: #deeff8;}
+#activities_title {	vertical-align: top;	margin-left: 10px;	font-weight: bold;}
+#activities_header {	width: 100%;	margin-bottom: 5px;	text-align: center;	padding-top: 5px;}
+#input_activities {	border-color: #0656a4; color: #2A3890;	padding: 5px 5px 5px 5px;
+  border:1px solid #BDC7D8; width:95%;}
+#activities_share_btn {	text-align: right;	padding: 5px 16px 0px 10px;	vertical-align: middle;}
+#securities{  display:inline-block;  text-align:left;}
+
+/******************* WALL - ACTIVITY ***************/
+.activity {	text-align:left;	display: block;	vertical-align: top;	padding: 2px 0px 0px 0px;
+	display: inline-block;	color: #000;	width: 100%;  font-size: 13px;  color: #2A3890;}
+.actor_logo {	width: 38px;	padding: 8px 0px 5px 5px;	display: inline-block;	vertical-align: top;}
+.activity_content {	padding: 8px 0px 0px 0px;	display: inline-block;	color: #000;	width: 90%;}
+.actor_name {	font-weight: bold;	color: #2A3890;  font-size: 13px;}
+.post a {	color: #2A3890;}
+
+/***************** ACTIVITY OPTIONS ***/
+.activity_options {	color: #2A3890;	font-size: 10px;  display: inline-block;}
+.actor_name-activity_objects{  font-weight: bold;	color: #2A3890;  font-size:12px;}
+.subactivity_objects{	color: #000;  font-weight:normal;  font-size:11px;}
+.post_time_ago {	color: #6c6d6f;}
+.activity_options {  list-style:none;	margin:0;	padding:0;}
+.activity_options li {	padding-left:0px;  padding-right:5px;	float:left;}
+.activity_options li a {	text-decoration:none;}
+.activity_options li a:hover {	text-decoration:underline;}
+.icon_gray{  list-style-image:url("/images/point_gray.png");}
+.activity_options .icon_blue{  padding-left:5px;  list-style-image:url("/images/point_blue.png");
+  list-style-position:inside;}
+
+
+
+/************* ACTIVITY - FOOTER *********/
+.space_comments {	padding-top: 1px; 	padding-bottom: 1px;}
+.space_activities {	text-align:center;	padding: 0px 0px 0px 1px;	width:100%;}
+.space_sub_activities{	padding: 1px 30px 0px 30px;	border-bottom: thin solid #D4E4E4;
+	width:100%;	text-align:center;	display: inline;}
+.space_sub{	display: inline;	padding: 1px 200px 1px 200px;	border-bottom: thin solid #D4E4E4;
+	font-size: 2px;	text-align:center;}
+
+
+/****************** SUB-ACTIVITY by ACTIVITY ********/
+
+
+.activity_new_comment{  font-size: 11px;  padding-left: 5px;	background: #deeff8;
+	border: thin solid #D4E4E4;}
+.actor_logo_subactivity {	width: 40px;	padding: 5px 3px 5px 2px;	display: inline-block;
+	vertical-align: top;}
+.input_new_comments{	border:1px solid #BDC7D8;	width:98%;	padding: 2px;}
+.activity_new_comment{	font-size: 11px;  width:100%;  padding-top: 3px;  padding-bottom: 3px;}
+.subactivity{  font-size: 11px;  padding: 0px 0px 0px 5px;  background: #deeff8;
+  border: thin solid #D4E4E4;}
+.space_comments {	padding-top: 1px;	padding-bottom: 1px;}
+#input_activities {	border-color: #0656a4;	color: #2A3890;	padding: 5px 5px 5px 5px;
+  border:1px solid #BDC7D8;}
+#activities_share_btn {	text-align: right;	padding: 5px 16px 0px 10px;	vertical-align: middle;}
+.activities_comment_btn{ text-align: right;    padding: 2px 5px 2px 10px;    vertical-align: middle;}
+
+
+/*********** DROP DOWN**********/
+/** Simple modifications needed for DropDownCheckList to take advantage of ThemeRoller settings */
+.ui-dropdownchecklist .ui-widget-content,.ui-dropdownchecklist-selector .ui-state-default {	border: none;  vertical-align:middle;}
+.ui-dropdownchecklist-selector-wrapper {	vertical-align: middle;}
+.ui-dropdownchecklist-selector {}
+.ui-dropdownchecklist-group {}
+.ui-dropdownchecklist-text{ padding:3px 3px 0px;}
+

data/lib/generators/social_stream/base/templates/public/stylesheets/default/avatars.css

@@ -0,0 +1,79 @@
+/******************** Common ***********************/
+
+/******************** Avatars ***********************/
+.avatars {
+  padding-left: 10px;
+}
+.avatar {
+  float:left;
+  position:relative;
+}
+.avatar .actions {
+}
+.avatar .delete_avatar {
+  position:absolute;
+  top:5px;
+  right:5px;
+  display:none;
+}
+.avatar .default {
+  border: 5px solid #2A3890;
+}
+.avatar .non_default {
+  border: 5px solid #E0EEF5;
+}
+/******************** New form ***********************/
+.new_logo_form {
+}
+/******************** Slide Effect ***********************/
+.boxgrid {
+  width: 104px;
+  height: 104px;
+  float:left;
+  overflow: hidden;
+  position: relative;
+}
+.boxgrid img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: 0;
+}
+.boxcaption {
+  top: 104px;
+  left: 5px;
+  float: left;
+  position: absolute;
+  background: #E0EEF5;
+  opacity: .8;
+  width: 84px;
+  height: 28px;
+  /* For IE 5-7 */
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+  /* For IE 8 */
+  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+}
+.captionfull .boxcaption {
+  top: 104px;
+  left: 5px;
+  padding: 5px;
+}
+/**************** Crop **************/
+#precropDiv {
+  width:499px;
+  display:inline-block;
+  padding: 0px 30px 0px 29px;
+}
+#precropPrev {
+  vertical-align:top;
+  display:inline-block;
+  /*padding: 5px 4px 5px 4px;*/
+}
+#precropPrevImg {
+  width:100px;
+  height:100px;
+  overflow:hidden;
+  margin-left:30px;
+  border: 1px solid #E0EEF5;
+}
+

data/lib/generators/social_stream/base/templates/public/stylesheets/default/base.css

@@ -0,0 +1,194 @@
+/*************Basic SECTION ********************/
+* {	margin: 0;	padding: 0;	font-family: Arial; }
+html, body {height: 100%;}
+.p {	margin: 0px;	padding: 0px;	font-size: inherit;	font-family: inherit;	font-weight: inherit;
+      text-align: inherit;	color: inherit;	line-height: inherit;	vertical-align: top;}
+p {	padding-top: 0px;	margin-top: 0px;}
+img {	border: 0px;}
+div {	margin: 0px;	padding: 0px;	font-family: Helvetica;	font-size: 11px;}
+.AbsWrap {	width: 100%;	position: relative;}
+.rowWrap {	width: 100%;}
+a:link,a:visited {	color: inherit;	text-decoration: inherit;}
+a:hover {	text-decoration: underline;}
+.clearfloat {	clear: both;	height: 0px;}
+h2{padding-left:10px;}
+
+
+/******* Main Structure SECTION***************************/
+body{font-size:1.0em;  color:#2A3890;  background-color:#ffffff; }
+#wrapper { 	background-color: #f5f5f5;	width: 100%; margin: 0px auto;	  }
+#wrapper_body{min-height: 552px;	width: 960px; margin:0px auto;	margin-left: auto;	margin-right: auto;
+margin-top: auto; margin-bottom:auto;}
+
+
+ /*********** Notices SECTION *********************/
+.notice, .success, .alert, .error, .validation, #error_explanation {
+    border: 1px solid;
+    margin: 10px 0px;
+    padding:15px 10px 15px 40px;
+    background-repeat: no-repeat;
+    background-position: 10px center;
+    width: 440px;
+    margin-left: auto;
+    margin-right: auto;
+}
+.notice ul, .success ul, .alert ul, .error ul, .validation ul{
+  margin-left:40px;
+  
+}
+label.validation_error{color: #D8000C;background-color: #FFBABA;border: 1px solid;
+                       display: block;padding-left:5px;padding-right:5px;width:90%;}
+.notice {border-color:#BDC7D8; color: #1F4A75;background-color: #DEEFF8;background-image: url('/images/btn/info.png');}
+.success {color: #4F8A10;background-color: #DFF2BF;background-image:url('/images/btn/success.png');}
+.alert {color: #9F6000;background-color: #FEEFB3;background-image: url('/images/btn/warning.png');}
+.error, #error_explanation {color: #D8000C;background-color: #FFBABA;background-image: url('/images/btn/error.png');}
+
+/************Forms SECTION **************/
+input.other_blue{	background:#497FC1;	border:0px;	cursor:pointer;  font-size:1.0em;  line-height:135%;
+  margin-right:4px;	color:white;	padding:1px;}
+textarea.new_contact_text_area{ width:100%; height: 100px; color: #2A3890;}
+.colum_field_title{ text-align: center; }
+.select_relations select{ font-size: 12px; color: white; background-color:#1F4A75;} 
+
+/************ Forms - Buttons  SECTION ***************************/
+.myButton{ cursor:pointer;
+  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0.01, rgb(116,191,67)),
+      color-stop(0.51, rgb(117,189,68)),color-stop(0.76, rgb(195,222,171)));
+  background-image: -moz-linear-gradient(center bottom,rgb(116,191,67) 1%,rgb(117,189,68) 51%,
+      rgb(195,222,171) 76%);
+  border-radius: 0.2em;  color: #fff; width: 88px;  height: 26px;  border: none;}
+.myButton span {  display: block;  line-height: 14px;  padding: 5px 0 5px 18px;}
+.myButton:active {  background-position: bottom right;  color: #000;  outline: none;}
+.myButton:active span {  background-position: bottom left;  padding: 6px 0 4px 18px;}
+
+.myButtonBlue{ cursor:pointer;
+  background-image: -webkit-gradient( linear, left bottom, left top,
+      color-stop(0.16, rgb(0,122,193)), color-stop(0.58, rgb(56,148,209)), color-stop(0.79, rgb(168,222,249)) );
+  background-image: -moz-linear-gradient(center bottom,
+      rgb(0,122,193) 16%, rgb(56,148,209) 58%, rgb(168,222,249) 79%);
+  border-radius: 0.2em;  color: #fff; width: 60px;  height: 22px;  border: none;}
+.myButtonBlue span {  display: block;  line-height: 14px;  padding: 3px 0 3px 10px;}
+.myButtonBlue:active {  background-position: bottom right;  color: #000;  outline: none; }
+.myButtonBlue:active span {  background-position: bottom left;  padding: 3px 0 2px 18px; }
+
+.myButtonLarge{ cursor:pointer;
+  background-image: -webkit-gradient(linear,left bottom,left top,
+          color-stop(0.01, rgb(116,191,67)),color-stop(0.51, rgb(117,189,68)),
+          color-stop(0.76, rgb(195,222,171))  );
+          background-image: -moz-linear-gradient(center bottom,rgb(116,191,67) 1%,
+          rgb(117,189,68) 51%,rgb(195,222,171) 76%);
+          border-radius: 0.2em;color: #fff; width: 200px; height: 26px; border: none;}
+.myButtonLarge span {  display: block;  line-height: 14px;  padding: 5px 0 5px 18px;}
+.myButtonLarge:active {  background-position: bottom right;  color: #000;  outline: none;}
+.myButtonLarge:active span {  background-position: bottom left;  padding: 6px 0 4px 18px;}
+
+.button{margin: 10px 0 10px 10px;padding: 3px 3px 3px 3px;color:#FFFFFF;background-color: #1F4A75;}
+.optionHeader {
+	color: #fff;
+	overflow: hidden;
+  background-color: #1F4A75;
+}
+
+
+/************** BLOCK DIV SECTION *********/
+.block { display:block;}
+.block .brief {	color: #6C6D6F;}
+.block .center{ text-align:center;}
+.block .close {  float:right;  vertical-align:top;}
+.block .content{ padding: 5px 4px 5px 4px; }
+.block .header{vertical-align: middle;	background: transparent url(/images/title_background.png) scroll 0px;
+	padding-left: 10px;	display: block;  height:20px; font-weight:bold;}
+.block .header_icon{ margin-top: 2px;  width:14px;  height:14px; }
+.block .header_icon_right {	float: right;	padding-right: 5px;	padding-top: 3px;}
+.block .header_text {	margin-bottom: 3px;	display: inline-block;}
+.block .logo{ 	display: inline-block; vertical-align:top;}
+.block .right{padding-right:20px; float:right;}
+.block .row {	display: block;}
+.block .title{ display:inline-block; }
+.block .sub-block{	display: inline-block;  padding-left:3px; width:70%; text-align:left;}
+.block .close_add_contact {  float:right;  vertical-align:top; margin-right: 1%;  }
+
+/******BLOCK TAB CONTENT  SECTION********/
+.block .tab { 	margin-top: 2px;	background: #fff;	/*border-top: thin solid #D4E4EA;*/
+	padding: 2px 0px 2px 0px;}
+.block .tab_content{ padding:5px; text-align:center;}
+.block .tab li { display: inline; list-style: none;	padding-right: 2px;}
+.block .tab li a {	background-color: #deeff8;	text-decoration: none;	padding: 4px 3px;	outline: none;}
+.block .tab ul {	background: #deeff8;}
+.block .tab li a:hover,
+.block .tab li.ui-tabs-nav a,
+.block .tab li.ui-tabs-selected a,
+.block .tab li a:active	{	background-color: #deeff8;	font-weight: bold;	text-decoration: none;}
+.block .tab_browse{	width:49%;	display:inline-block;}
+.ui-tabs-hide {	display: none;}
+
+
+/******** FORMS  SECTION *******/
+.block .field{  display:inline;  padding: 0px;  width:50%;}
+.block .form_tag{border-color: #0656a4;	color: #2A3890;	padding: 5px 5px 5px 5px;  border:1px solid #BDC7D8; width:90%;}
+.block .form_tag_long{border-color: #0656a4;	color: #2A3890;	padding: 5px 5px 5px 5px;  border:1px solid #BDC7D8; width:91%;}
+.block .form_label{display:inline-block;  width:25%; font-weight:bold; vertical-align:top; padding-top:3px;}
+.block .form_field{  display:inline-block;  padding: 0px;  width:73%;}
+.block .form_row {	display: block; padding:5px; padding-left:20px; }
+.block .label{  display:inline-block;  width:49%; }
+.block .two_columns_container {	margin-top: 5px; }
+.block .form_column_left  {	display: block; padding:5px; padding-left:20px; float: left; width:60%; text-align: center;}
+.block .form_column_right {	display: block; padding: 5px 10px 5px 10px; float:right; width:31%; text-align: center;}
+.block .form_bottom { display: block; padding:5px; padding-left:20px; clear:both; text-align: center; }
+.block .select_relations{ padding-top:20px; text-align: center; }
+
+
+/********* Links SECTION **********/
+.contact_link a{  text-decoration:none;}
+.contact_link a:hover{  text-decoration:underline;}
+
+
+/********* Menu header SECTION ************/
+.menu_list ul{list-style-type:none;}
+.menu_list li{display: inline;padding-right: 2px; padding-left: 2px; }
+.field_x{  border: thin solid #005C84;  width: 130px;}
+.line{  display:block;  margin:10px 2px 10px 10px;}
+
+/*************MENU ICON SECTION**********/
+.menu_header{  border-bottom: thin solid #D4E4EA;  width:14.5em;  padding-left:3px;  padding-right:3px;}
+.menu_icon{	vertical-align: middle; padding-bottom: 3px;	padding-right: 3px;  padding-left: 3px;	display: inline-block;}
+
+
+
+/*************SPACES SECTION *************/
+.space_center {	padding-top: 9px;	padding-right: 4px;	text-align: center;}
+
+/********** Current logo change **********/
+.logo_grid {
+  width: 142px;
+  height: 119px;
+  overflow: hidden;
+  position: relative;
+}
+.logo_grid img {
+  position: absolute;
+  top: 0;
+  left: 23px;
+  border: 0;
+}
+
+.logo_caption {
+  top: 119px;
+  left: 23px;
+  float: left;
+  position: absolute;
+  background: #E0EEF5;
+  opacity: 0.8;
+  width: 119px;
+  height: 18px;
+  /* For IE 5-7 */
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+  /* For IE 8 */
+  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+}
+.logo_full .logo_caption {
+  top: 119px;
+  left: 23px;
+  padding: 0px;
+}
+

data/lib/generators/social_stream/base/templates/public/stylesheets/default/carousel.css

@@ -0,0 +1,23 @@
+#carousel_container{   text-align:center;}
+
+#carousel_inner { float:left; /* important for inline positioning */
+width:490px; /* important (this width = width of list item(including margin) * items shown */
+overflow: hidden;  /* important (hide the items outside the div) */
+/* non-important styling bellow */
+background: #fff; text-align:center; }
+
+#carousel_ul {
+position:relative; left:-210px; /* important (this should be negative number of list items width(including margin) */
+list-style-type: none; /* removing the default styling for unordered list items */
+margin: 0px; padding: 0px; width:9999px; /* important */ /* non-important styling bellow */ padding-bottom:10px;
+}
+
+#carousel_ul li{ float: left; /* important for inline positioning of the list items */ width:55px;
+  /* fixed width, important */   /* just styling bellow*/ padding:0px;height:38px;background: #fff;
+  margin-top:10px;margin-bottom:10px; margin-left:5px;margin-right:5px;}
+
+#carousel_ul li img { .margin-bottom:-4px;
+/* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
+/* styling */ cursor:pointer;cursor: hand;border:0px;}
+#left_scroll, #right_scroll{ float:left;height:10px; padding-top:15px;width:26px;background: #fff;}
+#left_scroll img, #right_scroll img{/*styling*/cursor: pointer;cursor: hand;}

data/lib/generators/social_stream/base/templates/public/stylesheets/default/contacts.css

@@ -0,0 +1,88 @@
+.desc { color:white;}
+.desc a {color:white;}
+      
+.dropdown { margin:0px; padding:0px; }  
+.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
+.dropdown dd { position:relative; }
+.dropdown a, .dropdown a:visited { color:#1F4A75; text-decoration:none; outline:none;}
+.dropdown dt a:hover { border: 1px solid white;}
+.dropdown dt a {background:#DFECF1 url(/images/btn/arrowBlue.png) no-repeat scroll right center; display:block; padding-right:20px;
+                border:1px solid #1F4A75; width:150px;}
+.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
+.dropdown dd ul { background:#DFECF1 none repeat scroll 0 0; border:1px solid #1F4A75; color:#1F4A75; 
+                  left:0px; padding:0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
+.dropdown dd ul li a { padding:5px; display:block; font-size:1.0em;}
+.dropdown dd ul li a:hover { background-color: #EBF2F4;}
+
+.input_select{ height: 20px; width: 90%; background-color: #DFECF1; margin: auto; margin-top:5px; margin-bottom:5px; color: #1F4A75; border: 1px solid #1F4A75; text-align: center; font-size:1.0em;}
+
+.select_relations{ text-align: center; padding-right:50px; margin-top: -5px;}
+
+
+
+.ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover {
+  color: #999;
+}
+
+span.ui-checkbox, span.ui-radio {
+  display: block;
+  float: left;
+  width: 16px;
+  height: 17px;
+  background: url(/images/icon_checkbox.png) 0 -40px no-repeat;
+}
+
+span.ui-helper-hidden {
+  display: none;
+}
+
+label {
+  display: block;
+  font-family: sans-serif;
+  padding: 2px;
+  margin-left: 20px;
+}
+
+span.ui-radio-state-hover, span.ui-checkbox-state-hover {
+  background-position: 0 -114px;
+}
+
+span.ui-checkbox-state-checked {
+  background-position: 0 -1px;
+}
+
+span.ui-checkbox-state-checked-hover {
+  background-position: 0 -75px;
+}
+
+span.ui-radio-state-checked-disabled-hover,span.ui-radio-state-checked-disabled, span.ui-radio-state-checked {
+  background-position: 0 -161px;
+}
+
+span.ui-radio-state-checked-hover {
+  background-position: 0 -200px;
+}
+
+.ui-helper-hidden-accessible {
+  position: absolute;
+  left: -999em;
+}
+
+
+li.sphere_name, li.new_sphere {
+	background-color: #1F4A75;
+	padding: 5px;
+	text-align: left;
+}
+
+span.sphere_name, span.sphere_name a{
+	color: white;
+}
+
+.checked-option{
+  background-color: #dfecf1;
+}
+
+
+
+

data/lib/generators/social_stream/base/templates/public/stylesheets/default/fcbkComplete.css

@@ -0,0 +1,44 @@
+/* TextboxList sample CSS */
+ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
+*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
+ul.holder li { float: left; list-style-type: none; /*margin: 0 5px 4px 0;*/ white-space:nowrap;}
+ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
+ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
+ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
+ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */
+ul.holder li.bit-input input.smallinput { width: 20px; }
+
+/* Facebook demo CSS */      
+ul.holder { width: 500px; }
+/*ul.holder { margin: 0 !important }*/
+ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;}
+#apple-list ul.holder li.bit-input { margin: 0; }
+#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
+ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
+ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
+ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('images/fcbkcomplete/close.gif'); }
+ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
+ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }
+
+/* Autocompleter */
+
+.facebook-auto { display: none; position: absolute; /*width: 512px;*/ background: #eee; z-index:1001;}
+.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; }
+.facebook-auto ul { display: none; margin: 0; /*padding: 0;*/ overflow: auto; position:absolute; z-index:9999}
+.facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #BDC7D8; border-width: 0 0px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #E1EEF5; width: 90% }
+.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
+.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
+.facebook-auto ul li.auto-focus em { background: none; }
+.deleted { background-color:#4173CC !important; color:#ffffff !important;}
+.hidden { display:none;}
+
+#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
+.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;}
+
+.search_suggestion{
+  width: 200px;
+  border:1px solid #BDC7D8;
+  background-color: #E1EEF5;
+  padding: 1px 5px 1px 0px;
+}
+

data/lib/generators/social_stream/base/templates/public/stylesheets/default/footer.css

@@ -0,0 +1,26 @@
+#sponsor-wrapper{ text-align:right; vertical-align:middle;}
+#sponsor{width:960px;margin:0 auto;color:#666; }
+
+#footer{width: 960px;margin-left: auto;margin-right: auto;padding: 0;position: relative; text-align:center;
+	clear:left;font-size:0.9166em;line-height:1.6363;color:#666;padding:0.75em 0;}
+#footer ul, #sponsor ul{list-style-type:none;margin:0 0.5em; }
+#footer ul li,#sponsor ul li{display:inline-block;margin-right:0.25em;position:relative;}
+#footer ul li#trade_mark,#sponsor ul li#trademark{font-weight:bold;color:#111;}
+#footer ul li#trade_mark_logo{font-weight:normal;}
+#footer a, #sponsor a{color:#666;}
+#footer a:hover, #sponsor a:hover{color:#444; text-decoration: underline;}
+#footer .icon,#global .icon{margin-bottom:-4px;}
+#footer-wrapper{background-color:#e1eef5;}
+#footer_right{font-weight:normal;}
+#footer_right{ font-size: 10px; line-height: 1.1em;}
+
+
+#footerFront {	width: 100%;	padding: 0;	background: #E1EEF5;}
+.banner_footer { width: 960px;	margin-left: auto;	margin-right: auto;	padding: 0;	position: relative;}
+.banner_footer #footer_content {	text-align: center;	color: #ccc;}
+.banner_footer {	width: 960px;	color: #0656a4;	margin-left: auto;	margin-right: auto;	padding-top: 2px;
+	position: relative;}
+.banner_footer .a_border {	border-right: thin solid;	color: #0656a4;	padding: 0px 7px;	text-decoration: underline;}
+.banner_footer a {	color: #0656a4;	padding: 0px 7px;	text-decoration: underline;}
+
+.rowfooter{float:right;}

data/lib/generators/social_stream/base/templates/public/stylesheets/default/frontpage.css

@@ -0,0 +1,54 @@
+/********************** BÚSQUEDA *****************/
+.banner_busqueda {	width:960px;	height:61px;	margin-left:auto;	margin-right:auto;	padding:0;
+	position:relative;  padding-top:10px;}
+.div_busqueda {	color:#0656a4;	width:248px;	display:inline-block;	text-align: right;
+  vertical-align: top;	font-size: 12px;}
+.div_busqueda #subtexto_busqueda {	padding-bottom: 8px;	height:12px;}
+.div_busqueda #input_find{	position:relative;	border-color:#0656a4;	padding: 0px;	border: 1px inset;}
+.div_busqueda #find_button{	width:15px;	border:0px;	height:15px;}
+.div_busqueda .a_border{	border-right:thin solid;	color:#0656a4;	padding:0px 7px;	text-decoration:underline;}
+.div_busqueda a{	color:#0656a4;	padding:0px 7px;	text-decoration:underline;}
+#espacio_busqueda {	width:692px;  margin-left:20px;	height:45px;	margin-bottom:0px;	float:left;
+	display:inline;}
+#form_busqueda{  padding-top:3px;}
+span.find{  padding-right:5px;}
+
+/************** sub structure Frontpage **************/
+#login{  padding-top: 5px;}
+#welcome{  margin-top:50px;  margin-left:300px;  width:330px;  padding:20px;  border: thin solid #2A3890;
+  position: absolute;  text-align:center;}
+#wrapper_left{  vertical-align:top;  width:49%;  display:inline-block;    padding-left: 20px;}
+#wrapper_right{ vertical-align:top;  width:48%;  display:inline-block;}
+
+
+/***************** content Frontpage *****************/
+.espacio{height:10px;}
+#frontpage_title{	font-size: 17px;	font-weight:bold;	color: #1F4A75;	vertical-align: top;	margin: 0px;
+	text-align: center;	padding: 0px;}
+.icon{  display:inline-block;  width:60px }
+#icon_share{  background: transparent url(/images/frontpage/share.png);  width:56px;  height:57px;}
+#icon_meet{  background: transparent url(/images/frontpage/meet.png);  width:56px;  height:57px;}
+#icon_collaborate{  background: transparent url(/images/frontpage/collaborate.png);  width:56px;  height:57px;}
+.icon_text{  text-align:center;  width:100%;  font-weight:bold;}
+#join_form{  float:right;  padding-right:50px;}
+.sentences{  width:80%;  display:inline-block;  vertical-align:top;  padding-top:10px;}
+.sentences ul,.sentences li{  list-style-type:none;  font-size:14px;  margin-left:10px;  padding-top:3px;}
+.sentences li.purple{  list-style-image:url("/images/frontpage/purple_sq.png");}
+.sentences li.green{  list-style-image:url("/images/frontpage/green_sq.png");}
+.sentences li.yellow{  list-style-image:url("/images/frontpage/yellow_sq.png");}
+#text_bottom_title{	font-size: 14px;	color: #000;	font-weight: bold;}
+
+
+/*********** TEXT Frontpage **********/
+#caracteristics{	vertical-align: top;}
+#caracteristics span {	float:left;	padding-right: 13px;	vertical-align: top;	padding-top: 5px;}
+#caracteristics ul{	list-style: none;	margin: 0px;	float:left;}
+#caracteristics ul li{	font-size:13px;	line-height:18px;	padding:7px 0 8px 30px;}
+li.participants{background: transparent url("/images/frontpage/right_webcam.gif") no-repeat left center;}
+li.organizers{background: transparent url("/images/frontpage/right_organizers.gif") no-repeat left center;}
+li.spaces{background: transparent url("/images/frontpage/right_people.gif") no-repeat left center;}
+li.comments{background: transparent url("/images/frontpage/right_comments.gif") no-repeat left center;}
+li.tags{background: transparent url("/images/frontpage/right_tags.gif") no-repeat left center;}
+li.networks{background: transparent url("/images/frontpage/right_social.gif") no-repeat left center;}
+
+