social_stream 0.9.1 → 0.9.2

data/base/app/assets/stylesheets/contacts.css

@@ -0,0 +1,92 @@
+#contact-form {
+  margin: 25px 45px 25px 45px;
+}
+
+#contact-form ul {
+  margin-left: 20px;
+  list-style-type: none;
+}
+
+#contact-form li {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  width: 50%;
+}
+
+div.sphere-name {
+  font-weight: bold;
+  color: #1F4A75;
+}
+
+#relation-new {
+  margin-left: 20px;
+  font-weight: bold;
+}
+
+#contact-message {
+  margin-top: 20px;
+}
+
+#contact-message label {
+  margin: 0;
+}
+
+#contact-submit {
+  clear: both;
+  padding: 5px 5px 5px 20px;
+  padding-left: 20px;
+  text-align: center;
+}
+
+.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(icon_checkbox.png) 0 -40px no-repeat;
+}
+
+span.ui-helper-hidden {
+  display: none;
+}
+
+#contact-form 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;
+}
+
+.checked-option{
+  background-color: #dfecf1;
+}
+

data/base/app/assets/stylesheets/conversations.css

@@ -0,0 +1,4 @@
+/*
+ *= require messages
+ *= require jquery.cleditor
+ */

data/base/app/assets/stylesheets/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/base/app/assets/stylesheets/frontpage.css

