Advertisement
Guest User

Untitled

a guest
Mar 19th, 2017
251
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.47 KB | None | 0 0
  1. <!-- ***********************************************************************
  2. * IP.Board 3 - By Rikki Tissier - (c)2008 Invision Power Services *
  3. ****************************************************************************
  4. * ipb_profile.html to profile_view_body.html - Modified by JScript *
  5. ************************************************************************ -->
  6. <div id="ajax_loading" style="display: none;"><img alt="Carregando..." src="http://i69.servimg.com/u/f69/18/17/62/92/ajax_l10.gif"></div>
  7. <div id="document_modal" class="modal" style="display:none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;"></div>
  8. <!-- BEGIN switch_user_logged_in -->
  9. <div id="pun-visit" class="clearfix" style="display: none">
  10. <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
  11. </div>
  12. <!-- END switch_user_logged_in -->
  13. <!-- BEGIN switch_user_logged_out -->
  14. <!-- Backup
  15. <div id="pun-visit">
  16. <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
  17. </div>
  18. -->
  19. <!-- END switch_user_logged_out -->
  20. <!-- BEGIN switch_user_logged_in -->
  21. <ul class="topic_buttons">
  22. <li class="editPerfil" style="display: none"><a href="/profile?mode=editprofile">Editar meu perfil</a></li>
  23. <li class="editMember" style="display: none"><a href="">Editar membro</a></li>
  24. <li class="FlagSpam" style="display: none"><a href="javascript:void(0);" onclick="show_popup('ban_member_popup');">Banir membro</a></li>
  25. </ul>
  26. <!-- END switch_user_logged_in -->
  27. <div id="profile_background" class="ipsBox clear2 vcard">
  28. <div class="ipsVerticalTabbed ipsLayout ipsLayout_withleft ipsLayout_smallleft clearfix">
  29. <div id="user_status" style="display: none">{USER_ONLINE}</div>
  30. <div id="profile_tabs" class="ipsVerticalTabbed_tabs ipsLayout_left">
  31. <p class="short photo_holder">
  32. <a title="Atualizar a foto atual" class="ipsType_smaller ipsPad" id="change_photo" style="display: none" href="javascript:void(0);" onclick="show_popup('photo_popup_popup')">Alterar</a>
  33. {AVATAR_IMG}
  34. </p>
  35.  
  36. <ul class="clear2">
  37. <li data-tabid="user_info" class="tab_toggle" id="tab_link_core_info"><a href="#pane_core_info">Visão Geral</a></li>
  38.  
  39. </ul>
  40. </div>
  41. <div id="profile_content" class="ipsVerticalTabbed_content ipsLayout_content ipsBox_container" style="min-height: 461px;">
  42. <div class="ipsPad">
  43. <div id="profile_content_main">
  44. <div id="user_info_cell">
  45. <h1 class="ipsType_pagetitle">
  46. <span class="fn nickname">{USERNAME}</span>
  47. </h1>
  48. Cadastrado: <span class="joined_in"></span><br>
  49. <span id="user_suspended" class="ipsBadge ipsBadge_red" style="display: none; margin-right: 4px;">Postagem desativada</span>
  50. <span id="user_banned" class="ipsBadge ipsBadge_red" style="display: none; margin-right: 4px;">Banido</span>
  51. <span id="user_connected" data-tooltip="" class="ipsBadge ipsBadge_green reset_cursor"></span>
  52. <span class="desc lighter"> Última atividade: {LAST_VISIT_TIME}</span><!--<span id="last_activity"></span></span>-->
  53. </div>
  54. <div id="user_status_cell" style="display: none">
  55. <div id="user_latest_status">
  56. <div>
  57. <span id="uneditable" class="user_comments" style="display: block"></span>
  58. <span id="editable" class="user_comments" style="display: none"></span>
  59. <br>
  60. <!--<textarea id="profile_field_2_-20" class="inputbox" name="profile_field_2_-20" cols="60" rows="7"></textarea>-->
  61. <span class="ipsType_smaller desc lighter blend_links" style="display: block"><a href="javascript:void(0);" onclick="editableField()">{L_UPDATE}</a></span>
  62. </div>
  63. </div>
  64. </div>
  65.  
  66. <ul id="user_utility_links" class="ipsList_inline">
  67. <li class="ipsButton_secondary" id="add_friend" style="display: none">
  68. <a title="Adicionar como Amigo" href="/profile?friend={PUSERNAME}&mode=editprofile&page_profil=friendsfoes"><img alt="Adicionar como Amigo" src="http://i69.servimg.com/u/f69/16/62/61/50/user_d10.png">&nbsp;&nbsp; Adicionar como amigo</a>
  69. </li>
  70. <li class="ipsButton_secondary" id="remove_friend" style="display: none">
  71. <a title="Remover Amigo" href="/profile?foe={PUSERNAME}&mode=editprofile&page_profil=friendsfoes"><img alt="Remover Amigo" src="http://i69.servimg.com/u/f69/16/62/61/50/user_d10.png">&nbsp;&nbsp; Remover amigo</a>
  72. </li>
  73. <li class="ipsButton_secondary" id="pm_button" style="display: none">
  74. <a title="Enviar MP" href="#"><img alt="Enviar MP" src="http://i69.servimg.com/u/f69/16/62/61/50/email_10.png">&nbsp;&nbsp; Enviar MP</a>
  75. </li>
  76. <li>
  77. <a class="ipsButton_secondary" href="/st/{PUSERNAME}"><img alt="Localizar Tópicos" src="http://i69.servimg.com/u/f69/16/62/61/50/page_t10.png">&nbsp;&nbsp; Meu Conteúdo</a>
  78. </li>
  79. </ul>
  80. </div>
  81.  
  82. <div class="clearfix" id="profile_panes_wrap" style="height: auto;">
  83. <div class="ipsLayout ipsLayout_withright ipsLayout_largeright clearfix tab_link_pane" id="pane_core_info">
  84. <div class="ipsLayout_content">
  85. <div class="general_box clearfix" id="user_humor_id" style="display: none">
  86. <h3>Quem sou eu</h3>
  87. <div class="ipsPad">
  88. <span class="user_humor"></span><br>
  89. </div>
  90. </div>
  91. <hr>
  92. <div class="general_box clearfix">
  93. <h3>Estatísticas</h3>
  94. <br>
  95. <ul class="ipsList_data clearfix">
  96. <li class="clear2 clearfix">
  97. <span class="row_title">Grupo:</span>
  98. <span class="row_data"><span style="color:transparent">{POSTER_RANK}</span></span><!--<span id="poster_rank" class="row_data"></span>-->
  99. </li>
  100. <li class="clear2 clearfix">
  101. <span class="row_title">Posts:</span>
  102. <span id="amount_posts" class="row_data"></span>
  103. </li>
  104. <li class="clear2 clearfix" style="display: none;">
  105. <span class="row_title">Visualizações:</span>
  106. <span class="row_data"></span>
  107. </li>
  108. <li class="clear2 clearfix" style="display: none;">
  109. <span class="row_title">Título:</span>
  110. <span class="row_data"></span>
  111. </li>
  112. <!-- BEGIN profile_field -->
  113. <li class="clear2 clearfix" id="field_id{profile_field.ID}">
  114. <span class="row_title">{profile_field.LABEL}</span>
  115. <span class="row_data">{profile_field.CONTENT}</span>
  116. </li>
  117. <!-- END profile_field -->
  118. <li class="clear2 clearfix">
  119. <span class="row_title">Última visita:</span>
  120. <span class="row_data">{LAST_VISIT_TIME}</span><!--<span class="row_data"><span id="last_visit_time"></span></span>-->
  121. </li>
  122. </ul>
  123. <br>
  124. </div>
  125.  
  126. <div class="general_box clearfix" id="contact_field">
  127. <h3>Contato</h3>
  128. <br>
  129. <ul class="ipsList_data clearfix">
  130. <!-- BEGIN contact_field -->
  131. <li class="clear2 clearfix">
  132. <span class="row_title">{contact_field.LABEL}</span>
  133. <span class="row_data">{contact_field.CONTENT}</span>
  134. </li>
  135. <!-- END contact_field -->
  136.  
  137. <!-- Backup
  138. <li id="cnt_email" class="clear2 clearfix">
  139. <span class="row_title">E-mail:</span>
  140. <span class="row_data">
  141. <a href=""></a>
  142. </span>
  143. </li>
  144.  
  145. <li id="cnt_skype">
  146. <span class="row_title">Skype</span>
  147. <span class="row_data">
  148. <img alt="Skype" src="http://i78.servimg.com/u/f78/18/17/62/92/profil10.gif">&nbsp;
  149. <a href="" class="url"></a>
  150. </span>
  151. </li>
  152. -->
  153. </ul>
  154. </div>
  155. </div>
  156. <div class="ipsLayout_right">
  157. <div data-tooltip="{PUSERNAME}" class="reputation zero" id="reputation_panel">
  158. <span class="number"></span>
  159. <span class="title"></span>
  160. </div>
  161. <br>
  162. <div class="general_box clearfix">
  163. <h3>Ferramentas do Usuário</h3>
  164. <ul class="ipsPad">
  165. <li >
  166. <a rel="nofollow" id="st_pusername" href="/st/{PUSERNAME}">
  167. <img alt="- " src="http://i69.servimg.com/u/f69/16/62/61/50/page_t10.png">&nbsp;&nbsp; Procurar por mensagens
  168. </a>
  169. </li>
  170. <li>
  171. <a rel="nofollow" id="sta_pusername" href="/sta/{PUSERNAME}">
  172. <img alt="- " src="http://i69.servimg.com/u/f69/16/62/61/50/topics10.png">&nbsp;&nbsp; Visualizar somente os tópicos
  173. </a>
  174. </li>
  175. <li>
  176. <a rel="nofollow" id="spa_pusername" href="/spa/{PUSERNAME}">
  177. <img alt="- " src="http://i69.servimg.com/u/f69/16/62/61/50/t_unre10.png">&nbsp;&nbsp; Visualizar somente os posts
  178. </a>
  179. </li>
  180. <!-- BEGIN switch_auth_user -->
  181. <li id="administrative" style="display: ;">
  182. <span class="row_title"><br>{L_ADMINISTRATE_USER}: </span>
  183. <span class="row_data">
  184. <strong>
  185. <span id="admin_user">{ADMINISTRATE_USER}</span>
  186. <span id="ban_user">{BAN_USER}</span>
  187. </strong>
  188. </span>
  189. </li>
  190. <!-- END switch_auth_user -->
  191. <!-- BEGIN switch_admin_user_comment_active -->
  192. <form action="{S_PROFILE_ACTION}" method="post" name="post">
  193. <dl>
  194. <dt>{L_COMMENTS} :<br /><span class="italic">{L_MODS_AND_ADMINS}</span></dt>
  195. <dd><textarea name="admin_user_comment_text" rows="8" cols="30">{ADMIN_USER_COMMENT}</textarea></dd>
  196. </dl>
  197. <dl class="frm-buttons clearfix">
  198. <dt>&nbsp;</dt>
  199. <dd><input type="hidden" value="update_admin_user_comment" name="mode" />
  200. <input type="hidden" value="{USER_ID}" name="userid" />
  201. <input type="submit" name="user_comment_maj" value="{L_UPDATE}" /></dd>
  202. </dl>
  203. </form>
  204. <!-- END switch_admin_user_comment_active -->
  205. </ul>
  206. </div>
  207. <div id="friends_overview" class="general_box clearfix">
  208. <h3>{L_FRIENDS_AND_FOES}</h3>
  209. <ul class="ipsPad">
  210. <!-- BEGIN switch_allow_friendsfoes -->
  211. <li id="friends_foes">
  212. {FRIENDSFOES}
  213. </li>
  214. <!-- END switch_allow_friendsfoes -->
  215. </ul>
  216. </div>
  217.  
  218.  
  219. <!-- #region tabStatus -->
  220. <div class="tab_link_pane" id="pane_members_status" style="display: none;">
  221. <div class="main ipsLayout_content">
  222. <div class="main-head" style="margin-top: -10px ! important;">
  223. <h1 class="page-title">Atualizações Recentes de Status</h1>
  224. </div>
  225. <div id="pane_members_status" style="height: auto; left: 10px; position: static; top: 132px; width: auto;">
  226. <div class="status_update" style="height: 31px;"></div>
  227. <div class="ipsBox clearfix">
  228. <div id="status_wrapper">
  229. <p id="noStatusUpdates" class="ipsBox_container ipsPad">Não há atualizações de status para mostrar</p>
  230. </div>
  231. </div>
  232. <iframe name="iPerfmsg" height="0px" width="0px" frameborder="0"></iframe>
  233. </div>
  234. </div>
  235. </div>
  236. <!-- #endregion tabStatus -->
  237. <!-- #region tabReputation -->
  238. <div class="tab_link_pane" id="pane_members_reputation" style="display: none;">
  239. <div class="ipsLayout_content">
  240. <div class="main paged" style="margin-top: -15px;">
  241. <div class="no_messages" style="margin-top: 15px;">Ítem em fase de implementação!</div>
  242. </div>
  243. </div>
  244. </div>
  245. <!-- Backup
  246. <div class="tab_link_pane" id="pane_members_reputation" style="display: none;">
  247. <div class="general_box">
  248. <div class="maintitle ipsFilterbar clearfix">
  249. <ul class="ipsList_inline ipsType_smaller left">
  250. <li class="active">
  251. <a href="javascript:void(0);">Fórum</a>
  252. </li>
  253. <li>
  254. <a href="javascript:void(0);">Calendar</a>
  255. </li>
  256. </ul>
  257. <ul class="ipsList_inline ipsType_smaller right">
  258. <li class="active">
  259. <a href="javascript:void(0);">Recebida</a>
  260. </li>
  261. </ul>
  262. </div>
  263. <div class="no_messages">Não há conteúdo para visualizar.</div>
  264. </div>
  265. </div>
  266. -->
  267. <!-- #endregion tabReputation -->
  268. <!-- #region tabFriends -->
  269. <div class="tab_link_pane" id="pane_members_friends" style="display: none;">
  270. <div class="general_box">
  271. <div id="friend_list" class="friend_list clear">
  272. <h3 class="bar">{L_FRIENDS_AND_FOES}</h3>
  273. <ul class="ipsPad">
  274. <!-- BEGIN switch_allow_friendsfoes -->
  275. <li id="friends_foes">
  276. {FRIENDSFOES}
  277. </li>
  278. <!-- END switch_allow_friendsfoes -->
  279. </ul>
  280. </div>
  281. <br>
  282. </div>
  283. </div>
  284. <!-- #endregion tabFriends -->
  285. <!-- #region tabTopics -->
  286. <div class="tab_link_pane" id="pane_forums_topics" style="display: none;">
  287. <div class="ipsLayout_content">
  288. <div class="main paged" style="margin-top: -15px;">
  289. </div>
  290. </div>
  291. </div>
  292. <!-- #endregion tabTopics -->
  293. <!-- #region tabPosts -->
  294. <div class="tab_link_pane" id="pane_forums_posts" style="display: none;">
  295. <div class="ipsLayout_content">
  296. <div class="main paged" style="margin-top: -15px;">
  297. </div>
  298. </div>
  299. </div>
  300. <!-- #endregion tabPosts -->
  301. <!-- #region tabShouts -->
  302. <div class="tab_link_pane" id="pane_forums_shouts" style="display: none;">
  303. <div class="ipsLayout_content">
  304. <div class="main paged" style="margin-top: -15px;">
  305. </div>
  306. </div>
  307. </div>
  308. <!-- #endregion tabShouts -->
  309. </div>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. <div id="photo_popup_popup" style="display:none; z-index: 10001; top: 14px; left: 22%; position: fixed;" class="popupWrapper">
  315. <div id="photo_popup_inner" class="popupInner" style="width: 750px;">
  316. <!--<form name="photoEditorForm" id="photoEditorForm" action="" enctype="multipart/form-data" method="post">-->
  317. <form id="ucp" class="frm-form" name="post" method="post" enctype="multipart/form-data" action="/profile">
  318. <h3 style="padding: 8px 10px 9px; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px;">Editor de Foto</h3>
  319. <div class="ipsBox">
  320. <div class="fixed_inner"><!-- style="height: 500px; max-height: 500px; overflow: auto;">-->
  321. <fieldset class="fixed_inner ipsBox_container" id="ips_photoWrap">
  322. <div id="ips_sidePanel">
  323. <div id="ips_currentPhoto">
  324. {AVATAR_IMG}<!--<img width="120" height="120" class="ipsUserPhoto" src="">-->
  325. </div>
  326. <div style="display:none" id="ips_cropperControls">
  327. <a class="ipsButton_secondary desc cropperCancel" href="javascript:void(0);">Cancelar</a> <a class="ipsButton_secondary desc cropperAccept" href="javascript:void(0);">Ok</a>
  328. </div>
  329. <div style=";" id="ips_cropperStart">
  330. <a class="ipsButton_secondary desc cropperStart" href="javascript:void(0);">Ajustar Corte</a>
  331. </div>
  332. </div>
  333. <div id="ips_photoOptions">
  334. <ul>
  335. <li class="ips_option row2">
  336. <div class="iframe_photo_popup">
  337. </div>
  338. </li>
  339. <!-- Backups
  340. <li class="ipsPad_half clearfix right">
  341. <input type="button" class="ipsButton important ips_photoRemove" value="Excluir Foto" name="avatardel">
  342. <input class="ipsButton ips_photoSubmi" type="submit" value="Concluir" name="submit">
  343. </li>
  344. -->
  345. </ul>
  346. </div>
  347.  
  348. <iframe id="iframe_photo_popup" height="0" width="0" frameBorder="0" style="display: none;" src="/profile?mode=editprofile&page_profil=avatars">Your browser does not support IFRAMEs</iframe>
  349. </fieldset>
  350. </div>
  351. </div>
  352. </form>
  353. </div>
  354. <div id="sign_in_popup_close" class="popupClose clickable">
  355. <img alt="x" src="http://i69.servimg.com/u/f69/16/62/61/50/close_10.png" onclick="show_popup('photo_popup_popup');">
  356. </div>
  357. </div>
  358.  
  359. <!-- #region sign_in_popup -->
  360. <div id="ban_member_popup" style="display: none; position: fixed; top: 9%; left: 27%; z-index: 10001" class="popupWrapper">
  361. <div id="ban_member_popup_inner" class="popupInner" style="width: 600px; max-height: 641px;">
  362. <div style="" id="inline_ban_form">
  363. <form id="confirm_ban" method="post" target="iBanMember" action="/modcp?tid={TID}">
  364. <h3>Confirmar - Banir membro</h3>
  365. <div class="ipsBox_notice ipsForm_center">
  366. Determine o período e o motivo para suspender o membro!
  367. </div>
  368. <div class="ipsForm ipsForm_horizontal">
  369. <fieldset>
  370. <ul>
  371. <li class="ipsField ipsField_primary">
  372. <label class="ipsField_title" for="ban_user_date">Por um período de:</label>
  373. <div class="ipsField_content">
  374. <input type="text" tabindex="0" size="10" name="ban_user_date" class="input_text" id="ips_bandate"><span> dias decorridos.</span>
  375. </div>
  376. </li>
  377. <li class="ipsField ipsField_primary">
  378. <label class="ipsField_title" for="ban_user_reason">Pelo seguinte motivo:</label>
  379. <div class="ipsField_content">
  380. <input type="text" tabindex="1" size="40" name="ban_user_reason" class="input_text" id="ips_banreason"><br>
  381. </div>
  382. </li>
  383. <li class="ipsField ipsField_checkbox">
  384. <span class="desc lighter">Os campos acima são opcionais!</span>
  385. </li>
  386. </ul>
  387. </fieldset>
  388. <div class="ipsForm_submit ipsForm_center">
  389. <input type="hidden" value="{TID}" name="tid">
  390. <input type="hidden" value="ban" name="mode">
  391. <input type="hidden" value="{CUR_USER_ID}" name="user_id">
  392. <input type="submit" tabindex="2" class="login-submit ipsButton important" name="confirm" value="Confirmar"/>&nbsp;
  393. <input type="button" tabindex="3" class="login-submit ipsButton" name="cancel" onclick="show_popup('ban_member_popup');" value="Cancelar"/>
  394. </div>
  395. </div>
  396. </form>
  397. </div>
  398. </div>
  399. <div id="ban_member_popup_close" class="popupClose clickable">
  400. <img alt="x" src="http://i69.servimg.com/u/f69/16/62/61/50/close_10.png" onclick="show_popup('ban_member_popup');">
  401. </div>
  402. <iframe name="iBanMember" height="0px" width="0px" frameborder="0"></iframe>
  403. </div>
  404. <style type="text/css">
  405. <!--
  406. ol, ul {
  407. list-style: none outside none;
  408. }
  409. .popupWrapper {background-color: rgba(70, 70, 70, 0.6);border-radius: 4px 4px 4px 4px;box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);padding: 4px;}
  410. .popupInner {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);overflow-x: hidden;overflow-y: auto;width: 500px;}
  411. .popupInner h3 {background-color: #2C5687;background: url("http://i78.servimg.com/u/f78/18/17/62/92/mainti10.png") repeat-x scroll center top #2C5687;border-color: #316897;border-style: solid;border-width: 1px 1px 0;box-shadow: 0 1px 0 #528CBC inset;color: #FFFFFF;font-size: 16px;font-weight: 300;padding: 8px 10px 9px !important;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}
  412. .ipsForm_horizontal .ipsField {margin-bottom: 15px;}
  413. .ipsForm_horizontal .ipsField_content, .ipsForm_horizontal .ipsField_submit {margin-left: 200px;}
  414. .ipsForm_horizontal .ipsField_title {float: left;line-height: 1.8;padding-right: 15px;text-align: right;width: 185px;}
  415. .ipsField .ipsField_title {font-size: 15px;font-weight: bold;}
  416. .ipsField_primary input {font-size: 18px;}
  417. .input_text, .ipsTagBox_wrapper {background: none repeat scroll 0 0 #FFFFFF;border-color: #848484 #C1C1C1 #E1E1E1;border-radius: 2px 2px 2px 2px;border-style: solid;border-width: 1px;padding: 4px;}
  418. .input_text:focus {border-color: #4E4E4E #7C7C7C #A3A3A3;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
  419. input.inactive, select.inactive, textarea.inactive {color: #C4C4C4;}
  420. .ipsForm_horizontal .ipsField_checkbox {margin: 0 0 5px 200px;}
  421. .ipsForm .ipsField_checkbox input {float: left;margin-top: 3px;}
  422. .ipsForm .ipsField_checkbox .ipsField_content {margin-left: 25px;}
  423. .desc.lighter, .desc.lighter.blend_links a {color: #A4A4A4;}
  424. .ipsForm_center {text-align: center;}
  425. .desc, .desc.blend_links a, p.posted_info {color: #777777;font-size: 12px;}
  426. .ipsPad_top {padding-top: 9px;}
  427. .ipsType_smaller, .ipsType_smaller a {font-size: 11px !important;}
  428. .ipsForm_submit {background-color: #CCCCCC;background: -moz-linear-gradient(center top , #E4E4E4 0%, #CCCCCC 100%) repeat-x scroll 0 0 transparent !important;border-top: 1px solid #CCCCCC;margin-top: 25px;padding: 5px 10px;}
  429. .popupClose {position: absolute;right: 16px;top: 12px;}
  430. .clickable {cursor: pointer;}
  431. .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .topic_buttons li a, .topic_buttons li span, .ipsButton{
  432. -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: url("http://i78.servimg.com/u/f78/18/17/62/92/topic_11.png") repeat-x scroll center top #212121;
  433. border-color: #212121;border-image: none;border-radius: 3px 3px 3px 3px;border-style: solid;border-width: 1px 1px 0;box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0, 0, 0, 0.2);color: #FFFFFF !important;cursor: pointer;display: inline-block;
  434. font: 300 12px/30px Helvetica,Arial,sans-serif;height: 30px;min-width: 125px;padding: 0 10px;text-align: center;text-shadow: 0 -1px 0 #191919;
  435. }
  436. .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .ipsButton.important {
  437. background: url("http://i78.servimg.com/u/f78/18/17/62/92/topic_10.png") repeat-x scroll center top #812200;
  438. border-color: #812200;
  439. box-shadow: 0 1px 0 0 #DB6E46 inset, 0 2px 3px rgba(0, 0, 0, 0.2);
  440. }
  441. .ipsButton_secondary {
  442. background-color: #DBDBDB;background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat-x scroll 0 0 transparent !important;border: 1px solid #DBDBDB;border-radius: 3px 3px 3px 3px;
  443. box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);color: #616161;display: inline-block;font-size: 12px;height: 22px;line-height: 22px;padding: 0 10px;transition: all 0.2s ease-in-out 0s;white-space: nowrap;
  444. }
  445. .ipsBox_notice {
  446. line-height: 1.6;
  447. margin-bottom: 10px;
  448. padding: 10px;
  449. }
  450. .ipsBox_notice, .ipsBox_highlight {
  451. background: none repeat scroll 0 0 #F4FCFF;
  452. border-bottom: 1px solid #CAE9F5;
  453. }
  454. -->
  455. </style>
  456. <!-- #endregion sign_in_popup -->
  457.  
  458. <script type="text/javascript">
  459. //<![CDATA[
  460. /* Plugin to Add Hover Class! */
  461. (function($){
  462. $.fn.hoverClass = function(c) {
  463. return this.hover(
  464. function() { $(this).toggleClass(c); }
  465. );
  466. };
  467. }(jQuery));
  468.  
  469. /*$('[id^=field_id]').hoverClass('hover');*/
  470.  
  471. function editableField(){
  472. $('#user_status_cell #uneditable').hide();
  473. $('#user_status_cell #editable').show();
  474. };
  475.  
  476. /* ---- Variables definitions 1---- */
  477. /*find username and state*/
  478. var UserName = $('#profile_content').find('span.fn.nickname').text();
  479. <!-- BEGIN switch_show_status -->
  480. var UserStats = $.trim('{USER_ONLINE}');
  481. <!-- END switch_show_status -->
  482. var pUserName = encodeURI(UserName); /*encodeURI('{PUSERNAME}');*/ /*to avoid espace in url names!*/
  483. var sStarIMG = 'http://i69.servimg.com/u/f69/18/17/62/92/star10.png';
  484. var UserNum = {CUR_USER_ID}; /*location.href.split('/u')[1];*/ /*ID number of user*/
  485. var Logged_As = $('#pun-visit strong').text();
  486. /*related to reputations - Place the numbers and labels reputation of your forum*/
  487. var iReputation_1 = 0;
  488. var iReputation_2 = 10;
  489. var iReputation_3 = 20;
  490. var iReputation_4 = 100;
  491. var iReputation_5 = 200;
  492. var lReputation_1 = 'Neutro';
  493. var lReputation_2 = 'Regular';
  494. var lReputation_3 = 'Bom';
  495. var lReputation_4 = 'Ótimo';
  496. var lReputation_5 = 'Excelente';
  497. /*related to tabs*/
  498. var tabTopicsLoaded = 0;
  499. var tabPostsLoaded = 0;
  500. var tabShoutsLoaded = 0;
  501. var activeTab = '';
  502. /*----------------------------------*/
  503.  
  504. /*sets default user image*/
  505. var $Sel = $('#profile_tabs').find('p.short.photo_holder');
  506. if($.trim($Sel.find('img').attr('src')) =='') {
  507. $Sel.append('<img alt="- foto" src="http://illiweb.com/fa/invision/pp-blank-thumb.png" id="profile_photo" class="ipsUserPhoto">');
  508. $('#photo_popup_inner #ips_currentPhoto').append('<img alt="- foto" src="http://illiweb.com/fa/invision/pp-blank-thumb.png" id="profile_photo" class="ipsUserPhoto">');
  509. } else {
  510. $Sel.find('img').attr('id','profile_photo').addClass('ipsUserPhoto');
  511. }
  512.  
  513. /*sets joined in*/
  514. $('#user_info_cell').find('span.joined_in').html($('#field_id-4').find('div.field_uneditable').text()); /*id-4 => "Data de inscrição"*/
  515.  
  516. /*sets state*/
  517. if(UserStats == 'conectado') {
  518. $('#user_info_cell #user_connected').html('online').addClass('ipsBadge_green').removeClass('ipsBadge_lightgrey');
  519. } else {
  520. $('#user_info_cell #user_connected').html('offline').addClass('ipsBadge_lightgrey').removeClass('ipsBadge_green');
  521. };
  522.  
  523. /*sets profile fields*/
  524. $('.ipsList_data [id^=field_id]:contains("_Log")').hide();
  525. $('#field_id-6').hide();
  526. $('#field_id-14').hide();
  527. $('#field_id-4').hide();
  528.  
  529. /* sets posts */
  530. var posts = $('#field_id-6').find('div.field_uneditable').text();
  531. $('#amount_posts').text(posts);
  532.  
  533. /* field_id1 (Título) = First field added to the perfil! */
  534. var $Len = $('#field_id1');
  535. if($Len.length) {
  536. var $Sel = $Len.find('div.field_uneditable');
  537. if($.trim($Sel.text()) == '-') {
  538. $Sel.addClass('desc lighter').text('Sem informações');
  539. }
  540. }
  541.  
  542. /*sets gender*/
  543. var $Len = $('#field_id-7');
  544. if($Len.length) {
  545. $Len.find('span.row_title').html('<span style="color:##66666;">Gênero:</span>');
  546. var $Sel = $Len.find('div.field_uneditable');
  547. if($.trim($Sel.text()) == '-') {
  548. $Sel.html('<img alt="Não informado" src="http://i69.servimg.com/u/f69/18/17/62/92/myster10.png"> Não informado');
  549. } else {
  550. var UserGender = $Sel.find('img').attr('src').split('_')[2];
  551. switch (UserGender)
  552. {
  553. case 'male.gif':
  554. $Sel.html('<img alt="Masculino" src="http://i69.servimg.com/u/f69/18/17/62/92/male10.png"> Masculino');
  555. break;
  556. case 'female.gif':
  557. $Sel.html('<img alt="Feminino" src="http://i69.servimg.com/u/f69/18/17/62/92/female10.png"> Feminino');
  558. break;
  559. default:
  560. $Sel.html('<img alt="Não informado" src="http://i69.servimg.com/u/f69/18/17/62/92/myster10.png"> Não informado');
  561. }
  562. }
  563. }
  564.  
  565.  
  566. /*sets born*/
  567. var $Len = $('#field_id-12');
  568. if($Len.length) {
  569. $Len.find('span.row_title').find('span').text('Nascimento');
  570. var $Sel = $Len.find('div.field_uneditable');
  571. if($.trim($Sel.text()) == '-') {
  572. $Sel.addClass('desc lighter').text('Sem informações');
  573. }
  574. }
  575.  
  576. /*sets reputation fields*/
  577. var Reputation = $('#field_id-14').find('div.field_uneditable').text();
  578. var $Sel = $('#reputation_panel').find('span.title');
  579. $Sel.text(lReputation_1);
  580. $('#reputation_panel').find('span.number').text(Reputation);
  581. $('#reputation_panel').removeClass('zero').addClass('positive');
  582. switch (Reputation)
  583. {
  584. case (Reputation = iReputation_1):
  585. $('#reputation_panel').removeClass('positive').addClass('zero');
  586. break;
  587. case (Reputation > iReputation_1 && Reputation < iReputation_2):
  588. $('#user_rate_1').find('img').attr('src', sStarIMG);
  589. break;
  590. case (Reputation >= iReputation_2 && Reputation < iReputation_3):
  591. $Sel.text(lReputation_2);
  592. $('#user_rate_2').find('img').attr('src', sStarIMG);
  593. break;
  594. case (Reputation >= iReputation_3 && Reputation < iReputation_4):
  595. $Sel.text(lReputation_3);
  596. $('#user_rate_3').find('img').attr('src', sStarIMG);
  597. break;
  598. case (Reputation >= iReputation_4 && Reputation < iReputation_5):
  599. $Sel.text(lReputation_4);
  600. $('#user_rate_4').find('img').attr('src', sStarIMG);
  601. break;
  602. case (Reputation >= iReputation_5):
  603. $Sel.text(lReputation_5);
  604. $('#user_rate_5').find('img').attr('src', sStarIMG);
  605. break;
  606. }
  607.  
  608. /*sets friends information*/
  609. /* This load and read all friends fields ¯| */
  610. /*$('#friends_foes').load(location.href + ' #profile-advanced-right .module.main:last .main-content.clearfix', function() {
  611.  
  612. });*/
  613.  
  614. <!-- BEGIN switch_user_logged_in -->
  615. /* Atualizações Recentes de Status */
  616. /* This load and read all form fields ¯| */
  617. $('.tab_link_pane #pane_members_status .status_update').load('/privmsg?mode=post_profile&u=' + UserNum + ' .main .frm-form', function() {
  618. $('.status_update .frm-form .main-head.clearfix').remove();
  619. $('.status_update .frm-form .main').hide();
  620. $('.status_update .frm-form .main-content.frm').css('padding', '0px');
  621. $('.status_update .frm-form .main-content.frm .frm-set')
  622. .css({ 'border-bottom' : '0', 'background' : 'none repeat scroll 0 0 #71A5C9', 'height' : '0px', 'margin' : '0px', 'padding' : '0px' });
  623. $('.status_update .frm-form .frm-set.multi #text_editor_select_controls').hide();
  624. $('.status_update .frm-form .frm-set.multi #text_editor_controls').hide();
  625. $('.status_update .frm-form .main-content.frm .frm-set > dl').hide();
  626. $('.status_update .frm-form .frm-set.multi .left').remove();
  627. $('.status_update .frm-form .frm-set.multi textarea_content').css('width', '100%');
  628. $('.status_update .frm-form .frm-set.multi #textarea_content dt').remove(); /*.posting-block*/
  629. $('.status_update .frm-form .frm-set.multi #smiley-box').hide(); /*or remove()*/
  630. $('.status_update .frm-form .frm-set').css('padding', '0');
  631. /*.posting-block*/
  632. $('.status_update .frm-form .frm-set.multi #textarea_content .frm-textarea')
  633. .css({ 'padding' : '0', 'border-top-width' : '0', 'float' : 'left', 'width' : '100%', 'height' : '31px', 'margin-left' : '5px', 'margin-top' : '0' })
  634. .append('<input type="submit" accesskey="s" tabindex="6" value="Comentar" name="post" class="ipsButton" style="float:right; position:relative; top: -30px; right: -43px;">')
  635. .append('<input type="checkbox" name="attach_sig" style="display:none;">'); /*Do not add signature*/
  636. $('.status_update .frm-textarea #text_editor_textarea').css({ 'width' : '675px', 'height' : '16px', 'padding' : '6px 4px' }).attr('placeholder', 'Deixar uma mensagem...');
  637. $('.status_update .frm-form .frm-set .frm-buttons input[name=preview]').remove();
  638. $('.status_update .frm-form .frm-set .frm-buttons input[name=post]').remove();
  639. $('.status_update .frm-form .frm-set .frm-buttons input[name=username]').val(Logged_As); /*sets user name to send message!*/
  640. $('.status_update .frm-form .frm-set.multi input[name=subject]').val('Mensagem'); /*sets title to send message!*/
  641. $('.status_update .frm-form .frm-set .frm-buttons').removeClass('frm-buttons').addClass('post_comment');
  642. $('.status_update .frm-form .frm-set .post_comment').css('height', '0px');
  643. $('.status_update .frm-form').attr('target','iPerfmsg');
  644. $('.status_update .frm-form').submit(function(){var time=setTimeout("fperfMsgSent()",1000);});
  645. if(UserName == Logged_As) {
  646. $('.status_update .frm-form .frm-set.multi input[name=subject]').val('O que há em minha mente:'); /*sets title to send message!*/
  647. $('.status_update .frm-form .frm-set.multi #textarea_content .frm-textarea input[name=post]').val('Atualizar');
  648. $('.status_update .frm-textarea #text_editor_textarea').attr('placeholder', 'O que há em sua mente?');
  649. }
  650. readPerfilMessages();
  651. });
  652.  
  653. function fperfMsgSent(){
  654. if(UserName !== Logged_As) {
  655. alert('A sua mensagem foi enviada!');
  656. }
  657. $('.status_update .frm-textarea #text_editor_textarea').val('');
  658. readPerfilMessages();
  659. }
  660.  
  661. /* This load and read all messages fields ¯| */
  662. function readPerfilMessages() {
  663. $('.tab_link_pane .ipsBox.clearfix #status_wrapper').load(location.href + 'wall #profile-advanced-details', function() {
  664. $('#status_wrapper .main-head').remove();
  665. $('#status_wrapper .main-content.clearfix .pagination.top:first').remove();
  666. $('#status_wrapper .new-message.bottom').remove();
  667. });
  668. }
  669. <!-- END switch_user_logged_in -->
  670.  
  671. <!-- BEGIN switch_user_logged_in -->
  672. /* ---- Variables definitions 2---- */
  673. var UserFriends = $('#friends_foes > a:first').text();
  674. var UserFoes = $('#friends_foes > a:last').text();
  675. /*----------------------------------*/
  676.  
  677. /*sets user utility [Buttons] and [Links]*/
  678. if(UserName == Logged_As) {
  679. $('.topic_buttons li.editPerfil').css('display', '');
  680. $('#change_photo').css('display', '');
  681. } else {
  682. var $Sel = $('#admin_user');
  683. if($Sel.length) {
  684. $('.topic_buttons li.editMember').css('display', '');
  685. $('.topic_buttons li.editMember').find('a').attr('href', $Sel.find('a').attr('href'));
  686. }
  687. var $Sel = $('#ban_user');
  688. if($Sel.length) {
  689. var $href = $Sel.find('a');
  690. if($href.length) {
  691. $('.topic_buttons li.FlagSpam').css('display', '');
  692. /*$('.topic_buttons li.FlagSpam').find('a').attr('href', $href.attr('href'));*/
  693. } else {
  694. var Texto = $Sel.text();
  695. /*alert(Texto);*/
  696. }
  697. }
  698. if(UserFriends !=='') {
  699. $('#add_friend').css('display', '');
  700. } else {
  701. $('#remove_friend').css('display', '');
  702. }
  703. $('#pm_button').css('display', '').find('a').attr('href', '/privmsg?mode=post&u=' + UserNum);
  704. }
  705. <!-- END switch_user_logged_in -->
  706.  
  707. $('#ban_member_popup #confirm_ban').submit(function(){
  708. var time=setTimeout("winReload('O membro '+UserName+' foi alertado com sucesso!')",1000);
  709. });
  710.  
  711. function winReload(msg){
  712. if(msg.length){
  713. alert(msg);
  714. }
  715. window.location.reload()
  716. }
  717.  
  718. function Question() {
  719. if (confirm("Tem certeza que deseja continuar?")==true) {
  720. x="You pressed OK!";
  721. } else {
  722. x="You pressed Cancel!";
  723. }
  724. document.getElementById("demo").innerHTML=x;
  725. }
  726. /*
  727. function show_popup(id) {
  728. var $oObj = $('#'+id);
  729. if ($oObj.css('display') == 'none') {
  730. $oObj.add('#document_modal').fadeIn('slow');
  731. $("input:text:eq(0):visible").focus();
  732. } else {
  733. $oObj.add('#document_modal').fadeOut('slow');
  734. }
  735. }
  736. */
  737. function show_popup( element, focus ) {
  738. if ( element == '' ) {return false;}
  739. var $oObj = $('#' + element);
  740. var oldIndex = 0;
  741.  
  742. /* Add an "document_modal" to the code...*/
  743. $oObj.before('<div id="popup_modal" class="modal" style="display:none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;"></div>');
  744. /* Save original z-index order and sets new...*/
  745. oldIndex = $oObj.css('z-index');
  746. $oObj.css('z-index', '10001');
  747.  
  748. if ($oObj.css('display') == 'none') {
  749. $oObj.add('#popup_modal').fadeIn('slow');
  750. if ( focus != '' ) {$(focus).focus();}
  751. } else {
  752. $oObj.add('#popup_modal').fadeOut('slow');
  753. /* restore original z-index */
  754. $oObj.css('z-index', oldIndex);
  755. /* Remove "document_modal"! */
  756. $oObj.parent().remove('#popup_modal');
  757. }
  758. }
  759.  
  760. $(document).ready(function(){
  761. $('#iframe_photo_popup').load(function(){
  762. var iframe = $('#iframe_photo_popup').contents().find('div .main-content.frm');
  763. if(iframe.length > 0) {
  764. var PhotoPopup = iframe.html();
  765. $('#photo_popup_inner').find('div.iframe_photo_popup').html(PhotoPopup);
  766. $('.frm-info').css('display', 'none');
  767. $('.frm-set').css('margin', '0');
  768. $('.frm-set dt').css({ 'font-weight' : '400', 'float' : 'left', 'text-align' : 'left', 'width' : 'auto' });
  769. $('.frm-set dd').css({ 'margin-left' : '5px', 'float' : 'left' });
  770. $('.frm-set > dl:last-child').css('display', 'none');
  771. $('.inputbox').css('width', '80% !important');
  772. $('.frm-buttons').css({ 'display' : '', 'margin-bottom' : '0px' });
  773. $('.button2').removeClass('button2').addClass('ipsButton ips_photoSubmi');
  774. $('.ipsButton.ips_photoSubmi').css('margin-right', '5px');
  775. $('.frm-buttons > dd').css('padding-left', '200px');
  776. }
  777. });
  778. });
  779. $(document).ready(function(){
  780. $(".tab_toggle:first").addClass("active").show();
  781.  
  782. $(".tab_toggle").click(function(){
  783. $(".tab_toggle").removeClass("active");
  784. $(this).addClass("active");
  785.  
  786. activeTab = $(this).find("a").attr("href");
  787. /*var activeTab = '#' + $(this).find("a").attr("onclick");*/
  788.  
  789. switch (activeTab)
  790. {
  791. case '#pane_forums_topics':
  792. if (tabTopicsLoaded == 0) {$('#ajax_loading').show();tabTopicsLoaded = 1;}
  793. $('#pane_forums_topics').find('div.main.paged').load("/sta/"+pUserName+" div .main.paged", function() {
  794. TabLoaded();
  795. var $Sel = $('#pane_forums_topics').find('div.main.paged');
  796. if($Sel.length > 1) {
  797. $('#pane_forums_topics .frm-form .page-title').text('Tópicos que criei');
  798. $('.posting').css('display', 'none');
  799. $('.main-foot').css('display', 'none');
  800. } else {
  801. $Sel.html('<div class="no_messages" style="margin-top: 15px;">Não há tópicos para exibir</div>');
  802. }
  803. });
  804. break;
  805. case '#pane_forums_posts':
  806. if (tabPostsLoaded == 0) {$('#ajax_loading').show();tabPostsLoaded = 1;}
  807. $('#pane_forums_posts').find('div.main.paged').load("/spa/"+pUserName+" div .main.paged", function() {
  808. TabLoaded();
  809. var $Sel = $('#pane_forums_posts').find('div.main.paged');
  810. if($Sel.length > 1) {
  811. $('#pane_forums_posts .page-title').text('Posts que fiz');
  812. $('.user.online').css('display', 'none');
  813. $('.post .postmain').css('margin-left', '0');
  814. $('.post .postmain .posthead').css('margin-left', '0');
  815. $('.post .postmain .postfoot').css('margin-left', '0');
  816. $('.posting').css('display', 'none');
  817. $('.main-foot').css('display', 'none');
  818. } else {
  819. $Sel.html('<div class="no_messages" style="margin-top: 15px;">Não há posts para exibir</div>');
  820. }
  821. });
  822. break;
  823. case '#pane_forums_shouts':
  824. if (tabShoutsLoaded == 0) {$('#ajax_loading').show();tabShoutsLoaded = 1;}
  825. $('#pane_forums_shouts').find('div.main.paged').load("/st/"+pUserName+" div .main.paged", function() {
  826. TabLoaded();
  827. var $Sel = $('#pane_forums_shouts').find('div.main.paged');
  828. if($Sel.length > 1) {
  829. $('#pane_forums_shouts .page-title').text('Todas as minhas mensagens');
  830. $('.posting').css('display', 'none');
  831. $('.main-foot').css('display', 'none');
  832. } else {
  833. $Sel.html('<div class="no_messages" style="margin-top: 15px;">Não há mensagens para exibir</div>');
  834. }
  835. });
  836. break;
  837. default:
  838. $('.tab_link_pane').css('display', 'none');
  839. $(activeTab).fadeIn();
  840. }
  841. return false;
  842. });
  843. });
  844.  
  845. function TabLoaded() {
  846. $('.tab_link_pane').css('display', 'none');
  847. if($("#ajax_loading").is(":visible")) {
  848. $(activeTab).fadeIn();
  849. $('#ajax_loading').fadeOut();
  850. } else {
  851. $(activeTab).show();
  852. }
  853. }
  854. //]]>
  855. </script>
  856. <style type="text/css">
  857. <!--
  858. /************************************************************************/
  859. /* IP.Board 3 CSS - By Matt Mecham - (c)2011 Invision Power Services */
  860. /************************************************************************/
  861. .ipsTooltip {
  862. padding: 5px;
  863. z-index: 25000;
  864. }
  865. .ipsTooltip_inner {
  866. background: none repeat scroll 0 0 #333333;
  867. border: 1px solid #333333;
  868. border-radius: 4px 4px 4px 4px;
  869. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  870. color: #FFFFFF;
  871. font-size: 12px;
  872. max-width: 250px;
  873. padding: 8px;
  874. text-align: center;
  875. }
  876. .ipsTooltip_inner a {
  877. color: #FFFFFF;
  878. }
  879. .ipsTooltip_inner span {
  880. color: #D2D2D2;
  881. font-size: 11px;
  882. }
  883. .ipsTooltip.top {
  884. background: url("http://i78.servimg.com/u/f78/18/17/62/92/toolti10.png") no-repeat scroll center bottom transparent;
  885. }
  886. .ipsTooltip.top_left {
  887. background-position: left bottom;
  888. }
  889. .ipsTooltip.bottom {
  890. background: url("http://i78.servimg.com/u/f78/18/17/62/92/toolti11.png") no-repeat scroll center top transparent;
  891. }
  892. .ipsTooltip.left {
  893. background: url("http://i78.servimg.com/u/f78/18/17/62/92/toolti12.png") no-repeat scroll right center transparent;
  894. }
  895. .ipsTooltip.right {
  896. background: url("http://i78.servimg.com/u/f78/18/17/62/92/toolti13.png") no-repeat scroll left center transparent;
  897. }
  898. #ajax_loading {
  899. background: -moz-linear-gradient(center top , #95C715 0%, #7BA60D 100%) repeat scroll 0 0 transparent;
  900. border: 1px solid #7BA60D;
  901. border-radius: 0 0 5px 5px;
  902. box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(255, 255, 255, 0.2) inset;
  903. color: #FFFFFF;
  904. left: 46%;
  905. padding: 5px 0 8px;
  906. position: fixed;
  907. text-align: center;
  908. top: 0;
  909. width: 8%;
  910. z-index: 10000;
  911. }
  912. .status_update {
  913. background: none repeat scroll 0 0 #71A5C9;
  914. color: #FFFFFF;
  915. padding: 15px 12px;
  916. }
  917. .status_update .input_text {
  918. padding: 6px 4px;
  919. width: 70%;
  920. }
  921. .input_text, .ipsTagBox_wrapper {
  922. background: none repeat scroll 0 0 #FFFFFF;
  923. border-color: #848484 #C1C1C1 #E1E1E1;
  924. border-radius: 2px 2px 2px 2px;
  925. border-style: solid;
  926. border-width: 1px;
  927. padding: 4px;
  928. }
  929. #status_wrapper .ipsBox_container {
  930. margin-bottom: 9px;
  931. }
  932. /* #region ----- Photo editor styles ----- */
  933. /* New photo stuffs */
  934. #ips_photoWrap {
  935. width: 700px;
  936. border: 1px solid #D5DDE5;
  937. margin: 0px auto;
  938. padding: 6px;
  939. }
  940. #ips_sidePanel {
  941. float: left;
  942. width: 200px;
  943. }
  944. #ips_cropperStart, #ips_cropperControls {
  945. text-align: right;
  946. width: 200px;
  947. margin-top: 8px;
  948. }
  949. #ips_currentPhoto {
  950. text-align: center;
  951. }
  952. #ips_currentPhoto img {
  953. border: 1px solid #D5DDE5;
  954. background: white;
  955. max-width: 200px;
  956. height: auto;
  957. }
  958. #gravatar, #upload_photo {
  959. width: 150px;
  960. }
  961. #ips_photoOptions {
  962. margin-left: 210px;
  963. }
  964. li.ips_option {
  965. border: 1px solid #D5DDE5;
  966. min-height: 120px;
  967. margin-bottom: 5px;
  968. }
  969. .ips_photoPreview {
  970. width: 100px;
  971. height: 100px;
  972. display: block;
  973. overflow: hidden;
  974. margin: 6px;
  975. float: left;
  976. border: 1px solid #D5DDE5;
  977. }
  978. .ips_photoPreview label {
  979. text-align: center;
  980. background: white;
  981. }
  982. .ips_photoPreview label img {
  983. max-width:120px;
  984. max-height:120px;
  985. }
  986. .ips_photoControls {
  987. padding-top: 10px;
  988. margin-left: 120px;
  989. }
  990. .ips_photoOptionText {
  991. margin-left: 18px;
  992. line-height: 130%;
  993. padding-bottom: 3px;
  994. }
  995. .imgCrop_wrap { display: inline-block; }
  996.  
  997. .row2, .post_block.row2 {
  998. background-color: #F1F6F9;
  999. }
  1000. /* #region ----- profile_background ----- */
  1001. #change_photo {
  1002. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
  1003. border-radius: 3px 3px 3px 3px;
  1004. color: #FFFFFF;
  1005. left: 0;
  1006. opacity: 0.3;
  1007. position: absolute;
  1008. top: 0;
  1009. transition: all 0.4s ease-in-out 0s;
  1010. }
  1011. .photo_holder:hover #change_photo {
  1012. background: none repeat scroll 0 0 #000000;
  1013. opacity: 1;
  1014. }
  1015. .no_messages {
  1016. background-color: #F6F8FA;
  1017. color: #1C2837;
  1018. padding: 15px 10px;
  1019. }
  1020. .clear2 {
  1021. clear: both;
  1022. }
  1023. .ipsBox, .ipsPad {
  1024. padding: 9px;
  1025. }
  1026. .ipsBox {
  1027. background: none repeat scroll 0 0 #EBF0F3;
  1028. }
  1029. .clearfix:after {
  1030. clear: both;
  1031. content: ".";
  1032. display: block;
  1033. height: 0;
  1034. visibility: hidden;
  1035. }
  1036. .ipsLayout_smallleft.ipsLayout_withleft {
  1037. padding-left: 150px;
  1038. }
  1039. .ipsLayout_smallleft.ipsLayout .ipsLayout_left {
  1040. margin-left: -150px;
  1041. width: 140px;
  1042. }
  1043. .ipsLayout .ipsLayout_left {
  1044. float: left;
  1045. margin-left: -210px;
  1046. width: 200px;
  1047. }
  1048. .ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right {
  1049. position: relative;
  1050. }
  1051. .photo_holder {
  1052. position: relative;
  1053. }
  1054. .short {
  1055. text-align: center;
  1056. }
  1057. #profile_photo {
  1058. max-height: 138px;
  1059. max-width: 138px;
  1060. }
  1061. .ipsUserPhoto {
  1062. background: none repeat scroll 0 0 #FFFFFF;
  1063. border: 1px solid #D5D5D5;
  1064. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1065. padding: 1px;
  1066. }
  1067. .warn_panel {
  1068. margin: 8px 0;
  1069. text-align: center;
  1070. }
  1071. .ipsType_small {
  1072. font-size: 12px;
  1073. }
  1074. .ipsVerticalTabbed_tabs > ul {
  1075. border-left: 1px solid #DBE4EF;
  1076. border-top: 1px solid #DBE4EF;
  1077. margin-top: 10px;
  1078. width: 149px !important;
  1079. }
  1080. .ipsVerticalTabbed_tabs li {
  1081. background: none repeat scroll 0 0 #F6F8FB;
  1082. border-bottom: 1px solid #DBE4EF;
  1083. color: #808080;
  1084. font-size: 13px;
  1085. }
  1086. .ipsVerticalTabbed_tabs li.active a {
  1087. background: none repeat scroll 0 0 #FFFFFF;
  1088. border-right: 1px solid #FFFFFF;
  1089. color: #353535;
  1090. font-weight: bold;
  1091. position: relative;
  1092. width: 135px;
  1093. z-index: 8000;
  1094. }
  1095. .ipsVerticalTabbed_tabs li a {
  1096. color: #8D8D8D;
  1097. display: block;
  1098. outline: 0 none;
  1099. padding: 10px 8px;
  1100. transition: background-color 0.3s ease-in-out 0s;
  1101. }
  1102. .ipsVerticalTabbed_tabs li a:hover {
  1103. background: none repeat scroll 0 0 #EAEFF5;
  1104. color: #808080;
  1105. }
  1106. .ipsVerticalTabbed_content {
  1107. min-height: 400px;
  1108. }
  1109. .ipsLayout_content {
  1110. float: left;
  1111. width: 100%;
  1112. }
  1113. .ipsBox_container {
  1114. background: none repeat scroll 0 0 #FFFFFF;
  1115. border: 1px solid #DBE4EF;
  1116. }
  1117. #profile_content_main {
  1118. line-height: 1.3;
  1119. margin-bottom: 20px;
  1120. min-height: 75px;
  1121. }
  1122. #user_info_cell {
  1123. display: table-cell;
  1124. padding-right: 15px;
  1125. white-space: nowrap;
  1126. }
  1127. .ipsType_pagetitle, .ipsType_subtitle {
  1128. color: #323232;
  1129. font: 300 26px/1.3 Helvetica,Arial,sans-serif;
  1130. }
  1131. .reset_cursor {
  1132. cursor: default;
  1133. }
  1134. .ipsBadge {
  1135. border-radius: 4px 4px 4px 4px;
  1136. color: #FFFFFF;
  1137. display: inline-block;
  1138. font-size: 9px;
  1139. font-weight: bold;
  1140. height: 15px;
  1141. line-height: 15px;
  1142. padding: 0 5px;
  1143. text-transform: uppercase;
  1144. vertical-align: middle;
  1145. }
  1146. .ipsBadge_lightgrey {
  1147. background: none repeat scroll 0 0 #B3B3B3;
  1148. }
  1149. .ipsBadge_green {
  1150. background: none repeat scroll 0 0 #7BA60D;
  1151. }
  1152. .ipsBadge_red {
  1153. background: none repeat scroll 0 0 #BF1D00;
  1154. }
  1155. .desc.lighter, .desc.lighter.blend_links a {
  1156. color: #A4A4A4;
  1157. }
  1158. .desc, .desc.blend_links a, p.posted_info {
  1159. color: #777777;
  1160. font-size: 12px;
  1161. }
  1162. #user_status_cell {
  1163. display: table-cell;
  1164. vertical-align: top;
  1165. width: 100%;
  1166. }
  1167. #user_latest_status {
  1168. background: url("http://i78.servimg.com/u/f78/18/17/62/92/profil10.png") no-repeat scroll 0 50% transparent;
  1169. padding-left: 11px;
  1170. }
  1171. #user_latest_status > div {
  1172. background-color: #EBECE5;
  1173. border-radius: 6px 6px 6px 6px;
  1174. color: #343434;
  1175. font-size: 14px;
  1176. min-height: 45px;
  1177. padding: 10px 15px;
  1178. word-wrap: break-word;
  1179. }
  1180. #user_latest_status > div > span {
  1181. /*display: block;*/
  1182. }
  1183. .ipsType_smaller, .ipsType_smaller a {
  1184. font-size: 11px !important;
  1185. }
  1186. .rating {
  1187. margin-top: 10px;
  1188. display: block;
  1189. line-height: 16px;
  1190. margin-bottom: 4px;
  1191. }
  1192. .rating img {
  1193. vertical-align: top;
  1194. }
  1195. .ipsLayout_content img {
  1196. max-width: 100%;
  1197. }
  1198. fieldset, img {
  1199. border: 0 none;
  1200. }
  1201. #user_utility_links {
  1202. margin-top: 10px;
  1203. text-align: right;
  1204. }
  1205. .ipsList_inline > li:first-child {
  1206. margin-left: 0;
  1207. }
  1208. .ipsList_inline > li {
  1209. display: inline-block;
  1210. margin: 0 3px;
  1211. }
  1212. .ipsButton_secondary {
  1213. background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
  1214. border: 1px solid #DBDBDB;
  1215. border-radius: 3px 3px 3px 3px;
  1216. box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
  1217. color: #616161;
  1218. display: inline-block;
  1219. font-size: 12px;
  1220. height: 22px;
  1221. line-height: 22px;
  1222. padding: 0 10px;
  1223. transition: all 0.2s ease-in-out 0s;
  1224. white-space: nowrap;
  1225. }
  1226. .ipsButton_secondary a {
  1227. color: #616161;
  1228. }
  1229. .topic_buttons li {
  1230. float: right;
  1231. margin: 0 0 10px 10px;
  1232. }
  1233. .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .topic_buttons li a, .topic_buttons li span, .ipsButton {
  1234. -moz-border-bottom-colors: none;
  1235. -moz-border-left-colors: none;
  1236. -moz-border-right-colors: none;
  1237. -moz-border-top-colors: none;
  1238. background: url("http://i78.servimg.com/u/f78/18/17/62/92/topic_13.png") repeat-x scroll center top #212121;
  1239. border-color: #212121;
  1240. border-image: none;
  1241. border-radius: 3px 3px 3px 3px;
  1242. border-style: solid;
  1243. border-width: 1px 1px 0;
  1244. box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0, 0, 0, 0.2);
  1245. color: #FFFFFF !important;
  1246. cursor: pointer;
  1247. display: inline-block;
  1248. font: 300 12px/30px Helvetica,Arial,sans-serif;
  1249. height: 30px;
  1250. min-width: 125px;
  1251. padding: 0 10px;
  1252. text-align: center;
  1253. text-shadow: 0 -1px 0 #191919;
  1254. }
  1255. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  1256. margin: 0;
  1257. padding: 0;
  1258. }
  1259. .ipsLayout_largeright.ipsLayout_withright {
  1260. padding-right: 280px;
  1261. }
  1262. .ipsLayout.ipsLayout_withright {
  1263. clear: left;
  1264. padding-right: 280px;
  1265. }
  1266. .general_box {
  1267. background: none repeat scroll 0 0 #FCFCFC;
  1268. margin-bottom: 10px;
  1269. }
  1270. .general_box h3 {
  1271. background: #000;
  1272. color: #fff;
  1273. font: 14px helvetica,arial,sans-serif;
  1274. padding: 8px 10px;
  1275. }
  1276. div.general_box.clearfix {border:1px solid #ddd;}
  1277. .ipsList_data li {
  1278. line-height: 1.3;
  1279. margin-bottom: 6px;
  1280. }
  1281. .ipsList_data .row_title, .ipsList_data .ft {
  1282. display: inline-block;
  1283. float: left;
  1284. font-weight: bold;
  1285. padding-right: 10px;
  1286. text-align: right;
  1287. width: 120px;
  1288. }
  1289. #profile_panes_wrap .ipsList_data .row_data {
  1290. display: block;
  1291. margin-left: 130px;
  1292. }
  1293. .ipsList_data .row_data {
  1294. display: inline-block;
  1295. max-width: 100%;
  1296. word-wrap: break-word;
  1297. }
  1298. .ipsLayout_largeright.ipsLayout .ipsLayout_right {
  1299. margin-right: -280px;
  1300. width: 270px;
  1301. }
  1302. .ipsLayout .ipsLayout_right {
  1303. float: right;
  1304. width: 200px;
  1305. }
  1306. .reputation, .reputation.zero {max-width:380px;}
  1307. li#field_id-20.clear2.clearfix {display:none;}
  1308. li#field_id-8.clear2.clearfix {display:none;}
  1309. li#field_id-9.clear2.clearfix {display:none;}
  1310. li#field_id-11.clear2.clearfix {display:none;}
  1311. .reputation {
  1312. border-radius: 3px 3px 3px 3px;
  1313. display: inline-block;
  1314. font-weight: bold;
  1315. padding: 3px 8px;
  1316. }
  1317. .positive {
  1318. color: #6F8F52;
  1319. }
  1320. #profile_panes_wrap .reputation {
  1321. display: block;
  1322. float: none;
  1323. font-weight: normal;
  1324. margin: 0 0 5px;
  1325. padding: 10px;
  1326. text-align: center;
  1327. }
  1328. #profile_panes_wrap .reputation .number {
  1329. display: block;
  1330. font-size: 20px;
  1331. font-weight: bold;
  1332. }
  1333. .reputation.positive, .reputation.negative {
  1334. color: #FFFFFF;
  1335. }
  1336. .reputation.positive, .members li.positive {
  1337. background: none repeat scroll 0 0 #6F8F52;
  1338. }
  1339. .reputation.negative, .members li.negative {
  1340. background: none repeat scroll 0 0 #B82929;
  1341. }
  1342. .reputation.zero {
  1343. background: none repeat scroll 0 0 #DEDEDE;
  1344. color: #6E6E6E;
  1345. }
  1346. .ipsUserPhoto_mini {
  1347. height: 30px;
  1348. width: 30px;
  1349. }
  1350. img, .input_check, .input_radio {
  1351. vertical-align: middle;
  1352. }
  1353. .ipsList_withminiphoto > li {
  1354. margin-bottom: 8px;
  1355. }
  1356. .left {
  1357. float: left;
  1358. }
  1359. hr {
  1360. display: none;
  1361. }
  1362. #pane_core_info > div.ipsLayout_content > div:nth-child(3) > ul > li:nth-child(1) {display:none;}
  1363. .short.photo_holder > img {
  1364. background: none repeat scroll 0 0 #FFFFFF;
  1365. border: 1px solid #D5D5D5;
  1366. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1367. padding: 1px;
  1368. max-height: 138px;
  1369. max-width: 138px;
  1370. }
  1371. .contact_field img {
  1372. margin-bottom: 6px;
  1373. margin-top: 6px;
  1374. }
  1375. .sub-header {margin-right:0px!important;}
  1376.  
  1377. /* #endregion ----- profile_background ----- */
  1378. -->
  1379. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement