vkhater-social_stream-base 0.11.2

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

@@ -0,0 +1,53 @@
+@import "colors";
+
+/******** MAIN Structure home *********/
+#center_body {
+	width: 560px;
+	max-width: 560px;
+	border-right: thin solid $separation-color;
+	border-bottom: thin solid $separation-color;
+  border-left: thin solid $separation-color;
+	vertical-align: top;
+	display: table-cell;
+	padding-top: 10px;
+	font-size: 14px;
+}
+#center_body.frontpage_view {
+  width: 100%;
+}
+#sidebar {width: 220px;	display: table-cell;vertical-align: top;}
+#sidebarContent{  padding-left:3px; padding-right:3px;}
+#sponsor{background-color:$text-over-main}
+#toolbar {	width: 160px;	border-color: $sentence-color;	vertical-align: top;	display: table-cell;padding: 5px;}
+#toolbarContent{}
+#wrapper_body{ background-color: $text-over-main; }
+#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 $separation-color;}
+.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;}
+
+

data/app/assets/stylesheets/invitations.css

@@ -0,0 +1,3 @@
+/*
+ *= require jquery-ui
+ */

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

@@ -0,0 +1,38 @@
+@import "colors";
+
+#map_location .first{
+  background: transparent url("/assets/arrow-start.png") no-repeat top left;
+  display: inline-block;
+  height: 23px;
+  margin-left: 5px;
+}
+#map_location .first span{
+  margin-left:5px;
+}
+#map_location .last{
+  margin-left: 5px;
+}
+#map_location .last a{
+  font-size: inherit;
+}
+#map_location .mid{
+  background: transparent url("/assets/arrow.png") no-repeat top right;
+}
+#map_location .penultimate{
+  background: transparent url("/assets/arrow-end.png") no-repeat top right;
+}
+#map_location .mid, #map_location .penultimate{
+  color: $text-over-main;  
+  padding-left:5px;
+  padding-right: 12px;
+}
+#map_location .last, #map_location .mid, #map_location .penultimate{
+  display: inline-block;
+  font-size: 13px;
+  height: 23px;
+  line-height: 23px;
+}
+#map_location .mid a, #map_location .penultimate a{
+  color: inherit;
+  font-size: inherit;
+}

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

@@ -0,0 +1,19 @@
+@import "colors";
+
+/**************MENU***********/
+.toolbar_menu {list-style-type:none;  margin: 0;  padding: 0;  width: 15em; 
+                border-bottom: thin solid $separation-color; }
+.toolbar_menu ul {list-style-type:none;  margin: 0;  padding: 0;  width: 15em;  }
+.toolbar_menu a {  display: block;  text-decoration: none; }
+.toolbar_menu li {  border-top: thin solid $separation-color; padding-left:0px;  }
+.toolbar_menu li a, ul.menu ul.menu li a {  background: $text-over-main;  color: $main-color; padding:5px 0px; }
+.toolbar_menu li a:hover, ul.menu ul.menu li a:hover {  background: $secondary-color;  color: $main-color; 
+                 text-decoration:none; }
+.toolbar_menu li ul li a, ul.menu ul.menu li ul li a {  background: $text-over-main; border-left: 5px $main-color solid;
+  color: $main-color;  padding-left: 10px;}
+.toolbar_menu li ul li a:hover {  background: $secondary-color;  border-left: 5px $main-color solid;  padding-left: 15px;}
+.toolbar_menu img { vertical-align: middle; padding-bottom: 3px; padding-right: 3px;  padding-left: 3px; 
+                  display: inline-block;}
+
+
+

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

@@ -0,0 +1,141 @@
+@import "colors";
+
+/*
+ *= require fcbkComplete
+ *= require jquery.cleditor
+ */
+
+/******************** Common ***********************/
+
+.pagination {
+	padding: 5px 5px 5px 5px;
+	text-align: center;
+}
+.read_all{
+  text-align: right;
+  padding-right: 5px;
+}
+/******************* Message ***********************/
+.message{
+	width:549px;
+	padding: 5px 5px 5px 5px;
+}
+.message .container{
+	float:left;
+	width:509px;
+}
+.message .header{
+	padding: 5px 5px 5px 5px;
+	background-color: $secondary-color;
+	height:40px;
+}
+.message .body{
+	padding: 5px 5px 5px 5px;
+	border: 1px solid $secondary-color;
+	word-wrap: break-word;
+}
+.message .content_left {
+	float:left;
+	width:25%;
+}
+.message .content_right {
+	float:left;
+	width:75%;
+}
+.message .sender_photo {
+	float:left;
+	padding: 0px 5px 0px 0px;
+}
+.message .sender_name {
+}
+.message .subject {
+}
+.message .date {
+	color: $details-color;
+}
+.message ul {
+    margin: 0px 5px
+    ;padding-left:40px;
+}
+.conversation_full .messages .unread .header{
+	background-color: $unread-color;
+}
+.conversation_full .messages .unread .body{
+	border: 1px solid $unread-color;
+}
+.conversation_full .messages .unread .subject{
+	font-weight: bold;
+}
+/*************** Full Conversation *****************/
+.conversation_full {
+}
+.conversation_full .title {
+	float:left;
+	padding: 5px 5px 5px 5px;
+}
+.conversation_full .action {
+	float:right;
+	padding: 5px 5px 5px 5px;
+}
+.conversation_full .participants {
+	border-top:1px solid $secondary-color;
+	border-bottom:1px solid $secondary-color;
+	padding: 5px 5px 3px 5px;
+}
+/***************** Conversations *******************/
+.conversations {
+	border-top:1px solid $secondary-color;
+	border-bottom:1px solid $secondary-color;
+}
+.conversations .unread {
+	background-color: $secondary-color;
+}
+.conversations .conversation {
+	color: $main-color;
+	padding: 5px 5px 5px 5px;
+	width:549px;
+	min-height:40px;
+	max-height:60px;
+	overflow: hidden;
+	border-bottom:1px solid $text-over-main;
+}
+.conversations .conversation .content_left {
+	float:left;
+	width:25%;
+	padding: 0px;
+}
+.conversations .conversation .content_right {
+	float:left;
+	width:55%;
+	padding: 0px;
+}
+.conversations .conversation .sender_photo {
+	float:left;
+	padding: 2px 5px 0px 0px;
+}
+.conversations .conversation .action {
+	float:right;
+}
+.conversations .conversation .sender_name {
+}
+.conversations .conversation .subject {
+}
+.conversations .unread .subject {
+	font-weight: bold;
+	font-size: 12px;
+}
+.conversations .conversation .date {
+	color: $details-color;
+}
+.conversations .conversation .briefing {
+	color: $details-color;
+}
+.conversations .conversation .notification {
+	float:left;
+	width:5px;
+	height: 45px;
+	margin: 0px 5px 0px 0px;
+}
+.conversations .unread .notification {
+	background-color: $main-color;
+}

