vkhater-social_stream-base 0.11.2

data/app/assets/stylesheets/cheesecake.css.scss

@@ -0,0 +1,55 @@
+@import "colors";
+
+#cheesecake {
+  position: relative;
+  padding: 20px;
+}
+#contacts_cheesecake {
+  width: 440px;
+  height: 440px;
+  padding: 0px;  
+  float: left;
+}
+#contacts_filter {
+  width: 290px;
+  height: 64px;
+  position: relative;
+  float: left;
+  padding: 5px;
+}
+
+#cheesecake #contacts_filter #contacts_filter_input {
+  padding: 0 3px 0 22px;
+  background: url('btn/search_icon.png') 5px 50% no-repeat white;
+  font-size: 11px;
+  color: $main-color;
+  border: solid 1px $input-border-color;
+  height: 25px;
+  width: 200px;
+  margin-left: 26px;
+  margin-top: 18px;
+}
+
+#contacts_grid {
+  width: 300px;
+  height: 370px;
+  overflow: hidden;
+  position: relative;
+  float: left;
+}
+#contacts_grid .actor {
+  width: 64px;
+  height: 64px;
+  float: left;
+  margin: 5px;
+}
+#contacts_grid .actor.focused {
+  border: 2px solid #00F;
+  background-color: #006;
+  margin: 3px;
+}
+#contacts_grid .actor img {
+  width: 64px;
+  height: 64px;
+}
+

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

@@ -0,0 +1,100 @@
+@import "colors";
+
+#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: $main-color;
+}
+
+#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: $details-color;
+}
+
+span.ui-checkbox, span.ui-radio {
+  display: block;
+  float: left;
+  width: 16px;
+  height: 17px;
+  background: url(icon_checkbox.png) 0 -40px no-repeat;
+  cursor: pointer;
+}
+
+span.ui-helper-hidden {
+  display: none;
+}
+
+#contact-form label {
+  padding: 2px;
+}
+
+#contact-form label[for=contact_message] {
+  display: block;
+  margin-left: 20px;
+}
+
+#contact-form .new_contact_text_area {
+	width: 99%;
+}
+
+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: $secondary-color;
+}

data/app/assets/stylesheets/conversations.css

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

data/app/assets/stylesheets/footer.css.scss

@@ -0,0 +1,22 @@
+@import "colors";
+
+#sponsor-wrapper{ text-align:right; vertical-align:middle;}
+#sponsor{width:960px;margin:0 auto;color:$details-color; }
+
+#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:$details-color;padding:0.75em 0; background: $secondary-color}
+#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:$sentence-color;}
+#footer ul li#trade_mark_logo{font-weight:normal;}
+#footer a, #sponsor a{color:$details-color;}
+#footer a:hover, #sponsor a:hover{color:$sentence-color; text-decoration: underline;}
+#footer .icon,#global .icon{margin-bottom:-4px;}
+#footer-wrapper{background-color:$secondary-color;}
+#footer_right{font-weight:normal;}
+#footer_right{ font-size: 10px; line-height: 1.1em;}
+
+
+#footerFront {	width: 100%;	padding: 0;	background: $secondary-color;}
+
+.rowfooter{float:right;}

data/app/assets/stylesheets/frontpage.css.scss

