HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URL's added here will be added as <link>
s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
Any URL's added here will be added as <script>
s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by Skypack, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ES6 import
usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<div class="fadeIn fadeIn-delay" id="lista" style=" background-image: url('https://4.bp.blogspot.com/-AReWpEuootE/VQXU498UQnI/AAAAAAAAzt4/e9EQryU1rzY/s1600/fundo1.png'); padding:5px; width:468px; height:1011px; margin-left:auto; margin-right:auto; text-align:left;">
<div id="lista_titulo" onclick="clearAll()" style=" overflow:hidden; cursor: pointer;" title="Clique aqui para limpar todos os Wireds">
<span style="float:left; font-size:24px; padding:5px; padding-left:8px; font-weight:bold">
<b>
Wireds
</b>
</span>
<span id="total0" style="float:right; font-size:20px; padding-top:7px; padding-right:33px; font-weight: bold;">
0
</span>
</div>
<div id="categorias" style="padding:6px; padding-top:7px;">
<div id="ativadores" style="padding:3px; margin-bottom:6px; overflow:hidden; height:167px;">
<div id="ativadores_titulo" onclick="clearAtivadores()" style="height:16px; overflow:hidden; padding:5px; padding-right:23px;; color:rgb(255,255,255); cursor: pointer;" title="Clique aqui para limpar todos os Ativadores">
<span style="float:left;">
Ativadores
</span>
<span id="total_ativadores" style="float:right;">
0
</span>
</div>
<div id="ativadores_corpo" style="padding:2px; height:138px;">
<div class="unidade" title="Ativador: Bot alcança usuário » 7 câmbios">
<div class="abau" id="IMG_ativadores_0" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_0" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
</input>
</div>
<div class="unidade" title="Ativador: Bot alcança Mobi » 7 câmbios">
<div class="abam" id="IMG_ativadores_1" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_1" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
</input>
</div>
<div class="unidade" title="Ativador: Habbo anda no Mobi » 4 câmbios">
<div class="ahanm" id="IMG_ativadores_2" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_2" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
</input>
</div>
<div class="unidade" title="Ativador: Habbo sai do Mobi » 4 câmbios">
<div class="ahsdm" id="IMG_ativadores_3" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_3" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Ativador: Habbo diz algo » 4 câmbios">
<div class="ahda" id="IMG_ativadores_4" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_4" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Ativador: Estado do Mobi é alterado » 4 câmbios">
<div class="aedmea" id="IMG_ativadores_5" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_5" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
</input>
</div>
<div class="unidade" title="Ativador: Habbo entra no Quarto » 5 câmbios">
<div class="ahenq" id="IMG_ativadores_6" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_6" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
</input>
</div>
<div class="unidade" title="Ativador: Repetir Efeito » 6 câmbios">
<div class="are" id="IMG_ativadores_7" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_7" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
</input>
</div>
<div class="unidade" title="Ativador: No tempo escolhido » 6 câmbios">
<div class="ante" id="IMG_ativadores_8" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_8" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
</input>
</div>
<div class="unidade" title="DISPARADOR WIRED: Pontuação obtida » 5 câmbios">
<div class="dwpo" id="IMG_ativadores_9" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_9" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
</input>
</div>
<div class="unidade" title="Ativador: Final de Jogo » 5 câmbios">
<div class="afdj" id="IMG_ativadores_10" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_10" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
</input>
</div>
<div class="unidade" title="Ativador: Começo de Jogo » 5 câmbios">
<div class="acdj" id="IMG_ativadores_11" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_11" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
</input>
</div>
<div class="unidade" title="DISPARADOR WIRED: Batida » 7 câmbios">
<div class="dwb" id="IMG_ativadores_12" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_12" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
</input>
</div>
<div class="unidade" title="DISPARADOR WIRED: Duração periódica » 7 câmbios">
<div class="dwdp" id="IMG_ativadores_13" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_ativadores_13" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
</input>
</div>
</div>
</div>
<div id="efeitos" style="padding:3px; margin-bottom:6px; overflow:hidden; height:237px;">
<div id="efeitos_titulo" onclick="clearEfeitos()" style="height:16px; overflow:hidden; padding:5px; padding-right:23px;; color:rgb(255,255,255); cursor: pointer;" title="Clique aqui para limpar todos os Efeitos">
<span style="float:left;">
Efeitos
</span>
<span id="total_efeitos" style="float:right;">
0
</span>
</div>
<div id="efeitos_corpo" style="padding:2px; height:207px;">
<div class="unidade" title="EFEITO WIRED: Teletransportar Bot ao Mobi » 10 câmbios">
<div class="ewtbam" id="IMG_efeitos_0" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_0" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="EFEITO WIRED: Bot muda de roupa » 10 câmbios">
<div class="ewbmdr" id="IMG_efeitos_1" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_1" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="EFEITO WIRED: Bot vá ao Mobi » 10 câmbios">
<div class="ewbvam" id="IMG_efeitos_2" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_2" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="EFEITO WIRED: Bot fala ou sussurra a todos os usuários » 10 câmbios">
<div class="ewbfosatou" id="IMG_efeitos_3" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_3" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="EFEITO WIRED: Bot fala ou sussurra » 10 câmbios">
<div class="ewbfos" id="IMG_efeitos_4" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_4" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="EFEITO WIRED: Bot segue usuário » 10 câmbios">
<div class="ewbsu" id="IMG_efeitos_5" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_5" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="EFEITO WIRED: Bot dá item de mão » 10 câmbios">
<div class="ewbdidm" id="IMG_efeitos_6" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_6" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="EFEITO WIRED: Kickar Usuário » 10 câmbios">
<div class="ewku" id="IMG_efeitos_7" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_7" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Efeito: Mostrar mensagem » 4 câmbios">
<div class="emm" id="IMG_efeitos_8" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_8" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Efeito: Mudar estado do Mobi » 4 câmbios">
<div class="emedm" id="IMG_efeitos_9" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_9" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Efeito: Mover e Rotacionar Mobi » 4 câmbios">
<div class="emerm" id="IMG_efeitos_10" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_10" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Efeito: Teleportar para Mobi » 6 câmbios">
<div class="etpm" id="IMG_efeitos_11" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_11" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Efeito: Mobis que voltam à programação original » 8 câmbios">
<div class="emqvapo" id="IMG_efeitos_12" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_12" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="EFEITO WIRED: Faz pilhas de wireds » 10 câmbios">
<div class="ewfpdw" id="IMG_efeitos_13" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_13" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Efeito: Reiniciar tempo » 6 câmbios">
<div class="ert" id="IMG_efeitos_14" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_14" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Efeito : Dar Pontos » 10 câmbios">
<div class="edp" id="IMG_efeitos_15" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_15" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="EFEITO WIRED: Perseguir » 7 câmbios">
<div class="ewp" id="IMG_efeitos_16" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_16" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="EFEITO WIRED: Fugir » 7 câmbios">
<div class="ewf" id="IMG_efeitos_17" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_17" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="EFEITO WIRED: Pontuação recebida » 10 câmbios">
<div class="ewpr" id="IMG_efeitos_18" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_18" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="EFEITO WIRED: Entrar na Equipe » 7 câmbios">
<div class="ewene" id="IMG_efeitos_19" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_19" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="EFEITO WIRED: Sair da Equipe » 7 câmbios">
<div class="ewsde" id="IMG_efeitos_20" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_20" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="WIRED Effect: Change Furni Direction » 7 câmbios">
<div class="wecfd" id="IMG_efeitos_21" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_efeitos_21" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
</div>
</div>
<div id="condicoes" style="padding:3px; margin-bottom:6px; overflow:hidden; height:237px;">
<div id="condicoes_titulo" onclick="clearCondicoes()" style="height:16px; overflow:hidden; padding:5px; padding-right:23px;; color:rgb(255,255,255); cursor: pointer;" title="Clique aqui para limpar todos as Condições">
<span style="float:left;">
Condições
</span>
<span id="total_condicoes" style="float:right;">
0
</span>
</div>
<div id="condicoes_corpo" style="padding:2px; height:145px;">
<div class="unidade" title="Condição: Usuário tem item de mão » 5 câmbios">
<div class="cutidm" id="IMG_condicoes_0" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_0" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="WIRED Condição negativa: NÃO há Mobis em cima » 5 câmbios">
<div class="wcnnhmec" id="IMG_condicoes_1" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_1" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="WIRED Condição negativa: Mobis NÃO têm usuários em cima » 5 câmbios">
<div class="wcnmntuec" id="IMG_condicoes_2" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_2" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="WIRED Condição negativa: NÃO é membro de grupo » 5 câmbios">
<div class="wcnnemdg" id="IMG_condicoes_3" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_3" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="WIRED Condição negativa: NÃO é membro do time » 5 câmbios">
<div class="wcnnemdt" id="IMG_condicoes_4" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_4" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="WIRED Condição negativa: O estado do Mobi NÃO coincide » 5 câmbios">
<div class="wcnoedmnc" id="IMG_condicoes_5" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_5" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="WIRED Condição: Tipo de Mobi NÃO coincide » 5 câmbios">
<div class="wctdmnc" id="IMG_condicoes_6" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_6" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="WIRED Condição negativa: Ativador NÃO está no Mobi » 5 câmbios">
<div class="wcnanenm" id="IMG_condicoes_7" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_7" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="WIRED Condição: NÃO há usuários suficientes no quarto » 5 câmbios">
<div class="wcnhusnq" id="IMG_condicoes_8" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_8" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="CONDIÇÃO WIRED: Membro do Grupo » 5 câmbios">
<div class="cwmdg" id="IMG_condicoes_9" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_9" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="CONDIÇÃO WIRED: Membro da Equipe » 5 câmbios">
<div class="cwmde" id="IMG_condicoes_10" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_10" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="CONDIÇÃO WIRED: Mobis com Habbos » 5 câmbios">
<div class="cwmch" id="IMG_condicoes_11" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_11" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Condição: Ter Mobi em cima » 5 câmbios">
<div class="ctmec" id="IMG_condicoes_12" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_12" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Condição: Estado e Posição do Mobi combinam » 5 câmbios">
<div class="ceepdmc" id="IMG_condicoes_13" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_13" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="CONDIÇÃO WIRED: Tipo de Mobi coincide » 5 câmbios">
<div class="cwtdmc" id="IMG_condicoes_14" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_14" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Condição: Menos de X segundos passados » 5 câmbios">
<div class="cmdxsp0" id="IMG_condicoes_15" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_15" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Condição: Mais de X segundos passados » 5 câmbios">
<div class="cmdxsp1" id="IMG_condicoes_16" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_16" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Condição: Habbo Ativador está no Mobi » 5 câmbios">
<div class="chaenm" id="IMG_condicoes_17" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_17" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="CONDIÇÃO WIRED: Número de usuários no quarto » 5 câmbios">
<div class="cwndunq" id="IMG_condicoes_18" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_condicoes_18" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
</div>
</div>
<div id="extras" style="padding:3px; margin-bottom:6px; overflow:hidden; height:97px;">
<div id="extras_titulo" onclick="clearExtras()" style="height:16px; overflow:hidden; padding:5px; padding-right:23px;; color:rgb(255,255,255); cursor: pointer;" title="Clique aqui para limpar todos os Extras">
<span style="float:left;">
Extras
</span>
<span id="total_extras" style="float:right;">
0
</span>
</div>
<div id="extras_corpo" style="padding:2px; height:72px;">
<div class="unidade" title="Extra: Efeito Aleatório » 5 câmbios">
<div class="eea" id="IMG_extras_0" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_extras_0" max="100" min="0" onchange="calcularTotal_extras(),atualizaTotal()" onkeydown="calcularTotal_extras(),atualizaTotal()" onkeyup="calcularTotal_extras(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Extra: Efeito Inédito » 5 câmbios">
<div class="eei" id="IMG_extras_1" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_extras_1" max="100" min="0" onchange="calcularTotal_extras(),atualizaTotal()" onkeydown="calcularTotal_extras(),atualizaTotal()" onkeyup="calcularTotal_extras(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
</div>
</div>
<div id="tabclassi" style="padding:3px; margin-bottom:1px; overflow:hidden; height:167px;">
<div id="tabclassi_titulo" onclick="clearTabClassi()" style="height:16px; overflow:hidden; padding:5px; padding-right:23px;; color:rgb(255,255,255); cursor: pointer;" title="Clique aqui para limpar todos as Tabelas de Classificação">
<span style="float:left;">
Tabela de classificação
</span>
<span id="total_tabclassi" style="float:right;">
0
</span>
</div>
<div id="tabclassi_corpo" style="padding:2px; height:145px;">
<div class="unidade" title="Pontuação Clássica - Geral » 7 câmbios">
<div class="pcg" id="IMG_tabclassi_0" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_tabclassi_0" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Pontuação Clássica - Diária » 7 câmbios">
<div class="pcd" id="IMG_tabclassi_1" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_tabclassi_1" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Pontuação Clássica - Mensal » 7 câmbios">
<div class="pcm" id="IMG_tabclassi_2" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_tabclassi_2" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Pontuação Clássica - Semanal » 7 câmbios">
<div class="pcs" id="IMG_tabclassi_3" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_tabclassi_3" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Pontuação por equipe - Geral » 7 câmbios">
<div class="ppeg" id="IMG_tabclassi_4" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_tabclassi_4" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Pontuação por equipe - Diária » 7 câmbios">
<div class="pped" id="IMG_tabclassi_5" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_tabclassi_5" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Pontuação por equipe - Mensal » 7 câmbios">
<div class="ppem" id="IMG_tabclassi_6" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_tabclassi_6" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Pontuação por equipe - Semanal » 7 câmbios">
<div class="ppes" id="IMG_tabclassi_7" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_tabclassi_7" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Pontuação Mais Vitórias - Geral » 7 câmbios">
<div class="pmvg" id="IMG_tabclassi_8" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_tabclassi_8" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Pontuação Mais Vitórias - Diária » 7 câmbios">
<div class="pmvd" id="IMG_tabclassi_9" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_tabclassi_9" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Pontuação Mais Vitórias - Mensal » 7 câmbios">
<div class="pmvm" id="IMG_tabclassi_10" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_tabclassi_10" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
<div class="unidade" title="Pontuação Mais Vitórias - Semanal » 7 câmbios">
<div class="pmvs" id="IMG_tabclassi_11" style="height:40px; opacity:0.5;">
</div>
<input id="IPT_tabclassi_11" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
</input>
</div>
</div>
</div>
</div>
<div id="total_bottom" onclick="clearAll()" style=" bottom:0px; position:relative; top:-39px; left:369px; height:28px; width:61px; padding:3px; padding-top:8px; padding-right:35px; text-align:right; cursor: pointer;" title="Clique aqui para limpar todos os Wireds">
<span id="total1" style="font-size:24px; font-weight:bold ">
0
</span>
</div>
</div>
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 20010;
position: fixed;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 163px;
width: 119px;
background: url('https://goo.gl/e2nVvb') #FFF center no-repeat;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}
.pace .pace-progress {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 1s ease-in-out 1s linear;
-moz-transition: width 1s ease-in-out 1s linear;
-ms-transition: width 1s ease-in-out 1s linear;
-o-transition: width 1s ease-in-out 1s linear;
transition: width 1s ease-in-out 1s linear;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
max-width: 100vw;
position: fixed;
z-index: 2000;
display: block;
position: fixed;
left: 0px;
top: 0px;
height: 2px;
background: rgba(34, 153, 221, 1);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}
.pace.pace-inactive {
display: none;
}
.unidade {
/* definimos o quão arredondado irá ficar nosso box */
border-radius: 3px;
/* Declaração para aparecer no Firefox */
-moz-border-radius: 3px;
/* Para exibir nos outros navegadores como Chrome, safari, opera*/
-webkit-border-radius: 3px;
display: inline-table;
width: 30px;
background-color: #FFF;
padding: 1px;
border: solid;
border-width: 2px;
border-color: rgb(98, 196, 232);
margin-bottom: 3px;
}
.cse {
background-image: http: //goo.gl/fhBWti;
}
span {
font-family: 'Ubuntu Condensed', sans-serif;
font-weight: 100;
}
div {
color: rgb(0, 0, 0);
}
body {
text-align: center;
}
.abau {
background-image: url('https://2.bp.blogspot.com/-QpcUsK5GMBo/VQRL5BYqwNI/AAAAAAAAzns/vOLZ7fe06vE/s1600/ativador_bot_alcanca_usuario_small.png');
background-repeat: no-repeat;
background-position: center;
}
.abam {
background-image: url('https://1.bp.blogspot.com/-i-Acqe2eV3c/VQRL5OSzSvI/AAAAAAAAzno/h4knbW1BduU/s1600/ativador_bot_alcanca_mobi_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ahanm {
background-image: url('https://1.bp.blogspot.com/-JCV60XX9fTU/VKTTKNBg88I/AAAAAAAAtNk/qsLG3_LWpeE/s1600/ativador_habbo_anda_no_mobi_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ahsdm {
background-image: url('https://3.bp.blogspot.com/-YmrRMHNPlfQ/VKStEzrmJhI/AAAAAAAAtLo/oVaiM_MlMbM/s1600/ativador_habbo_sai_do_mobi_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ahda {
background-image: url('https://4.bp.blogspot.com/-xlBYmOpEUmg/VKSALMHD4SI/AAAAAAAAtFs/FIyrR8lTOeE/s1600/ativador_habbo_diz_algo_small.png');
background-repeat: no-repeat;
background-position: center;
}
.aedmea {
background-image: url('https://2.bp.blogspot.com/-xSZUQfHGfQ0/VKTTpAtrDbI/AAAAAAAAtN0/7xVUwuvCYqs/s1600/ativador_estado_do_mobi_e_alterado_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ahenq {
background-image: url('https://3.bp.blogspot.com/-MpRIWC1K-Ys/VKTTzl2v73I/AAAAAAAAtN8/cdIEemw_1Xc/s1600/ativador_habbo_entra_no_quarto_small.png');
background-repeat: no-repeat;
background-position: center;
}
.are {
background-image: url('https://4.bp.blogspot.com/-7SnAg3xsq7w/VKTUXD-tloI/AAAAAAAAtOE/G9kwAGSmgyI/s1600/ativador_repetir_efeito_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ante {
background-image: url('https://3.bp.blogspot.com/-vEdh26bPiwA/VKStFMWUlhI/AAAAAAAAtLw/hS-I9GwUfjk/s1600/ativador_no_tempo_escolhido_small.png');
background-repeat: no-repeat;
background-position: center;
}
.dwpo {
background-image: url('https://2.bp.blogspot.com/-mQikZokelm0/VKStGOwQEdI/AAAAAAAAtL0/SdTUa5oKh2M/s1600/disparador_wired_pontuacao_obtida_small.png');
background-repeat: no-repeat;
background-position: center;
}
.afdj {
background-image: url('https://1.bp.blogspot.com/-bN42q6LBDOM/VKStCdkX56I/AAAAAAAAtLI/QQakhm72OAc/s1600/ativador_final_de_jogo_small.png');
background-repeat: no-repeat;
background-position: center;
}
.acdj {
background-image: url('https://1.bp.blogspot.com/-f4gz9QIP56g/VKStB5XX3YI/AAAAAAAAtLA/vapIJP3zHJQ/s1600/ativador_comeco_de_jogo_small.png');
background-repeat: no-repeat;
background-position: center;
}
.dwb {
background-image: url('https://4.bp.blogspot.com/-eGwZXaiNRvI/VKTXJoDU1DI/AAAAAAAAtOw/LLM6Odlguu0/s1600/disparador_wired_batida_small.png');
background-repeat: no-repeat;
background-position: center;
}
.dwdp {
background-image: url('https://4.bp.blogspot.com/-FXg85odb4hk/VKTXRQ0lfNI/AAAAAAAAtO4/7px1Hed2DEI/s1600/disparador_wired_duracao_periodica_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewtbam {
background-image: url('https://3.bp.blogspot.com/-z_8Pk8-c_P0/VQRL7YaP4RI/AAAAAAAAzog/2EE51ednauE/s1600/efeito_wired_teletransportar_bot_ao_mobi_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewbmdr {
background-image: url('https://3.bp.blogspot.com/-LVu3_8pqncA/VQRL6QMyCLI/AAAAAAAAzoo/eY4Nq6tghtM/s1600/efeito_wired_bot_muda_de_roupa_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewbvam {
background-image: url('https://2.bp.blogspot.com/-gecuQ1mRL8o/VQRL69Hw0-I/AAAAAAAAzoY/FTXmOZxPDGs/s1600/efeito_wired_bot_va_ao_mobi_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewbfosatou {
background-image: url('https://3.bp.blogspot.com/-FPz89HUvg18/VQRL5iAgVHI/AAAAAAAAzn4/GY7mbI7nhYk/s1600/efeito_wired_bot_fala_ou_sussurra_a_todos_os_usuarios_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewbfos {
background-image: url('https://2.bp.blogspot.com/-mfDmjMgHtBg/VQRL6NDtKnI/AAAAAAAAzoA/iMcKIWj6q7E/s1600/efeito_wired_bot_fala_ou_sussurra_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewbsu {
background-image: url('https://4.bp.blogspot.com/-fXmEZlDSaLs/VQRL6lncXjI/AAAAAAAAzoQ/JrReKTM6rnY/s1600/efeito_wired_bot_segue_usuario_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewbdidm {
background-image: url('https://3.bp.blogspot.com/-yuwt9PMOeq8/VQRL5jGpsgI/AAAAAAAAzoI/vyywjMn3VYM/s1600/efeito_wired_bot_da_item_de_mao_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewku {
background-image: url('https://3.bp.blogspot.com/-B_LZWmmNGlA/VKTZ4AkFjcI/AAAAAAAAtPA/kjQJDpVGhVk/s1600/efeito_wired_kickar_usuario_small.png');
background-repeat: no-repeat;
background-position: center;
}
.emm {
background-image: url('https://2.bp.blogspot.com/-W1bMNe2EYf4/VKTZ_J1ESCI/AAAAAAAAtPI/y4RACa0gSIw/s1600/efeito_mostrar_mensagem_small.png');
background-repeat: no-repeat;
background-position: center;
}
.emedm {
background-image: url('https://4.bp.blogspot.com/-8mOl5wt-4CU/VKTaF5XmB1I/AAAAAAAAtPQ/OOAYqiicvbE/s1600/efeito_mudar_estado_do_mobi_small.png');
background-repeat: no-repeat;
background-position: center;
}
.emerm {
background-image: url('https://2.bp.blogspot.com/-hFveR8KVcDY/VKTaMytsWpI/AAAAAAAAtPY/kYhQp-xSiRU/s1600/efeito_mover_e_rotacionar_mobi_small.png');
background-repeat: no-repeat;
background-position: center;
}
.etpm {
background-image: url('https://1.bp.blogspot.com/-KQo-OxLo8PU/VKTaVqKoD8I/AAAAAAAAtPg/LfY7i8zLhbc/s1600/efeito_teleportar_para_mobi_small.png');
background-repeat: no-repeat;
background-position: center;
}
.emqvapo {
background-image: url('https://1.bp.blogspot.com/-b_ch9OewRiw/VKTaeDEO6zI/AAAAAAAAtPo/Kyu2dbO-WLA/s1600/efeito_mobis_que_voltam_a_programacao_original_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewfpdw {
background-image: url('https://2.bp.blogspot.com/-TiAUHV2m0og/VKTak4vcrWI/AAAAAAAAtPw/6WBY7_N2rGM/s1600/efeito_wired_faz_pilhas_de_wireds_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ert {
background-image: url('https://1.bp.blogspot.com/-cwUkdkivmAo/VKTaswasqcI/AAAAAAAAtP4/L-z56y7yMAY/s1600/efeito_reiniciar_tempo_small.png');
background-repeat: no-repeat;
background-position: center;
}
.edp {
background-image: url('https://2.bp.blogspot.com/-PRb34ymBmcY/VKTay4aJbLI/AAAAAAAAtQA/dEBzvcDgAOA/s1600/efeito_dar_pontos_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewp {
background-image: url('https://3.bp.blogspot.com/-2mMEQMPjuRE/VKTa5H-oXyI/AAAAAAAAtQI/X6hw1GjSKv0/s1600/efeito_wired_perseguir_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewf {
background-image: url('https://1.bp.blogspot.com/-cR_gG_wA04Q/VKTbUXVgVmI/AAAAAAAAtQQ/nWE0bgfHWiA/s1600/efeito_wired_fugir_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewpr {
background-image: url('https://3.bp.blogspot.com/-DjfTyIEq75o/VKTcJQbQDSI/AAAAAAAAtQY/APxoP_BfHn0/s1600/efeito_wired_pontuacao_recebida_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewene {
background-image: url('https://1.bp.blogspot.com/-f0zrRt-hDhw/VKTcUXc11FI/AAAAAAAAtQg/fT_UoKTHm2k/s1600/efeito_wired_entrar_na_equipe_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ewsde {
background-image: url('https://4.bp.blogspot.com/-t7vhuSRqjFw/VKTdDS-b5TI/AAAAAAAAtQs/4Kevxed_syU/s1600/efeito_wired_sair_da_equipe_small.png');
background-repeat: no-repeat;
background-position: center;
}
.wecfd {
background-image: url('https://4.bp.blogspot.com/-2D4OdNTYIDc/VKTd0_YPTXI/AAAAAAAAtQ0/kNVvxOPsFEI/s1600/wired_effect_change_furni_direction_small.png');
background-repeat: no-repeat;
background-position: center;
}
.cutidm {
background-image: url('https://1.bp.blogspot.com/-DpSTKn6XpNQ/VQRL5HH5U7I/AAAAAAAAznw/7X4ZN0Gpkao/s1600/condicao_usuario_tem_item_de_mao_small.png');
background-repeat: no-repeat;
background-position: center;
}
.wcnnhmec {
background-image: url('https://3.bp.blogspot.com/-FLQvtZcUtPo/VKThyZCYAPI/AAAAAAAAtRA/DziK_ACpQ3U/s1600/wired_condicao_negativa_nao_ha_mobis_em_cima_small.png');
background-repeat: no-repeat;
background-position: center;
}
.wcnmntuec {
background-image: url('https://4.bp.blogspot.com/-6sHF0K7rDkc/VKTh9ZIzGRI/AAAAAAAAtRI/9fY7kkRstVY/s1600/wired_condicao_negativa_mobis_nao_tem_usuarios_em_cima_small.png');
background-repeat: no-repeat;
background-position: center;
}
.wcnnemdg {
background-image: url('https://2.bp.blogspot.com/-8jrUMKjyJRc/VKTiNHfCBuI/AAAAAAAAtRQ/akR9Et3Wz3s/s1600/wired_condicao_negativa_nao_e_membro_de_grupo_small.png');
background-repeat: no-repeat;
background-position: center;
}
.wcnnemdt {
background-image: url('https://2.bp.blogspot.com/-Twh8UbInTjk/VKTkaqKd74I/AAAAAAAAtRY/2hXPOYPu0i8/s1600/wired_condicao_negativa_nao_e_membro_do_time_small.png');
background-repeat: no-repeat;
background-position: center;
}
.wcnoedmnc {
background-image: url('https://1.bp.blogspot.com/-DgQTF1gkg8Y/VKTki9GBPtI/AAAAAAAAtRg/C08i4pbwM4g/s1600/wired_condi%C3%A7%C3%A3o_negativa_o_estado_do_mobi_nao_coincide_small.png');
background-repeat: no-repeat;
background-position: center;
}
.wctdmnc {
background-image: url('https://1.bp.blogspot.com/-C5qzwSoeWkg/VKTkoQV_A7I/AAAAAAAAtRo/fM_U1ZWU_rQ/s1600/wired_condicao_tipo_de_mobi_nao_coincide_small.png');
background-repeat: no-repeat;
background-position: center;
}
.wcnanenm {
background-image: url('https://1.bp.blogspot.com/-5LIL0xY1ocg/VKTku2ZUwAI/AAAAAAAAtRw/zXI8P-V5cuY/s1600/wired_condicao_negativa_ativador_nao_esta_no_mobi_small.png');
background-repeat: no-repeat;
background-position: center;
}
.wcnhusnq {
background-image: url('https://1.bp.blogspot.com/-uwLUVwCEMgs/VKTk6imKInI/AAAAAAAAtR4/no90Ql1PM5k/s1600/wired_condicao_nao_ha_usuarios_suficientes_no_quarto_small.png');
background-repeat: no-repeat;
background-position: center;
}
.cwmdg {
background-image: url('https://2.bp.blogspot.com/-_CNXABe2zLU/VKTlDpy1G3I/AAAAAAAAtSE/c54bkYMUlGc/s1600/condicao_wired_membro_do_grupo_small.png');
background-repeat: no-repeat;
background-position: center;
}
.cwmde {
background-image: url('https://1.bp.blogspot.com/-7m9zPrhZ12I/VKTlmCTcWOI/AAAAAAAAtSM/oFaL7JIhUUU/s1600/condicao_wired_membro_da_equipe_small.png');
background-repeat: no-repeat;
background-position: center;
}
.cwmch {
background-image: url('https://3.bp.blogspot.com/-ZUAzakmSyLU/VKTmKmxwRUI/AAAAAAAAtSU/rX_wK1bNdKY/s1600/condicao_wired_mobis_com_habbos_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ctmec {
background-image: url('https://2.bp.blogspot.com/-L33OY0mG6RY/VKTmUNJdImI/AAAAAAAAtSc/3KV3PfS0skE/s1600/condicao_ter_mobi_em_cima_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ceepdmc {
background-image: url('https://2.bp.blogspot.com/-9pt-OO_qoXg/VKTmYFSIIeI/AAAAAAAAtSk/yBrNZAz0LWI/s1600/condicao_estado_e_posicao_do_mobi_combinam_small.png');
background-repeat: no-repeat;
background-position: center;
}
.cwtdmc {
background-image: url('https://1.bp.blogspot.com/-JL_Q8C5Le3g/VKToB3xZT3I/AAAAAAAAtSw/wZGSR1KyTGc/s1600/condicao_wired_tipo_de_mobi_coincide_small.png');
background-repeat: no-repeat;
background-position: center;
}
.cmdxsp0 {
background-image: url('https://3.bp.blogspot.com/-IrsmuygvdZ0/VKToXnWDN0I/AAAAAAAAtS4/yudjZbPH0Go/s1600/condicao_menos_de_x_segundos_passados_small.png');
background-repeat: no-repeat;
background-position: center;
}
.cmdxsp1 {
background-image: url('https://4.bp.blogspot.com/-k1OUH9ijmbA/VKTobqo4mYI/AAAAAAAAtTA/uGAB4pTWjHk/s1600/condicao_mais_de_x_segundos_passados_small.png');
background-repeat: no-repeat;
background-position: center;
}
.chaenm {
background-image: url('https://2.bp.blogspot.com/-4N4wYenbISI/VKTof-__wdI/AAAAAAAAtTI/Zlq8G1o2CUg/s1600/condicao_habbo_ativador_esta_no_mobi_small.png');
background-repeat: no-repeat;
background-position: center;
}
.cwndunq {
background-image: url('https://1.bp.blogspot.com/-RWEyM1WLhmw/VKTpKwl6f1I/AAAAAAAAtTQ/7sIbbmOG6Jo/s1600/condicao_wired_numero_de_usuarios_no_quarto_small.png');
background-repeat: no-repeat;
background-position: center;
}
.eea {
background-image: url('https://3.bp.blogspot.com/-fG43BY1pQrc/VKTpP2Z4w4I/AAAAAAAAtTY/WOuUHYPq5uI/s1600/extra_efeito_aleatorio_small.png');
background-repeat: no-repeat;
background-position: center;
}
.eei {
background-image: url('https://1.bp.blogspot.com/-OhmPF4wVs3U/VKTpT6R-cOI/AAAAAAAAtTg/GO9SL_HMX8U/s1600/extra_efeito_inedito_small.png');
background-repeat: no-repeat;
background-position: center;
}
.pcg {
background-image: url('https://4.bp.blogspot.com/-PS9DGdRT8XQ/VK2M6fMWAFI/AAAAAAAAt7g/7-ggVDcGtVc/s1600/pontuacao_classica_geral_small.png');
background-repeat: no-repeat;
background-position: center;
}
.pcd {
background-image: url('https://3.bp.blogspot.com/-ySQL-sGpiyI/VK2M5zZuDBI/AAAAAAAAt7c/MSC8x1rw5Dg/s1600/pontuacao_classica_diaria.png');
background-repeat: no-repeat;
background-position: center;
}
.pcm {
background-image: url('https://1.bp.blogspot.com/-JDjHwXa4k1M/VK2M6NZYiwI/AAAAAAAAt7o/j2ZS0Jmgk4Y/s1600/pontuacao_classica_mensal_small.png');
background-repeat: no-repeat;
background-position: center;
}
.pcs {
background-image: url('https://3.bp.blogspot.com/-lcOHD_h0mHc/VK2M7IvkJeI/AAAAAAAAt7s/md_S3ZD2CMg/s1600/pontuacao_classica_semanal_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ppeg {
background-image: url('https://1.bp.blogspot.com/-uHwmdrp0UcQ/VK2M9DtzMgI/AAAAAAAAt8g/wv49qPF9pw0/s1600/pontuacao_por_equipe_geral_small.png');
background-repeat: no-repeat;
background-position: center;
}
.pped {
background-image: url('https://2.bp.blogspot.com/-AU4MP_MxGas/VK2M89i0XvI/AAAAAAAAt8U/f0mQkZkAmn8/s1600/pontuacao_por_equipe_diaria_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ppem {
background-image: url('https://2.bp.blogspot.com/-5EQ7S7woC3Y/VK2M9UqrCqI/AAAAAAAAt8Y/asu0V3-uPk4/s1600/pontuacao_por_equipe_mensal_small.png');
background-repeat: no-repeat;
background-position: center;
}
.ppes {
background-image: url('https://1.bp.blogspot.com/-jQZ4sks1AE8/VK2M-lvzgQI/AAAAAAAAt8s/zEUtf0xoMwM/s1600/pontua%C3%A7%C3%A3o_por_equipe_semanal_small.png');
background-repeat: no-repeat;
background-position: center;
}
.pmvg {
background-image: url('https://1.bp.blogspot.com/-7pDMXLSTBTg/VK2M_NAnJNI/AAAAAAAAt80/2SxWQuNiQYc/s1600/pontua%C3%A7%C3%A3o_mais_vitorias_geral_small.png');
background-repeat: no-repeat;
background-position: center;
}
.pmvd {
background-image: url('https://1.bp.blogspot.com/-GC-xyuH8MkQ/VK2M7yASJtI/AAAAAAAAt78/nNgt4wAWQXs/s1600/pontuacao_mais_vitorias_diaria_small.png');
background-repeat: no-repeat;
background-position: center;
}
.pmvm {
background-image: url('https://4.bp.blogspot.com/-ihu73emxcOU/VK2M787VyMI/AAAAAAAAt8A/VZx5viDkKq4/s1600/pontuacao_mais_vitorias_mensal_small.png');
background-repeat: no-repeat;
background-position: center;
}
.pmvs {
background-image: url('https://1.bp.blogspot.com/-cP1zIjCQNl4/VK2M8X0W-WI/AAAAAAAAt8E/idcTiTGtN30/s1600/pontuacao_mais_vitorias_semanal_small.png');
background-repeat: no-repeat;
background-position: center;
}
function clearAll() {
clearAtivadores();
clearEfeitos();
clearCondicoes();
clearExtras();
clearTabClassi();
}
function atualizaTotal() {
document.getElementById("total0").innerHTML = document.getElementById("total1").innerHTML = document.getElementById("total_ativadores").innerHTML * 1 + 1 * document.getElementById("total_efeitos").innerHTML * 1 + 1 * document.getElementById("total_condicoes").innerHTML * 1 + 1 * document.getElementById("total_extras").innerHTML * 1 + 1 * document.getElementById("total_tabclassi").innerHTML;
}
function validaNumero(quantidade) {
for (var i = 0; i < quantidade.length; i++) {
if (!(quantidade.substr(i, 1) >= 48 || quantidade.substr(i, 1) <= 57)) {
return false;
}
}
return true;
}
function darDesconto(quantidade, valor) {
var desconto = 0;
if (quantidade > 5 && quantidade < 11) {
desconto = 1;
}
if (quantidade == 11) {
desconto = 2;
}
if (quantidade > 11 && quantidade < 17) {
desconto = 3;
}
if (quantidade == 17) {
desconto = 4;
}
if (quantidade > 17 && quantidade < 23) {
desconto = 5;
}
if (quantidade == 23) {
desconto = 6;
}
if (quantidade > 23 && quantidade < 29) {
desconto = 7;
}
if (quantidade == 29) {
desconto = 8;
}
if (quantidade > 29 && quantidade < 35) {
desconto = 9;
}
if (quantidade == 35) {
desconto = 10;
}
if (quantidade > 35 && quantidade < 40) {
desconto = 11;
}
if (quantidade == 40) {
desconto = 12;
}
if (quantidade == 41) {
desconto = 13;
}
if (quantidade > 41 && quantidade < 47) {
desconto = 14;
}
if (quantidade == 47) {
desconto = 15;
}
if (quantidade > 47 && quantidade < 53) {
desconto = 16;
}
if (quantidade == 53) {
desconto = 17;
}
if (quantidade > 53 && quantidade < 59) {
desconto = 18;
}
if (quantidade == 59) {
desconto = 19;
}
if (quantidade > 59 && quantidade < 65) {
desconto = 20;
}
if (quantidade == 65) {
desconto = 21;
}
if (quantidade > 65 && quantidade < 71) {
desconto = 22;
}
if (quantidade == 71) {
desconto = 23;
}
if (quantidade > 71 && quantidade < 77) {
desconto = 24;
}
if (quantidade == 77) {
desconto = 25;
}
if (quantidade > 77 && quantidade < 83) {
desconto = 26;
}
if (quantidade == 83) {
desconto = 27;
}
if (quantidade > 83 && quantidade < 89) {
desconto = 28;
}
if (quantidade == 89) {
desconto = 29;
}
if (quantidade > 89 && quantidade < 95) {
desconto = 30;
}
if (quantidade == 95) {
desconto = 31;
}
if (quantidade > 95 && quantidade < 99) {
desconto = 32;
}
if (quantidade > 98) {
desconto = 33;
}
return ((quantidade - desconto) * valor);
}
function clearAtivadores() {
document.getElementById("IPT_ativadores_0").value = document.getElementById("IPT_ativadores_1").value = document.getElementById("IPT_ativadores_2").value = document.getElementById("IPT_ativadores_3").value = document.getElementById("IPT_ativadores_4").value = document.getElementById("IPT_ativadores_5").value = document.getElementById("IPT_ativadores_6").value = document.getElementById("IPT_ativadores_7").value = document.getElementById("IPT_ativadores_8").value = document.getElementById("IPT_ativadores_9").value = document.getElementById("IPT_ativadores_10").value = document.getElementById("IPT_ativadores_11").value = document.getElementById("IPT_ativadores_12").value = document.getElementById("IPT_ativadores_13").value = 0;
document.getElementById("total_ativadores").innerHTML = 0;
document.getElementById("IMG_ativadores_0").style.opacity = document.getElementById("IMG_ativadores_1").style.opacity = document.getElementById("IMG_ativadores_2").style.opacity = document.getElementById("IMG_ativadores_3").style.opacity = document.getElementById("IMG_ativadores_4").style.opacity = document.getElementById("IMG_ativadores_5").style.opacity = document.getElementById("IMG_ativadores_6").style.opacity = document.getElementById("IMG_ativadores_7").style.opacity = document.getElementById("IMG_ativadores_8").style.opacity = document.getElementById("IMG_ativadores_9").style.opacity = document.getElementById("IMG_ativadores_10").style.opacity = document.getElementById("IMG_ativadores_11").style.opacity = document.getElementById("IMG_ativadores_12").style.opacity = document.getElementById("IMG_ativadores_13").style.opacity = "0.5";
atualizaTotal()
}
function calcularTotal_ativadores() {
var valores = [
"7",
"7",
"4",
"4",
"4",
"4",
"5",
"6",
"6",
"5",
"5",
"5",
"7",
"7",
]
var quantidade = 0;
var valorTotal = 0;
for (var i = 0; i < valores.length; i++) {
if (document.getElementById("IPT_ativadores_" + i).value > 100) {
document.getElementById("IPT_ativadores_" + i).value = 100
}
quantidade = document.getElementById("IPT_ativadores_" + i).value;
if (validaNumero(quantidade) && quantidade > 0) {
document.getElementById("IMG_ativadores_" + i).style.opacity = "1";
valorTotal = valorTotal * 1 + 1 * darDesconto(quantidade, valores[i]);
} else {
document.getElementById("IMG_ativadores_" + i).style.opacity = "0.5";
document.getElementById("IPT_ativadores_" + i).value = "0";
}
}
document.getElementById("total_ativadores").innerHTML = valorTotal;
}
function clearEfeitos() {
document.getElementById("IPT_efeitos_0").value = document.getElementById("IPT_efeitos_1").value = document.getElementById("IPT_efeitos_2").value = document.getElementById("IPT_efeitos_3").value = document.getElementById("IPT_efeitos_4").value = document.getElementById("IPT_efeitos_5").value = document.getElementById("IPT_efeitos_6").value = document.getElementById("IPT_efeitos_7").value = document.getElementById("IPT_efeitos_8").value = document.getElementById("IPT_efeitos_9").value = document.getElementById("IPT_efeitos_10").value = document.getElementById("IPT_efeitos_11").value = document.getElementById("IPT_efeitos_12").value = document.getElementById("IPT_efeitos_13").value = document.getElementById("IPT_efeitos_14").value = document.getElementById("IPT_efeitos_15").value = document.getElementById("IPT_efeitos_16").value = document.getElementById("IPT_efeitos_17").value = document.getElementById("IPT_efeitos_18").value = document.getElementById("IPT_efeitos_19").value = document.getElementById("IPT_efeitos_20").value = document.getElementById("IPT_efeitos_21").value = 0;
document.getElementById("total_efeitos").innerHTML = 0;
document.getElementById("IMG_efeitos_0").style.opacity = document.getElementById("IMG_efeitos_1").style.opacity = document.getElementById("IMG_efeitos_2").style.opacity = document.getElementById("IMG_efeitos_3").style.opacity = document.getElementById("IMG_efeitos_4").style.opacity = document.getElementById("IMG_efeitos_5").style.opacity = document.getElementById("IMG_efeitos_6").style.opacity = document.getElementById("IMG_efeitos_7").style.opacity = document.getElementById("IMG_efeitos_8").style.opacity = document.getElementById("IMG_efeitos_9").style.opacity = document.getElementById("IMG_efeitos_10").style.opacity = document.getElementById("IMG_efeitos_11").style.opacity = document.getElementById("IMG_efeitos_12").style.opacity = document.getElementById("IMG_efeitos_13").style.opacity = document.getElementById("IMG_efeitos_14").style.opacity = document.getElementById("IMG_efeitos_15").style.opacity = document.getElementById("IMG_efeitos_16").style.opacity = document.getElementById("IMG_efeitos_17").style.opacity = document.getElementById("IMG_efeitos_18").style.opacity = document.getElementById("IMG_efeitos_19").style.opacity = document.getElementById("IMG_efeitos_20").style.opacity = document.getElementById("IMG_efeitos_21").style.opacity = "0.5";
atualizaTotal()
}
function calcularTotal_efeitos() {
var valores = [
"10",
"10",
"10",
"10",
"10",
"10",
"10",
"10",
"4",
"4",
"4",
"6",
"8",
"10",
"6",
"10",
"7",
"7",
"10",
"7",
"7",
"7",
]
var quantidade = 0;
var valorTotal = 0;
for (var i = 0; i < valores.length; i++) {
if (document.getElementById("IPT_efeitos_" + i).value > 100) {
document.getElementById("IPT_efeitos_" + i).value = 100
}
quantidade = document.getElementById("IPT_efeitos_" + i).value;
if (validaNumero(quantidade) && quantidade > 0) {
document.getElementById("IMG_efeitos_" + i).style.opacity = "1";
valorTotal = valorTotal * 1 + 1 * darDesconto(quantidade, valores[i]);
} else {
document.getElementById("IMG_efeitos_" + i).style.opacity = "0.5";
document.getElementById("IPT_efeitos_" + i).value = "0";
}
}
document.getElementById("total_efeitos").innerHTML = valorTotal;
}
function clearCondicoes() {
document.getElementById("IPT_condicoes_0").value = document.getElementById("IPT_condicoes_1").value = document.getElementById("IPT_condicoes_2").value = document.getElementById("IPT_condicoes_3").value = document.getElementById("IPT_condicoes_4").value = document.getElementById("IPT_condicoes_5").value = document.getElementById("IPT_condicoes_6").value = document.getElementById("IPT_condicoes_7").value = document.getElementById("IPT_condicoes_8").value = document.getElementById("IPT_condicoes_9").value = document.getElementById("IPT_condicoes_10").value = document.getElementById("IPT_condicoes_11").value = document.getElementById("IPT_condicoes_12").value = document.getElementById("IPT_condicoes_13").value = document.getElementById("IPT_condicoes_14").value = document.getElementById("IPT_condicoes_15").value = document.getElementById("IPT_condicoes_16").value = document.getElementById("IPT_condicoes_17").value = document.getElementById("IPT_condicoes_18").value = 0;
document.getElementById("total_condicoes").innerHTML = 0;
document.getElementById("IMG_condicoes_0").style.opacity = document.getElementById("IMG_condicoes_1").style.opacity = document.getElementById("IMG_condicoes_2").style.opacity = document.getElementById("IMG_condicoes_3").style.opacity = document.getElementById("IMG_condicoes_4").style.opacity = document.getElementById("IMG_condicoes_5").style.opacity = document.getElementById("IMG_condicoes_6").style.opacity = document.getElementById("IMG_condicoes_7").style.opacity = document.getElementById("IMG_condicoes_8").style.opacity = document.getElementById("IMG_condicoes_9").style.opacity = document.getElementById("IMG_condicoes_10").style.opacity = document.getElementById("IMG_condicoes_11").style.opacity = document.getElementById("IMG_condicoes_12").style.opacity = document.getElementById("IMG_condicoes_13").style.opacity = document.getElementById("IMG_condicoes_14").style.opacity = document.getElementById("IMG_condicoes_15").style.opacity = document.getElementById("IMG_condicoes_16").style.opacity = document.getElementById("IMG_condicoes_17").style.opacity = document.getElementById("IMG_condicoes_18").style.opacity = "0.5";
atualizaTotal()
}
function calcularTotal_condicoes() {
var valores = [
"5",
"5",
"5",
"5",
"5",
"5",
"5",
"5",
"5",
"5",
"5",
"5",
"5",
"5",
"5",
"5",
"5",
"5",
"5",
]
var quantidade = 0;
var valorTotal = 0;
for (var i = 0; i < valores.length; i++) {
if (document.getElementById("IPT_condicoes_" + i).value > 100) {
document.getElementById("IPT_condicoes_" + i).value = 100
}
quantidade = document.getElementById("IPT_condicoes_" + i).value;
if (validaNumero(quantidade) && quantidade > 0) {
document.getElementById("IMG_condicoes_" + i).style.opacity = "1";
valorTotal = valorTotal * 1 + 1 * darDesconto(quantidade, valores[i]);
} else {
document.getElementById("IMG_condicoes_" + i).style.opacity = "0.5";
document.getElementById("IPT_condicoes_" + i).value = "0";
}
}
document.getElementById("total_condicoes").innerHTML = valorTotal;
}
function clearExtras() {
document.getElementById("IPT_extras_0").value = document.getElementById("IPT_extras_1").value = 0;
document.getElementById("total_extras").innerHTML = 0;
document.getElementById("IMG_extras_0").style.opacity = document.getElementById("IMG_extras_1").style.opacity = "0.5";
atualizaTotal()
}
function calcularTotal_extras() {
var valores = [
"5",
"5",
]
var quantidade = 0;
var valorTotal = 0;
for (var i = 0; i < valores.length; i++) {
if (document.getElementById("IPT_extras_" + i).value > 100) {
document.getElementById("IPT_extras_" + i).value = 100
}
quantidade = document.getElementById("IPT_extras_" + i).value;
if (validaNumero(quantidade) && quantidade > 0) {
document.getElementById("IMG_extras_" + i).style.opacity = "1";
valorTotal = valorTotal * 1 + 1 * darDesconto(quantidade, valores[i]);
} else {
document.getElementById("IMG_extras_" + i).style.opacity = "0.5";
document.getElementById("IPT_extras_" + i).value = "0";
}
}
document.getElementById("total_extras").innerHTML = valorTotal;
}
function clearTabClassi() {
document.getElementById("IPT_tabclassi_0").value = document.getElementById("IPT_tabclassi_1").value = document.getElementById("IPT_tabclassi_2").value = document.getElementById("IPT_tabclassi_3").value = document.getElementById("IPT_tabclassi_4").value = document.getElementById("IPT_tabclassi_5").value = document.getElementById("IPT_tabclassi_6").value = document.getElementById("IPT_tabclassi_7").value = document.getElementById("IPT_tabclassi_8").value = document.getElementById("IPT_tabclassi_9").value = document.getElementById("IPT_tabclassi_10").value = document.getElementById("IPT_tabclassi_11").value = 0;
document.getElementById("total_tabclassi").innerHTML = 0;
document.getElementById("IMG_tabclassi_0").style.opacity = document.getElementById("IMG_tabclassi_1").style.opacity = document.getElementById("IMG_tabclassi_2").style.opacity = document.getElementById("IMG_tabclassi_3").style.opacity = document.getElementById("IMG_tabclassi_4").style.opacity = document.getElementById("IMG_tabclassi_5").style.opacity = document.getElementById("IMG_tabclassi_6").style.opacity = document.getElementById("IMG_tabclassi_7").style.opacity = document.getElementById("IMG_tabclassi_8").style.opacity = document.getElementById("IMG_tabclassi_9").style.opacity = document.getElementById("IMG_tabclassi_10").style.opacity = document.getElementById("IMG_tabclassi_11").style.opacity = "0.5";
atualizaTotal()
}
function calcularTotal_tabclassi() {
var valores = [
"7",
"7",
"7",
"7",
"7",
"7",
"7",
"7",
"7",
"7",
"7",
"7",
]
var quantidade = 0;
var valorTotal = 0;
for (var i = 0; i < valores.length; i++) {
if (document.getElementById("IPT_tabclassi_" + i).value > 100) {
document.getElementById("IPT_tabclassi_" + i).value = 100
}
quantidade = document.getElementById("IPT_tabclassi_" + i).value;
if (validaNumero(quantidade) && quantidade > 0) {
document.getElementById("IMG_tabclassi_" + i).style.opacity = "1";
valorTotal = valorTotal * 1 + 1 * darDesconto(quantidade, valores[i]);
} else {
document.getElementById("IMG_tabclassi_" + i).style.opacity = "0.5";
document.getElementById("IPT_tabclassi_" + i).value = "0";
}
}
document.getElementById("total_tabclassi").innerHTML = valorTotal;
}
WebFontConfig = {
google: {
families: ['Ubuntu+Condensed::latin']
}
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
Also see: Tab Triggers