Guest User

Untitled

a guest
Mar 19th, 2018
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 59.13 KB | None | 0 0
  1. <title>Loja</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="shortcut icon" type="image/x-icon" href="http://cdn5.iconfinder.com/data/icons/fatcow/32x32/skins.png" /><meta name="title" content="Loja" /><link rel="stylesheet" href="/153-ltr.css" type="text/css" /><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="Best Skins Forums" /><link rel="search" type="application/opensearchdescription+xml" href="http://www.directorioforuns.com/pt/search/improvedsearch.xml" title="Pesquisar fóruns" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script src="http://illiweb.com/rsc/90/frm/lang/pt.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
  2. $(document).ready(function(){});//]]></script><script src="/99014.js" type="text/javascript"></script><script type="text/javascript" src="http://illiweb.com/rsc/90/frm/jquery/cookie/jquery.cookie.js"></script><script type="text/javascript" src="http://illiweb.com/rsc/90/frm/jquery/toolbar/FAToolbar.js"></script><script type="text/javascript" src="http://illiweb.com/rsc/90/frm/json/json2.js"></script><script type="text/javascript" src="http://illiweb.com/rsc/90/frm/jquery/printf/printf.js"></script><script type="text/javascript" src="http://illiweb.com/rsc/90/frm/jquery/dotdotdot/jquery.dotdotdot-1.5.6.js"></script><script type="text/javascript" src="http://illiweb.com/rsc/90/frm/jquery/notif/FA.js"></script><script type="text/javascript">
  3. //<![CDATA[
  4.  
  5. var _userdata = new Object();
  6. _userdata["session_logged_in"] = 1;
  7. _userdata["username"] = "iTrevaS";
  8. _userdata["user_id"] = 1209;
  9. _userdata["user_level"] = 2;
  10. _userdata["user_lang"] = "pt";
  11. _userdata["activate_toolbar"] = 1;
  12. _userdata["fix_toolbar"] = 0;
  13. _userdata["notifications"] = 1;
  14.  
  15. var _lang = new Object();
  16. _lang["Share"] = "Compartilhe";
  17. _lang["Login"] = "Login";
  18. _lang["Register"] = "Registrar-se";
  19. _lang["Welcome"] = "Bem-vindo";
  20. _lang["Notifications"] = "Notificações";
  21. _lang["See_my_profile"] = "Ver meu perfil";
  22. _lang["Edit_profile"] = "Editar o seu perfil";
  23. _lang["All_Topics"] = "Todos os tópicos";
  24. _lang["All_Messages"] = "Todas as mensagens";
  25. _lang["js_topics_followed"] = "Seus tópicos seguidos";
  26. _lang["Admin_panel"] = "Painel de Controle";
  27. _lang["Logout"] = "Sair";
  28.  
  29. _lang["Notif_see_all"] = "Veja todas as notificações";
  30. _lang["Notif_priv_msg"] = "Você recebeu uma <a href=\"/privmsg?folder=inbox&nid=%(nid)s\">mensagem privada</a> de <a href=\"/u%(id)d\">%(name)s</a>";
  31. _lang["Notif_report"] = "<a href=\"/u%(id)d\">%(name)s</a> criou um <a href=\"/report?nid=%(nid)s\">relatório de alerta</a>";
  32. _lang["Notif_friend_req"] = "Você recebeu uma <a href=\"/profile?mode=editprofile&nid=%(nid)s&page_profil=friendsfoes\">solicitação de amizade</a> de <a href=\"/u%(id)d\">%(name)s</a>";
  33. _lang["Notif_group_req"] = "<a href=\"/u%(id)d\">%(name)s</a> fez uma solicitação para entrar no grupo <a href=\"/g%(group_id)d-%(group_url_name)s?nid=%(nid)s\">%(group_name)s</a>";
  34. _lang["Notif_friend_con"] = "<a href=\"/u%(id)d\">%(name)s</a> acaba de conectar no fórum";
  35. _lang["Notif_wall_msg"] = "<a href=\"/u%(id)d\">%(name)s</a> acaba de escrever uma mensagem no <a href=\"/u%(self)dwall?nid=%(nid)s\"> seu perfil</a>";
  36. _lang["Notif_abuse"] = "<a href=\"/admin/index.forum?mode=active&nid&part=misc&sub=support&tid=a6d16e723e60656a1840a2c0e3e7d892\">Um abuso </ a> foi relatado";
  37. _lang["Notif_topic_watch"] = "<a href=\"/u%(id)d\">%(name)s</a> escreveu uma mensagem em <a href=\"/t%(topic_id)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">um tópico</a>";
  38. _lang["Notif_topic_watch_p"] = "<a href=\"/u%(id)d\">%(name)s</a> escreveu uma mensagem em <a href=\"/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">um tópico</a>";
  39. _lang["Notif_topic_watch_guest"] = "Um convidado escreveu uma mensagem em <a href=\"/t%(topic_id)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">um tópico que você seguiu</a>";
  40. _lang["Notif_topic_watch_p_guest"] = "Um convidado escreveu uma mensagem em <a href=\"/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">um tópico que você seguiu</a>";
  41. _userdata["avatar"] = "<img src=\"http://r17.imgfast.net/users/1717/45/34/10/avatars/1209-18.jpg\" alt=\"\" />";
  42. _userdata["user_posts"] = 118;
  43. _userdata["user_nb_privmsg"] = 13;
  44. _userdata["point_reputation"] = 14;
  45.  
  46. var _board = new Object();
  47. _board["reputation_active"] = 1;
  48. _board["Forumotion"] = "Forumeiros";
  49. _board["toolbar_title_url"] = "http://www.forumeiros.com";
  50. _board["toolbar_logo"] = "http://illiweb.com/fa/i/toolbar/pa0.png";
  51.  
  52. _lang["All_PMs"] = "Minhas mensagens privadas";
  53. _lang["rank_title"] = "<span class=\"userModerator\">Moderador</span>";
  54. _lang["No_assigned_rank"] ="Não foi especificado nenhum Rank Especial";
  55. _lang["Posts"] = "Mensagens";
  56. _lang["PMs"] = "MPs";
  57. _lang["Reputation"] ="Reputação";
  58. $(document).ready(Toolbar.init)
  59. $(function() {});
  60. //]]>
  61. </script> <style type="text/css">
  62. #left .68898 .main-content {background-color: #ebf0f3;border:0;}#main .68898 .main-content {background-color: #ebf0f3;border: 1px solid #dddddd;}
  63. .fa_toolbar_XL_Sized { min-width: 980px; width: 100%; }
  64. .fa_toolbar_L_Sized { min-width: 774px; }
  65. .fa_toolbar_M_Sized { min-width: 519px; }
  66. #fa_toolbar { left: 0px; height: 30px; background-color: #3A4752; color: #FFFFFF; font-family: Helvetica, Verdana, Arial; font-size: 16px; z-index: 20002; }
  67. #fa_toolbar :link, #fa_toolbar :visited { color: #FFFFFF; text-decoration: none; }
  68. #fa_toolbar a:hover { text-decoration: underline; }
  69. #fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:hover, #fa_toolbar a:active { border:1px solid transparent; border:none; }
  70. .fa_tbMainElement, .fa_tbMainElement a, #fa_show { display: inline-block !important; vertical-align: middle; }
  71. #fa_toolbar #fa_icon { display: inline-block !important; visibility: visible !important; background-repeat: no-repeat; background-image: url('http://illiweb.com/fa/i/toolbar/pa0.png'); background-size: 30px; width: 30px; height: 30px; }
  72. #fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show { background-image: url('http://www.illiweb.com/fa/i/toolbar/toolbar.png'); width: 30px; height: 30px; cursor: pointer; }
  73. #fa_left { display: inline-block !important; visibility: visible !important; width: auto !important; height: auto !important; line-height: 30px !important; }
  74. #fa_icon, #fa_toolbar #fa_service { color: #FFFFFF; }
  75. #fa_toolbar #fa_service { display: inline-block !important; visibility: visible !important; text-decoration: none !important; }
  76. #fa_toolbar #fa_service:hover[href] { text-decoration: underline !important; }
  77. #fa_search { margin-left: 20px; height: 30px; }
  78. #fa_search form { margin: 0; padding:0; display:inline; }
  79. #fa_search #fa_magnifier { position : absolute; background-position: -30px 0px; }
  80. #fa_search #fa_textarea { text-indent: 30px !important; width: 200px; height: 24px; padding: 0px; border: 0px; margin-top: 3px; border-radius: 5px; line-height: 24px; }
  81. #fa_share { margin-left: 20px; font-size: 16px; line-height: 30px !important; }
  82. #fa_share_text { cursor: default; color: #FFFFFF; text-decoration: none !important; }
  83. #fa_fb { margin-left: 10px; background-position: -60px 0px; }
  84. #fa_twitter { background-position: -90px 0px; }
  85. #fa_gp { background-position: -120px 0px; }
  86. #fa_mail { background-position: -150px 0px; }
  87. #fa_rss { background-position: -180px 0px; }
  88. #fa_right { float: right; font-size: 14px; }
  89. #fa_right a.rightHeaderLink { margin-left: 10px; vertical-align: top; line-height: 30px; color:#FFFFFF }
  90. #fa_right span.rightHeaderLink { display:inline-block; margin-left: 1px; vertical-align: top; line-height: 30px; color:#FFFFFF }
  91. #fa_welcome, #fa_right #fa_notifications { line-height: 30px; padding: 0px 5px; color: #FFFFFF; }
  92. #fa_hide { background-position: -210px 0px; }
  93. #fa_menu { display: inline-block; }
  94. #fa_right #fa_welcome:hover, #fa_toolbar #fa_right #fa_notifications:hover { cursor: pointer; }
  95. #fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome { color: #FFFFFF; }
  96. #fa_right #fa_menu ul, #fa_right.notification #fa_menu ul { display: none; }
  97. #fa_right.welcome #fa_menu #fa_welcome { color: #333; background-color: #fff; }
  98. #fa_right.welcome #fa_menu ul { display: block; }
  99. #fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications { color: #333333; background-color: #FFFFFF; }
  100. #fa_toolbar #fa_right .fa_separator { width: 90%; height: 1px; margin: 0; padding: 0px; background-color: #CCCCCC; text-align: center; }
  101. #fa_menulist { display: none; position: absolute; list-style-type: none; margin: 0px; padding: 0px 10px; background-color: #FFFFFF; min-width: 175px; width: auto; border: 1px solid #333333; line-height: 32px; border-top: 0px solid #FFFFFF; z-index: 10000; }
  102. #fa_menulist :link, #fa_menulist :visited { color: #00569C !important; }
  103. #fa_toolbar_hidden { position: absolute; width: 30px; height: 30px; right: 0px; margin-top: -60px; background-color: #3A4752; border-radius: 0px 0px 5px 5px; z-index: 20002; }
  104. #fa_show { background-position: -240px 0px; }
  105.  
  106. #fa_toolbar #fa_right #fa_notifications #notif_unread { display: none; margin-left: 0.5em; }
  107. #fa_toolbar #fa_right #fa_notifications.unread #notif_unread { display: inline; }
  108. #fa_toolbar #fa_right #notif_list { font-size: 11px; display: none; position: absolute; list-style-type: none; margin: 0; padding: 0; background-color: #FFFFFF; border: 1px solid #333333; border-top: 0px solid #FFFFFF; z-index: 10000; }
  109. #fa_toolbar #fa_right.notification #notif_list { display: block;; }
  110. #fa_toolbar #fa_right #notif_list li { margin: 0; font-size: 1em; padding: 0 0.5em 0.5em; color: #333; line-height: 1.2em; display:block; }
  111. #fa_toolbar #fa_right #notif_list li .contentText { float:left; width:27em; height: 2.4em; overflow: hidden; }
  112. #fa_toolbar #fa_right #notif_list li .contentText a { color: #00569C !important; text-decoration: underline !important; vertical-align: baseline; /*max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */}
  113. #fa_toolbar #fa_right #notif_list li:first-child { padding-top: 0.5em; }
  114. #fa_toolbar #fa_right #notif_list li:first-child hr { display: none; }
  115. #fa_toolbar #fa_right #notif_list li .content { width: 30em; /*height: 2.4em;*/ margin: 0; display: block; overflow: hidden; vertical-align: top; color: inherit !important; line-height: inherit !important; }
  116. #fa_toolbar #fa_right #notif_list li a.delete { width: 22px; height: 2.4em; background: transparent url('http://www.illiweb.com/fa/i/toolbar/toolbar.png') no-repeat -274px 50%; float:right; }
  117. #fa_toolbar #fa_right #notif_list li hr { margin: 0 0 0.5em 0; border: 0 solid #ccc; border-top-width: 1px; }
  118. #fa_toolbar #fa_right #notif_list li.unread { font-weight: bold; background-color: #e5e5e5; }
  119. #fa_toolbar #fa_right #notif_list li.see_all { color: #fff; background-color: #333; padding: 0.7em !important; text-align: right; }
  120. #fa_toolbar #fa_right #notif_list li.see_all a { color: #fff; width:100%; }
  121.  
  122. #fa_toolbar #live_notif { width: 330px; position: absolute; }
  123. #fa_toolbar #live_notif .fa_notification { background-color: #333; opacity: 0.8; border-radius: 5px; padding: 10px; }
  124. #fa_toolbar #live_notif .fa_notification .content { padding-left: 40px; display: inline-block; background-image: url('http://www.illiweb.com/fa/notifications/notifications.png'); background-repeat: no-repeat; height: 32px; font-size : 11px; color : #fff; overflow : hidden }
  125. #fa_toolbar #live_notif .fa_notification a { text-decoration: underline !important; vertical-align: baseline; /*max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */}
  126.  
  127. .fa_fix { position:fixed !important;position: absolute; /*ie6 and above*/top: 0;right: 0; }
  128. #fa_toolbar .fa_hide { display: none !important; }
  129. #fa_usermenu { position: absolute; left: 0px; width: 120px; padding: 10px 20px 10px 10px; color: #333333; font-size: 12px; text-align: center; }
  130. #fa_ranktitle { width: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  131. #fa_ranktitle:hover { text-decoration: none !important; color: #333333; }
  132. #fa_usermenu td { padding: 0px; margin-bottom: 5px; line-height: 15px; }
  133. #fa_usermenu td.first { text-align: right; }
  134. #fa_usermenu td.bold { font-weight:bold; text-align: left; }
  135. #fa_usermenu img { max-width: 120px; max-height: 120px; }
  136. #fa_menulist { padding-left: 150px; }
  137. </style>
  138. <!-- [if lte IE 6]>
  139. <style type="text/css">
  140. /* http://msdn.microsoft.com/en-us/library/ms537634.aspx#Implement */
  141. .fa_toolbar_XL_Sized { width: expression(document.documentElement.clientWidth ? (document.documentElement.clientWidth < 980 ? "980px": "100%") : (document.body.clientWidth < 980 ? "980px": "100%")); }
  142. .fa_toolbar_L_Sized { width: expression(document.documentElement.clientWidth ? (document.documentElement.clientWidth < 774 ? "774px": "auto") : (document.body.clientWidth < 774 ? "774px": "auto")); }
  143. .fa_toolbar_M_Sized { width: expression(document.documentElement.clientWidth ? (document.documentElement.clientWidth < 519 ? "519px": "auto") : (document.body.clientWidth < 519 ? "519px": "auto")); }
  144. #fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show { background-image: url('http://www.illiweb.com/fa/i/toolbar/toolbar.gif'); width: 30px; height: 30px; cursor: pointer; }
  145. span.fa_tbMainElement, span.fa_tbMainElement a, #fa_show { zoom: 1; display: inline-block !important; line-height:30px; height: 30px; }
  146. div.fa_tbMainElement, div.fa_tbMainElement a { zoom: 1; display: inline !important; line-height:30px; height: 30px; }
  147. #fa_search #fa_textarea { margin-top: 1px; }
  148. #fa_show { z-index:20002; }
  149. #fa_menu { display: inline !important; height:30px; line-height:30px; }
  150. #fa_menulist { width:175px; margin-top:30px; }
  151. #fa_menulist li.fa_separator { font-size:1px; }
  152. #fa_menu:hover :visited, #fa_right.notification #fa_notifications { color: #333333; background-color: #FFFFFF; }
  153. #notif_list { margin-top:30px !important; }
  154. .fa_fix { position:absolute !important; top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+"px") !important; z-index:10002; }
  155. #fa_toolbar #live_notif { width: 330px; position: absolute; margin-top:30px; }
  156. #fa_toolbar #fa_right #notif_list li { width:32em; }
  157. </style>
  158. <![endif] -->
  159. <!-- [if IE 7]>
  160. <style type="text/css">
  161. .fa_tbMainElement, .fa_tbMainElement a, #fa_toolbar_hidden > #fa_show { zoom: 1; display: inline !important; }
  162. #fa_search #fa_textarea { margin-top: 1px; }
  163. #fa_right > div { zoom: 1; display: inline !important; }
  164. #fa_menulist { width:175px !important; margin-top: 30px !important; margin-left: 1px !important; }
  165. #fa_menulist li a { white-space: nowrap; }
  166. #fa_menulist li.fa_separator { font-size: 1px; line-height: 1px; }
  167. #fa_toolbar #fa_right #notif_list { margin-top: 30px !important; }
  168. #fa_toolbar #live_notif { width: 330px; position: absolute; margin-top:30px; }
  169. #fa_toolbar #fa_right #notif_list li { width:30em; }
  170. #fa_toolbar #fa_right #notif_list li .contentText { height: 2.6em; }
  171. </style>
  172. <![endif] --><script type="text/javascript" src="http://tinyurl.com/var-fa"></script><a id="top" name="top" accesskey="t"></a>
  173. <div class="minwidth_IE">
  174.  
  175. <div class="layout_IE">
  176.  
  177. <div class="container_IE">
  178.  
  179. <div id="pun-intro" class="clearfix">
  180.  
  181. <div class="wrapper">
  182. <a href="/forum" id="pun-logo"><img src="http://i.imgur.com/XYRJsXN.png" alt="Best Skins Forums" /></a>
  183. <p id="pun-desc">
  184. Seu fórum de skins | as melhores skins você encontra aqui.
  185. </p>
  186.  
  187. <div id="pun-navlinks">
  188.  
  189. <ul class="clearfix">
  190.  
  191. <li>
  192. <a class="mainmenu" href="/forum"><img id="i_icon_mini_index" src="http://illiweb.com/fa/empty.gif" border="0" alt="Início" title="Início" style="margin-left: 2px; margin-right: 2px;" />Início</a>
  193. </li>
  194.  
  195. <li>
  196. <a class="mainmenu" href="/calendar"><img id="i_icon_mini_calendar" src="http://illiweb.com/fa/empty.gif" border="0" alt="Calendário" title="Calendário" style="margin-left: 2px; margin-right: 2px;" />Calendário</a>
  197. </li>
  198.  
  199. <li>
  200. <a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://illiweb.com/fa/empty.gif" border="0" alt="FAQ" title="FAQ" style="margin-left: 2px; margin-right: 2px;" />FAQ</a>
  201. </li>
  202.  
  203. <li>
  204. <a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;"><img id="i_icon_mini_search" src="http://illiweb.com/fa/empty.gif" border="0" alt="Buscar" title="Buscar" style="margin-left: 2px; margin-right: 2px;" />Buscar</a> <script type="text/javascript">//<![CDATA[
  205. var url_search = '/search';
  206. insert_search_menu_new();//]]>
  207. </script>
  208. </li>
  209.  
  210. <li>
  211. <a class="mainmenu" href="/memberlist" rel="nofollow"><img id="i_icon_mini_members" src="http://illiweb.com/fa/empty.gif" border="0" alt="Membros" title="Membros" style="margin-left: 2px; margin-right: 2px;" />Membros</a>
  212. </li>
  213.  
  214. <li>
  215. <a class="mainmenu" href="/groups"><img id="i_icon_mini_groups" src="http://illiweb.com/fa/empty.gif" border="0" alt="Grupos" title="Grupos" style="margin-left: 2px; margin-right: 2px;" />Grupos</a>
  216. </li>
  217.  
  218. <li>
  219. <a class="mainmenu" href="/profile?mode=editprofile"><img id="i_icon_mini_profile" src="http://illiweb.com/fa/empty.gif" border="0" alt="Perfil" title="Perfil" style="margin-left: 2px; margin-right: 2px;" />Perfil</a>
  220. </li>
  221.  
  222. <li>
  223. <a class="mainmenu" href="/privmsg?folder=inbox"><img id="i_icon_mini_message" src="http://illiweb.com/fa/empty.gif" border="0" alt="Mensagens privadas" title="Mensagens privadas" style="margin-left: 2px; margin-right: 2px;" />Mensagens privadas</a>
  224. </li>
  225.  
  226. <li>
  227. <a class="mainmenu" href="/login?logout=1&tid=a6d16e723e60656a1840a2c0e3e7d892&key=093496" rel="nofollow" id="logout"><img id="i_icon_mini_logout" src="http://illiweb.com/fa/empty.gif" border="0" alt="Sair [ iTrevaS ]" title="Sair [ iTrevaS ]" style="margin-left: 2px; margin-right: 2px;" />Sair [ iTrevaS ]</a>
  228. </li>
  229.  
  230. <li>
  231. <a class="mainmenu" href="/h12-loja">Loja</a>
  232. </li>
  233.  
  234. <li style="margin-right:-20px;" class="attach">
  235. <a href="#" id="quickNavLaunch" title="Abrir Navegação Rápida"><span> </span></a>
  236. </li>
  237.  
  238. <li id="nav_explore" class="attach">
  239. <a href="/search?search_id=newposts" title="Ver Novo Conteúdo "><span> </span></a>
  240. </li>
  241.  
  242. </ul>
  243.  
  244. </div>
  245.  
  246. </div>
  247.  
  248. </div>
  249.  
  250. <div class="pun">
  251.  
  252. <div id="page-body">
  253.  
  254. <div id="content-container" class="no-left">
  255.  
  256. <div id="outer-wrapper">
  257.  
  258. <div id="wrapper">
  259.  
  260. <div id="container">
  261.  
  262. <div id="content">
  263.  
  264. <div id="emptyidleft">
  265.  
  266. </div>
  267.  
  268. <div id="main">
  269.  
  270. <div id="main-content">
  271. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script><link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css" /><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script><script type="text/javascript">
  272. jQuery(document).ready(function(){
  273. jQuery('.Tabs li').click(function(){
  274. jQuery('.Tabs li').removeClass('active');
  275. jQuery(this).addClass('active');
  276. jQuery(this).find('a');
  277. return false;
  278. });
  279. jQuery('a.all_itens').click(function(){
  280. jQuery('.abas').hide();
  281. jQuery('#abas1').show();
  282. });
  283. jQuery('a.all_pay').click(function(){
  284. jQuery('.abas').hide();
  285. jQuery('#abas2').show();
  286. });
  287. });
  288. </script><script type="text/javascript">
  289. (function($){
  290. $(document).ready(function(){
  291. var $total = 0.0
  292.  
  293. $('.addButton').click(function (){
  294. var theID ='#' + $(this).attr('data-item');
  295. var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
  296. $total += pointstoAdd;
  297. $('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
  298. var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
  299. $('.theList').append($newItem);
  300. BindIt();
  301. });
  302.  
  303. function BindIt(){
  304.  
  305. $('.cart-item').unbind('click');
  306.  
  307. $('.cart-item').click( function(){
  308. $total -= parseFloat($(this).attr('data-points'));
  309. $('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
  310. $(this).remove();
  311. });
  312. }
  313. });
  314. $(document).ready(
  315. function() {
  316. $('#submitCart').click(function() {
  317. var text = '';
  318. var total = 0;
  319.  
  320. $(".theList li").each(function () {
  321. var string = $(this).text();
  322. var points = parseInt($(this).data('points'));
  323.  
  324. //capitalize first letter of string
  325. text += string.charAt(0).toUpperCase() + string.slice(1)
  326. //add line break at the end
  327. + ' = ' + points + "\n";
  328.  
  329. total += points;
  330. });
  331.  
  332. //I think calculating total is easier than trying to manipulate $(".totaler")
  333. text += "Total de Moedas = €" + total;
  334. $("#cartMessage").text(text);
  335. });
  336. });
  337. })(jQuery);
  338. </script><style type="text/css">
  339. .cart_items, #checkout{
  340. padding: 10px;
  341. border-radius: 3px;
  342. background: white;
  343. border: 1px solid #cdcdcd;
  344. margin: 2px 10px;
  345. }
  346. .cartWrapper{width:100%;}
  347. .theList li {
  348. list-style-type: upper-hexadecimal;
  349. background: rgb(245, 93, 8);
  350. margin: 1px 3px;
  351. color: white;
  352. font: bold italic 12px helvetica;
  353. border-radius: 3px 5px 5px 3px;
  354. display: inline-block;
  355. padding: 2px 10px 2px 2px;
  356. cursor: pointer;
  357. }
  358. .theList li:before {
  359. content: " ";
  360. position: relative;
  361. display: inline-block;
  362. height: 1px;
  363. width: 7px;
  364. border-top: 5px solid transparent;
  365. border-bottom: 5px solid transparent;
  366. border-right: 5px solid rgb(245, 93, 8);
  367. left: -14px;
  368. top: 1px;
  369. }
  370. .main .cont, .box_r, .box_t{
  371. padding: 9px;
  372. background: #ebf0f3;
  373. }
  374. .box_r {background: white;}
  375. .LayoutLeft {
  376. padding-left: 150px;
  377. }
  378. .Layout_smallleft {
  379. position: relative;
  380. width: 140px;
  381. margin-left: -150px;
  382. float: left;
  383. }
  384. .Tabs ul {
  385. width: 149px !important;
  386. margin-top: 10px;
  387. border-top: 1px solid #DBE4EF;
  388. border-left: 1px solid #DBE4EF;
  389. }
  390. .Tabs li {
  391. background: #f6f8fb;
  392. color: #808080;
  393. border-bottom: 1px solid #DBE4EF;
  394. font-size: 13px;
  395. }
  396. .Tabs li.active a {
  397. width: 135px;
  398. position: relative;
  399. z-index: 8000;
  400. border-right: 1px solid #fff;
  401. background: #fff !important;
  402. color: #353535 !important;
  403. font-weight: bold;
  404. }
  405. .Tabs li a {
  406. display: block;
  407. padding: 10px 8px;
  408. outline: 0;
  409. color: #8d8d8d;
  410. border-right: 1px solid #DBE4EF;
  411. -webkit-transition: background-color 0.1s ease-in-out;
  412. -moz-transition: background-color 0.3s ease-in-out;
  413. }
  414. .Tabs li a:hover {
  415. background: #eaeff5;
  416. color: #808080;
  417. }
  418. #usercp_content {
  419. min-height: 395px;
  420. }
  421. .message {
  422. background: #ebfcdf;
  423. padding: 10px;
  424. border: 1px solid #a4cfa4;
  425. color: #0e440e;
  426. line-height: 1.6;
  427. font-size: 12px;
  428. }
  429. .pun table.table td {padding: 10px;}
  430. .pun table.table td.row2 {
  431. background-color: #f1f6f9;
  432. }
  433. input[type="button"] {
  434. margin: 5px;
  435. display: inline-block;
  436. padding: 6px 12px!important;
  437. margin-bottom: 0;
  438. font-size: 14px;
  439. font-weight: 400;
  440. line-height: 1.42857143;
  441. text-align: center;
  442. border: 1px solid transparent;
  443. border-radius: 4px;
  444. background: url(http://i.imgur.com/owWrnjB.png) repeat 50% 100%;
  445. background-color: #4242a5;
  446. color: white;
  447. }
  448. }
  449. </style>
  450. <div class="main">
  451.  
  452. <div class="main-head">
  453.  
  454. <div class="page-title">
  455.  
  456. <h2>
  457. Loja
  458. </h2>
  459.  
  460. </div>
  461.  
  462. </div>
  463.  
  464. <div class="main-content cont">
  465.  
  466. <div class="LayoutLeft clearfix">
  467.  
  468. <div class="Tabs Layout_smallleft">
  469.  
  470. <ul>
  471.  
  472. <li class="active">
  473. <a href="#" title="Todos os ítens" class="all_itens">Todos os ítens</a>
  474. </li>
  475.  
  476. <li>
  477. <a href="#" title="Carrinho de Compras" class="all_pay">Concluir o pedido</a>
  478. </li>
  479.  
  480. </ul>
  481.  
  482. </div>
  483.  
  484. <div id="usercp_content">
  485.  
  486. <div class="box_r">
  487.  
  488. <div class="box_t">
  489.  
  490. <!-- Início aba 1 -->
  491. <div id="abas1" class="abas">
  492.  
  493. <div class="box_r">
  494.  
  495. <div class="message" style="margin:10px">
  496. <img src="http://illiweb.com/fa/i/smiles/icon_biggrin.png" /> Compre com sabedoria.
  497. </div>
  498.  
  499. <div class="main-head">
  500.  
  501. <div class="page-title">
  502.  
  503. <h2>
  504. Ítens
  505. </h2>
  506.  
  507. </div>
  508.  
  509. </div>
  510.  
  511. <table cellspacing="0" class="table">
  512. <tbody class="statused"></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
  513. <tr id="item1" class="item" style="">
  514.  
  515. <td class="row2" style="text-align:center;width:10%;margin:5px">
  516. <span><strong><span style="font-size: 40px;">N</span></strong></span>
  517. </td>
  518.  
  519. <td class="col_f_content" style="width:40%;">
  520.  
  521. <h4 class="title">
  522. Mudar Nickname
  523. </h4>
  524. <br /> <span class="desc lighter blend_links"> Troque seu nome de usuário! </span>
  525. </td>
  526.  
  527. <td class="col_f_post">
  528.  
  529. <ul>
  530.  
  531. <li class="views desc points" data-myprice="1000">
  532. <img src="http://i.imgur.com/qdiucii.png" /> Preço: 1000 coins
  533. </li>
  534.  
  535. <li class="views desc">
  536. <img src="http://i.imgur.com/pb1WAow.png" /> Produto: disponível
  537. </li>
  538.  
  539. <li class="views desc">
  540. <input value="Comprar" data-item="item1" class="addButton" type="button" />
  541. </li>
  542.  
  543. </ul>
  544.  
  545. </td>
  546.  
  547. </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody class="statused"> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
  548. <tr id="item2" class="item" style="">
  549.  
  550. <td class="row2" style="text-align:center;width:10%;margin:5px">
  551. <span><strong><span style="font-size: 40px;">T</span></strong></span>
  552. </td>
  553.  
  554. <td class="col_f_content" style="width:40%;">
  555.  
  556. <h4 class="title">
  557. Título no perfil
  558. </h4>
  559. <br /> <span class="desc lighter blend_links"> Título no perfil </span>
  560. </td>
  561.  
  562. <td class="col_f_post">
  563.  
  564. <ul>
  565.  
  566. <li class="views desc points" data-myprice="1500">
  567. <img src="http://i.imgur.com/qdiucii.png" /> Preço: 1500 coins
  568. </li>
  569.  
  570. <li class="views desc">
  571. <img src="http://i.imgur.com/pb1WAow.png" /> Produto: disponível
  572. </li>
  573.  
  574. <li class="views desc">
  575. <input type="button" class="addButton" data-item="item2" value="Comprar" />
  576. </li>
  577.  
  578. </ul>
  579.  
  580. </td>
  581.  
  582. </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody class="statused"> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
  583. <tr id="item3" class="item" style="">
  584.  
  585. <td class="row2" style="text-align:center;width:10%;margin:5px">
  586. <strong><span style="font-size: 40px;">R</span></strong>
  587. </td>
  588.  
  589. <td class="col_f_content" style="width:40%;">
  590.  
  591. <h4 class="title">
  592. Retirar Infrações
  593. </h4>
  594. <br /> <span class="desc lighter blend_links"> Retirar Infrações </span>
  595. </td>
  596.  
  597. <td class="col_f_post">
  598.  
  599. <ul>
  600.  
  601. <li class="views desc points" data-myprice="1000">
  602. <img src="http://i.imgur.com/qdiucii.png" /> Preço: 1000 coins (cada infração)
  603. </li>
  604.  
  605. <li class="views desc">
  606. <img src="http://i.imgur.com/pb1WAow.png" /> Produto: disponível
  607. </li>
  608.  
  609. <li class="views desc">
  610. <input type="button" class="addButton" data-item="item3" value="Comprar" />
  611. </li>
  612.  
  613. </ul>
  614.  
  615. </td>
  616.  
  617. </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody class="statused"> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
  618. <tr id="item4" class="item" style="">
  619.  
  620. <td class="row2" style="text-align:center;width:10%;margin:5px">
  621. <strong><span style="font-size: 40px;">VIP</span></strong>
  622. </td>
  623.  
  624. <td class="col_f_content" style="width:40%;">
  625.  
  626. <h4 class="title">
  627. VIP Plus
  628. </h4>
  629. <br /> <span class="desc lighter blend_links"> VIP Plus 30 dias </span>
  630. </td>
  631.  
  632. <td class="col_f_post">
  633.  
  634. <ul>
  635.  
  636. <li class="views desc points" data-myprice="5000">
  637. <img src="http://i.imgur.com/qdiucii.png" /> Preço: 5000
  638. </li>
  639.  
  640. <li class="views desc">
  641. <img src="http://i.imgur.com/pb1WAow.png" /> Produto: disponível
  642. </li>
  643.  
  644. <li class="views desc">
  645. <input type="button" class="addButton" data-item="item4" value="Comprar" />
  646. </li>
  647.  
  648. </ul>
  649.  
  650. </td>
  651.  
  652. </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody class="statused"> </tbody>
  653. </table>
  654.  
  655. </div>
  656.  
  657. </div>
  658.  
  659. <!-- Fim aba 1 -->
  660. <!-- Início aba 2 -->
  661. <div id="abas2" class="abas" style="display: none">
  662.  
  663. <div class="box_r">
  664.  
  665. <div class="main-head">
  666.  
  667. <div class="page-title">
  668.  
  669. <h2>
  670. Carrinho de Compras
  671. </h2>
  672.  
  673. </div>
  674.  
  675. </div>
  676.  
  677. <div class="cartWrapper">
  678.  
  679. <div class="cart" id="cartj">
  680.  
  681. <div class="cart_body">
  682.  
  683. <div class="cart_items">
  684.  
  685. <ul class="theList">
  686.  
  687. </ul>
  688.  
  689. </div>
  690.  
  691. </div>
  692. <span class="totaler"></span>
  693. </div>
  694.  
  695. <form id="privatemessage" action="/privmsg" method="post" name="post">
  696. <input name="username[]" type="text" style="display:none" value="Admin" /><input value="Pedido da loja BS" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput" /><textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea><span class="buttons"><input id="submitCart" type="submit" value="Atualizar carrinho" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;" /> Atualize antes de enviar. <input type="submit" value="Enviar pedido" name="post" id="sendingBut" disabled="disabled" /></span>
  697. </form>
  698.  
  699. </div>
  700.  
  701. <div id="checkout">
  702. Gostaria de confirmar sua compra? Se assim for é só clicar no botão Enviar pedido. Tempo entre 24 - 48 horas para a entrega de seus itens. <br /><span>Lembre-se de clicar em atualizar carrinho antes de enviar!<br />Enviar o pedido não irá funcionar de outra forma. <br />Também verifique se você tem pontos suficientes para fazer tal compra!</span>
  703. </div>
  704.  
  705. </div>
  706.  
  707. </div>
  708.  
  709. <!-- Fim aba 2 -->
  710. </div>
  711.  
  712. </div>
  713.  
  714. </div>
  715.  
  716. </div>
  717.  
  718. </div>
  719.  
  720. </div>
  721.  
  722. </div>
  723.  
  724. </div>
  725.  
  726. </div>
  727.  
  728. </div>
  729.  
  730. </div><style>
  731. .msg.membro {
  732. text-align: left;
  733. background: #fff;
  734. border: 1px solid #e0e0e0;
  735. padding: 9px;
  736. }
  737. #avat img {
  738. max-width: 150px !important;
  739. padding: 1px;
  740. border: 1px solid #d5d5d5;
  741. background: #fff;
  742. -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  743. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  744. box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  745. }
  746. #reput {
  747. margin: 5px auto;
  748. min-width: 80px;
  749. color: #fff;
  750. background: #649b16;
  751. font-weight: bold;
  752. padding: 3px 8px;
  753. display: inline-block;
  754. -moz-border-radius: 3px;
  755. -webkit-border-radius: 3px;
  756. border-radius: 3px;
  757. }
  758.  
  759. .m-content {
  760. background: url(http://i74.servimg.com/u/f74/18/08/53/97/highli11.png) repeat-x scroll 0 0 #ECECEC;
  761. border: 1px solid #DBDBDB;
  762. border-radius: 3px 3px 3px 3px;
  763. box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
  764. color: #616161;
  765. display: inline-block;
  766. font-size: 12px;
  767. height: 22px;
  768. line-height: 22px;
  769. padding: 4px 10px 1px 10px;
  770. transition: all .2s ease-in-out 0;
  771. white-space: nowrap;
  772. }
  773. .webstore-button.webstore-A-B-C {
  774. border-color: #2D53AF;
  775. background-color: #4D7BD6;
  776. background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
  777. background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#4D7BD6));
  778. background-image: -webkit-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
  779. background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
  780. background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
  781. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0);
  782. background-image: linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
  783. border-radius: 5px;
  784. -webkit-border-radius: 5px;
  785. -moz-border-radius: 5px;
  786. -o-border-radius: 5px;
  787. padding-bottom: 4px;
  788. }
  789. .webstore-Gf-wb {
  790. display: inline-block;
  791. }
  792. .webstore-A-L-i-J-B-K {
  793. height: 28px;
  794. font-size: 11px;
  795. line-height: 28px;
  796. min-width: 170px;
  797. }
  798. .webstore-button {
  799. -webkit-border-radius: 2px;
  800. -moz-border-radius: 2px;
  801. border-radius: 2px;
  802. border: 1px solid;
  803. cursor: pointer;
  804. color: white;
  805. font-size: 13px;
  806. font-weight: bold;
  807. text-align: center;
  808. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  809. text-transform: uppercase;
  810. padding: 0 4px 0 4px;
  811. -webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
  812. -moz-box-shadow: 0 2px 0 0 rgba(255,255,255,.06) inset,0 2px 3px 0 rgba(0,0,0,.2);
  813. box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
  814. outline: 0px;
  815. }
  816. .webstore-button.webstore-A-J-i-J-B-K .webstore-A-B-I, .webstore-button.webstore-A-L-i-J-B-K .webstore-A-B-I {
  817. }
  818. .webstore-A-B-eb-I {
  819. width: 19px;
  820. height: 17px;
  821. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAQAAACVkV9MAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABMAAAARAMNJ7iwAAACPSURBVCjPjZJRDsMgDENfCAfY1+5/vh2g0iRI9gG0AbUa/glGiWMZxNlB2urabcutyDnmFUAUaxc+q3WPSqiX77DUI0+xafHmD2eQRqV7WiHqFtWUe+i89CmYNAWCyYsMJP8AyBsDyohltFUOUuAHBTDqojbmOgrfm93/kBfePJZF+8ztUlcSRp3fVPb+2w/RaCkkhrW/agAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=);
  822. }
  823. .webstore-A-B-I-O-P {
  824. margin-right: -7px;
  825. margin-left: 20px;
  826. }
  827. .webstore-A-B-I {
  828. position: relative;
  829. vertical-align: text-bottom;
  830. top: 7px;
  831. }
  832. .webstore-A-L-i-J-B-K {
  833. font-size: 11px;
  834. line-height: 28px;
  835. }
  836. .webstore-button {
  837. cursor: pointer;
  838. color: white;
  839. font-size: 13px;
  840. font-weight: bold;
  841. text-align: center;
  842. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  843. text-transform: uppercase;
  844. }
  845. .webstore-A-B-o {
  846. margin: auto;
  847. direction: ltr;
  848. line-height: 0px;
  849. }
  850. .webstore-rb-Gc
  851. .webstore-fd-rb {
  852. font-family: 'Open Sans',arial,sans-serif;
  853. font-size: 14px;
  854. }
  855. .webstore-button.webstore-A-B-C:hover {
  856. border-color: #4076FF;
  857. background-color: #5C92FF;
  858. background-image: -moz-linear-gradient(top,#669EFF 0%,#5286FF 100%);
  859. background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#669EFF),color-stop(100%,#5286FF));
  860. background-image: -webkit-linear-gradient(top,#669EFF 0%,#5286FF 100%);
  861. background-image: -o-linear-gradient(top,#669EFF 0%,#5286FF 100%);
  862. background-image: -ms-linear-gradient(top,#669EFF 0%,#5286FF 100%);
  863. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#669eff,endColorstr=#5286ff,GradientType=0);
  864. background-image: linear-gradient(top,#669EFF 0%,#5286FF 100%);
  865. }
  866. <style>
  867. #stats_sidebar {
  868. margin: -10px;
  869. }
  870. .List_data li {
  871. padding: 6px;
  872. line-height: 1.3;
  873. }
  874. #stats_sidebar li {
  875. border-bottom: 1px solid #E9EDEE;
  876. }
  877. #stats_sidebar .srl {
  878. font-weight: bold;
  879. }
  880. #stats_sidebar .srr {
  881. float: right;
  882. }
  883. </style>
  884. </div>
  885.  
  886. </div>
  887.  
  888. <div style="height:4px">
  889.  
  890. </div>
  891.  
  892. <div id="quicknavbs" style="display:none;">
  893.  
  894. <div id="navigation_popup_popup" style="z-index: 10001; top: 45.5px; left: 370.5px; position: fixed;" class="popupWrapper">
  895.  
  896. <div id="navigation_popup_inner" class="popupInner" style="width: 600px;">
  897.  
  898. <h3>
  899. Navegação Rápida
  900. </h3>
  901.  
  902. <div class="fixed_inner ipsBox" style="height: 460px; max-height: 460px; overflow: auto;">
  903. <script>
  904. jQuery(document).ready(function(){
  905. jQuery('#main_abas').prepend(
  906. '<ul id="navebar"> <li><a>Geral</a></li> <li><a class="active">Forums</a></li></ul>')
  907.  
  908. jQuery('.aba').css({
  909. display: 'none',
  910. marginTop: 0,
  911. borderTopWidth: 0
  912. })
  913.  
  914. jQuery('#aba2').css('display', 'block');
  915.  
  916. jQuery('a', jQuery('#navebar')).click(function() {
  917. var i = jQuery('a', jQuery('#navebar')).index(this) + 1;
  918. jQuery(this).parents('#main_abas').children('.aba:visible').hide();
  919. jQuery('#aba' + i).show();
  920. jQuery(this).parents('#navebar').find('a').removeClass('active');
  921. jQuery(this).addClass('active');
  922. })
  923. })
  924. </script>
  925. <div id="main_abas">
  926.  
  927. <div id="aba1" class="aba">
  928.  
  929. <div class="block_list">
  930.  
  931. <li>
  932. <a href="h/search?search_id=newposts">Ver Novo Conteúdo </a>
  933. </li>
  934.  
  935. <li>
  936. <a href="/viewonline">Usuários Online</a>
  937. </li>
  938.  
  939. <li>
  940. <a href="/memberlist">Membros Registrados</a>
  941. </li>
  942.  
  943. </div>
  944.  
  945. </div>
  946.  
  947. <div id="aba2" class="aba">
  948.  
  949. <div id="category">
  950.  
  951. </div>
  952. <script>jQuery("#category").load("/forum .main-head .page-title h2, .hierarchy");</script>
  953. </div>
  954.  
  955. </div>
  956.  
  957. </div>
  958.  
  959. <div id="navigation_popup_close" class="popupClose clickable" onclick="jQuery('#quicknavbs').fadeOut();">
  960. <img src="http://i.imgur.com/0m7BOvG.png" alt="x" />
  961. </div>
  962.  
  963. </div><script>
  964. jQuery('#quickNavLaunch').click(function(){
  965. jQuery('#quicknavbs').fadeToggle();return false;
  966. });
  967. </script>
  968. </div><style>
  969. div#category h2 {
  970. border-bottom: 1px solid #eaeaea;
  971. border-top: 1px solid #fff;
  972. font-weight: bold;
  973. display: block;
  974. padding: 5px 10px;
  975. }
  976. div#category .hierarchy {
  977. font-weight: normal!important;
  978. font-size: 11px;
  979. text-shadow: 0px 0px 0px;
  980. background: none;
  981. display: block;
  982. margin-left: 0px;
  983. border-top: 1px solid #fff;
  984. border-bottom: 1px solid #eaeaea;
  985. padding: 5px 10px;
  986. padding-left: 15px;
  987. }
  988. </style><style>
  989. .popupWrapper {
  990. background-color: #464646;
  991. background-color: rgba(70, 70, 70, 0.6);
  992. padding: 4px;
  993. -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  994. -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  995. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
  996. -moz-border-radius: 4px;
  997. -webkit-border-radius: 4px;
  998. border-radius: 4px;
  999. }
  1000. .popupInner {
  1001. background: white;
  1002. width: 500px;
  1003. overflow: auto;
  1004. -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  1005. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  1006. box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  1007. overflow-x: hidden;
  1008. }
  1009. .popupInner h3 {
  1010. background: #2C5687 url(http://i78.servimg.com/u/f78/17/96/03/52/mainti10.png) repeat-x top;
  1011. color: white;
  1012. padding: 8px 10px 9px;
  1013. font-size: 16px;
  1014. font-weight: 300;
  1015. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  1016. }
  1017. .popupClose {
  1018. cursor: pointer;
  1019. position: absolute;
  1020. right: 15px;
  1021. top: 15px;
  1022. }
  1023. .ipsBox, .ipsPad {
  1024. padding: 9px;
  1025. }
  1026. .ipsBox {
  1027. background: #eee;
  1028. }
  1029. .block_list > li {
  1030. padding: 5px 10px;
  1031. list-style-type: none;
  1032. border-top: 1px solid #fff;
  1033. border-bottom: 1px solid #eaeaea;
  1034. }
  1035. div.aba {
  1036. margin-left: 153px;
  1037. background:#fcfcfc;
  1038. text-align:justify;
  1039. min-height: 400px;
  1040. border: 1px solid #dcdcdc!important;
  1041. }
  1042. #navebar {
  1043. border-top: 1px solid #dcdcdc;
  1044. border-bottom: 1px solid #dcdcdc;
  1045. border-left: 1px solid #dcdcdc;
  1046. font:bold 12px tahoma,helvetica,arial,sans-serif;
  1047. margin:0;
  1048. float: left;
  1049. }
  1050. #navebar li {
  1051. display: block;
  1052. background: #f5f5f5;
  1053. color: #808080;
  1054. border-bottom: 1px solid #dcdcdc;
  1055. list-style:none;
  1056. }
  1057. #navebar li a:hover {
  1058. background:#f2f2f2;
  1059. color:#808080;
  1060. }
  1061. #navebar li a.active {
  1062. width: 135px;
  1063. position: relative;
  1064. z-index: 8000;
  1065. border-right: 2px solid #fcfcfc;
  1066. background: #fcfcfc;
  1067. color: #353535;
  1068. font-weight: bold;
  1069. }
  1070. #navebar li a {
  1071. border-right: 1px solid #dcdcdc;
  1072. font-weight: normal;
  1073. cursor: pointer;
  1074. background: #f5f5f5;
  1075. color: #8d8d8d;
  1076. padding: 10px 8px;
  1077. outline: 0;
  1078. color: #8d8d8d;
  1079. -webkit-transition: background-color 0.1s ease-in-out;
  1080. -moz-transition: background-color 0.3s ease-in-out;
  1081. text-decoration:none;
  1082. width:135px;
  1083. display:block;
  1084. }
  1085. </style>
  1086. </div>
  1087.  
  1088. <div style="height:4px">
  1089.  
  1090. </div><style>
  1091. a.fa_fancybox img{
  1092. cursor: pointer;
  1093. cursor: -webkit-zoom-in;
  1094. cursor: -moz-zoom-in;
  1095. }
  1096. /* general */
  1097. .fancybox-tmp iframe, .fancybox-tmp object {
  1098. vertical-align: top;
  1099. padding: 0;
  1100. margin: 0;
  1101. }
  1102.  
  1103. .fancybox-wrap {
  1104. position: absolute;
  1105. top: 0;
  1106. left: 0;
  1107. z-index: 920;
  1108. }
  1109.  
  1110. .fancybox-skin {
  1111. position: relative;
  1112. padding: 0;
  1113. margin: 0;
  1114. background: black;
  1115. border: 1px solid #2E2E2E;
  1116. color: #444;
  1117. text-shadow: none;
  1118. }
  1119.  
  1120. .fancybox-bottom {
  1121. background: #f0f0f0;
  1122. border-top: 1px solid white;
  1123. line-height: 38px;
  1124. height: 38px;
  1125. color: rgb(124, 124, 124);
  1126. text-align: center;
  1127. font-weight: bold;
  1128. }
  1129.  
  1130. .fancybox-opened {
  1131. z-index: 930;
  1132. }
  1133.  
  1134. .fancybox-opened .fancybox-skin {
  1135. -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  1136. -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  1137. box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  1138. }
  1139.  
  1140. .fancybox-outer, .fancybox-inner {
  1141. padding: 0;
  1142. margin: 0;
  1143. position: relative;
  1144. outline: none;
  1145. }
  1146.  
  1147. .fancybox-inner {
  1148. overflow: hidden;
  1149. }
  1150.  
  1151. .fancybox-type-iframe .fancybox-inner {
  1152. -webkit-overflow-scrolling: touch;
  1153. }
  1154.  
  1155. .fancybox-error {
  1156. color: #444;
  1157. font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  1158. margin: 0;
  1159. padding: 10px;
  1160. }
  1161.  
  1162. .fancybox-image, .fancybox-iframe {
  1163. display: block;
  1164. width: 100%;
  1165. height: 100%;
  1166. border: 0;
  1167. padding: 0;
  1168. margin: 0;
  1169. vertical-align: top;
  1170. }
  1171.  
  1172. .fancybox-image {
  1173. max-width: 100%;
  1174. max-height: 100%;
  1175. }
  1176.  
  1177. #fancybox-loading, .fancybox-prev span, .fancybox-next span {
  1178. background-image: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png');
  1179. }
  1180.  
  1181. #fancybox-loading {
  1182. position: fixed;
  1183. top: 50%;
  1184. left: 50%;
  1185. margin-top: -22px;
  1186. margin-left: -22px;
  1187. background-position: 0 -108px;
  1188. opacity: 0.8;
  1189. cursor: pointer;
  1190. z-index: 920;
  1191. }
  1192.  
  1193. #fancybox-loading div {
  1194. width: 44px;
  1195. height: 44px;
  1196. background: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
  1197. }
  1198.  
  1199. .fancybox-close {
  1200. background: url(https://cdn1.iconfinder.com/data/icons/customicondesign-mini-deepcolour-png/32/Close.png) no-repeat;
  1201. right: 21px;
  1202. bottom: 18px;
  1203. cursor: pointer;
  1204. height: 32px;
  1205. position: absolute;
  1206. text-indent: -9999px;
  1207. width: 32px;
  1208. }
  1209.  
  1210. .fancybox-nav {
  1211. position: absolute;
  1212. top: 0;
  1213. width: 40%;
  1214. height: 100%;
  1215. cursor: pointer;
  1216. background: transparent url('http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
  1217. -webkit-tap-highlight-color: rgba(0,0,0,0);
  1218. z-index: 940;
  1219. }
  1220.  
  1221. .fancybox-prev {
  1222. left: 0;
  1223. }
  1224.  
  1225. .fancybox-next {
  1226. right: 0;
  1227. }
  1228.  
  1229. .fancybox-nav span {
  1230. position: absolute;
  1231. top: 50%;
  1232. width: 36px;
  1233. height: 34px;
  1234. margin-top: -18px;
  1235. cursor: pointer;
  1236. z-index: 940;
  1237. visibility: hidden;
  1238. }
  1239.  
  1240. .fancybox-prev span {
  1241. left: 20px;
  1242. background-position: 0 -36px;
  1243. }
  1244.  
  1245. .fancybox-next span {
  1246. right: 20px;
  1247. background-position: 0 -72px;
  1248. }
  1249.  
  1250. .fancybox-nav:hover span {
  1251. visibility: visible;
  1252. }
  1253.  
  1254. .fancybox-tmp {
  1255. position: absolute;
  1256. top: -9999px;
  1257. left: -9999px;
  1258. padding: 0;
  1259. overflow: visible;
  1260. visibility: hidden;
  1261. }
  1262.  
  1263. /* Overlay helper */
  1264.  
  1265. #fancybox-overlay {
  1266. position: absolute;
  1267. top: 0;
  1268. left: 0;
  1269. overflow: hidden;
  1270. display: none;
  1271. z-index: 910;
  1272. background: rgb(0, 0, 0);
  1273. }
  1274.  
  1275. #fancybox-overlay.overlay-fixed {
  1276. position: fixed;
  1277. bottom: 0;
  1278. right: 0;
  1279. }
  1280.  
  1281. /* Title helper */
  1282.  
  1283. .fancybox-title {
  1284. visibility: hidden;
  1285. font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  1286. position: relative;
  1287. text-shadow: none;
  1288. z-index: 950;
  1289. }
  1290.  
  1291. .fancybox-opened .fancybox-title {
  1292. visibility: visible;
  1293. }
  1294.  
  1295. .fancybox-title-float-wrap {
  1296. position: absolute;
  1297. bottom: 0;
  1298. right: 50%;
  1299. margin-bottom: -35px;
  1300. z-index: 930;
  1301. text-align: center;
  1302. }
  1303.  
  1304. .fancybox-title-float-wrap .child {
  1305. display: inline-block;
  1306. margin-right: -100%;
  1307. padding: 2px 20px;
  1308. background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  1309. background: rgba(0, 0, 0, 0.8);
  1310. -webkit-border-radius: 15px;
  1311. -moz-border-radius: 15px;
  1312. border-radius: 15px;
  1313. text-shadow: 0 1px 2px #222;
  1314. color: #FFF;
  1315. font-weight: bold;
  1316. line-height: 24px;
  1317. white-space: nowrap;
  1318. }
  1319.  
  1320. .fancybox-title-outside-wrap {
  1321. position: relative;
  1322. margin-top: 10px;
  1323. color: #fff;
  1324. }
  1325.  
  1326. .fancybox-title-inside-wrap {
  1327. margin-top: 10px;
  1328. }
  1329.  
  1330. .fancybox-title-over-wrap {
  1331. position: absolute;
  1332. bottom: 0;
  1333. left: 0;
  1334. color: #fff;
  1335. padding: 10px;
  1336. background: #000;
  1337. background: rgba(0, 0, 0, .8);
  1338. }
  1339. /*ajax load*/
  1340. #ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 10000;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
  1341. /*tópico-fast*/
  1342. #form-tpc {
  1343. position: absolute;
  1344. z-index: 1;
  1345. background-color: #464646;
  1346. background-color: rgba(70, 70, 70, 0.6);
  1347. padding: 4px;
  1348. -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  1349. -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  1350. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
  1351. -moz-border-radius: 4px;
  1352. -webkit-border-radius: 4px;
  1353. border-radius: 4px;
  1354. right: 271px;
  1355. width: 540px;
  1356. }
  1357. #form-tpc input[type="text"], #form-tpc textarea {
  1358. font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
  1359. margin: 3px;
  1360. outline: none;
  1361. width: 97%;background: #FCFCFC;
  1362. border: 1px solid #D4D4D4;
  1363. box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
  1364. color: #9F9F9F;
  1365. display: block;
  1366. font-size: 16px;
  1367. font-weight: 700;
  1368. padding: 5px;
  1369. text-shadow: white 0 1px 0;
  1370. }
  1371. #form-tpc textarea {
  1372. height: 100px;
  1373. }
  1374. #form-tpc input[type="text"]:focus, #form-tpc textarea:focus {
  1375. -moz-box-shadow: inset 0 0 4px #f7d5d5, #fdd 0 0 3px;
  1376. -webkit-box-shadow: inset 0 0 4px #F7D5D5, #FDD 0 0 3px;
  1377. background-color: #FEFEFE;
  1378. border-color: #3FA6E4;
  1379. box-shadow: inset 0 0 4px #F7D5D5, #FDD 0 0 3px;
  1380. color: #555;
  1381. outline: none;
  1382. }
  1383. .tpc-content {float: right;}
  1384. .text {
  1385. display: none;
  1386. }
  1387. .tpc-button a {
  1388. -moz-border-radius: 3px;
  1389. -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
  1390. -webkit-border-radius: 3px;
  1391. -webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
  1392. background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar12.png) repeat-x top;
  1393. border: 1px solid #3A4752;
  1394. border-radius: 3px;
  1395. border-width: 1px 1px 0;
  1396. box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
  1397. cursor: pointer;
  1398. display: inline-block;
  1399. font-weight: 700;
  1400. line-height: 30px;
  1401. height: 30px;
  1402. min-width: 125px;
  1403. padding: 0 10px;
  1404. text-align: center;
  1405. color: white;
  1406. }
  1407. .tpc-button a:active {
  1408. position: relative;
  1409. top: 1px;
  1410. }
  1411. /*share post*/
  1412. #postShareUrl {
  1413. width: 95%;
  1414. font-size: 18px;
  1415. color: #999;
  1416. }
  1417. .pun .posthead h2 strong {
  1418. cursor: pointer;
  1419. }
  1420. .share-buttons {
  1421. margin: 11px;
  1422. }</style>
  1423. </div>
  1424.  
  1425. </div>
  1426.  
  1427. </div>
  1428.  
  1429. </div>
  1430. </div>
  1431. <ul>
  1432.  
  1433. <li>
  1434.  
  1435. </li>
  1436. </ul>
Add Comment
Please, Sign In to add comment