adjustments in the popup, tabs and fine adjustments

Juliana
1 parent e810a9d3
Showing 2 changed files with 222 additions and 14 deletions Show diff stats
css/community-pages.css
css/tabs.css
@@ -151,15 +151,20 @@
 /*Members Page*/
+
 /*area do select*/
+
 .action-profile-members #profile-members-sort-options{
   font-size: 14px;
   text-align: right;
-  margin-bottom:20px;
+  margin:16px 15px 17px 6px;
+  border-bottom: 1px solid #ECEDF1;
+  padding-bottom:8px;
 }
 .action-profile-members #profile-members-sort-options label{
-  font-weight: 600;
+  font-weight: 700;
+  color:#172738;
 }
 .action-profile-members #profile-members-sort-options select{
@@ -171,6 +176,14 @@
   font-size: 14px;
 }
 /*fim select*/
+.action-profile-members .profile-members{
+  padding-left: 5px; /*34px;*/
+  /*background-image: url(members.png);*/
+}
+.action-profile-members .profile-admins{
+  padding-left: 5px;
+  /*background-image: url(members.png);*/
+}
 /*area da imagem*/
 .action-profile-members .box-1 .common-profile-list-block span{
   margin-right: 9px;
@@ -198,9 +211,10 @@
   background:#172738;
   border-radius: 4px;
   /***posicionamento do bloco na lateral***/
-  bottom:-66px; /*0px;*/
+  bottom:0px; /*-66px; 0px;*/
   right: 105%;
-  width: 126px;
+  width: 131px;
+  height: 171px;
 }
 .action-profile-members .menu-submenu.down::before {
   content:"\f0da";
@@ -209,8 +223,8 @@
   font-size: 25px;
   float: right;
   position: relative;
-  margin-right: -8px; /*-7px;*/
-  margin-top: 3px; /*65%;*/
+  margin:-7px;
+  margin-top: 30%; /*3px /65%;*/
 }
 .action-profile-members .menu-submenu-header,
@@ -235,8 +249,11 @@
   border-top-left-radius: 4px;
   border-bottom: 2px solid #FF0366;
   text-transform: uppercase;
-  padding:6px;
+  padding:6px 6px 10px 6px;
+  margin:2px 0px 2px 0px;
   text-align: center;
+  max-height: 16px;
+  overflow: hidden;
 }
 .action-profile-members #content .menu-submenu-content ul a{
@@ -282,6 +299,10 @@
   top:5px;
   left:4px;
   border:1px solid #172738;
+  padding-bottom: 0px;
+  border-radius: 5px;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
 }
 .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger::before{
@@ -296,9 +317,11 @@
   color:#172738;
 }*/
-/*.action-profile-members .common-profile-list-block .vcard a{
-  max-height: 150px;
-}*/
+.action-profile-members .common-profile-list-block .vcard a{
+  /*height: 145px;
+  max-height: 150px;*/
+  padding-bottom: 30px;
+}
 /*.action-profile-members .comment-actions .vcard a{
   height: 150px;
@@ -310,11 +333,194 @@
   color:#172738;
   margin-bottom: 27px;
   margin-top:2px;
-  height: 30px;
-  max-height: 30px;
+  height: 35px;
+  max-height: 35px;
   overflow: hidden;
 }
 /************************************************************/
-/*Members block*/
 \ No newline at end of file
