social_stream 0.4.2 → 0.4.3

data/lib/generators/social_stream/templates/public/javascripts/menu.js

@@ -1,9 +1,25 @@
 function initMenu() {
-$('.menu ul').hide();
-$('.menu li a').click(
-function() {
-$(this).next().slideToggle('normal');
+	$('.menu ul').hide();
+	$('.menu li a').click( function() {
+		$(this).next().slideToggle('normal');
+	}
+	);
+	//Logo menu for current subject
+  //Full Caption Sliding (Hidden to Visible)
+  $('.logo_grid.logo_full').hover( function() {
+    $(".logo_menu", this).stop().animate({top:'101px'},{queue:false,duration:160});
+  }, function() {
+    $(".logo_menu", this).stop().animate({top:'1119px'},{queue:false,duration:160});
+  });
 }
-);
+
+function expandSubMenu(id) {
+	$('#' + id + '_menu').next().show();
 }
-$(document).ready(function() {initMenu();});
+
+$(document).ready(function() {
+	initMenu();
+});
+
+
+

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

@@ -13,9 +13,9 @@
 #securities{  display:inline-block;  text-align:left;}
 
 /******************* WALL - ACTIVITY ***************/
-.activity {	text-align:left;	display: block;	vertical-align: top;	padding: 10px 5px 0px 0px;
+.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 8px 5px;	display: inline-block;	vertical-align: top;}
+.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;}

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

@@ -0,0 +1,29 @@
+.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; display:none;
+                  left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
+.dropdown span.value { display: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;}
+.input_link{ text-align: center; }
+
+.select_relations{ text-align: center; padding-right:50px; margin-top: -5px;}
+.relationPermision{ color: #2A3890; }
+#relationPermissions{ text-align: left; margin-top: 15px; }
+
+.checkbox_permission {
+	margin-top: 5px;
+	color: red;
+}
+

data/lib/generators/social_stream/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/templates/public/stylesheets/default/base.css

@@ -11,6 +11,7 @@ div {	margin: 0px;	padding: 0px;	font-family: Helvetica;	font-size: 11px;}
 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***************************/
@@ -29,7 +30,7 @@ margin-top: auto; margin-bottom:auto;}
 /************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_tie_text_area{ width:100%; height: 100px; }
+textarea.new_tie_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;} 
 
@@ -66,7 +67,11 @@ textarea.new_tie_text_area{ width:100%; height: 100px; }
 .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 *********/
@@ -84,7 +89,7 @@ textarea.new_tie_text_area{ width:100%; height: 100px; }
 .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 .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;*/
@@ -110,8 +115,8 @@ textarea.new_tie_text_area{ width:100%; height: 100px; }
 .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%; }
-.block .form_column_right {	display: block; padding:5px; padding-left:20px; float:right; width:30%; }
+.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; }
 