@@ -0,0 +1,70 @@
+@import "colors";
+
+/********************** BÚSQUEDA *****************/
+.banner_busqueda {	width:960px;	height:61px;	margin-left:auto;	margin-right:auto;	padding:0;
+	position:relative;  padding-top:10px;}
+#espacio_busqueda {	width:652px;  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: $details-color;}
+#login{  padding-top: 5px;}
+.instructions{text-align: left; padding-bottom: 5px;}
+#remember{padding-left:22%; text-align: left;}
+#welcome #user_password_confirmation{vertical-align: 30%;}
+#welcome #user_password_confirmation_label {padding-top: 0;}
+#welcome{  margin: 50px auto 50px auto;  width:330px;  padding:20px;  border: 4px solid $input-border-color;
+  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: $main-color;	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{  margin: 15px 0px; text-align:center;}
+#join_form input[type="submit"] {font-size: 14px; padding: 6px 10px;}
+.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: $sentence-color;	font-weight: bold;}
+
+
+/*********** TEXT Frontpage **********/
+#caracteristics{	vertical-align: top;}
+#caracteristics #video {	float:left;	padding-right: 14px;	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;}
+#gallery ul li{	font-size:13px;	line-height:18px;	padding:0px 0 0px 2px;}
+li.conferences{background: transparent url("frontpage/right_conference.png") no-repeat left center;}
+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.groups{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/app/assets/stylesheets/groups.css

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

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

@@ -0,0 +1,203 @@
+@import "colors";
+
+/****************** HEADER STRUCTURE ******/
+#headerFront {	width: 100%;	padding: 0;	background: $header-color;  padding: 0px 0px 0px 0px;}
+#header_left {	left: 0px;	float: left;	padding-left: 15px; padding-right: 5px; width:155px;}
+#header_right {	right: 0px;	float: right; padding-right: 10px;  }
+.banner_top{	width: 960px;	margin-left: auto;	margin-right: auto;	margin-top: 0px;
+	position: relative; background: $header-color; padding: 3px; }
+.banner_top_height{	height:23px;}
+
+/********** CONTENT ************/
+#headerFront .div_login a{	color:$text-over-main;	padding-right: 2px; }
+#headerFront .div_login a:hover{text-decoration:underline; }
+#logo{  width:218px;  height:50px;  float:left;  vertical-align:top; }
+#logo_txt {color: $text-over-main;	display: inline;	vertical-align: top;	padding-top: 2px; }
+.div_login {	color:$text-over-main;	width:65%;	display:inline-block;	text-align: right;	vertical-align: top;
+	font-weight:normal;	 float:right; }
+.div_login #username{	height:10px; }
+.div_login .input_username{	position:relative;	padding: 2px;	border: 0px; }
+.div_login #login_button{	width:61px;	height:18px; }
+.div_login #login_data{display: block;}
+.div_login .login_data_block{ display: inline-block; padding-left: 10px;}
+.div_login .login_data_block input{ width: 200px;}
+.div_login .login_data_block input[type=submit]{ width: 70px;}
+.div_login .options{ height:20px;	font-size: 11px;}
+.div_login .a_border{	border-right:thin solid;	padding-right:7px;	text-decoration:underline; }
+#new_representation {	display: inline-block;}
+#header_notifications a{color: white; padding: 4px 10px 6px 11px;
+                      background: transparent url('btn/header_notifications.png') no-repeat center center;}
+#header_inbox_count a{ color: white; background-color: $header-notification-color; padding: 2px 7px 2px 7px;}
+#representation {  display: inline;  padding-left:3px;  padding-right:3px;}
+.switch_pending_count { color: white; background-color: $header-notification-color; padding: 2px 7px 2px 7px !important; margin-left: 5px !important; float: right; }
+.txt_config {color: $text-over-main;	vertical-align: top;	display: inline;	padding-top: 2px;	
+              border-right: thin solid; padding-right: 3px;}
+.txt_config2 {color: $text-over-main;	vertical-align: top;	display: inline;	padding-top: 2px;	padding-right: 3px;}
+
+
+/******** MENU HEADER *******/
+#menu_home, .menu_home {vertical-align: top; }
+#menu_home a {color:white;}
+#menu_home a:hover {text-decoration: none;}
+#menu_home ul {list-style: none;	margin: 0px;	float:left;}
+#menu_home ul li {line-height:20px;	vertical-align:top;}
+
+#header_dropdown_menu,.header_dropdown_li {width: 120px;display:inline-block;vertical-align: top; height:22px; 
+                        color:$text-over-main;}
+
+#header_dropdown_menu ul li {width: 120px;line-height: 15px;}
+#header_dropdown_menu ul li a{padding: .40em 1em .70em 2.5em;}
+#header_dropdown_menu ul li a:hover{color:$main-color;}
+#header_dropdown_menu ul li ul li a{padding: .40em 1em .70em 1em;}
+#header_dropdown_menu ul li ul li ul li {width: 160px;}
+#header_dropdown_menu ul li ul li ul li a{padding: .40em 1em .70em 2.5em;}
+#header_dropdown_menu ul li ul li ul{position: absolute; left: -160px;}
+#header_dropdown_menu a.session_change{background: transparent url('btn/arrow_session_change.png') no-repeat 3px 6px;}
+
+#menu_home ul li.pipe,#menu_account ul li.pipe{padding:0; margin:0;font-size: 20px;font-weight: bold;}
+.menu_white{display:inline-block; color:$text-over-main;}
+.white_link{padding-top:3px;  vertical-align:top;  display:inline-block;}
+.black{color:$sentence-color; 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 1em;
+	text-decoration:none;
+}
+.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
+	color:			$text-over-main;
+  padding-right:0px;
+
+}
+.sf-menu li {
+	background:		$header-color;
+}
+
+.sf-menu li li {
+	background:		$header-color;
+}
+.sf-menu li li li {
+	background:		$header-color;
+}
+.sf-menu li:hover, .sf-menu li.sfHover,
+.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
+	background:		$secondary-color;
+  color: $main-color;
+	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;
+}