+/*Members block*/
+
+#content .members-block{
+  border:1px solid #D3D6DE !important;
+  border-radius: 4px;
+}
+#content .members-block .block-title{
+  background-color:#ECEDF1;
+  border-bottom:1px solid #D3D6DE;
+  border-top:none;
+  color:#172738;
+  font-size:14px;
+  padding:12px;
+  margin-bottom:12px;
+}
+
+.members-block .block-footer-content{
+  background-color:#ECEDF1;
+  padding:8px 10px 15px 0px;
+  margin-right:0px; 
+  border-top:1px solid #D3D6DE;
+  text-align: right;
+}
+#content .members-block .block-footer-content a{
+  padding-right: 0px !important;
+}
+
+#content .members-block .block-footer-content a.view-all{
+  background-image:none;
+  border:none;
+  text-transform: uppercase;
+  line-height: 21px;
+}
+#content .members-block .block-footer-content a.view-all::after{
+content:"\f105";
+font-family: FontAwesome;
+/*content: url("images/left-arrow.png");*/
+padding-left: 7px;
+padding-right: 4px;
+color:#ffffff;
+background: #3E67B1;
+border-radius: 4px;
+font-size: 18px;
+line-height: 20px;
+text-align: center;
+margin-left: 5px;
+position: relative;
+top: 2px;
+/*margin-right:0px;*/
+}
+
+.members-block .common-profile-list-block .vcard{
+  border:none;
+}
+.members-block .common-profile-list-block .vcard:hover{
+  border:none;
+  background:none;
+}
+/*.members-block .common-profile-list-block .vcard a{
+  padding-bottom: 0px;
+}
+.members-block .common-profile-list-block .vcard a.profile_link{
+  max-height: 100px;
+  height: 100px;
+}*/
+
+#content .members-block .common-profile-list-block .vcard li a{
+  color:#172738;
+}
+
+.members-block .menu-submenu{
+  background:#172738;
+  border-radius: 4px;
+  /***posicionamento do bloco na lateral***/
+  bottom:-29px; 
+  right: 100%;
+  width: 131px;
+  height: 176px;
+}
+
+.members-block .menu-submenu.down::before{
+  content:"\f0da";
+  color:#172738;
+  font-family: FontAwesome;
+  font-size:25px;
+  float:right;
+  position:relative;
+  margin:-7px;
+  margin-top:30%;
+}
+
+.members-block .menu-submenu-header,
+.members-block .menu-submenu-content,
+.members-block .menu-submenu-footer{
+  background:none;
+}
+
+.members-block .menu-submenu-header,
+.members-block .menu-submenu-footer{
+  display: none;
+}
+.members-block .menu-submenu-content{
+  height:100%;
+}
+
+#content .members-block .common-profile-list-block li{
+  margin:0px !important;
+}
+
+.members-block .common-profile-list-block .vcard .menu-submenu-trigger{
+  display: block;
+  background:#172738;
+  top:2px;
+  left:3px;
+  border:1px solid #fff; /*#172738;*/
+  padding-bottom: 0px;
+  opacity: 0.7;
+  height: 13px;
+}
+
+.members-block .common-profile-list-block .vcard .menu-submenu-trigger::before{
+  content:"\f053";
+  color:#fff;
+  font-family: FontAwesome;
+  font-size: 8px; /*10px;*/
+  line-height: 11px; /*13px*/
+}
+
+/*.members-block .common-profile-list-block .vcard .menu-submenu-trigger:hover,
+.members-block .menu-submenu-trigger:hover{
+  background: none;
+  border:none;
+  width: 40%;
+  height: 25%;
+}*/
+
+#content .members-block .common-profile-list-block .fn {
+  margin-top:2px;
+  color:#172738;
+}
+
+#content .members-block .menu-submenu-content h4{
+  color: #fff;
+  background:#243F59;
+  border-bottom: 2px solid #FF0366;
+  text-transform: uppercase;
+  padding:6px 6px 10px 6px;
+  margin:2px 0px 2px 0px;
+  text-align: center;
+  max-height: 16px;
+  overflow: hidden;
+}
+
+#content .friends-block ul, #content .members-block ul {
+min-width: 196px;
+width: 192px;
+margin: 0px 0px 0px 0px;
+padding: 0px;
+}
+
+#content .members-block .menu-submenu-content .menu-submenu-list li a{
+  color:#fff;
+  border-bottom:1px dotted #2C4B6B;
+  text-align: center;
+}
+
+#content .members-block .menu-submenu-content h4:hover,
+#content .members-block .menu-submenu-content .menu-submenu-list li a:hover{
+  color:#ECEDF1;
+}
+
+.members-block .common-profile-list-block img{
+  border-radius: 4px;
+  max-height:50px; 
+  max-width:50px;
+  width: 50px;
+  height: 50px;
+}
+
+.members-block .block-footer-content a.view-all{
+  position:relative;
+}
+
+/*****************************************************/
@@ -5,7 +5,9 @@
 .profile-members-tabs-container .ui-corner-all{
   overflow: visible;
 }
