Layout for wall

Caio Almeida · Daniela Feitosa
1 parent a8b89ace
Showing 1 changed file with 110 additions and 11 deletions Show diff stats
public/stylesheets/application.css
@@ -5882,10 +5882,20 @@ h1#agenda-title {
 #profile-activity li, #profile-network li, #profile-wall li {
   display: block;
-  padding: 0;
-  Xmargin-bottom: 8px;
-  background-color: #E8E8E8;
-  border-bottom: 5px double #f2f2f2;
+  padding: 10px;
+  margin-bottom: 0;
+  background-color: #f0f0f1;
+  border-bottom: 0;
+}
+
+#profile-activity li a, #profile-network li a, #profile-wall li a,
+#profile-wall .profile-wall-send-reply {
+  color: #333;
+}
+
+.profile-activity-text {
+  margin: 0;
+  color: #808080;
 }
 #profile-activity .profile-wall-scrap-replies li,
@@ -5953,9 +5963,31 @@ h1#agenda-title {
   text-align: right;
 }
+#profile-wall .profile-wall-send-reply,
+#profile_activities .profile-activity-time, #profile-network .profile-network-time, #profile-wall .profile-wall-time,
+.profile-wall-actions a {
+  display: block;
+  float: right;
+  font-size: 11px;
+  margin: 0;
+  margin-left: 10px;
+  color: #ccc;
+  padding: 0;
+}
+
+.profile-wall-actions a,
+#profile-wall .profile-wall-send-reply a {
+  text-decoration: none;
+  color: #333;
+}
+
+.profile-wall-actions a:hover,
+#profile-wall .profile-wall-send-reply a:hover {
+  text-decoration: underline;
+}
+
 #profile-activity hr, #profile-network hr, #profile-wall hr {
-  clear: both;
-  border: 0;
+  display: none;
 }
 #profile-activity .profile-activity-send-message, #profile-network .profile-network-send-message, #profile-wall .profile-wall-send-message {
@@ -6037,6 +6069,7 @@ h1#agenda-title {
 .profile-network-time,
 .profile-network-description {
   padding-left: 5px;
+  margin: 5px;
 }
 .profile-network-sender,
@@ -6111,11 +6144,6 @@ h1#agenda-title {
   text-align: right;
 }
-#profile-wall .profile-wall-send-reply {
-  display: inline-block;
-
-}
-
 #profile-wall .profile-wall-scrap-replies .profile-wall-description {
   background: transparent;
 }
@@ -6133,6 +6161,76 @@ h1#agenda-title {
   background: transparent;
 }
+#profile-wall ul.profile-wall-activities-comments {
+  margin-top: 35px;
+}
+
+#profile-wall .profile-wall-activities-comments li {
+  background: #e8e8e8;
+  border-bottom: 1px solid #d2d2d2 !important;
+  border-top: 1px solid #fff;
+}
+
+#profile-wall .profile-wall-activities-comments img {
+  width: 33px;
+  height: 33px;
+}
+
+#profile-wall .profile-wall-activities-comments .comment_reply,
+#profile-wall .profile-wall-activities-comments h4 {
+  display: none;
+}
+
+#profile-wall .profile-wall-activities-comments .comment-picture {
+  width: 33px;
+  margin-right: 10px;
+}
+
+#profile-wall .profile-wall-activities-comments .comment-text p {
+  margin: 0;
+}
+
+#profile-wall .profile-wall-activities-comments .profile-activity-time {
+  clear: both;
+}
+
+#profile-wall .profile-wall-activities-comments .comment-details {
+  padding: 0;
+}
+
+#profile-wall .profile-wall-activities-comments .article-comment .button-bar {
+  float: none !important;
+  padding: 0;
+  text-align: right;
+  position: static;
+}
+
+#profile-wall .profile-wall-activities-comments .article-comment .button-bar a.button {
+  background: transparent;
+  border: 0;
+  height: auto;
+  line-height: auto;
+  color: #333;
+  text-decoration: none;
+  font-size: 11px;
+  padding: 0;
+  margin: 0;
+  display: inline;
+  position: static;
+  float: none;
+}
+
+#profile-wall .profile-wall-activities-comments .article-comment .button-bar a.button:hover {
+  text-decoration: underline;
+}
+
+#profile-wall .profile-wall-activities-comments .article-comment .button-bar .button span {
+  display: inline;
+  position: static;
+  display: inline;
+  margin-right: -5px;
+}
+
 /* friends online {{{ */
 #chat-online-users {
