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	151
152	152	/Members Page/
153	153
	154	+
154	155	/area do select/
	156	+
155	157	.action-profile-members #profile-members-sort-options{
156	158	font-size: 14px;
157	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	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	170	.action-profile-members #profile-members-sort-options select{
...	...	@@ -171,6 +176,14 @@
171	176	font-size: 14px;
172	177	}
173	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	187	/area da imagem/
175	188	.action-profile-members .box-1 .common-profile-list-block span{
176	189	margin-right: 9px;
...	...	@@ -198,9 +211,10 @@
198	211	background:#172738;
199	212	border-radius: 4px;
200	213	/*posicionamento do bloco na lateral*/
201		- bottom:-66px; /0px;/
	214	+ bottom:0px; /-66px; 0px;/
202	215	right: 105%;
203		- width: 126px;
	216	+ width: 131px;
	217	+ height: 171px;
204	218	}
205	219	.action-profile-members .menu-submenu.down::before {
206	220	content:"\f0da";
...	...	@@ -209,8 +223,8 @@
209	223	font-size: 25px;
210	224	float: right;
211	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	230	.action-profile-members .menu-submenu-header,
...	...	@@ -235,8 +249,11 @@
235	249	border-top-left-radius: 4px;
236	250	border-bottom: 2px solid #FF0366;
237	251	text-transform: uppercase;
238		- padding:6px;
	252	+ padding:6px 6px 10px 6px;
	253	+ margin:2px 0px 2px 0px;
239	254	text-align: center;
	255	+ max-height: 16px;
	256	+ overflow: hidden;
240	257	}
241	258
242	259	.action-profile-members #content .menu-submenu-content ul a{
...	...	@@ -282,6 +299,10 @@
282	299	top:5px;
283	300	left:4px;
284	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	308	.action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger::before{
...	...	@@ -296,9 +317,11 @@
296	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	326	/*.action-profile-members .comment-actions .vcard a{
304	327	height: 150px;
...	...	@@ -310,11 +333,194 @@
310	333	color:#172738;
311	334	margin-bottom: 27px;
312	335	margin-top:2px;
313		- height: 30px;
314		- max-height: 30px;
	336	+ height: 35px;
	337	+ max-height: 35px;
315	338	overflow: hidden;
316	339	}
317	340
318	341	/************************************************************/
319	342
320		-/Members block/
321	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	+/*****************************************************/
...	...
...	...	@@ -5,7 +5,9 @@
5	5	.profile-members-tabs-container .ui-corner-all{
6	6	overflow: visible;
7	7	}
8		-
	8	+.profile-members-tabs-container .ui-widget{
	9	+ font-size: 0px;
	10	+}
9	11	.profile-members-tabs-container .ui-widget-header{
10	12	background:#ECEDF1;
11	13	border:none;
...	...