-
+.profile-members-tabs-container .ui-widget{
+  font-size: 0px;
+}
 .profile-members-tabs-container .ui-widget-header{
   background:#ECEDF1;
   border:none;
	@@ -151,15 +151,20 @@		@@ -151,15 +151,20 @@
151		151
152	/Members Page/	152	/Members Page/
153		153
		154	+
154	/area do select/	155	/area do select/
		156	+
155	.action-profile-members #profile-members-sort-options{	157	.action-profile-members #profile-members-sort-options{
156	font-size: 14px;	158	font-size: 14px;
157	text-align: right;	159	text-align: right;
158	- margin-bottom:20px;	160	+ margin:16px 15px 17px 6px;
		161	+ border-bottom: 1px solid #ECEDF1;
		162	+ padding-bottom:8px;
159	}	163	}
160		164
161	.action-profile-members #profile-members-sort-options label{	165	.action-profile-members #profile-members-sort-options label{
162	- font-weight: 600;	166	+ font-weight: 700;
		167	+ color:#172738;
163	}	168	}
164		169
165	.action-profile-members #profile-members-sort-options select{	170	.action-profile-members #profile-members-sort-options select{
	@@ -171,6 +176,14 @@		@@ -171,6 +176,14 @@
171	font-size: 14px;	176	font-size: 14px;
172	}	177	}
173	/fim select/	178	/fim select/
		179	+.action-profile-members .profile-members{
		180	+ padding-left: 5px; /34px;/
		181	+ /background-image: url(members.png);/
		182	+}
		183	+.action-profile-members .profile-admins{
		184	+ padding-left: 5px;
		185	+ /background-image: url(members.png);/
		186	+}
174	/area da imagem/	187	/area da imagem/
175	.action-profile-members .box-1 .common-profile-list-block span{	188	.action-profile-members .box-1 .common-profile-list-block span{
176	margin-right: 9px;	189	margin-right: 9px;
	@@ -198,9 +211,10 @@		@@ -198,9 +211,10 @@
198	background:#172738;	211	background:#172738;
199	border-radius: 4px;	212	border-radius: 4px;
200	/*posicionamento do bloco na lateral*/	213	/*posicionamento do bloco na lateral*/
201	- bottom:-66px; /0px;/	214	+ bottom:0px; /-66px; 0px;/
202	right: 105%;	215	right: 105%;
203	- width: 126px;	216	+ width: 131px;
		217	+ height: 171px;
204	}	218	}
205	.action-profile-members .menu-submenu.down::before {	219	.action-profile-members .menu-submenu.down::before {
206	content:"\f0da";	220	content:"\f0da";
	@@ -209,8 +223,8 @@		@@ -209,8 +223,8 @@
209	font-size: 25px;	223	font-size: 25px;
210	float: right;	224	float: right;
211	position: relative;	225	position: relative;
212	- margin-right: -8px; /-7px;/
213	- margin-top: 3px; /65%;/	226	+ margin:-7px;
		227	+ margin-top: 30%; /3px /65%;/
214	}	228	}
215		229
216	.action-profile-members .menu-submenu-header,	230	.action-profile-members .menu-submenu-header,
	@@ -235,8 +249,11 @@		@@ -235,8 +249,11 @@
235	border-top-left-radius: 4px;	249	border-top-left-radius: 4px;
236	border-bottom: 2px solid #FF0366;	250	border-bottom: 2px solid #FF0366;
237	text-transform: uppercase;	251	text-transform: uppercase;
238	- padding:6px;	252	+ padding:6px 6px 10px 6px;
		253	+ margin:2px 0px 2px 0px;
239	text-align: center;	254	text-align: center;
		255	+ max-height: 16px;
		256	+ overflow: hidden;