@@ -6287,6 +6385,7 @@ h1#agenda-title {
 #profile_activities .profile-activity-image, #profile-network .profile-network-image, #profile-wall .profile-wall-image {
   width: 50px;
   margin: 5px;
+  float: left;
 }
 #profile-activity .profile-activity-description, #profile-network .profile-network-description, #profile-wall .profile-wall-description {
	@@ -5882,10 +5882,20 @@ h1#agenda-title {		@@ -5882,10 +5882,20 @@ h1#agenda-title {
5882		5882
5883	#profile-activity li, #profile-network li, #profile-wall li {	5883	#profile-activity li, #profile-network li, #profile-wall li {
5884	display: block;	5884	display: block;
5885	- padding: 0;
5886	- Xmargin-bottom: 8px;
5887	- background-color: #E8E8E8;
5888	- border-bottom: 5px double #f2f2f2;	5885	+ padding: 10px;
		5886	+ margin-bottom: 0;
		5887	+ background-color: #f0f0f1;
		5888	+ border-bottom: 0;
		5889	+}
		5890	+
		5891	+#profile-activity li a, #profile-network li a, #profile-wall li a,
		5892	+#profile-wall .profile-wall-send-reply {
		5893	+ color: #333;
		5894	+}
		5895	+
		5896	+.profile-activity-text {
		5897	+ margin: 0;
		5898	+ color: #808080;
5889	}	5899	}
5890		5900
5891	#profile-activity .profile-wall-scrap-replies li,	5901	#profile-activity .profile-wall-scrap-replies li,
	@@ -5953,9 +5963,31 @@ h1#agenda-title {		@@ -5953,9 +5963,31 @@ h1#agenda-title {
5953	text-align: right;	5963	text-align: right;
5954	}	5964	}
5955		5965
		5966	+#profile-wall .profile-wall-send-reply,
		5967	+#profile_activities .profile-activity-time, #profile-network .profile-network-time, #profile-wall .profile-wall-time,
		5968	+.profile-wall-actions a {
		5969	+ display: block;
		5970	+ float: right;
		5971	+ font-size: 11px;
		5972	+ margin: 0;
		5973	+ margin-left: 10px;
		5974	+ color: #ccc;
		5975	+ padding: 0;
		5976	+}
		5977	+
		5978	+.profile-wall-actions a,
		5979	+#profile-wall .profile-wall-send-reply a {
		5980	+ text-decoration: none;
		5981	+ color: #333;
		5982	+}
		5983	+
		5984	+.profile-wall-actions a:hover,
		5985	+#profile-wall .profile-wall-send-reply a:hover {
		5986	+ text-decoration: underline;
		5987	+}
		5988	+
5956	#profile-activity hr, #profile-network hr, #profile-wall hr {	5989	#profile-activity hr, #profile-network hr, #profile-wall hr {
5957	- clear: both;
5958	- border: 0;	5990	+ display: none;
5959	}	5991	}
5960		5992
5961	#profile-activity .profile-activity-send-message, #profile-network .profile-network-send-message, #profile-wall .profile-wall-send-message {	5993	#profile-activity .profile-activity-send-message, #profile-network .profile-network-send-message, #profile-wall .profile-wall-send-message {
	@@ -6037,6 +6069,7 @@ h1#agenda-title {		@@ -6037,6 +6069,7 @@ h1#agenda-title {
6037	.profile-network-time,	6069	.profile-network-time,
6038	.profile-network-description {	6070	.profile-network-description {
6039	padding-left: 5px;	6071	padding-left: 5px;
		6072	+ margin: 5px;
6040	}	6073	}
6041		6074
6042	.profile-network-sender,	6075	.profile-network-sender,
	@@ -6111,11 +6144,6 @@ h1#agenda-title {		@@ -6111,11 +6144,6 @@ h1#agenda-title {