@@ -135,3 +140,37 @@ textarea.new_tie_text_area{ width:100%; height: 100px; }
 
 /*************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: .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: 23pxpx;
+  padding: 0px;
+}
+

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

@@ -35,13 +35,16 @@
 li.btn_menu_home{background: transparent url("/images/btn/btn_home.png") no-repeat left center;}
 li.btn_menu_profile{background: transparent url("/images/btn/btn_profile.png") no-repeat left center;}
 li.btn_menu_browse{background: transparent url("/images/btn/btn_browse.png") no-repeat left center;}
+#btn_menu_config{background: transparent url("/images/btn/btn_config.png") no-repeat left center;}
 
 #menu_account{	vertical-align: top; height:23px; }
 #menu_account span {	float:right;	padding-right: 5px;	vertical-align: top;	padding-top: 5px;}
 #menu_account ul{	list-style: none;	margin: 0px;	float:left;}
 #menu_account ul li{	line-height:20px;	padding:5px 0px 5px 20px; vertical-align:top;}
 
-li.btn_menu_config{background: transparent url("/images/btn/btn_config.png") no-repeat left center;}
+#account{display:inline-block;vertical-align: top; height:22px;}
+
+
 li.btn_menu_exit{background: transparent url("/images/btn/btn_exit.png") no-repeat left center;}
 li.btn_menu_representation{}
 #menu_home ul li.pipe,#menu_account ul li.pipe{padding:0px 3px 0px 3px; margin:0px;}
@@ -50,3 +53,150 @@ li.btn_menu_representation{}
 .black{color:#000; font-weight:bold;}
 
 
+
+
+
+
+
+
+
+/*** ESSENTIAL STYLES ***/
+.sf-menu, .sf-menu * {
+	margin:			0;
+	padding:		0;
+	list-style:		none;
+}
+.sf-menu {
+	/*line-height:	1.0;*/
+}
+.sf-menu ul {
+	position:		absolute;
+	top:			-999em;
+	width:			10em; /* left offset of submenus need to match (see below) */
+}
+.sf-menu ul li {
+	width:			100%;
+}
+.sf-menu li:hover {
+	visibility:		inherit; /* fixes IE7 'sticky bug' */
+}
+.sf-menu li {
+	float:			left;
+	position:		relative;
+}
+.sf-menu a {
+	display:		block;
+	position:		relative;
+}
+.sf-menu li:hover ul,
+.sf-menu li.sfHover ul {
+	left:			0;
+	top:			2.2em; /* match top ul list item height */
+	z-index:		99;
+}
+ul.sf-menu li:hover li ul,
+ul.sf-menu li.sfHover li ul {
+	top:			-999em;
+}
+ul.sf-menu li li:hover ul,
+ul.sf-menu li li.sfHover ul {
+	left:			10em; /* match ul width */
+	top:			0;
+}
+ul.sf-menu li li:hover li ul,
+ul.sf-menu li li.sfHover li ul {
+	top:			-999em;
+}
+ul.sf-menu li li li:hover ul,
+ul.sf-menu li li li.sfHover ul {
+	left:			10em; /* match ul width */
+	top:			0;
+}
+
+/*** DEMO SKIN ***/
+.sf-menu {
+	float:			left;
+	/*margin-bottom:	1em;   */
+}
+.sf-menu a {
+	padding: 		.55em 1em;
+	text-decoration:none;
+  padding-left:2em;
+}
+.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
+	color:			#fff;
+  padding-right:0px;
+
+}
+.sf-menu li {
+	background:		#1F4A75;
+}
+
+.sf-menu li li {
+	background:		#1F4A75;
+}
+.sf-menu li li li {
+	background:		#1F4A75;
+}
+.sf-menu li:hover, .sf-menu li.sfHover,
+.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
+	background:		#CFDEFF;
+  color: #1F4A75;
+	outline:		0;
+}
+
+
+
+/*** arrows **/
+.sf-menu a.sf-with-ul {
+	padding-right: 	1.75em;
+	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
+}
+.sf-sub-indicator {
+	position:		absolute;
+	display:		block;
+	right:			0.5em;
+	top:			1.05em; /* IE6 only */
+	width:			10px;
+	height:			12px;
+	text-indent: 	-999em;
+	overflow:		hidden;
+	background:		url('/images/btn/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
+}
+a > .sf-sub-indicator {  /* give all except IE6 the correct values */
+	top:			.6em;
+	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
+}
+/* apply hovers to modern browsers */
+a:focus > .sf-sub-indicator,
+a:hover > .sf-sub-indicator,
+a:active > .sf-sub-indicator,
+li:hover > a > .sf-sub-indicator,
+li.sfHover > a > .sf-sub-indicator {
+	background-position: -10px -100px; /* arrow hovers for modern browsers*/
+}
+
+/* point right for anchors in subs */
+.sf-menu ul .sf-sub-indicator { background-position:  -15px 0; }
+.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
+/* apply hovers to modern browsers */
+.sf-menu ul a:focus > .sf-sub-indicator,
+.sf-menu ul a:hover > .sf-sub-indicator,
+.sf-menu ul a:active > .sf-sub-indicator,
+.sf-menu ul li:hover > a > .sf-sub-indicator,
+.sf-menu ul li.sfHover > a > .sf-sub-indicator {
+	background-position: -10px 0; /* arrow hovers for modern browsers*/
+}
+
+/*** shadows for all but IE6 ***/
+.sf-shadow ul {
+	background:	url('/images/btn/shadow.png') no-repeat bottom right;
+	padding: 0 6px 9px 0;
+	-moz-border-radius-bottomleft: 17px;
+	-moz-border-radius-topright: 17px;
+	-webkit-border-top-right-radius: 17px;
+	-webkit-border-bottom-left-radius: 17px;
+}
+.sf-shadow ul.sf-shadow-off {
+	background: transparent;
+}

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

@@ -15,7 +15,7 @@
 #toolbar {	width: 160px;	border-color: #000;	vertical-align: top;	display: table-cell;padding: 5px 5px 5px 5px;}
 #toolbarContent{}
 #wrapper_body{background-color:#fff;}
-#content_logo{width: 779px}
+#content_logo{/*width: 779px*/}
 
 
 /*************** HOME ****************/

data/lib/generators/social_stream/templates/public/stylesheets/default/jquery-ui.css

@@ -340,7 +340,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
 .ui-widget .ui-widget { font-size: 1em; }
 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
 .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
-.ui-widget-content a { color: #222222/*{fcContent}*/; }
+/*.ui-widget-content a { color: #222222 }*/
 .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
 .ui-widget-header a { color: #222222/*{fcHeader}*/; }
 

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

@@ -1,4 +1,5 @@
 /******************** Common ***********************/
+
 .pagination {
 	padding: 5px 5px 5px 5px;
 	text-align: center;
@@ -38,13 +39,13 @@
 .message .subject {
 }
 .message .date {
+	color: #6C6D6F;
 }
 .conversation_full .messages .unread .header{
-	color: #FFF;
-	background-color: #708EE5;
+	background-color: #E0E0FF;
 }
 .conversation_full .messages .unread .body{
-	border: 1px solid #708EE5;
+	border: 1px solid #E0E0FF;
 }
 .conversation_full .messages .unread .subject{
 	font-weight: bold;
@@ -105,9 +106,10 @@
 	font-weight: bold;
 }
 .conversations .conversation .date {
+	color: #6C6D6F;
 }
 .conversations .conversation .briefing {
-	color: #2A48A0;
+	color: #6C6D6F;
 }
 .conversations .conversation .notification {
 	float:left;