API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 19th, 2017
372
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.47 KB | None | 0 0
raw download clone embed print report
  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
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!