@@ -0,0 +1,68 @@
+/********************** 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 **************/
+#devise_links {padding: 20px 0 5px 5px; margin-left: 20%;}
+#devise_links a{font-weight: bold;line-height: 15px; color: #777;}
+#login{  padding-top: 5px;}
+.instructions{text-align: left; padding-bottom: 5px;}
+#remember{padding-left:22%; text-align: left;}
+#user_password_confirmation{vertical-align: 30%;}
+#user_password_confirmation_label {padding-top: 0;}
+#welcome{  margin: 50px auto 50px auto;  width:330px;  padding:20px;  border: 4px solid #BDC7D8;
+  background-color: white;-moz-border-radius: 20px; 
+  -webkit-border-radius: 20px; border-radius: 20px;}
+#welcome .form_field{ width: 75%;}
+#welcome .btn_login { text-align: right; padding-right: 10px;}
+#welcome .form_label{ width: 20%;}
+#welcome .form_row{ padding-left: 5px;}
+#welcome .form_tag{ width: 98%;}
+#welcome h2{ font-variant: small-caps; text-transform: capitalize; padding: 0; font-size: 20px; 
+            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(frontpage/share.png);  width:56px;  height:57px;}
+#icon_meet{  background: transparent url(frontpage/meet.png);  width:56px;  height:57px;}
+#icon_collaborate{  background: transparent url(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("frontpage/purple_sq.png");}
+.sentences li.green{  list-style-image:url("frontpage/green_sq.png");}
+.sentences li.yellow{  list-style-image:url("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("frontpage/right_webcam.gif") no-repeat left center;}
+li.organizers{background: transparent url("frontpage/right_organizers.gif") no-repeat left center;}
+li.spaces{background: transparent url("frontpage/right_people.gif") no-repeat left center;}
+li.comments{background: transparent url("frontpage/right_comments.gif") no-repeat left center;}
+li.tags{background: transparent url("frontpage/right_tags.gif") no-repeat left center;}
+li.networks{background: transparent url("frontpage/right_social.gif") no-repeat left center;}
+
+

data/base/app/assets/stylesheets/groups.css

@@ -0,0 +1,4 @@
+/*
+ *= require jqcloud
+ *= require fcbkComplete
+ */

data/base/app/assets/stylesheets/header.css

@@ -0,0 +1,215 @@
+/****************** HEADER STRUCTURE ******/
+#headerFront {	width: 100%;	padding: 0;	background: #1F4A75;  padding: 2px 0px 0px 0px;}
+#header_left {	left: 0px;	float: left;	padding-left: 5px;}
+#header_right {	right: 0px;	float: right; padding-right: 10px;  }
+.banner_top{	width: 960px;	margin-left: auto;	margin-right: auto;	margin-top: 3px;  padding-bottom: 3px;
+	position: relative; }
+.banner_top_height{	height:23px;}
+
+/********** CONTENT ************/
+#headerFront .div_login a{	color:#FFFFFF;	padding-right: 2px; }
+#headerFront .div_login a:hover{text-decoration:underline; }
+#logo{  width:218px;  height:50px;  float:left;  vertical-align:top; }
+#logo_txt {color: #fff;	display: inline;	vertical-align: top;	padding-top: 2px; }
+.div_login {	color:#FFF;	width:65%;	display:inline-block;	text-align: right;	vertical-align: top;
+	padding-top: 5px;	font-weight:normal;	margin-top:3px;  float:right; }
+.div_login #username{	height:10px; }
+.div_login, .input_username{	position:relative;	padding: 0px;	border: 0px; }
+.div_login #login_button{	width:61px;	height:18px; }
+.div_login a.login{	background-color:#497FC1;	padding-right:2px;	padding-left:2px;	color:white; }
+.div_login .subtexto{	padding-top: 8px;	height:12px;	font-size: 11px; }
+.div_login .a_border{	border-right:thin solid;	padding-right:7px;	text-decoration:underline; }
+#new_representation {	display: inline-block;}
+#header_notifications{padding: 0px 5px 0px 5px !important;}
+#header_notifications a{ color: white; background-color: #879eb5;-moz-border-radius: 6px; -webkit-border-radius: 6px;
+                border-radius: 6px; padding: 4px 9px 4px 9px;}
+#representation {  display: inline;  padding-left:3px;  padding-right:3px;}
+.txt_config {color: #fff;	vertical-align: top;	display: inline;	padding-top: 2px;	border-right: thin solid;
+	padding-right: 3px;}
+.txt_config2 {color: #fff;	vertical-align: top;	display: inline;	padding-top: 2px;	padding-right: 3px;}
+
+
+/******** MENU HEADER *******/
+#menu_home{	vertical-align: top; }
+#menu_home a {color:white;}
+#menu_home span {	float:left;	padding-right: 5px;	vertical-align: top;	padding-top: 5px;}
+#menu_home ul{	list-style: none;	margin: 0px;	float:left;}
+#menu_home ul li{	line-height:20px;	padding:5px 0px 5px 20px; vertical-align:top;}
+
+li.btn_menu_home{background: transparent url("btn/btn_home.png") no-repeat left center;}
+li.btn_menu_profile{background: transparent url("btn/btn_profile.png") no-repeat left center;}
+li.btn_menu_browse{background: transparent url("btn/btn_browse.png") no-repeat left center;}
+#btn_menu_settings{background: transparent url("btn/btn_config.png") no-repeat left center;}
+#btn_menu_account{background: transparent url("btn/btn_account.png") no-repeat left center;}
+#btn_menu_account_logout{background: transparent url("btn/btn_exit.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;}
+
+#menu_pipe{	vertical-align: top; height:23px; }
+#menu_pipe span {	float:right;	padding-right: 5px;	vertical-align: top;	padding-top: 5px;}
+#menu_pipe ul{	list-style: none;	margin: 0px;	float:left;}
+#menu_pipe ul li{	line-height:20px;	padding:5px 0px 5px 0px; vertical-align:top;}
+
+
+#account, #representation_li,#current_user_info, #representations_menu, #account_menu, #settings_menu {display:inline-block;vertical-align: top; height:22px; color:#FFF;}
+#representation_li{margin-left:10px;}
+#representation_text{display:inline;margin-left:2px;color:#FFF;}
+#current_user_info a{color:white;}
+li.btn_menu_representation{}
+#menu_home ul li.pipe,#menu_account ul li.pipe{padding:0px 3px 0px 3px; margin:0px;}
+.menu_white{display:inline-block; color:#fff;}
+.white_link{padding-top:3px;  vertical-align:top;  display:inline-block;}
+.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:			17em; /* 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: 		.40em 1em .70em 2em;
+	text-decoration:none;
+}
+.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('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('btn/shadow.png') no-repeat bottom right;
+	padding: 0 6px 9px 0;
+  /*
+	-moz-border-rius-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/base/app/assets/stylesheets/home.css

@@ -0,0 +1,51 @@
+/******** MAIN Structure home *********/
+#center_body {
+	width: 560px;
+	border-right: thin solid #D4E4EA;
+	border-bottom: thin solid #D4E4EA;
+  border-left: thin solid #D4E4EA;
+	vertical-align: top;
+	display: table-cell;
+	padding-top: 10px;
+	font-size: 14px;
+}
+#sidebar {width: 220px;	display: table-cell;vertical-align: top;}
+#sidebarContent{  padding-left:3px; padding-right:3px;}
+#sponsor{background-color:#fff}
+#toolbar {	width: 160px;	border-color: #000;	vertical-align: top;	display: table-cell;padding: 5px 5px 5px 5px;}
+#toolbarContent{}
+#wrapper_body{ background-color: #ffffff; }
+#content_logo{/*width: 779px*/}
+
+
+/*************** HOME ****************/
+#logo_index { text-align: center;}
+#map_location {padding-left: 4px;	display: inline-block; }
+.content_size {font-size: 13px;}
+.space_center_border {	padding-top: 8px;	padding-right: 4px;	border-bottom: thin solid #D4E4EA;}
+.title_bold{font-size:14px; font-weight:bold;}
+
+/********GROUPS HOME************/
+.browse_letter{	text-align:center;}
+.btn_group{  vertical-align:top;}
+.group{  display:inline-block;  width:50px;}
+.group_content{  display:block;  text-align:center;}
+#groups_list {	width: 100%;	padding-bottom: 5px;	text-align: center;  display: inline-block;}
+#groups_title {	width: 100%;	padding-left: 5px;	font-weight: bold;}
+.group_title a{  display:block;  font-size:9px;  text-decoration:none;  text-align:center;}
+.group_title a:hover{  display:block;  text-decoration:underline;}
+#my_groups {	width: 100%;}
+
+
+/********SUBJECTS HOME************/
+
+.btn_subject{  vertical-align:top;}
+.user .logo, .group .logo{  display:block;  text-align:center;}
+.user .title a, .group .title a{  display:block;  font-size:9px;  text-decoration:none;  text-align:center;}
+.user .title a:hover, .group .title a:hover{  display:block;  text-decoration:underline;}
+
+
+
+
+
+