Guest User

Untitled

a guest
Sep 15th, 2017
76
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
  3. <head>
  4. <link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet">
  5. <link href="https://fonts.googleapis.com/css?family=Dancing+Script|Dosis|Lobster|Roboto+Slab|Sedgwick+Ave+Display|Source+Code+Pro" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Dancing+Script|Dosis|Lobster|Roboto+Slab|Sedgwick+Ave+Display" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Dosis|Lobster|Roboto+Slab|Sedgwick+Ave+Display" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=Dosis|Lobster|Roboto+Slab" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Dosis|Roboto+Slab" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=Exo+2:400,400i,500,500i,600,600i,700" rel="stylesheet">
  12. <link rel="stylesheet" type="text/css" href="https://deywes.github.io/assets/css/main.css">
  13. <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  14. <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  15. <meta http-equiv="content-script-type" content="text/javascript" />
  16. <meta http-equiv="content-style-type" content="text/css" />
  17. <!-- BEGIN switch_compat_meta -->
  18. <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  19. <!-- END switch_compat_meta -->
  20. <!-- BEGIN switch_canonical_url -->
  21. <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  22. <!-- END switch_canonical_url -->
  23. {META_FAVICO}
  24. {META}
  25. {META_FB_LIKE}
  26. <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  27. <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
  28. {T_HEAD_STYLESHEET}
  29. {CSS}
  30. <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  31. <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  32. <script src="{JQUERY_PATH}" type="text/javascript"></script>
  33. <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
  34.  
  35. <!-- BEGIN switch_fb_login -->
  36. <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  37. <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  38. <!-- END switch_fb_login -->
  39.  
  40. <!-- BEGIN switch_ticker -->
  41. <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  42. <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  43. <!-- END switch_ticker -->
  44. <!-- BEGIN switch_ticker_new -->
  45. <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  46. <script type="text/javascript">//<![CDATA[
  47. /* Definir le sens de direction en fonction du panneau admin */
  48. var tickerDirParam = "{switch_ticker.DIRECTION}";
  49. var slid_vert = false;
  50. var auto_dir = 'next';
  51. var h_perso = parseInt({switch_ticker.HEIGHT});
  52.  
  53. switch( tickerDirParam )
  54. {
  55. case 'top' :
  56. slid_vert = true;
  57. break;
  58.  
  59. case 'left':
  60. break;
  61.  
  62. case 'bottom':
  63. slid_vert = true;
  64. auto_dir = 'prev';
  65. break;
  66.  
  67. case 'right':
  68. auto_dir = 'prev';
  69. break;
  70.  
  71. default:
  72. slid_vert = true;
  73. }
  74.  
  75. $(document).ready(function() {
  76.  
  77. var width_max = $('ul#fa_ticker_content').width();
  78. var width_item = Math.floor(width_max / {switch_ticker.SIZE});
  79.  
  80. if (width_max > 0)
  81. {
  82. $('#fa_ticker_content').css('display','block');
  83.  
  84. $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
  85. if ($(this).width() > width_item)
  86. {
  87. var ratio = $(this).width() / width_item;
  88. var new_height = Math.round($(this).height() / ratio);
  89. $(this).height(new_height).width(width_item);
  90. }
  91. });
  92.  
  93. if (slid_vert)
  94. {
  95. var height_max = h_perso;
  96.  
  97. $('ul#fa_ticker_content li').each( function () {
  98. if ($(this).height() > height_max)
  99. {
  100. height_max = $(this).height();
  101. }
  102. } );
  103.  
  104. $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
  105. $('ul#fa_ticker_content li').height(height_max);
  106. }
  107.  
  108. $('#fa_ticker_content').jcarousel({
  109. vertical: slid_vert,
  110. wrap: 'circular',
  111. auto: {switch_ticker.STOP_TIME},
  112. auto_direction: auto_dir,
  113. scroll: 1,
  114. size: {switch_ticker.SIZE},
  115. height_max: height_max,
  116. animation: {switch_ticker.SPEED}
  117. });
  118. }
  119. else
  120. {
  121. $('ul#fa_ticker_content li:not(:first)').css('display','none');
  122. $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
  123. }
  124. });
  125. //]]>
  126. </script>
  127. <!-- END switch_ticker_new -->
  128.  
  129. <script type="text/javascript">
  130. //<![CDATA[
  131. $(document).ready(function(){
  132. <!-- BEGIN switch_enable_pm_popup -->
  133. pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
  134. if(pm != null) { pm.focus(); }
  135. <!-- END switch_enable_pm_popup -->
  136. <!-- BEGIN switch_report_popup -->
  137. report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
  138. if(report != null) { report.focus(); }
  139. <!-- END switch_report_popup -->
  140. <!-- BEGIN switch_ticker -->
  141. ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
  142. <!-- END switch_ticker -->
  143. });
  144.  
  145. <!-- BEGIN switch_login_popup -->
  146. var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
  147. <!-- END switch_login_popup -->
  148.  
  149. <!-- BEGIN switch_login_popup -->
  150. $(document).ready( function() {
  151. $(window).resize(function() {
  152. var windowWidth = document.documentElement.clientWidth;
  153. var popupWidth = $("#login_popup").width();
  154. var mypopup = $("#login_popup");
  155.  
  156. $("#login_popup").css({
  157. "left": windowWidth/2 - popupWidth/2
  158. });
  159. });
  160. });
  161. <!-- END switch_login_popup -->
  162. //]]>
  163. </script>
  164. {GREETING_POPUP}
  165. <!-- BEGIN switch_ticker_new -->
  166. <style>
  167. .jcarousel-skin-tango .jcarousel-item {
  168. text-align:center;
  169. width: 10px;
  170. }
  171.  
  172. .jcarousel-skin-tango .jcarousel-item-horizontal {
  173. margin-right: {switch_ticker.SPACING}px;
  174. }
  175.  
  176. .jcarousel-skin-tango .jcarousel-item-vertical {
  177. margin-bottom: {switch_ticker.SPACING}px;
  178. }
  179. </style>
  180. <!-- END switch_ticker_new -->
  181. {HOSTING_JS}
  182. <!-- BEGIN google_analytics_code -->
  183. <script type="text/javascript">
  184. //<![CDATA[
  185. var _gaq = _gaq || [];
  186. _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
  187. _gaq.push(["_trackPageview"]);
  188. _gaq.push(['_trackPageLoadTime']);
  189.  
  190. <!-- BEGIN google_analytics_code_bis -->
  191. _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
  192. _gaq.push(['b._trackPageview']);
  193. <!-- END google_analytics_code_bis -->
  194.  
  195. (function() {
  196. var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
  197. ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
  198. var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
  199. })();
  200. //]]>
  201. </script>
  202. <!-- END google_analytics_code -->
  203. <script>
  204. $(document).ready(function() {
  205. var btn_collapse = $('<div></div>', {
  206. class: 'btn-collapse'
  207. });
  208. var btn_collapse_show = $('<i></i>', {
  209. class: 'ion-android-add-circle hidden',
  210. 'data-tooltip': 'Expandir'
  211. }).appendTo(btn_collapse);
  212. var btn_collapse_hide = $('<i></i>', {
  213. class: 'ion-android-remove-circle',
  214. 'data-tooltip': 'Esconder'
  215. }).appendTo(btn_collapse);
  216. var collapsed = [];
  217. if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
  218. collapsed = readCookie('collapsed').split(',');
  219. }
  220. $(document).on('click', '.btn-collapse', function() {
  221. $(this).children('.ion-android-add-circle').toggleClass('hidden');
  222. $(this).children('.ion-android-remove-circle').toggleClass('hidden');
  223. $(this).parents('.forabg').toggleClass('hidden');
  224. if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
  225. collapsed = readCookie('collapsed').split(',');
  226. }
  227. if (!$(this).parents('.forabg').hasClass('hidden')) {
  228. removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);
  229. createCookie('collapsed', collapsed);
  230. } else {
  231. collapsed.push('' + $(this).parents('.forabg').data('cindex'));
  232. createCookie('collapsed', collapsed);
  233. }
  234. });
  235. $('.forabg').each(function(i) {
  236. $(this).data('cindex', '' + i);
  237. $(btn_collapse).clone().attr('id', 'forabg' + i).appendTo($(this).find('.header'));
  238. if ($.inArray('' + i, collapsed) > -1) {
  239. $(this).toggleClass('hidden');
  240. $('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden');
  241. $('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden');
  242. }
  243. });
  244. });
  245.  
  246. function removeFromArray(item, array) {
  247. var i = array.indexOf(item);
  248. if (i > -1) {
  249. array = array.splice(i, 1);
  250. }
  251. }
  252.  
  253. function createCookie(name, value, days) {
  254. var expires;
  255. if (days) {
  256. var date = new Date();
  257. date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
  258. expires = "; expires=" + date.toGMTString();
  259. } else {
  260. expires = "";
  261. }
  262. document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
  263. }
  264.  
  265. function readCookie(name) {
  266. var nameEQ = encodeURIComponent(name) + "=";
  267. var ca = document.cookie.split(';');
  268. for (var i = 0; i < ca.length; i++) {
  269. var c = ca[i];
  270. while (c.charAt(0) === ' ') c = c.substring(1, c.length);
  271. if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
  272. }
  273. return null;
  274. }
  275. </script>
  276. <style>
  277. @keyframes branding {
  278.  
  279. from {
  280. background-position: 0 0;
  281. }
  282.  
  283. to {
  284. background-position: 1600px 0;
  285. }
  286. }
  287.  
  288. /* #branding {
  289. animation: branding 40s linear infinite;
  290. }*/
  291. @keyframes logo {
  292. 0% {
  293. -ms-transform: rotate(-3deg);
  294. -webkit-transform: rotate(-3deg);
  295. transform: rotate(-3deg);
  296. }
  297. 25% {
  298. -ms-transform: rotate(3deg);
  299. -webkit-transform: rotate(3deg);
  300. transform: rotate(3deg);
  301. }
  302. 50% {
  303. -ms-transform: rotate(-3deg);
  304. -webkit-transform: rotate(-3deg);
  305. transform: rotate(-3deg);
  306. }
  307. 75% {
  308. -ms-transform: rotate(3deg);
  309. -webkit-transform: rotate(3deg);
  310. transform: rotate(3deg);
  311. }
  312. 100% {
  313. -ms-transform: rotate(-3deg);
  314. -webkit-transform: rotate(-3deg);
  315. transform: rotate(-3deg);
  316. }
  317.  
  318. </style>
  319. <link rel="stylesheet" href="http://static.tumblr.com/yiol0h8/AXWn3atj3/tipsy.css" type="text/css" />
  320. <script type="text/javascript" src="http://static.tumblr.com/yiol0h8/GOsn3atjv/jquery.tipsy.js"></script>
  321.  
  322. <script type='text/javascript'>
  323. $(function() {
  324. $('.tool-tip').tipsy({fade: true, gravity: 's'});
  325. });
  326. </script>
  327. </head>
  328.  
  329.  
  330. <body>
  331. <div id="ajax_loading"><img src="http://i.imgur.com/gygr8wi.gif" alt="Loading..."></div>
  332.  
  333. <!-- BEGIN hitskin_preview -->
  334. <div id="hitskin_preview" style="display: block;">
  335. <h1><img src="https://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
  336. <div class="content">
  337. <p>
  338. {hitskin_preview.L_THEME_SITE_PREVIEW}
  339. <br />
  340. <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
  341. </p>
  342. </div>
  343. </div>
  344. <!-- END hitskin_preview -->
  345.  
  346. <!-- BEGIN switch_login_popup -->
  347. <div id="login_popup" class="module main">
  348. <div id="login_popup_title" class="main-head">
  349. <div class="h3">{SITENAME}</div>
  350. </div>
  351. <div class="main-content">
  352. {LOGIN_POPUP_MSG}
  353. <div id="login_popup_buttons">
  354. <form action="{S_LOGIN_ACTION}" method="get">
  355. <input type="submit" class="button2" value="{L_LOGIN}" />
  356. <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
  357. <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
  358. </form>
  359. </div>
  360. </div>
  361. </div>
  362. <!-- END switch_login_popup -->
  363.  
  364.  
  365.  
  366.  
  367.  
  368. <style id="stylePrimary" type="text/css">body.cpe, .cpe #header, .cpe #secondary_navigation, .cpe #footer, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .submenu_container{ background-color: #55728b}.cpe #secondary_navigation a, .cpe #secondary_navigation{ color: #55728b} </style>
  369. <style id="styleSecondary" type="text/css">.cpe .topic_buttons li a, .cpe .pagination .pages li.active, .cpe .mini_pagination a, .cpe #vnc_filter_popup_close, .cpe .bar, .cpe .ipsSideBlock h3, .cpe .general_box h3, .cpe .statistics_head, .cpe .maintitle, .cpe ul.post_controls, .cpe ul.post_controls li.multiquote.selected a, .cpe #board_stats .value, .cpe .post_block h3, .input_submit{ background-color: #55728b }a, .cpe .ipsSideBlock h3, .cpe .ipsSideBlock h3 a, .cpe .general_box h3, .cpe .general_box h3 a, .cpe .bar, .cpe .bar a, .cpe .statistics_head, .cpe .statistics_head a, .cpe .poll h3 .desc, .cpe #board_stats .value{ color: #55728b } </style>
  370. <p id="content_jump" class="hide"><a id="top"></a><a href="#j_content" title="Jump to content" accesskey="m">Jump to content</a><a id="top" name="top" accesskey="t"></a></p>
  371.  
  372.  
  373. <style id="stylePrimary" type="text/css">body.cpe, .cpe #header, .cpe #secondary_navigation, .cpe #footer, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .submenu_container{ background-color: #55728b}.cpe #secondary_navigation a, .cpe #secondary_navigation{ color: #55728b} </style>
  374. <style id="styleSecondary" type="text/css">.cpe .topic_buttons li a, .cpe .pagination .pages li.active, .cpe .mini_pagination a, .cpe #vnc_filter_popup_close, .cpe .bar, .cpe .ipsSideBlock h3, .cpe .general_box h3, .cpe .statistics_head, .cpe .maintitle, .cpe ul.post_controls, .cpe ul.post_controls li.multiquote.selected a, .cpe #board_stats .value, .cpe .post_block h3, .input_submit{ background-color: #55728b }a, .cpe .ipsSideBlock h3, .cpe .ipsSideBlock h3 a, .cpe .general_box h3, .cpe .general_box h3 a, .cpe .bar, .cpe .bar a, .cpe .statistics_head, .cpe .statistics_head a, .cpe .poll h3 .desc, .cpe #board_stats .value{ color: #55728b } </style>
  375. <p id="content_jump" class="hide"><a id="top"></a><a href="#j_content" title="Jump to content" accesskey="m">Jump to content</a><a id="top" name="top" accesskey="t"></a></p>
  376.  
  377.  
  378.  
  379.  
  380.  
  381. <!-- BEGIN switch_user_logged_in -->
  382. <header><div id="branding">
  383. <div class="meio"><a href="/forum" id="logo" class="logo"></a></div></div></header>
  384. <!-- FA.END fa_user_menu --><div class="wrapper3 clearfix">
  385. <div id="logo">
  386. </div>
  387.  
  388. <div class="margin-fix-rezende" id="nav_wrap"><div class="wrapper clearfix"><!--
  389. ::: APPLICATION TABS ::: --><div id="primary_nav" class="clearfix"><ul class="ipsList_inline" id="community_app_menu"><li id="nav_app_ccs" class="left"><a href="/forum" title="Vá para a página inicial do fórum"><i class="fa fa-comments"></i> Início</a></li><li id="nav_app_ccs" class="left"><a href="/memberlist" title="Veja a lista de membros do fórum" id="grupos"><i class="fa fa-user"></i> Membros</a></li>
  390. <li id="nav_app_ccs" class="left"><a href="#" title="Veja nossas regras" id="regras"><i class="fa fa-book"></i> Regras</a>
  391. <ul class="second-level-menu">
  392. <li>
  393. <a href=""><i class="fa fa-gavel"></i> Regras do Servidor</a>
  394. <ul class="third-level-menu">
  395. <li><a href="#">Em Andamento</a></li>
  396. <li><a href="#">Em Andamento</a></li>
  397. <li><a href="#">Em Andamento</a></li>
  398. <li><a href="#">Em Andamento</a></li>
  399. </ul>
  400. </li>
  401. <li>
  402. <a href=""><i class="fa fa-comments"></i> Regras do Fórum</a>
  403. <ul class="four-level-menu">
  404. <li><a href="/t83-regras-forum"><i class="fa fa-cogs"></i> Gerais</a></li>
  405. <li><a href="/t2391-regras-denuncias"><i class="fa fa-balance-scale"></i> Denúncias</a></li>
  406. <li><a href="/t2392-regras-revisao-de-punicao"><i class="fa fa-search"></i> Revisão de Punição</a></li>
  407. </ul>
  408. </li>
  409. <li>
  410. <a href="/t3-regras-teamspeak"><i class="fa fa-volume-control-phone"></i> Regras do TS³</a></li>
  411. </ul>
  412. </li>
  413.  
  414.  
  415. <li id="nav_app_ccs" class="left"><a href="#" title="Veja as nossas atualizações" id="anonymous_element_247"><i class="fa fa-list-alt"></i> ChangeLog</a>
  416. <ul class="second-level-menu">
  417. <li> <a href="/t2203-atualizacoes-servidor"><i class="fa fa-gamepad"></i> Servidor</a></li>
  418. <li> <a href="/t1671-atualizacoes-forum"><i class="fa fa-comments"></i> Fórum</a></li>
  419. </ul>
  420. </li>
  421.  
  422. <li id="nav_app_ccs" class="left"><a href="/h21-" title="Veja nossa página de doação, seja um doador e ganhe muitos benefícios"><i class="fa fa-usd"></i> Doar</a></li><li id="nav_app_ccs" class="left"><a href="/h51-emblemas" title="Veja nossa loja de emblemas e obtenha muitas conquistas"><i class="fa fa-trophy"></i> Emblemas</a></li></ul></div>
  423. <div id="user_navigation" class="logged_in"><ul class="ipsList_inline">
  424. <li>
  425. <a href="/profile?mode=editprofile&page_profil=avatars" class="cp_avatar">
  426. <script type="text/javascript">document.write(_userdata.avatar);</script>
  427. </a>
  428. </li>
  429. <li>
  430. <script>function myDropMenu() { document.getElementById("myDropDown").classList.toggle("show");document.getElementById("notif_list").classList.remove('show');document.getElementById("drop_link").classList.toggle("select_link");document.getElementById("notify_link").classList.remove('select_link');}</script>
  431. <a id="drop_link" onclick="myDropMenu()" style="cursor: pointer;" > Meu Perfil <i class="fa fa-caret-down"></i> </a><div id="myDropDown" class="dropdown-content">
  432. <div class="left" style="z-index: 10000;">
  433. <ul class="submenu_links" style="z-index: 10000;">
  434. <li class="submenu_li" style="z-index: 10000;">
  435. <a href="/profile?mode=editprofile&page_profil=informations" style="z-index: 10000;">Perfil</a>
  436. </li>
  437. <li style="z-index: 10000;">
  438. <a href="/profile?mode=editprofile&page_profil=avatars" style="z-index: 10000;">Avatar</a>
  439. </li>
  440. <li style="z-index: 10000;">
  441. <a href="/profile?mode=editprofile&page_profil=signature" style="z-index: 10000;">Assinatura</a>
  442. </li>
  443. <li style="z-index: 10000;">
  444. <a href="/profile?mode=editprofile&page_profil=preferences" style="z-index: 10000;">Preferênicas</a>
  445. </li>
  446. </ul>
  447. </div>
  448. </div>
  449. </li><li><a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox&amp;tt=1" title="Mensagens"><i class="fa fa-envelope-o" aria-hidden="true"></i></a></li><li><a id="user_link" href="/login?logout=1">Sair</a></li></ul></div></div>
  450. </div>
  451.  
  452.  
  453. </div></div>
  454. </div></div>
  455.  
  456.  
  457. <div class="wrapper2">
  458.  
  459.  
  460.  
  461. <!-- ::: NAVIGATION BREADCRUMBS ::: -->
  462. </div>
  463.  
  464. <!-- END switch_user_logged_in -->
  465.  
  466.  
  467.  
  468.  
  469.  
  470.  
  471.  
  472.  
  473. <!-- BEGIN switch_user_logged_out -->
  474. <!-- FA.BEGIN fa_user_menu -->
  475.  
  476. <header><div id="branding">
  477. <div class="meio"><div class="logo"></div></div></div></header>
  478. <!-- FA.END fa_user_menu -->
  479. <div id="logo">
  480. </div>
  481.  
  482. <div class="margin-fix-rezende" id="nav_wrap"><div class="wrapper clearfix"><!--
  483. ::: APPLICATION TABS ::: --><div id="primary_nav" class="clearfix"><ul class="ipsList_inline" id="community_app_menu"><li id="nav_app_ccs" class="left"><a href="/forum" title="Vá para página inicial do fórum"><i class="fa fa-comments"></i> Início</a></li>
  484.  
  485. <li id="nav_app_ccs" class="left"><a href="" title="Veja nossas regras" id="regras"><i class="fa fa-book"></i> Regras</a>
  486. <ul class="second-level-menu">
  487. <li>
  488. <a href=""><i class="fa fa-gavel"></i> Regras do Servidor</a>
  489. <ul class="third-level-menu">
  490. <li><a href="#">Em Andamento</a></li>
  491. <li><a href="#">Em Andamento</a></li>
  492. <li><a href="#">Em Andamento</a></li>
  493. <li><a href="#">Em Andamento</a></li>
  494. </ul>
  495. </li>
  496. <li>
  497. <a href=""><i class="fa fa-comments"></i> Regras do Fórum</a>
  498. <ul class="four-level-menu">
  499. <li><a href="/t83-regras-forum"><i class="fa fa-cogs"></i> Gerais</a></li>
  500. <li><a href="/t2391-regras-denuncias"><i class="fa fa-balance-scale"></i> Denúncias</a></li>
  501. <li><a href="/t2392-regras-revisao-de-punicao"><i class="fa fa-search"></i> Revisão de Punição</a></li>
  502. </ul>
  503. </li>
  504. <li>
  505. <a href="/t3-regras-teamspeak"><i class="fa fa-volume-control-phone"></i> Regras do TS³</a></li>
  506. </ul>
  507. </li>
  508.  
  509.  
  510. <li id="nav_app_ccs" class="left"><a href="" title="Veja as nossas atualizações" id="anonymous_element_247"><i class="fa fa-list-alt"></i> ChangeLog</a>
  511. <ul class="second-level-menu">
  512. <li> <a href="/t2203-atualizacoes-servidor"><i class="fa fa-gamepad"></i> Servidor</a></li>
  513. <li> <a href="/t1671-atualizacoes-forum"><i class="fa fa-comments"></i> Fórum</a></li>
  514. </ul>
  515. </li>
  516. <li id="nav_app_ccs" class="left"><a href="/h21-" title="Veja nossa página de doação, seja um doador e ganhe muitos benefícios"><i class="fa fa-usd"></i> Doações</a></li></ul></div>
  517. <div id="user_navigation" class="not_logged_in">
  518. <ul class="ipsList_inline right">
  519. <li class="login"><a id="user_link" href="/login">Login</a></li>
  520. <li class="registro"><a id="user_link" href="/register">Registre-se</a></li></ul>
  521. </div>
  522.  
  523. <script type="text/javascript">
  524. new ipb.Menu($('primary_extra'),$('primary_extra_menucontent'));
  525. </script>
  526.  
  527.  
  528. </div></div>
  529. </div></div>
  530.  
  531. <div class="wrapper2">
  532.  
  533. </div>
  534.  
  535.  
  536. <!-- ::: NAVIGATION BREADCRUMBS ::: -->
  537. <div id="secondary_navigation" class="clearfix">
  538.  
  539.  
  540.  
  541. <ul id="secondary_links" class="ipsList_inline right">
  542.  
  543.  
  544. </ul>
  545. </div>
  546.  
  547.  
  548.  
  549.  
  550.  
  551. <!-- END switch_user_logged_out -->
  552. <a id="top" name="top" accesskey="t"></a>
  553.  
  554. <div class="minwidth_IE">
  555. <div class="layout_IE">
  556. <div class="container_IE">
  557. <div class="pun">
  558. <div id="pun-intro" class="clearfix">
  559. <a href="{U_INDEX}" id="pun-logo"><img src="" alt="{L_INDEX}" /></a>
  560.  
  561. <!-- BEGIN switch_h1 -->
  562. <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
  563. <!-- END switch_h1 -->
  564.  
  565. <!-- BEGIN switch_desc -->
  566. <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
  567. <!-- END switch_desc -->
  568. </div>
  569. <div id="pun-head">
  570. <div id="pun-navlinks">
  571. <ul class="clearfix">
  572. <li>{GENERATED_NAV_BAR}</li>
  573. </ul>
  574. </div>
  575. </div>
  576. <div class="wrapper-head">
  577. <div id="panel-top">
  578. <p style="text-align: center; color: #f1f1f1;"> Bem-vindo(a) ao Fórum Ultimate Life Roleplay.</p>
  579. <form class="fa-search1" action="/search">
  580. <div class="fa-search1-select">
  581. <a href="#" class="fa-search1-selected">Tudo</a>
  582. <ul class="fa-search1-dropdown"></ul>
  583. </div>
  584. <div class="fa-search1-input">
  585. <input type="text" name="search_keywords" placeholder="O que procura?" />
  586. <input type="hidden" name="search_where" />
  587. <button type="submit"><i class="ion-search"></i></button>
  588. </div>
  589. </form>
  590.  
  591. </div>
  592. </div>
  593. <!-- BEGIN switch_ticker_new -->
  594. <div id="fa_ticker_block" style="padding-top:4px;">
  595. <div class="module main">
  596. <div class="main-content clearfix">
  597. <div id="fa_ticker_container">
  598. <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
  599. <!-- BEGIN ticker_row -->
  600. <li>{switch_ticker.ticker_row.ELEMENT}</li>
  601. <!-- END ticker_row -->
  602. </ul>
  603. </div>
  604. </div>
  605. </div>
  606. </div>
  607. <!-- END switch_ticker_new -->
  608.  
  609. <!-- BEGIN switch_ticker -->
  610. <div id="fa_ticker_block" style="padding-top:4px;">
  611. <div class="module main">
  612. <div class="main-content clearfix">
  613. <div id="fa_ticker_container">
  614. <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
  615. <div class="fa_ticker_content">
  616. <!-- BEGIN ticker_row -->
  617. <div>{switch_ticker.ticker_row.ELEMENT}</div>
  618. <!-- END ticker_row -->
  619. </div>
  620. </div>
  621. </div>
  622. </div>
  623. </div>
  624. </div>
  625. <!-- END switch_ticker -->
  626.  
  627. <div id="page-body">
  628. <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
  629. <div id="outer-wrapper">
  630. <div id="wrapper">
  631. <div id="container">
  632. <div id="content">
  633. <div id="{ID_LEFT}">
  634. <!-- BEGIN giefmod_index1 -->
  635. {giefmod_index1.MODVAR}
  636. <!-- BEGIN saut -->
  637. <div style="height:{SPACE_ROW}px"></div>
  638. <!-- END saut -->
  639. <!-- END giefmod_index1 -->
  640. </div>
  641. <div id="main">
  642. <div id="main-content">
  643.  
  644. <!-- BEGIN html_validation -->
  645. </div>
  646. </div>
  647. </div>
  648. </div>
  649. </div>
  650. </div>
  651. </div>
  652. </div>
  653. </div>
  654. </div>
  655. </div>
  656. </div>
  657. </body>
  658. </html>
  659. <!-- END html_validation -->
  660. <style>.groupsField dd {
  661. position: relative;
  662. display: flex;
  663. align-items: center;
  664. }
  665.  
  666. .groupsField dd input[type="text"],
  667. .groupsField dd input[type="password"] {
  668. width: 100%;
  669. margin-top: -4px;
  670. }</style>
  671.  
  672. <style>
  673. #avatar > center > img {
  674. width: 48px;
  675. height: 48px;
  676. border-radius: 100%;
  677. border: 1px solid #B3B3B3;
  678. margin: -57px 267px;
  679. padding: 2px;
  680. background: white;
  681. }
  682. @charset 'UTF-8';
  683. #cssmenu ul,
  684. #cssmenu li,
  685. #cssmenu span,
  686. #cssmenu a {
  687. border: 0;
  688. margin: 0;
  689. padding: 0;
  690. position: relative;
  691. }
  692. #cssmenu {
  693. color: #878787;
  694. display: block;
  695. height: 37px;
  696. line-height: 37px;
  697. outline: none;
  698. padding: 0 15px;
  699. }
  700. #cssmenu:after,
  701. #cssmenu ul:after {
  702. content: '';
  703. display: block;
  704. clear: both;
  705. }
  706. #cssmenu a {
  707. display: inline-block;
  708. padding: 0 28px;
  709. color: #878787;
  710. font-family: Arial, Verdana, sans-serif;
  711. font-size: 12px;
  712. line-height: 52px;
  713. -webkit-box-shadow: inset rgba(0,0,0,0.05) 0 0 0 1px;
  714. background: #efefef;
  715. box-shadow: inset rgba(0,0,0,0.05) 0 0 0 1px;
  716. color: #878787;
  717. display: block;
  718. height: 37px;
  719. line-height: 37px;
  720. outline: none;
  721. padding: 0 15px;
  722. }
  723.  
  724. #cssmenu ul {
  725. list-style: none;
  726. box-shadow: inset 0 1px 0 whitesmoke;
  727. -moz-box-shadow: inset 0 1px 0 whitesmoke;
  728. -webkit-box-shadow: inset 0 1px 0 whitesmoke;
  729. }
  730. #cssmenu > ul {
  731. float: left;
  732. }
  733. #cssmenu > ul > li {
  734. float: left;
  735. }
  736.  
  737. #cssmenu > ul > li.active a,
  738. #cssmenu > ul > li:hover > a {
  739. background-color: #51aada;
  740. }
  741. #cssmenu .has-sub {
  742. z-index: 1;
  743. }
  744. #cssmenu .has-sub:hover > ul {
  745. display: block;
  746. }
  747. #cssmenu .has-sub ul {
  748. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  749. -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  750. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  751. display: none;
  752. position: absolute;
  753. width: 200px;
  754. top: 100%;
  755. left: 0;
  756. }
  757. #cssmenu .has-sub ul li a {
  758. background: #51aada;
  759. border-bottom: 1px solid #51aada;
  760. box-shadow: inset 0 1px 0 #51aada;
  761. -moz-box-shadow: inset 0 1px 0 #51aada;
  762. -webkit-box-shadow: inset 0 1px 0 #51aada;
  763. color: white;
  764. display: block;
  765. line-height: 326%;
  766. }
  767. #cssmenu .has-sub ul li:hover a {
  768. background-color: #0d6ea3;
  769. }
  770. #cssmenu .has-sub .has-sub:hover > ul {
  771. display: block;
  772. }
  773. #cssmenu .has-sub .has-sub ul {
  774. display: none;
  775. position: absolute;
  776. left: 100%;
  777. top: 0;
  778. }
  779. #cssmenu .has-sub .has-sub ul li a {
  780. background: #0d6ea3;
  781. box-shadow: none;
  782. -moz-box-shadow: none;
  783. -webkit-box-shadow: none;
  784. }
  785. #cssmenu .has-sub .has-sub ul li a:hover {
  786. background: #0d6ea3;
  787. box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
  788. -moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
  789. -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
  790. }
  791. #avatar > center > img {float:right!important;}
  792. .dropdown-content {
  793. background: dimgrey;
  794. border-radius: 3px;
  795. margin: -12px;
  796. display: none!important;
  797. margin-left: -7px;
  798. position: absolute;
  799. border: 0;
  800. box-shadow: 0 0 14px rgba(0,0,0,0.3);
  801. font-size: 12px;
  802. min-width: 101px;
  803. text-align: center;
  804. z-index: 10000;
  805. text-shadow: none!important;
  806. }
  807. .dropdown-content a {
  808. border-bottom: 1px solid #858585;
  809. color: #a7a29e;
  810. display: block;
  811. padding: 0px 19px;
  812. }
  813. .show {
  814. display: block!important;
  815. }
  816. #myDropDown > a:nth-child(1) , #myDropDown > a:nth-child(2) , #myDropDown > a:nth-child(3) , #myDropDown > a:nth-child(4) {height:40px;margin-top:-20px;}
  817. #myDropDown > a:nth-child(5) , #myDropDown > a:nth-child(6) , #myDropDown > a:nth-child(7) , #myDropDown > a:nth-child(8) {height:40px;margin-top:-20px;}
  818. #drop_link img {
  819. margin-top: 49px!important;
  820. margin-left:-30px;
  821. position:absolute;
  822. }
  823. ul#userProfile.ipsList_inline.right li a:hover {
  824. color: #fff;
  825. }
  826. ul#userProfile.ipsList_inline.right li a {
  827. color: #a7a29e;
  828. }
  829. #user_navigation a:hover {
  830. color: #000;
  831. }
  832. /*Menu-DropDown*/
  833. #perfil_drop{
  834. background: linear-gradient(#FFF, #EDEDED) repeat scroll 0px 0px transparent;
  835. border: 0px none !important;
  836. border-radius: 0px 0px 6px 6px;
  837. box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);
  838. color: #225985;
  839. font-family: helvetica,arial,sans-serif;
  840. font-size: 12px;
  841. font-style: normal;
  842. font-variant: normal;
  843. font-weight: 400;
  844. overflow: hidden;
  845. position: absolute;
  846. right: 9.2%;
  847. text-align: left;
  848. top: 36px;
  849. width: 360px;
  850. z-index: 999;
  851. }
  852. .nav_c{
  853. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)!important;
  854. }
  855.  
  856. .avat img {
  857. background: none repeat scroll 0px 0px #FFF;
  858. border: 1px solid #D5D5D5;
  859. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  860. height: 50px;
  861. margin: 10px;
  862. padding: 1px;
  863. width: 50px;
  864. }
  865. #perfil_drop li {
  866. float: right;
  867. line-height: 22px;
  868. white-space: nowrap;
  869. width: 38%;
  870. }
  871. #perfil_drop li a {
  872. color: #00569C;
  873. text-decoration: none;
  874. }
  875. .menu_active {
  876. background: #fff;
  877. border-radius: 5px 5px 0 0;
  878. color: #000!important;
  879. }
  880. #ajax_loading {
  881. -moz-border-radius: 0 0 5px 5px;
  882. -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  883. -webkit-border-bottom-left-radius: 5px;
  884. -webkit-border-bottom-right-radius: 5px;
  885. -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  886. background: #000;
  887. border-radius: 0 0 5px 5px;
  888. box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  889. color: #fff;
  890. left: 46%;
  891. opacity: .6;
  892. padding: 5px 0 8px;
  893. position: fixed;
  894. text-align: center;
  895. top: 0;
  896. width: 8%;
  897. z-index: 999;
  898. z-index: 999;
  899. transition: all ease 550ms;
  900. }
  901. </style>
  902. <style>
  903. div#fundo, .caixa {display: none;}
  904. div#fundo {
  905. background: #000;
  906. position: fixed;
  907. width: 100%;
  908. top: 0px;
  909. height: 100%;
  910. left: 0px;
  911. z-index: 1;
  912. opacity: 0.7;
  913. cursor: pointer;
  914. }
  915.  
  916. .blourpShek_box {padding: 10px;}
  917.  
  918. .caixa {
  919. height: auto;
  920. left: 25%;
  921. position: fixed;
  922. top: 10%;
  923. width: 50%;
  924. z-index: 2;
  925. }
  926. .groupsField dd {margin-bottom: 3px;}
  927. span.icon {padding: 5px;}
  928.  
  929. .bgWhite {
  930. background: #fff;
  931. width: 50% !important;
  932. }
  933.  
  934. .caixa .groupsField input {
  935. background: transparent;
  936. border: none;
  937. height: 25px;
  938. }
  939.  
  940. .groupsField {
  941. padding: 10px;
  942. }
  943.  
  944. .messagShek {
  945. background: #0076b1;
  946. }
  947. .messagShek h2 {color: #fff !important;border-bottom: 1px solid #fff;}
  948.  
  949. .buttonLink a {color: #fff;font-size: auto !important; border: none !important;}
  950.  
  951. .messagShek p {
  952. color: #fff;
  953. font-size: 15px;
  954. }
  955.  
  956. .buttonLink {
  957. color: #fff !important;
  958. background: #12a3eb;
  959. cursor: pointer;
  960. padding: 10px;
  961. border-radius: 5px;
  962. }
  963.  
  964. .buttonLink:hover {
  965. background: #105289 !important;
  966. }
  967.  
  968. .buttonConn {
  969. color: #fff !important;
  970. background: #12a3eb !important;
  971. cursor: pointer !important;
  972. padding: 10px !important;
  973. border-radius: 5px !important;
  974. height: auto !important;
  975. }
  976.  
  977. .buttonConn:hover {
  978. background: #105289 !important;
  979. }
  980. .pun .user .user-info .post_field:nth-last-child(2){
  981. border: 0px solid #DDD;
  982. border-left: 0px solid #DDD;
  983. margin-bottom:0px;
  984. padding: 4px;
  985. text-align: center;
  986. float: left;
  987. }
  988. /* Menu Styles */
  989.  
  990. .third-level-menu
  991. {
  992. position: absolute;
  993. top: -20px;
  994. right: -150px;
  995. width: 150px;
  996. list-style: none;
  997. padding: 0;
  998. margin: 0;
  999. display: block;
  1000. }
  1001. .third-level-menu > li
  1002. {
  1003. background: #333 !important;
  1004. color: #000;
  1005. font-size: 12px;
  1006. padding: 2px 9px;
  1007. text-decoration: none;
  1008. transition: color .2s ease;
  1009. width: 200px;
  1010. position: relative;
  1011. box-shadow: 2px 1px 2px 1px rgba(27, 27, 27, 0.17);
  1012. transform: translate(0, 20px);
  1013. }
  1014. .third-level-menu > li:hover { background: #2ea3f2 !important; color: #ccc;}
  1015.  
  1016. .second-level-menu
  1017. {
  1018. position: absolute;
  1019. top: 30px;
  1020. left: 0;
  1021. width: 150px;
  1022. list-style: none;
  1023. padding: 0;
  1024. margin: 0;
  1025. display: block;
  1026. color: #000;
  1027. }
  1028. .second-level-menu > li
  1029. {
  1030. background: #333 !important;
  1031. color: #000;
  1032. font-size: 12px;
  1033. padding: 2px 9px;
  1034. text-decoration: none;
  1035. transition: color .2s ease;
  1036. width: 200px;
  1037. position: relative;
  1038. box-shadow: 2px 1px 2px 1px rgba(27, 27, 27, 0.17);
  1039. transform: translate(0, 20px);
  1040. }
  1041. .second-level-menu > li:hover { background: #2ea3f2 !important; color: #ccc !important;}
  1042.  
  1043. #community_app_menu
  1044. {
  1045. list-style: none;
  1046. padding: 0;
  1047. margin: 0;
  1048. }
  1049.  
  1050. #community_app_menu li:hover > ul
  1051. {
  1052. z-index: 9999 !important;
  1053. display: inline;
  1054. }
  1055. /* Menu Link Styles */
  1056.  
  1057. #community_app_menu a /* Apply to all links inside the multi-level menu */
  1058. {
  1059. display: block;
  1060. line-height: 30px;
  1061. }
  1062. #community_app_menu a:hover { color: #000000; transform: translate(0, 0); }
  1063. .second-level-menu:before {
  1064. content: ' ';
  1065. position: absolute;
  1066. top: 7px;
  1067. left: 20px;
  1068. width: 0;
  1069. height: 3px;
  1070. border-style: solid;
  1071. border-width: 0 10px 10px 10px;
  1072. border-color: transparent transparent #333 transparent;
  1073. z-index: 99999;
  1074. }
  1075. .second-level-menu > li:after {
  1076. -moz-transform: rotate(-45deg);
  1077. -moz-transition: border-color .2s ease;
  1078. -ms-transform: rotate(-45deg);
  1079. -ms-transition: border-color .2s ease;
  1080. -o-transform: rotate(-45deg);
  1081. -o-transition: border-color .2s ease;
  1082. -webkit-transform: rotate(-45deg);
  1083. -webkit-transition: border-color .2s ease;
  1084. border-bottom: 1px solid #fff;
  1085. border-right: 1px solid #fff;
  1086. content: "";
  1087. height: 4px;
  1088. position: absolute;
  1089. right: 10px;
  1090. top: 13px;
  1091. transform: rotate(-45deg);
  1092. transition: border-color .2s ease;
  1093. width: 4px;
  1094. }
  1095. #community_app_menu a {
  1096. color: #fff !important;
  1097. }
  1098. .second-level-menu:hover > ul,
  1099. .second-level-menu > ul:hover {
  1100. opacity: 1;
  1101. transform: translate(0, 0);
  1102. pointer-events: auto;
  1103. }
  1104.  
  1105. /* Tooltip */
  1106. .tooltipster-default {
  1107. background: #2d2d2d !important;
  1108. border-radius: 5px;
  1109. box-shadow: 0 0 14px rgba(0,0,0,0.3);
  1110. color: #ffffff !important;
  1111. }
  1112. .tooltip-actions {
  1113. width: 100%;
  1114. float: left;
  1115. margin: 8px -10px -8px -10px;
  1116. padding: 5px 10px 5px 10px;
  1117. background: #212121 !important;
  1118. }
  1119. .fa_group_preview {
  1120. font-family: Arial;
  1121. font-size: 12px;
  1122. color: #fff !important;
  1123. }
  1124. .lz-dropdown-user::before {
  1125. border-color: transparent transparent #333 transparent !important;
  1126. }
  1127. #primary_nav #community_app_menu li ul {
  1128. z-index: 9999 !important;
  1129. transition: none !important;
  1130. }
  1131.  
  1132. #primary_nav #community_app_menu * {
  1133. transition: none !important;
  1134. }
  1135.  
  1136. #primary_nav #community_app_menu li > ul::before {
  1137. display: none;
  1138. }
  1139.  
  1140. #primary_nav #community_app_menu li:hover > ul::before {
  1141. display: block;
  1142. }
  1143.  
  1144. #primary_nav #community_app_menu li > ul > li {
  1145. height: 0px;
  1146. font-size: 0px;
  1147. opacity: 0;
  1148. visibility: hidden;
  1149. transition: height 200ms linear !important;
  1150. }
  1151.  
  1152. #primary_nav #community_app_menu li:hover > ul > li {
  1153. height: 32px;
  1154. visibility: visible;
  1155. font-size: 13px;
  1156. opacity: 1;
  1157. }
  1158. .four-level-menu
  1159. {
  1160. position: absolute;
  1161. top: -20px;
  1162. right: -150px;
  1163. width: 150px;
  1164. list-style: none;
  1165. padding: 0;
  1166. margin: 0;
  1167. display: block;
  1168. -webkit-transition: all 0.25s ease-in-out;
  1169. }
  1170. .four-level-menu > li
  1171. {
  1172. background: #333 !important;
  1173. color: #000;
  1174. font-size: 12px;
  1175. padding: 2px 9px;
  1176. text-decoration: none;
  1177. transition: color .2s ease;
  1178. width: 200px;
  1179. position: relative;
  1180. box-shadow: 2px 1px 2px 1px rgba(27, 27, 27, 0.17);
  1181. transform: translate(0, 20px);
  1182. }
  1183. .four-level-menu > li:hover { background: #2ea3f2 !important; color: #ccc;}
  1184. #community_app_menu li:hover {
  1185. z-index: 10000;
  1186. }
  1187. .wrapper-head {
  1188. border-top: 2px solid #7bb7b7;
  1189. }
  1190. global.min.css:1
  1191. .wrapper-head {
  1192. background: #202C38;
  1193. width: 100%;
  1194. margin: 0 auto 0px;
  1195. text-align: center;
  1196. border-top: 2px solid #4da6ff;
  1197. border-bottom: 2px solid #beccda;
  1198. }
  1199. #panel-top p {
  1200. margin-top: 20px;
  1201. padding-top: 15px;
  1202. color: #fff !important;
  1203. }
  1204. #panel-top {
  1205. background: #2ea3f2;
  1206. height: 45px;
  1207. }
  1208. .fa-search1 {
  1209. position: absolute;
  1210. display: flex;
  1211. right: 65px;
  1212. margin-top: -23px;
  1213. }
  1214.  
  1215. .fa-search1-select {
  1216. line-height: 32px;
  1217. text-align: center;
  1218. min-width: 120px;
  1219. font-size: 12px;
  1220. box-sizing: border-box;
  1221. transition: 250ms transform;
  1222. transform-origin: right center;
  1223. transform: scaleX(0);
  1224. }
  1225.  
  1226. .fa-search1-transition-in .fa-search1-select {
  1227. transition-delay: 250ms;
  1228. }
  1229.  
  1230. .fa-search1-focus .fa-search1-select {
  1231. z-index: 99999;
  1232. transform: scaleX(1);
  1233. }
  1234.  
  1235. .fa-search1-select > a::after {
  1236. content: "\f123";
  1237. font-family: Ionicons;
  1238. margin-left: 5px;
  1239. }
  1240.  
  1241. .fa-search1-select > a {
  1242. background-color: #ccc;
  1243. border-radius: 16px 0 0 16px;
  1244. padding: 0 20px;
  1245. transition: 250ms background-color;
  1246. }
  1247.  
  1248. .fa-search1-select > a:hover,
  1249. .fa-search1-select > a:active,
  1250. .fa-search1-select > a:focus {
  1251. background-color: #b7b7b7;
  1252. color: #000;
  1253. }
  1254.  
  1255. .fa-search1-selected,
  1256. .fa-search1-dropdown > li > a {
  1257. color: #333;
  1258. text-decoration: none;
  1259. display: block;
  1260. }
  1261.  
  1262. .fa-search1-dropdown {
  1263. box-shadow: 2px 1px 2px 1px rgba(27, 27, 27, 0.17);
  1264. background-color: #333;
  1265. margin: 0;
  1266. padding: 0;
  1267. border-radius: 3px;
  1268. position: absolute;
  1269. top: 47px;
  1270. transform: translate(0, -15px);
  1271. opacity: 0;
  1272. pointer-events: none;
  1273. transition-duration: 250ms;
  1274. transition-property: transform, opacity;
  1275. }
  1276.  
  1277. .fa-search1-open .fa-search1-dropdown {
  1278. opacity: 1;
  1279. transform: translate(0, 0);
  1280. pointer-events: auto;
  1281. }
  1282.  
  1283. .fa-search1-dropdown::before,
  1284. .fa-search1-dropdown::after {
  1285. content: ' ';
  1286. position: absolute;
  1287. width: 0;
  1288. height: 0;
  1289. border-style: solid;
  1290. border-width: 0 15px 15px 15px;
  1291. border-color: transparent transparent #333333 transparent;
  1292. top: -15px;
  1293. left: 50%;
  1294. transform: translate(-50%, 0)
  1295. }
  1296.  
  1297. .fa-search1-dropdown::before {
  1298. border-width: 0 17px 17px 17px;
  1299. top: -17px;
  1300. border-color: transparent transparent #444 transparent;
  1301. }
  1302.  
  1303. .fa-search1-dropdown > li {
  1304. list-style: none;
  1305. text-align: left;
  1306. }
  1307.  
  1308. .fa-search1-dropdown > li > a {
  1309. color: #fff !important;
  1310. display: block;
  1311. padding: 0 30px;
  1312. line-height: 40px;
  1313. position: relative;
  1314. white-space: nowrap;
  1315. transition: 250ms background-color;
  1316. }
  1317.  
  1318. .fa-search1-dropdown > li > a:hover,
  1319. .fa-search1-dropdown > li > a:active,
  1320. .fa-search1-dropdown > li > a:focus {
  1321. background-color: #2ea3f2;
  1322. }
  1323.  
  1324. .fa-search1-dropdown > li > a::before {
  1325. position: absolute;
  1326. font-size: 16px;
  1327. left: 15px;
  1328. top: 50%;
  1329. transform: translate(-50%, -50%);
  1330. font-family: Ionicons;
  1331. }
  1332.  
  1333. .fa-search1-dropdown > li > .fa-search1-all {
  1334. color: #fff !important;
  1335. border-bottom: 1px #444 solid;
  1336. border-radius: 3px;
  1337. }
  1338.  
  1339. .fa-search1-dropdown > li > .fa-search1-advanced {
  1340. border-radius: 3px;
  1341. border-top: 1px #444 solid;
  1342. }
  1343.  
  1344. .fa-search1-dropdown > li > .fa-search1-advanced::before {
  1345. content: "\f13e";
  1346. }
  1347.  
  1348. .fa-search1-dropdown > li > .fa-search1-active::before {
  1349. content: "\f122";
  1350. }
  1351.  
  1352. .fa-search1-input {
  1353. position: relative;
  1354. }
  1355.  
  1356. .fa-search1-input input {
  1357. line-height: 32px;
  1358. border: none;
  1359. padding: 0 15px;
  1360. border-radius: 16px;
  1361. min-width: 200px;
  1362. transition: 250ms border-radius;
  1363. }
  1364.  
  1365. .fa-search1-transition-out .fa-search1-input input {
  1366. transition-delay: 250ms;
  1367. }
  1368.  
  1369. .fa-search1-focus .fa-search1-input input {
  1370. border-radius: 0 16px 16px 0;
  1371. }
  1372.  
  1373. .fa-search1-input input:active,
  1374. .fa-search1-input input:focus {
  1375. outline: none;
  1376. }
  1377.  
  1378. .fa-search1-input button {
  1379. position: absolute;
  1380. top: 50%;
  1381. right: 5px;
  1382. transform: translate(0, -50%);
  1383. background: none;
  1384. border: none;
  1385. padding: 0;
  1386. margin: 0;
  1387. font-size: 16px;
  1388. width: 24px;
  1389. height: 24px;
  1390. line-height: 24px;
  1391. border-radius: 50%;
  1392. cursor: pointer;
  1393. transition: 250ms background-color;
  1394. }
  1395.  
  1396. .fa-search1-input button:active,
  1397. .fa-search1-input button:hover,
  1398. .fa-search1-input button:focus {
  1399. background-color: #eee;
  1400. outline: none;
  1401. }
  1402. </style>
RAW Paste Data