240	}	257	}
241		258
242	.action-profile-members #content .menu-submenu-content ul a{	259	.action-profile-members #content .menu-submenu-content ul a{
	@@ -282,6 +299,10 @@		@@ -282,6 +299,10 @@
282	top:5px;	299	top:5px;
283	left:4px;	300	left:4px;
284	border:1px solid #172738;	301	border:1px solid #172738;
		302	+ padding-bottom: 0px;
		303	+ border-radius: 5px;
		304	+ -moz-border-radius:5px;
		305	+ -webkit-border-radius:5px;
285	}	306	}
286		307
287	.action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger::before{	308	.action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger::before{
	@@ -296,9 +317,11 @@		@@ -296,9 +317,11 @@
296	color:#172738;	317	color:#172738;
297	}*/	318	}*/
298		319
299	-/*.action-profile-members .common-profile-list-block .vcard a{
300	- max-height: 150px;
301	-}*/	320	+.action-profile-members .common-profile-list-block .vcard a{
		321	+ /*height: 145px;
		322	+ max-height: 150px;*/
		323	+ padding-bottom: 30px;
		324	+}
302		325
303	/*.action-profile-members .comment-actions .vcard a{	326	/*.action-profile-members .comment-actions .vcard a{
304	height: 150px;	327	height: 150px;
	@@ -310,11 +333,194 @@		@@ -310,11 +333,194 @@
310	color:#172738;	333	color:#172738;
311	margin-bottom: 27px;	334	margin-bottom: 27px;
312	margin-top:2px;	335	margin-top:2px;
313	- height: 30px;
314	- max-height: 30px;	336	+ height: 35px;
		337	+ max-height: 35px;
315	overflow: hidden;	338	overflow: hidden;
316	}	339	}
317		340
318	/************************************************************/	341	/************************************************************/
319		342
320	-/Members block/
321	\ No newline at end of file	343	\ No newline at end of file
		344	+/Members block/
		345	+
		346	+#content .members-block{
		347	+ border:1px solid #D3D6DE !important;
		348	+ border-radius: 4px;
		349	+}
		350	+#content .members-block .block-title{
		351	+ background-color:#ECEDF1;
		352	+ border-bottom:1px solid #D3D6DE;
		353	+ border-top:none;
		354	+ color:#172738;
		355	+ font-size:14px;
		356	+ padding:12px;
		357	+ margin-bottom:12px;
		358	+}
		359	+
		360	+.members-block .block-footer-content{
		361	+ background-color:#ECEDF1;
		362	+ padding:8px 10px 15px 0px;
		363	+ margin-right:0px;
		364	+ border-top:1px solid #D3D6DE;
		365	+ text-align: right;
		366	+}
		367	+#content .members-block .block-footer-content a{
		368	+ padding-right: 0px !important;
		369	+}
		370	+
		371	+#content .members-block .block-footer-content a.view-all{
		372	+ background-image:none;
		373	+ border:none;
		374	+ text-transform: uppercase;
		375	+ line-height: 21px;
		376	+}
		377	+#content .members-block .block-footer-content a.view-all::after{
		378	+content:"\f105";
		379	+font-family: FontAwesome;
		380	+/content: url("images/left-arrow.png");/
		381	+padding-left: 7px;
		382	+padding-right: 4px;
		383	+color:#ffffff;
		384	+background: #3E67B1;
		385	+border-radius: 4px;
		386	+font-size: 18px;
		387	+line-height: 20px;
		388	+text-align: center;
		389	+margin-left: 5px;
		390	+position: relative;
		391	+top: 2px;
		392	+/margin-right:0px;/
		393	+}
		394	+
		395	+.members-block .common-profile-list-block .vcard{
		396	+ border:none;
		397	+}
		398	+.members-block .common-profile-list-block .vcard:hover{
		399	+ border:none;
		400	+ background:none;
		401	+}
		402	+/*.members-block .common-profile-list-block .vcard a{
		403	+ padding-bottom: 0px;
		404	+}
		405	+.members-block .common-profile-list-block .vcard a.profile_link{
		406	+ max-height: 100px;
		407	+ height: 100px;
		408	+}*/
		409	+
		410	+#content .members-block .common-profile-list-block .vcard li a{
		411	+ color:#172738;
		412	+}
		413	+
		414	+.members-block .menu-submenu{
		415	+ background:#172738;
		416	+ border-radius: 4px;
		417	+ /*posicionamento do bloco na lateral*/
		418	+ bottom:-29px;
		419	+ right: 100%;
		420	+ width: 131px;
		421	+ height: 176px;
		422	+}
		423	+
		424	+.members-block .menu-submenu.down::before{
		425	+ content:"\f0da";
		426	+ color:#172738;
		427	+ font-family: FontAwesome;
		428	+ font-size:25px;
		429	+ float:right;
		430	+ position:relative;
		431	+ margin:-7px;
		432	+ margin-top:30%;
		433	+}
		434	+
		435	+.members-block .menu-submenu-header,
		436	+.members-block .menu-submenu-content,
		437	+.members-block .menu-submenu-footer{
		438	+ background:none;
		439	+}
		440	+
		441	+.members-block .menu-submenu-header,
		442	+.members-block .menu-submenu-footer{
		443	+ display: none;
		444	+}
		445	+.members-block .menu-submenu-content{
		446	+ height:100%;
		447	+}
		448	+
		449	+#content .members-block .common-profile-list-block li{
		450	+ margin:0px !important;
		451	+}
		452	+
		453	+.members-block .common-profile-list-block .vcard .menu-submenu-trigger{
		454	+ display: block;
		455	+ background:#172738;
		456	+ top:2px;
		457	+ left:3px;
		458	+ border:1px solid #fff; /#172738;/
		459	+ padding-bottom: 0px;
		460	+ opacity: 0.7;
		461	+ height: 13px;
		462	+}
		463	+
		464	+.members-block .common-profile-list-block .vcard .menu-submenu-trigger::before{
		465	+ content:"\f053";
		466	+ color:#fff;
		467	+ font-family: FontAwesome;
		468	+ font-size: 8px; /10px;/
		469	+ line-height: 11px; /13px/
		470	+}
		471	+
		472	+/*.members-block .common-profile-list-block .vcard .menu-submenu-trigger:hover,
		473	+.members-block .menu-submenu-trigger:hover{
		474	+ background: none;
		475	+ border:none;
		476	+ width: 40%;
		477	+ height: 25%;
		478	+}*/
		479	+
		480	+#content .members-block .common-profile-list-block .fn {
		481	+ margin-top:2px;
		482	+ color:#172738;
		483	+}
		484	+
		485	+#content .members-block .menu-submenu-content h4{
		486	+ color: #fff;
		487	+ background:#243F59;
		488	+ border-bottom: 2px solid #FF0366;
		489	+ text-transform: uppercase;
		490	+ padding:6px 6px 10px 6px;
		491	+ margin:2px 0px 2px 0px;
		492	+ text-align: center;
		493	+ max-height: 16px;
		494	+ overflow: hidden;
		495	+}
		496	+
		497	+#content .friends-block ul, #content .members-block ul {
		498	+min-width: 196px;
		499	+width: 192px;
		500	+margin: 0px 0px 0px 0px;
		501	+padding: 0px;
		502	+}
		503	+
		504	+#content .members-block .menu-submenu-content .menu-submenu-list li a{
		505	+ color:#fff;
		506	+ border-bottom:1px dotted #2C4B6B;
		507	+ text-align: center;
		508	+}
		509	+
		510	+#content .members-block .menu-submenu-content h4:hover,
		511	+#content .members-block .menu-submenu-content .menu-submenu-list li a:hover{
		512	+ color:#ECEDF1;
		513	+}
		514	+
		515	+.members-block .common-profile-list-block img{
		516	+ border-radius: 4px;
		517	+ max-height:50px;
		518	+ max-width:50px;
		519	+ width: 50px;
		520	+ height: 50px;
		521	+}
		522	+
		523	+.members-block .block-footer-content a.view-all{
		524	+ position:relative;
		525	+}
		526	+
		527	+/*****************************************************/