6111	text-align: right;	6144	text-align: right;
6112	}	6145	}
6113		6146
6114	-#profile-wall .profile-wall-send-reply {
6115	- display: inline-block;
6116	-
6117	-}
6118	-
6119	#profile-wall .profile-wall-scrap-replies .profile-wall-description {	6147	#profile-wall .profile-wall-scrap-replies .profile-wall-description {
6120	background: transparent;	6148	background: transparent;
6121	}	6149	}
	@@ -6133,6 +6161,76 @@ h1#agenda-title {		@@ -6133,6 +6161,76 @@ h1#agenda-title {
6133	background: transparent;	6161	background: transparent;
6134	}	6162	}
6135		6163
		6164	+#profile-wall ul.profile-wall-activities-comments {
		6165	+ margin-top: 35px;
		6166	+}
		6167	+
		6168	+#profile-wall .profile-wall-activities-comments li {
		6169	+ background: #e8e8e8;
		6170	+ border-bottom: 1px solid #d2d2d2 !important;
		6171	+ border-top: 1px solid #fff;
		6172	+}
		6173	+
		6174	+#profile-wall .profile-wall-activities-comments img {
		6175	+ width: 33px;
		6176	+ height: 33px;
		6177	+}
		6178	+
		6179	+#profile-wall .profile-wall-activities-comments .comment_reply,
		6180	+#profile-wall .profile-wall-activities-comments h4 {
		6181	+ display: none;
		6182	+}
		6183	+
		6184	+#profile-wall .profile-wall-activities-comments .comment-picture {
		6185	+ width: 33px;
		6186	+ margin-right: 10px;
		6187	+}
		6188	+
		6189	+#profile-wall .profile-wall-activities-comments .comment-text p {
		6190	+ margin: 0;
		6191	+}
		6192	+
		6193	+#profile-wall .profile-wall-activities-comments .profile-activity-time {
		6194	+ clear: both;
		6195	+}
		6196	+
		6197	+#profile-wall .profile-wall-activities-comments .comment-details {
		6198	+ padding: 0;
		6199	+}
		6200	+
		6201	+#profile-wall .profile-wall-activities-comments .article-comment .button-bar {
		6202	+ float: none !important;
		6203	+ padding: 0;
		6204	+ text-align: right;
		6205	+ position: static;
		6206	+}
		6207	+
		6208	+#profile-wall .profile-wall-activities-comments .article-comment .button-bar a.button {
		6209	+ background: transparent;
		6210	+ border: 0;
		6211	+ height: auto;
		6212	+ line-height: auto;
		6213	+ color: #333;
		6214	+ text-decoration: none;
		6215	+ font-size: 11px;
		6216	+ padding: 0;
		6217	+ margin: 0;
		6218	+ display: inline;
		6219	+ position: static;
		6220	+ float: none;
		6221	+}
		6222	+
		6223	+#profile-wall .profile-wall-activities-comments .article-comment .button-bar a.button:hover {
		6224	+ text-decoration: underline;
		6225	+}
		6226	+
		6227	+#profile-wall .profile-wall-activities-comments .article-comment .button-bar .button span {
		6228	+ display: inline;
		6229	+ position: static;
		6230	+ display: inline;
		6231	+ margin-right: -5px;
		6232	+}
		6233	+
6136	/* friends online {{{ */	6234	/* friends online {{{ */
6137		6235
6138	#chat-online-users {	6236	#chat-online-users {
	@@ -6287,6 +6385,7 @@ h1#agenda-title {		@@ -6287,6 +6385,7 @@ h1#agenda-title {
6287	#profile_activities .profile-activity-image, #profile-network .profile-network-image, #profile-wall .profile-wall-image {	6385	#profile_activities .profile-activity-image, #profile-network .profile-network-image, #profile-wall .profile-wall-image {
6288	width: 50px;	6386	width: 50px;
6289	margin: 5px;	6387	margin: 5px;
		6388	+ float: left;
6290	}	6389	}
6291		6390
6292	#profile-activity .profile-activity-description, #profile-network .profile-network-description, #profile-wall .profile-wall-description {	6391	#profile-activity .profile-activity-description, #profile-network .profile-network-description, #profile-wall .profile-wall-description {