data/app/assets/stylesheets/profiles.css

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

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

@@ -0,0 +1,233 @@
+@import "colors";
+
+
+#relation_customs label, #permissions label {
+	display: block;
+	font-family: sans-serif;
+	padding: 2px;
+	margin-left: 10px;
+	float: left;
+}
+
+#relation_customs label.ui-checkbox, #permissions label.ui-checkbox {
+	cursor: pointer;
+}
+
+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;
+}
+
+#relation_customs input, #relation_customs button{
+	float: left;
+	padding: 3px 10px 3px 10px;
+}
+
+#relation_customs span {
+	float: left;
+}
+
+form {
+	overflow: hidden;
+	height: 1%;
+	margin: 0px 0;
+}
+
+#relation_customs .options {
+	float: right;
+	display: none;
+}
+
+#relation_customs .button {
+	margin-left: 0;
+}
+
+#cancel_new_relation_custom {
+	margin-right: 10px;
+}
+
+.relation_custom_name_form {
+	display: none;
+}
+
+.cancel_edit_relation_custom {
+	margin-right: 10px;
+	float: right;
+}
+
+.ui-helper-hidden-accessible {
+	position: absolute;
+	left: -999em;
+}
+
+#wrapper_section{
+	width: 95%;
+	margin-left: 10px;
+}
+
+.pageTitle{
+	color: $sentence-color;
+	padding: 0px 10px 0px 0px;
+	font-size: 15px;
+}
+
+.sectionTitle{
+	background-color: $secondary-color;
+	color: $main-color;
+	padding: 15px 20px 15px 20px;
+}
+
+#new_relation {
+	text-align: right;
+	padding: 5px 0px 5px 0px;
+	margin: 0px 10px 15px 30px;
+}
+
+#new_relation_custom_input_block {
+	display: none;
+}
+
+input.privacy_input_new{
+	background-color: $secondary-color;
+	border: 1px solid $main-color;
+	color: $main-color;
+}
+
+span.privacy_span_new {
+	font-family: sans-serif;
+  margin-right: 10px;
+}
+
+#tableCheckBoxOptions {
+	border: none;
+	width: 100%;
+	padding: 5px 0px 5px 0px;
+}
+
+.tableCheckBoxOptions td {
+	width: 250px;
+}
+
+.checkboxOptionLeft{
+	text-align: left;
+	margin-left: 30px;
+	margin-right: 15px;
+	cursor: pointer;
+}
+
+.checkboxOptionRight{
+	text-align: left;
+	margin-left: 15px;
+	margin-right: 30px;
+}
+
+.checkboxPermissionOptionLeft{
+  text-align: left;
+  margin-left: 5px;
+  margin-right: 3px;
+}
+
+.checkboxPermissionOptionRight{
+  text-align: left;
+  margin-left: 3px;
+  margin-right: 5px;
+}
+
+.selectNew{
+	padding: 0px 0px 0px 0px;
+	margin: 0px 0px 0px 0px;
+}
+
+.privacy_block_section{
+	margin-top: 50px;
+}
+
+.first_block_section{
+  margin-top: 10px;
+}
+
+#permissions_list{
+	width: 50%;
+	float: left;
+	text-align: center;
+	display: block;
+}
+
+#permissions_list input.permission {
+	float: left;
+}
+
+#privacy_rules{
+	width: 45%;
+	float: right;
+	text-align: center;
+	display: block;
+	border:1px solid $main-color;
+}
+
+#columns_container{
+    width: 100%;
+		margin:0 auto;
+}
+
+#relation_custom_permissions_input {
+	list-style-type: none;
+}
+
+#relation_custom_permissions_input ol{
+	text-decoration: none;
+	margin: 0 10px 0 30px;
+	text-align: left;
+}
+
+#relation_custom_permissions_input ol li{
+	font-family: sans-serif;
+	padding: 5px 0px 5px 0px;
+	display: block;
+}
+
+#relation_custom_permissions_input label {
+	margin-left: 0px;
+}
+
+#relation_custom_permissions_input fieldset{
+	border: 0px;
+	text-align: left;
+}
+
+#relation_custom_permissions_input legend{
+	display: none;
+}
+
+#relation_custom_permissions_input input{
+	display: none;
+}
+
+#loading {
+	background: url('images/loading.gif') no-repeat center center;
+	height: 128px;
+	width: 100%;
+	margin-top: 64px;
+	cursor: wait;
+}
+
+#privacy-rule-arrow {
+	background: url('images/add-policy.png') no-repeat center center;
+	color: $text-over-main;
+}
+