SachaTek
OVA Curator
LEVEL 1
300 XP
In tutorial, you will learn how to make an air code generator. just follow the steps below and download the source code. You can also use this code to your projects or systems.
DIRECTIONS
Creating our index.php
Creating our style.css
Creating our class_of_ac.js
Congratulations, you have created an air code generator. If you have questions and suggestions feel free to comment below or email me at [email protected]
Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.
Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.
FOR YOUR OWN SAFETY, PLEASE:
1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.
DIRECTIONS
Creating our index.php
- <html
>
- <head
>
- <title
>
(AC) AirCode</
title
>
- <meta
http-equiv
=
"Content-Type"
content
=
"text/html;charset=Windows_1258"
>
- <meta
content
=
"tchouky"
name
=
"AC"
>
- <meta
content
=
"generator"
name
=
"AirCode"
>
- <META
HTTP-EQUIV
=
"imagetoolbar"
CONTENT
=
"no"
>
- <meta
content
=
"generator"
name
=
"Randomizer"
>
- <link
href
=
"style.css"
rel
=
"stylesheet"
>
- <script
type
=
"text/javascript"
src
=
"class_of_ac.js"
></
script
>
- <style
type
=
"text/css"
>
.ac_xamp_td {
- BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; FONT-SIZE: 32px; BORDER-LEFT: red 1px solid; WIDTH: 48px; BORDER-BOTTOM: red 1px solid; TEXT-ALIGN: center
- }
- .ac_xamp_ref_table {
- BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-LEFT: red 1px solid; BORDER-BOTTOM: red 1px solid
- }
- </
style
>
- <script
type
=
"text/javascript"
>
- var aircode_up = [
- '\u030d', /* ? */ '\u030e', /* ? */ '\u0304', /* ? */ '\u0305', /* ? */
- '\u033f', /* ? */ '\u0311', /* ? */ '\u0306', /* ? */ '\u0310', /* ? */
- '\u0352', /* ? */ '\u0357', /* ? */ '\u0351', /* ? */ '\u0307', /* ? */
- '\u0308', /* ? */ '\u030a', /* ? */ '\u0342', /* ? */ '\u0343', /* ? */
- '\u0344', /* ? */ '\u034a', /* ? */ '\u034b', /* ? */ '\u034c', /* ? */
- '\u0303', /* Þ */ '\u0302', /* ? */ '\u030c', /* ? */ '\u0350', /* ? */
- '\u0300', /* Ì */ '\u0301', /* ì */ '\u030b', /* ? */ '\u030f', /* ? */
- '\u0312', /* ? */ '\u0313', /* ? */ '\u0314', /* ? */ '\u033d', /* ? */
- '\u0309', /* Ò */ '\u0363', /* ? */ '\u0364', /* ? */ '\u0365', /* ? */
- '\u0366', /* ? */ '\u0367', /* ? */ '\u0368', /* ? */ '\u0369', /* ? */
- '\u036a', /* ? */ '\u036b', /* ? */ '\u036c', /* ? */ '\u036d', /* ? */
- '\u036e', /* ? */ '\u036f', /* ? */ '\u033e', /* ? */ '\u035b', /* ? */
- '\u0346', /* ? */ '\u031a' /* ? */
- ];
- //those go DOWN
- var aircode_down = [
- '\u0316', /* ? */ '\u0317', /* ? */ '\u0318', /* ? */ '\u0319', /* ? */
- '\u031c', /* ? */ '\u031d', /* ? */ '\u031e', /* ? */ '\u031f', /* ? */
- '\u0320', /* ? */ '\u0324', /* ? */ '\u0325', /* ? */ '\u0326', /* ? */
- '\u0329', /* ? */ '\u032a', /* ? */ '\u032b', /* ? */ '\u032c', /* ? */
- '\u032d', /* ? */ '\u032e', /* ? */ '\u032f', /* ? */ '\u0330', /* ? */
- '\u0331', /* ? */ '\u0332', /* ? */ '\u0333', /* ? */ '\u0339', /* ? */
- '\u033a', /* ? */ '\u033b', /* ? */ '\u033c', /* ? */ '\u0345', /* ? */
- '\u0347', /* ? */ '\u0348', /* ? */ '\u0349', /* ? */ '\u034d', /* ? */
- '\u034e', /* ? */ '\u0353', /* ? */ '\u0354', /* ? */ '\u0355', /* ? */
- '\u0356', /* ? */ '\u0359', /* ? */ '\u035a', /* ? */ '\u0323' /* ò */
- ];
- //those always stay in the middle
- var aircode_mid = [
- '\u0315', /* ? */ '\u031b', /* ? */ '\u0340', /* ? */ '\u0341', /* ? */
- '\u0358', /* ? */ '\u0321', /* ? */ '\u0322', /* ? */ '\u0327', /* ? */
- '\u0328', /* ? */ '\u0334', /* ? */ '\u0335', /* ? */ '\u0336', /* ? */
- '\u034f', /* ? */ '\u035c', /* ? */ '\u035d', /* ? */ '\u035e', /* ? */
- '\u035f', /* ? */ '\u0360', /* ? */ '\u0362', /* ? */ '\u0338', /* ? */
- '\u0337', /* ? */ '\u0361', /* ? */ '\u0489' /* ?_ */
- ];
- // random function
- //---------------------------------------------------
- //gets an int between 0 and max
- function rand(max)
- {
- return Math.floor(Math.random() * max);
- }
- //gets a random char from a AC char table
- function rand_ac(array)
- {
- var ind = Math.floor(Math.random() * array.length);
- return array[ind];
- }
- // utils funcs
- //---------------------------------------------------
- //hide show element
- function toggle(id)
- {
- if(document.getElementById(id).style.display == "none")
- document.getElementById(id).style.display = "block";
- else
- document.getElementById(id).style.display = "none";
- }
- //lookup char to know if its a zalgo char or not
- function is_ac_char(c)
- {
- var i;
- for(i=0; i<aircode_up.length; i++)
- if(
c ==
aircode_up[
i]
)
- return true;
- for
(
i=
0
; i<aircode_down.length; i++)
- if(
c ==
aircode_down[
i]
)
- return true;
- for
(
i=
0
; i<aircode_mid.length; i++)
- if(
c ==
aircode_mid[
i]
)
- return true;
- return false;
- }
- function draw_ac_table(
elid)
- {
- var container =
document.getElementById(
elid)
;
- var html =
''
;
- html +=
'<b>
Chars going up:</
b
><br
/
>
\n';
- html += '<table
class
=
"ac_xamp_ref_table"
>
\n';
- html += '<tr
>
\n';
- for(var i=0; i<aircode_up.length; i++)
- {
- if(
!(
i % 10
)
)
- html +=
'</tr><tr>
';
- html += '<td
class
=
"ac_xamp_td"
>
' + aircode_up + '</
td
>
\n';
[*]}
[*]html += '</
tr
>
\n';
[*]html += '</
table
>
\n';
[*]
[*]html += '<br
/
><b
>
Chars staying in the middle:</
b
><br
/
>
\n';
[*]html += '<table
class
=
"ac_xamp_ref_table"
>
\n';
[*]html += '<tr
>
\n';
[*]for(var i=0; i<aircode_mid.length; i++)
[*]{
[*]if(
!(
i % 10
)
)
[*]html +=
'</tr><tr>
';
[*]html += '<td
class
=
"ac_xamp_td"
>
' + aircode_mid + '</
td
>
\n';
[*]}
[*]html += '</
tr
>
\n';
[*]html += '</
table
>
\n';
[*]
[*]html += '<br
/
><b
>
Chars going down:</
b
><br
/
>
\n';
[*]html += '<table
class
=
"ac_xamp_ref_table"
>
\n';
[*]html += '<tr
>
\n';
[*]for(var i=0; i<aircode_down.length; i++)
[*]{
[*]if(
!(
i % 10
)
)
[*]html +=
'</tr><tr>
';
[*]html += '<td
class
=
"ac_xamp_td"
>
' + aircode_down + '</
td
>
\n';
[*]}
[*]html += '</
tr
>
\n';
[*]html += '</
table
>
\n';
[*]
[*]container.innerHTML = html;
[*]}
[*]
[*]// main shit
[*]//---------------------------------------------------
[*]function xamp_textarea(id)
[*]{
[*]var p = document.getElementById(id);
[*]var txt = p.value;
[*]var newtxt = '';
[*]for(var i=0; i<txt.length; i++)
[*]{
[*]if(
is_ac_char(
txt.substr(
i, 1
)
)
)
[*]continue;
[*]
[*]var num_up;
[*]var num_mid;
[*]var num_down;
[*]
[*]//
add the normal character
[*]newtxt +=
txt.substr(
i, 1
)
;
[*]
[*]//
options
[*]if(
document.getElementById(
'ac_opt_mini'
)
.checked
)
[*]{
[*]num_up =
rand(
8
)
;
[*]num_mid =
rand(
2
)
;
[*]num_down =
rand(
8
)
;
[*]}
[*]else if(
document.getElementById(
'ac_opt_normal'
)
.checked
)
[*]{
[*]num_up =
rand(
16
)
/
2
+ 1
;
[*]num_mid =
rand(
6
)
/
2
;
[*]num_down =
rand(
16
)
/
2
+ 1
;
[*]}
[*]else //
maxi
[*]{
[*]num_up =
rand(
64
)
/
4
+ 3
;
[*]num_mid =
rand(
16
)
/
4
+ 1
;
[*]num_down =
rand(
64
)
/
4
+ 3
;
[*]}
[*]
[*]
[*]if(
document.getElementById(
'ac_opt_up'
)
.checked
)
[*]for
(
var j=
0
; j<num_up; j++)
[*]newtxt +=
rand_ac(
aircode_up)
;
[*]if(
document.getElementById(
'ac_opt_mid'
)
.checked
)
[*]for
(
var j=
0
; j<num_mid; j++)
[*]newtxt +=
rand_ac(
aircode_mid)
;
[*]if(
document.getElementById(
'ac_opt_down'
)
.checked
)
[*]for
(
var j=
0
; j<num_down; j++)
[*]newtxt +=
rand_ac(
aircode_down)
;
[*]}
[*]
[*]//
result is in nextxt, display that
[*]
[*]//
remove all children of lulz_container
[*]var container =
document.getElementById(
'lulz_container'
)
;
[*]while(
container.childNodes.length)
[*]container.removeChild(
container.childNodes[
0
]
)
;
[*]
[*]//
build blocks for
each line & create a <br
/
>
[*]var lines = newtxt.split("\n");
[*]for(var i=0; i<lines.length; i++)
[*]{
[*]var n =
document.createElement(
'text'
)
;
[*]n.innerHTML =
lines[
i]
;
[*]container.appendChild(
n)
;
[*]var nl =
document.createElement(
'br'
)
;
[*]container.appendChild(
nl)
;
[*]}
[*]
[*]//
done
[*]}
[*]/
* ]
]
>
*/
[*]</
script
>
[*]
[*]
[*]
[*]<script
language
=
"javascript"
>
[*]document.onmousedown=disableclick;
[*]status="Right Click Disabled";
[*]Function disableclick(event)
[*]{
[*]if(event.button==2)
[*]{
[*]alert(status);
[*]return false;
[*]}
[*]}
[*]</
script
>
[*]<script
language
=
"javascript"
>
[*]document.onmousedown=disableclick;
[*]status="Right Click Disabled";
[*]Function disableclick(e)
[*]{
[*]if(event.button==2)
[*]{
[*]alert(status);
[*]return false;
[*]}
[*]}
[*]</
script
>
[*]<SCRIPT
language
=
JavaScript>
[*]<!-- http://www.fb.com/ijsamp -->
[*]var message = "Oops! AC Didn't allow this object!";
[*]function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message);
return false; }
[*]if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message);
return false; } }
[*]document.onmousedown = rtclickcheck;
[*]</
SCRIPT
>
[*]
[*]
[*]</
head
>
[*]
[*]<body
>
[*]
[*]
[*]<body
oncontextmenu=
"return false"
>
[*]...
[*]</
body
>
[*]<Table
>
[*]<tr
oncontextmenu=
"return false"
>
[*]<td
>
[*]<asp:datagrid id
=
"dgGrid1"
>
---</
asp:datagrid>
[*]</
td
>
[*]</
tr
>
[*]</
Table
>
[*]
[*]<h1
><center
>
Air Code Randomiser</
h1
>
[*]<p
></
p
>
[*]<table
id
=
"actable"
>
[*]<td
id
=
"lulz_container"
style
=
"BORDER-RIGHT: green 5px solid; PADDING-RIGHT: 5px; BORDER-TOP: green 5px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: green 5px solid; PADDING-TOP: 5px; BORDER-BOTTOM: green 5px solid"
width
=
"250"
>
[*]<p
id
=
"lulz"
></
p
>
[*]</
td
>
[*]<tr
>
[*]
[*]
[*]<td
style
=
"BORDER-RIGHT: #0066cc 5px solid; BORDER-TOP: #0066cc 5px solid; BORDER-LEFT: #0066cc 5px solid; BORDER-BOTTOM: #0066cc 5px solid"
width
=
"150"
>
[*]<font
color
=
"#0066cc"
><textarea
id
=
"xamp_txt"
style
=
"FONT-FAMILY: Arial"
color
=
"red"
rows
=
"13"
cols
=
"80"
>
Invoker list.
[*]Type Your AirCode here (AC)</
textarea
>
[*]
[*]<form
id
=
"xamp_form"
action>
[*]<input
type
=
"button"
class
=
"btn btn-success btn-large"
id
=
"xamp_btn"
onclick
=
"xamp_textarea('xamp_txt');"
type
=
"button"
value
=
"Generate AC"
>
[*]<input
class
=
"btn btn-danger btn-large"
id
=
"xamp_ref"
onclick
=
"toggle('reference');"
type
=
"button"
value
=
"Show AirCode List"
><i
class
=
"icon-white icon-qrcode"
>
[*]
[*]<br
/
></
font
>
[*]
[*]<table
>
[*]<tr
>
[*]<td
><b
><font
color
=
"green"
>
Style</
b
></
font
><br
>
[*]<font
color
=
"gray"
><input
id
=
"ac_opt_up"
type
=
"checkbox"
>
AirCode Top<BR
>
[*]<input
id
=
"ac_opt_mid"
type
=
"checkbox"
CHECKED>
AirCode Centre<BR
>
[*]<input
id
=
"ac_opt_down"
type
=
"checkbox"
CHECKED>
AirCode Bottom<BR
>
[*]</
td
>
[*]
[*]<td
><b
><font
color
=
"red"
>
Range Effect</
b
></
font
><br
>
[*]<font
color
=
"gray"
><input
id
=
"ac_opt_mini"
type
=
"radio"
name
=
"optval"
CHECKED>
Short<BR
>
[*]<input
id
=
"ac_opt_normal"
type
=
"radio"
name
=
"optval"
>
Medium<BR
>
[*]<input
id
=
"ac_opt_maxi"
type
=
"radio"
name
=
"optval"
>
Long<BR
>
[*]</
td
>
[*]</
tr
>
[*]</
table
>
[*]</
form
>
[*]<script
type
=
"text/javascript"
>
[*]xamp_textarea('xamp_txt');
[*]</
script
>
[*]
[*]</
TD
>
[*]</
tr
>
[*]</
TABLE
>
[*]
[*]<div
id
=
"reference"
style
=
"DISPLAY: none"
>
[*]<br
/
>
[*]
[*]</
body
>
[*]</
html
>
Creating our style.css
- button
,
- input,
- textarea,
- .uneditable-input
{
- margin-left
:
0
;
- }
- .controls-row
[
class*=
"span"
]
+
[
class*=
"span"
]
{
- margin-left
:
20px
;
- }
- input.span12
,
textarea.span12
,
.uneditable-input
.span12
{
- width
:
926px
;
- }
- input.span11
,
textarea.span11
,
.uneditable-input
.span11
{
- width
:
846px
;
- }
- input.span10
,
textarea.span10
,
.uneditable-input
.span10
{
- width
:
766px
;
- }
- input.span9
,
textarea.span9
,
.uneditable-input
.span9
{
- width
:
686px
;
- }
- input.span8
,
textarea.span8
,
.uneditable-input
.span8
{
- width
:
606px
;
- }
- input.span7
,
textarea.span7
,
.uneditable-input
.span7
{
- width
:
526px
;
- }
- input.span6
,
textarea.span6
,
.uneditable-input
.span6
{
- width
:
446px
;
- }
- input.span5
,
textarea.span5
,
.uneditable-input
.span5
{
- width
:
366px
;
- }
- input.span4
,
textarea.span4
,
.uneditable-input
.span4
{
- width
:
286px
;
- }
- input.span3
,
textarea.span3
,
.uneditable-input
.span3
{
- width
:
206px
;
- }
- input.span2
,
textarea.span2
,
.uneditable-input
.span2
{
- width
:
126px
;
- }
- input.span1
,
textarea.span1
,
.uneditable-input
.span1
{
- width
:
46px
;
- }
- .controls-row
{
- *
zoom:
1
;
- }
- .controls-row
:
before
,
- .controls-row
:
after
{
- display
:
table
;
- content
:
""
;
- line-height
:
0
;
- }
- .controls-row
:
after
{
- clear
:
both
;
- }
- .controls-row
[
class*=
"span"
]
,
- .row-fluid
.controls-row
[
class*=
"span"
]
{
- float
:
left
;
- }
- .controls-row
.checkbox[
class*=
"span"
]
,
- .controls-row
.radio[
class*=
"span"
]
{
- padding-top
:
5px
;
- }
- input[
disabled
]
,
- select[
disabled
]
,
- textarea[
disabled
]
,
- input[
readonly]
,
- select[
readonly]
,
- textarea[
readonly]
{
- cursor
:
not-allowed;
- background-color
:
#eeeeee
;
- }
- input[
type=
"radio"
]
[
disabled
]
,
- input[
type=
"checkbox"
]
[
disabled
]
,
- input[
type=
"radio"
]
[
readonly]
,
- input[
type=
"checkbox"
]
[
readonly]
{
- background-color
:
transparent
;
- }
- .control-group
.warning
.control-label,
- .control-group
.warning
.help-block,
- .control-group
.warning
.help-inline
{
- color
:
#c09853
;
- }
- .control-group
.warning
.checkbox,
- .control-group
.warning
.radio,
- .control-group
.warning
input,
- .control-group
.warning
select,
- .control-group
.warning
textarea {
- color
:
#c09853
;
- }
- .control-group
.warning
input,
- .control-group
.warning
select,
- .control-group
.warning
textarea {
- border-color
:
#c09853
;
- -webkit-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
;
- -moz-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
;
- box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
;
- }
- .control-group
.warning
input:
focus
,
- .control-group
.warning
select:
focus
,
- .control-group
.warning
textarea:
focus
{
- border-color
:
#a47e3c
;
- -webkit-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
,
0
0
6px
#dbc59e
;
- -moz-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
,
0
0
6px
#dbc59e
;
- box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
,
0
0
6px
#dbc59e
;
- }
- .control-group
.warning
.input-prepend
.add-on,
- .control-group
.warning
.input-append
.add-on
{
- color
:
#c09853
;
- background-color
:
#fcf8e3
;
- border-color
:
#c09853
;
- }
- .control-group
.error
.control-label,
- .control-group
.error
.help-block,
- .control-group
.error
.help-inline
{
- color
:
#b94a48
;
- }
- .control-group
.error
.checkbox,
- .control-group
.error
.radio,
- .control-group
.error
input,
- .control-group
.error
select,
- .control-group
.error
textarea {
- color
:
#b94a48
;
- }
- .control-group
.error
input,
- .control-group
.error
select,
- .control-group
.error
textarea {
- border-color
:
#b94a48
;
- -webkit-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
;
- -moz-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
;
- box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
;
- }
- .control-group
.error
input:
focus
,
- .control-group
.error
select:
focus
,
- .control-group
.error
textarea:
focus
{
- border-color
:
#953b39
;
- -webkit-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
,
0
0
6px
#d59392
;
- -moz-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
,
0
0
6px
#d59392
;
- box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
,
0
0
6px
#d59392
;
- }
- .control-group
.error
.input-prepend
.add-on,
- .control-group
.error
.input-append
.add-on
{
- color
:
#b94a48
;
- background-color
:
#f2dede
;
- border-color
:
#b94a48
;
- }
- .control-group
.success
.control-label,
- .control-group
.success
.help-block,
- .control-group
.success
.help-inline
{
- color
:
#468847
;
- }
- .control-group
.success
.checkbox,
- .control-group
.success
.radio,
- .control-group
.success
input,
- .control-group
.success
select,
- .control-group
.success
textarea {
- color
:
#468847
;
- }
- .control-group
.success
input,
- .control-group
.success
select,
- .control-group
.success
textarea {
- border-color
:
#468847
;
- -webkit-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
;
- -moz-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
;
- box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
;
- }
- .control-group
.success
input:
focus
,
- .control-group
.success
select:
focus
,
- .control-group
.success
textarea:
focus
{
- border-color
:
#356635
;
- -webkit-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
,
0
0
6px
#7aba7b
;
- -moz-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
,
0
0
6px
#7aba7b
;
- box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
,
0
0
6px
#7aba7b
;
- }
- .control-group
.success
.input-prepend
.add-on,
- .control-group
.success
.input-append
.add-on
{
- color
:
#468847
;
- background-color
:
#dff0d8
;
- border-color
:
#468847
;
- }
- .control-group
.info
.control-label,
- .control-group
.info
.help-block,
- .control-group
.info
.help-inline
{
- color
:
#3a87ad
;
- }
- .control-group
.info
.checkbox,
- .control-group
.info
.radio,
- .control-group
.info
input,
- .control-group
.info
select,
- .control-group
.info
textarea {
- color
:
#3a87ad
;
- }
- .control-group
.info
input,
- .control-group
.info
select,
- .control-group
.info
textarea {
- border-color
:
#3a87ad
;
- -webkit-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
;
- -moz-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
;
- box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
;
- }
- .control-group
.info
input:
focus
,
- .control-group
.info
select:
focus
,
- .control-group
.info
textarea:
focus
{
- border-color
:
#2d6987
;
- -webkit-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
,
0
0
6px
#7ab5d3
;
- -moz-box-shadow:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
,
0
0
6px
#7ab5d3
;
- box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
)
,
0
0
6px
#7ab5d3
;
- }
- .control-group
.info
.input-prepend
.add-on,
- .control-group
.info
.input-append
.add-on
{
- color
:
#3a87ad
;
- background-color
:
#d9edf7
;
- border-color
:
#3a87ad
;
- }
- input:
focus
:
invalid
,
- textarea:
focus
:
invalid
,
- select:
focus
:
invalid
{
- color
:
#b94a48
;
- border-color
:
#ee5f5b
;
- }
- input:
focus
:
invalid
:
focus
,
- textarea:
focus
:
invalid
:
focus
,
- select:
focus
:
invalid
:
focus
{
- border-color
:
#e9322d
;
- -webkit-box-shadow:
0
0
6px
#f8b9b7
;
- -moz-box-shadow:
0
0
6px
#f8b9b7
;
- box-shadow
:
0
0
6px
#f8b9b7
;
- }
- .form-actions
{
- padding
:
19px
20px
20px
;
- margin-top
:
20px
;
- margin-bottom
:
20px
;
- background-color
:
#f5f5f5
;
- border-top
:
1px
solid
#e5e5e5
;
- *
zoom:
1
;
- }
- .form-actions
:
before
,
- .form-actions
:
after
{
- display
:
table
;
- content
:
""
;
- line-height
:
0
;
- }
- .form-actions
:
after
{
- clear
:
both
;
- }
- .help-block,
- .help-inline
{
- color
:
#595959
;
- }
- .help-block
{
- display
:
block
;
- margin-bottom
:
10px
;
- }
- .help-inline
{
- display
:
inline-block
;
- *
display
:
inline
;
- /* IE7 inline-block hack */
- *
zoom:
1
;
- vertical-align
:
middle
;
- padding-left
:
5px
;
- }
- .input-append,
- .input-prepend
{
- margin-bottom
:
5px
;
- font-size
:
0
;
- white-space
:
nowrap
;
- }
- .input-append
input,
- .input-prepend
input,
- .input-append
select,
- .input-prepend
select,
- .input-append
.uneditable-input,
- .input-prepend
.uneditable-input,
- .input-append
.dropdown-menu,
- .input-prepend
.dropdown-menu
{
- font-size
:
14px
;
- }
- .input-append
input,
- .input-prepend
input,
- .input-append
select,
- .input-prepend
select,
- .input-append
.uneditable-input,
- .input-prepend
.uneditable-input
{
- position
:
relative
;
- margin-bottom
:
0
;
- *
margin-left
:
0
;
- vertical-align
:
top
;
- -webkit-border-radius:
0
4px
4px
0
;
- -moz-border-radius:
0
4px
4px
0
;
- border-radius
:
0
4px
4px
0
;
- }
- .input-append
input:
focus
,
- .input-prepend
input:
focus
,
- .input-append
select:
focus
,
- .input-prepend
select:
focus
,
- .input-append
.uneditable-input
:
focus
,
- .input-prepend
.uneditable-input
:
focus
{
- z-index
:
2
;
- }
- .input-append
.add-on,
- .input-prepend
.add-on
{
- display
:
inline-block
;
- width
:
auto
;
- height
:
20px
;
- min-width
:
16px
;
- padding
:
4px
5px
;
- font-size
:
14px
;
- font-weight
:
normal
;
- line-height
:
20px
;
- text-align
:
center
;
- text-shadow
:
0
1px
0
#ffffff
;
- background-color
:
#eeeeee
;
- border
:
1px
solid
#ccc
;
- }
- .input-append
.add-on,
- .input-prepend
.add-on,
- .input-append
.btn,
- .input-prepend
.btn,
- .input-append
.btn-group
>
.dropdown-toggle,
- .input-prepend
.btn-group
>
.dropdown-toggle
{
- vertical-align
:
top
;
- -webkit-border-radius:
0
;
- -moz-border-radius:
0
;
- border-radius
:
0
;
- }
- .input-append
.active,
- .input-prepend
.active
{
- background-color
:
#a9dba9
;
- border-color
:
#46a546
;
- }
- .input-prepend
.add-on,
- .input-prepend
.btn
{
- margin-right
:
-1px
;
- }
- .input-prepend
.add-on
:
first-child
,
- .input-prepend
.btn
:
first-child
{
- -webkit-border-radius:
4px
0
0
4px
;
- -moz-border-radius:
4px
0
0
4px
;
- border-radius
:
4px
0
0
4px
;
- }
- .input-append
input,
- .input-append
select,
- .input-append
.uneditable-input
{
- -webkit-border-radius:
4px
0
0
4px
;
- -moz-border-radius:
4px
0
0
4px
;
- border-radius
:
4px
0
0
4px
;
- }
- .input-append
input +
.btn-group
.btn
:
last-child
,
- .input-append
select +
.btn-group
.btn
:
last-child
,
- .input-append
.uneditable-input
+
.btn-group
.btn
:
last-child
{
- -webkit-border-radius:
0
4px
4px
0
;
- -moz-border-radius:
0
4px
4px
0
;
- border-radius
:
0
4px
4px
0
;
- }
- .input-append
.add-on,
- .input-append
.btn,
- .input-append
.btn-group
{
- margin-left
:
-1px
;
- }
- .input-append
.add-on
:
last-child
,
- .input-append
.btn
:
last-child
,
- .input-append
.btn-group
:
last-child
>
.dropdown-toggle
{
- -webkit-border-radius:
0
4px
4px
0
;
- -moz-border-radius:
0
4px
4px
0
;
- border-radius
:
0
4px
4px
0
;
- }
- .input-prepend
.input-append
input,
- .input-prepend
.input-append
select,
- .input-prepend
.input-append
.uneditable-input
{
- -webkit-border-radius:
0
;
- -moz-border-radius:
0
;
- border-radius
:
0
;
- }
- .input-prepend
.input-append
input +
.btn-group
.btn,
- .input-prepend
.input-append
select +
.btn-group
.btn,
- .input-prepend
.input-append
.uneditable-input
+
.btn-group
.btn
{
- -webkit-border-radius:
0
4px
4px
0
;
- -moz-border-radius:
0
4px
4px
0
;
- border-radius
:
0
4px
4px
0
;
- }
- .input-prepend
.input-append
.add-on
:
first-child
,
- .input-prepend
.input-append
.btn
:
first-child
{
- margin-right
:
-1px
;
- -webkit-border-radius:
4px
0
0
4px
;
- -moz-border-radius:
4px
0
0
4px
;
- border-radius
:
4px
0
0
4px
;
- }
- .input-prepend
.input-append
.add-on
:
last-child
,
- .input-prepend
.input-append
.btn
:
last-child
{
- margin-left
:
-1px
;
- -webkit-border-radius:
0
4px
4px
0
;
- -moz-border-radius:
0
4px
4px
0
;
- border-radius
:
0
4px
4px
0
;
- }
- .input-prepend
.input-append
.btn-group
:
first-child
{
- margin-left
:
0
;
- }
- input.search-query
{
- padding-right
:
14px
;
- padding-right
:
4px
\9
;
- padding-left
:
14px
;
- padding-left
:
4px
\9
;
- /* IE7-8 doesn't have border-radius, so don't indent the padding */
- margin-bottom
:
0
;
- -webkit-border-radius:
15px
;
- -moz-border-radius:
15px
;
- border-radius
:
15px
;
- }
- html {
- background-color
:
#0066cc
;
- }
- body {
- background
:
#fff
;
- color
:
#333
;
- font-family
:
"Lucida Grande"
,
Verdana,
Arial,
"Bitstream Vera Sans"
,
sans-serif
;
- margin
:
2em
auto
;
- width
:
700px
;
- padding
:
1em
2em
;
- -moz-border-radius:
11px
;
- -khtml-border-radius:
11px
;
- -webkit-border-radius:
11px
;
- border-radius
:
11px
;
- border
:
1px
solid
#dfdfdf
;
- }
- a {
- color
:
#2583ad
;
- text-decoration
:
none
;
- }
- a:
hover
{
- color
:
#d54e21
;
- }
- h1 {
- border-bottom
:
1px
solid
#dadada
;
- clear
:
both
;
- color
:
#666
;
- font
:
24px
Georgia,
"Times New Roman"
,
Times,
serif
;
- margin
:
5px
0
0
-4px
;
- padding
:
0
;
- padding-bottom
:
7px
;
- }
- h2 {
- font-size
:
16px
;
- }
- p,
li,
dd,
dt {
- padding-bottom
:
2px
;
- font-size
:
12px
;
- line-height
:
18px
;
- }
- code,
.code
{
- font-size
:
13px
;
- }
- ul,
ol,
dl {
- padding
:
5px
5px
5px
22px
;
- }
- a img {
- border
:
0
- }
- abbr {
- border
:
0
;
- font-variant
:
normal
;
- }
- #logo
{
- margin
:
6px
0
14px
0
;
- border-bottom
:
none
;
- text-align
:
center
- }
- .step
{
- margin
:
20px
0
15px
;
- }
- .step
,
th {
- text-align
:
left
;
- padding
:
0
;
- }
- .submit
input,
.button
,
.button-secondary
{
- font-family
:
"Lucida Grande"
,
Verdana,
Arial,
"Bitstream Vera Sans"
,
sans-serif
;
- text-decoration
:
none
;
- font-size
:
14px
!important;
- line-height
:
16px
;
- padding
:
6px
12px
;
- cursor
:
pointer
;
- border
:
1px
solid
#bbb
;
- color
:
#464646
;
- -moz-border-radius:
15px
;
- -khtml-border-radius:
15px
;
- -webkit-border-radius:
15px
;
- border-radius
:
15px
;
- -moz-box-sizing:
content-box
;
- -webkit-box-sizing:
content-box
;
- -khtml-box-sizing:
content-box
;
- box-sizing
:
content-box
;
- }
- .button
:
hover
,
.button-secondary
:
hover
,
.submit
input:
hover
{
- color
:
#000
;
- border-color
:
#666
;
- }
- .button
,
.submit
input,
.button-secondary
{
- background
:
#f2f2f2
url
(
../images/white-grad.png
)
repeat-x
scroll
left
top
;
- }
- .button
:
active
,
.submit
input:
active
,
.button-secondary
:
active
{
- background
:
#eee
url
(
../images/white-grad-active.png
)
repeat-x
scroll
left
top
;
- }
- textarea {
- border
:
1px
solid
#bbb
;
- -moz-border-radius:
4px
;
- -khtml-border-radius:
4px
;
- -webkit-border-radius:
4px
;
- border-radius
:
4px
;
- }
- .form-table
{
- border-collapse
:
collapse
;
- margin-top
:
1em
;
- width
:
100%
;
- }
- .form-table
td {
- margin-bottom
:
9px
;
- padding
:
10px
;
- border-bottom
:
8px
solid
#fff
;
- font-size
:
12px
;
- }
- .form-table
th {
- font-size
:
13px
;
- text-align
:
left
;
- padding
:
16px
10px
10px
10px
;
- border-bottom
:
8px
solid
#fff
;
- width
:
130px
;
- vertical-align
:
top
;
- }
- .form-table
tr {
- background
:
#f3f3f3
;
- }
- .form-table
code {
- line-height
:
18px
;
- font-size
:
18px
;
- }
- .form-table
p {
- margin
:
4px
0
0
0
;
- font-size
:
11px
;
- }
- .form-table
input {
- line-height
:
20px
;
- font-size
:
15px
;
- padding
:
2px
;
- }
- .form-table
th p {
- font-weight
:
normal
;
- }
- #error-page
{
- margin-top
:
50px
;
- }
- #error-page
p {
- font-size
:
12px
;
- line-height
:
18px
;
- margin
:
25px
0
20px
;
- }
- #error-page
code,
.code
{
- font-family
:
Consolas,
Monaco,
Courier,
monospace
;
- }
- #pass-strength-result
{
- background-color
:
#eee
;
- border-color
:
#ddd
!important;
- border-style
:
solid
;
- border-width
:
1px
;
- margin
:
5px
5px
5px
1px
;
- padding
:
5px
;
- text-align
:
center
;
- width
:
200px
;
- display
:
none
;
- }
- #pass-strength-result
.bad
{
- background-color
:
#ffb78c
;
- border-color
:
#ff853c
!important;
- }
- #pass-strength-result
.good
{
- background-color
:
#ffec8b
;
- border-color
:
#ffcc00
!important;
- }
- #pass-strength-result
.short
{
- background-color
:
#ffa0a0
;
- border-color
:
#f04040
!important;
- }
- #pass-strength-result
.strong
{
- background-color
:
#c3ff88
;
- border-color
:
#8dff1c
!important;
- }
- .message
{
- border
:
1px
solid
#e6db55
;
- padding
:
0.3em
0.6em
;
- margin
:
5px
0
15px
;
- background-color
:
#ffffe0
;
- }
- label.error
{
float
:
none
;
color
:
red
;
padding-left
:
.5em
;
vertical-align
:
top
;
}
- button.close
{
- padding
:
0
;
- cursor
:
pointer
;
- background
:
transparent
;
- border
:
0
;
- -webkit-appearance:
none
;
- }
- .btn
{
- display
:
inline-block
;
- *
display
:
inline
;
- /* IE7 inline-block hack */
- *
zoom:
1
;
- padding
:
4px
12px
;
- margin-bottom
:
0
;
- font-size
:
14px
;
- line-height
:
20px
;
- text-align
:
center
;
- vertical-align
:
middle
;
- cursor
:
pointer
;
- color
:
#333333
;
- text-shadow
:
0
1px
1px
rgba
(
255
,
255
,
255
,
0.75
)
;
- background-color
:
#f5f5f5
;
- background-image
:
-moz-linear-gradient(
top
,
#ffffff
,
#e6e6e6
)
;
- background-image
:
-webkit-gradient(
linear,
0
0
,
0
100%
,
from(
#ffffff
)
,
to(
#e6e6e6
)
)
;
- background-image
:
-webkit-linear-gradient(
top
,
#ffffff
,
#e6e6e6
)
;
- background-image
:
-o-linear-gradient(
top
,
#ffffff
,
#e6e6e6
)
;
- background-image
:
linear-gradient(
to bottom
,
#ffffff
,
#e6e6e6
)
;
- background-repeat
:
repeat-x
;
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
startColorstr=
'#ffffffff'
,
endColorstr=
'#ffe6e6e6'
,
GradientType=
0
)
;
- border-color
:
#e6e6e6
#e6e6e6
#bfbfbf
;
- border-color
:
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.25
)
;
- *
background-color
:
#e6e6e6
;
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
enabled
=
false)
;
- border
:
1px
solid
#bbbbbb
;
- *
border
:
0
;
- border-bottom-color
:
#a2a2a2
;
- -webkit-border-radius:
4px
;
- -moz-border-radius:
4px
;
- border-radius
:
4px
;
- *
margin-left
:
.3em
;
- -webkit-box-shadow:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.2)
,
0
1px
2px
rgba
(
0
,
0
,
0
,
.05)
;
- -moz-box-shadow:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.2)
,
0
1px
2px
rgba
(
0
,
0
,
0
,
.05)
;
- box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.2)
,
0
1px
2px
rgba
(
0
,
0
,
0
,
.05)
;
- }
- .btn
:
hover
,
- .btn
:
active
,
- .btn
.active,
- .btn
.disabled,
- .btn[
disabled
]
{
- color
:
#333333
;
- background-color
:
#e6e6e6
;
- *
background-color
:
#d9d9d9
;
- }
- .btn
:
active
,
- .btn
.active
{
- background-color
:
#cccccc
\9
;
- }
- .btn
:
first-child
{
- *
margin-left
:
0
;
- }
- .btn
:
hover
{
- color
:
#333333
;
- text-decoration
:
none
;
- background-position
:
0
-15px
;
- -webkit-transition:
background-position 0.1s
linear;
- -moz-transition:
background-position 0.1s
linear;
- -o-transition:
background-position 0.1s
linear;
- transition
:
background-position 0.1s
linear;
- }
- .btn
:
focus
{
- outline
:
thin
dotted
#333
;
- outline
:
5px
auto
-webkit-focus-ring-color;
- outline-offset
:
-2px
;
- }
- .btn
.active,
- .btn
:
active
{
- background-image
:
none
;
- outline
:
0
;
- -webkit-box-shadow:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.15)
,
0
1px
2px
rgba
(
0
,
0
,
0
,
.05)
;
- -moz-box-shadow:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.15)
,
0
1px
2px
rgba
(
0
,
0
,
0
,
.05)
;
- box-shadow
:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.15)
,
0
1px
2px
rgba
(
0
,
0
,
0
,
.05)
;
- }
- .btn
.disabled,
- .btn[
disabled
]
{
- cursor
:
default
;
- background-image
:
none
;
- opacity
:
0.65
;
- filter
:
alpha(
opacity=
65
)
;
- -webkit-box-shadow:
none
;
- -moz-box-shadow:
none
;
- box-shadow
:
none
;
- }
- .btn-large
{
- padding
:
11px
19px
;
- font-size
:
17.5px
;
- -webkit-border-radius:
6px
;
- -moz-border-radius:
6px
;
- border-radius
:
6px
;
- }
- .btn-large
[
class^=
"icon-"
]
,
- .btn-large
[
class*=
" icon-"
]
{
- margin-top
:
4px
;
- }
- .btn-small
{
- padding
:
2px
10px
;
- font-size
:
11.9px
;
- -webkit-border-radius:
3px
;
- -moz-border-radius:
3px
;
- border-radius
:
3px
;
- }
- .btn-small
[
class^=
"icon-"
]
,
- .btn-small
[
class*=
" icon-"
]
{
- margin-top
:
0
;
- }
- .btn-mini
[
class^=
"icon-"
]
,
- .btn-mini
[
class*=
" icon-"
]
{
- margin-top
:
-1px
;
- }
- .btn-mini
{
- padding
:
0
6px
;
- font-size
:
10.5px
;
- -webkit-border-radius:
3px
;
- -moz-border-radius:
3px
;
- border-radius
:
3px
;
- }
- .btn-block
{
- display
:
block
;
- width
:
100%
;
- padding-left
:
0
;
- padding-right
:
0
;
- -webkit-box-sizing:
border-box
;
- -moz-box-sizing:
border-box
;
- box-sizing
:
border-box
;
- }
- .btn-block
+
.btn-block
{
- margin-top
:
5px
;
- }
- input[
type=
"submit"
]
.btn-block,
- input[
type=
"reset"
]
.btn-block,
- input[
type=
"button"
]
.btn-block
{
- width
:
100%
;
- }
- .btn-primary
.active,
- .btn-warning
.active,
- .btn-danger
.active,
- .btn-success
.active,
- .btn-info
.active,
- .btn-inverse
.active
{
- color
:
rgba
(
255
,
255
,
255
,
0.75
)
;
- }
- .btn
{
- border-color
:
#c5c5c5
;
- border-color
:
rgba
(
0
,
0
,
0
,
0.15
)
rgba
(
0
,
0
,
0
,
0.15
)
rgba
(
0
,
0
,
0
,
0.25
)
;
- }
- .btn-primary
{
- color
:
#ffffff
;
- text-shadow
:
0
-1px
0
rgba
(
0
,
0
,
0
,
0.25
)
;
- background-color
:
#006dcc
;
- background-image
:
-moz-linear-gradient(
top
,
#0088cc
,
#0044cc
)
;
- background-image
:
-webkit-gradient(
linear,
0
0
,
0
100%
,
from(
#0088cc
)
,
to(
#0044cc
)
)
;
- background-image
:
-webkit-linear-gradient(
top
,
#0088cc
,
#0044cc
)
;
- background-image
:
-o-linear-gradient(
top
,
#0088cc
,
#0044cc
)
;
- background-image
:
linear-gradient(
to bottom
,
#0088cc
,
#0044cc
)
;
- background-repeat
:
repeat-x
;
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
startColorstr=
'#ff0088cc'
,
endColorstr=
'#ff0044cc'
,
GradientType=
0
)
;
- border-color
:
#0044cc
#0044cc
#002a80
;
- border-color
:
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.25
)
;
- *
background-color
:
#0044cc
;
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
enabled
=
false)
;
- }
- .btn-primary
:
hover
,
- .btn-primary
:
active
,
- .btn-primary
.active,
- .btn-primary
.disabled,
- .btn-primary[
disabled
]
{
- color
:
#ffffff
;
- background-color
:
#0044cc
;
- *
background-color
:
#003bb3
;
- }
- .btn-primary
:
active
,
- .btn-primary
.active
{
- background-color
:
#003399
\9
;
- }
- .btn-warning
{
- color
:
#ffffff
;
- text-shadow
:
0
-1px
0
rgba
(
0
,
0
,
0
,
0.25
)
;
- background-color
:
#faa732
;
- background-image
:
-moz-linear-gradient(
top
,
#fbb450
,
#f89406
)
;
- background-image
:
-webkit-gradient(
linear,
0
0
,
0
100%
,
from(
#fbb450
)
,
to(
#f89406
)
)
;
- background-image
:
-webkit-linear-gradient(
top
,
#fbb450
,
#f89406
)
;
- background-image
:
-o-linear-gradient(
top
,
#fbb450
,
#f89406
)
;
- background-image
:
linear-gradient(
to bottom
,
#fbb450
,
#f89406
)
;
- background-repeat
:
repeat-x
;
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
startColorstr=
'#fffbb450'
,
endColorstr=
'#fff89406'
,
GradientType=
0
)
;
- border-color
:
#f89406
#f89406
#ad6704
;
- border-color
:
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.25
)
;
- *
background-color
:
#f89406
;
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
enabled
=
false)
;
- }
- .btn-warning
:
hover
,
- .btn-warning
:
active
,
- .btn-warning
.active,
- .btn-warning
.disabled,
- .btn-warning[
disabled
]
{
- color
:
#ffffff
;
- background-color
:
#f89406
;
- *
background-color
:
#df8505
;
- }
- .btn-warning
:
active
,
- .btn-warning
.active
{
- background-color
:
#c67605
\9
;
- }
- .btn-danger
{
- color
:
#ffffff
;
- text-shadow
:
0
-1px
0
rgba
(
0
,
0
,
0
,
0.25
)
;
- background-color
:
#da4f49
;
- background-image
:
-moz-linear-gradient(
top
,
#ee5f5b
,
#bd362f
)
;
- background-image
:
-webkit-gradient(
linear,
0
0
,
0
100%
,
from(
#ee5f5b
)
,
to(
#bd362f
)
)
;
- background-image
:
-webkit-linear-gradient(
top
,
#ee5f5b
,
#bd362f
)
;
- background-image
:
-o-linear-gradient(
top
,
#ee5f5b
,
#bd362f
)
;
- background-image
:
linear-gradient(
to bottom
,
#ee5f5b
,
#bd362f
)
;
- background-repeat
:
repeat-x
;
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
startColorstr=
'#ffee5f5b'
,
endColorstr=
'#ffbd362f'
,
GradientType=
0
)
;
- border-color
:
#bd362f
#bd362f
#802420
;
- border-color
:
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.25
)
;
- *
background-color
:
#bd362f
;
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
enabled
=
false)
;
- }
- .btn-danger
:
hover
,
- .btn-danger
:
active
,
- .btn-danger
.active,
- .btn-danger
.disabled,
- .btn-danger[
disabled
]
{
- color
:
#ffffff
;
- background-color
:
#bd362f
;
- *
background-color
:
#a9302a
;
- }
- .btn-danger
:
active
,
- .btn-danger
.active
{
- background-color
:
#942a25
\9
;
- }
- .btn-success
{
- color
:
#ffffff
;
- text-shadow
:
0
-1px
0
rgba
(
0
,
0
,
0
,
0.25
)
;
- background-color
:
#5bb75b
;
- background-image
:
-moz-linear-gradient(
top
,
#62c462
,
#51a351
)
;
- background-image
:
-webkit-gradient(
linear,
0
0
,
0
100%
,
from(
#62c462
)
,
to(
#51a351
)
)
;
- background-image
:
-webkit-linear-gradient(
top
,
#62c462
,
#51a351
)
;
- background-image
:
-o-linear-gradient(
top
,
#62c462
,
#51a351
)
;
- background-image
:
linear-gradient(
to bottom
,
#62c462
,
#51a351
)
;
- background-repeat
:
repeat-x
;
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
startColorstr=
'#ff62c462'
,
endColorstr=
'#ff51a351'
,
GradientType=
0
)
;
- border-color
:
#51a351
#51a351
#387038
;
- border-color
:
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.25
)
;
- *
background-color
:
#51a351
;
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
enabled
=
false)
;
- }
- .btn-success
:
hover
,
- .btn-success
:
active
,
- .btn-success
.active,
- .btn-success
.disabled,
- .btn-success[
disabled
]
{
- color
:
#ffffff
;
- background-color
:
#51a351
;
- *
background-color
:
#499249
;
- }
- .btn-success
:
active
,
- .btn-success
.active
{
- background-color
:
#408140
\9
;
- }
- .btn-info
{
- color
:
#ffffff
;
- text-shadow
:
0
-1px
0
rgba
(
0
,
0
,
0
,
0.25
)
;
- background-color
:
#49afcd
;
- background-image
:
-moz-linear-gradient(
top
,
#5bc0de
,
#2f96b4
)
;
- background-image
:
-webkit-gradient(
linear,
0
0
,
0
100%
,
from(
#5bc0de
)
,
to(
#2f96b4
)
)
;
- background-image
:
-webkit-linear-gradient(
top
,
#5bc0de
,
#2f96b4
)
;
- background-image
:
-o-linear-gradient(
top
,
#5bc0de
,
#2f96b4
)
;
- background-image
:
linear-gradient(
to bottom
,
#5bc0de
,
#2f96b4
)
;
- background-repeat
:
repeat-x
;
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
startColorstr=
'#ff5bc0de'
,
endColorstr=
'#ff2f96b4'
,
GradientType=
0
)
;
- border-color
:
#2f96b4
#2f96b4
#1f6377
;
- border-color
:
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.25
)
;
- *
background-color
:
#2f96b4
;
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
enabled
=
false)
;
- }
- .btn-info
:
hover
,
- .btn-info
:
active
,
- .btn-info
.active,
- .btn-info
.disabled,
- .btn-info[
disabled
]
{
- color
:
#ffffff
;
- background-color
:
#2f96b4
;
- *
background-color
:
#2a85a0
;
- }
- .btn-info
:
active
,
- .btn-info
.active
{
- background-color
:
#24748c
\9
;
- }
- .btn-inverse
{
- color
:
#ffffff
;
- text-shadow
:
0
-1px
0
rgba
(
0
,
0
,
0
,
0.25
)
;
- background-color
:
#363636
;
- background-image
:
-moz-linear-gradient(
top
,
#444444
,
#222222
)
;
- background-image
:
-webkit-gradient(
linear,
0
0
,
0
100%
,
from(
#444444
)
,
to(
#222222
)
)
;
- background-image
:
-webkit-linear-gradient(
top
,
#444444
,
#222222
)
;
- background-image
:
-o-linear-gradient(
top
,
#444444
,
#222222
)
;
- background-image
:
linear-gradient(
to bottom
,
#444444
,
#222222
)
;
- background-repeat
:
repeat-x
;
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
startColorstr=
'#ff444444'
,
endColorstr=
'#ff222222'
,
GradientType=
0
)
;
- border-color
:
#222222
#222222
#000000
;
- border-color
:
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.1
)
rgba
(
0
,
0
,
0
,
0.25
)
;
- *
background-color
:
#222222
;
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
- filter
:
progid:
DXImageTransform.Microsoft
.gradient(
enabled
=
false)
;
- }
- .btn-inverse
:
hover
,
- .btn-inverse
:
active
,
- .btn-inverse
.active,
- .btn-inverse
.disabled,
- .btn-inverse[
disabled
]
{
- color
:
#ffffff
;
- background-color
:
#222222
;
- *
background-color
:
#151515
;
- }
- .btn-inverse
:
active
,
- .btn-inverse
.active
{
- background-color
:
#080808
\9
;
- }
- button.btn,
- input[
type=
"submit"
]
.btn
{
- *
padding-top
:
3px
;
- *
padding-bottom
:
3px
;
- }
- button.btn
::
-moz-focus-inner,
- input[
type=
"submit"
]
.btn
::
-moz-focus-inner {
- padding
:
0
;
- border
:
0
;
- }
- button.btn
.btn-large,
- input[
type=
"submit"
]
.btn
.btn-large
{
- *
padding-top
:
7px
;
- *
padding-bottom
:
7px
;
- }
- button.btn
.btn-small,
- input[
type=
"submit"
]
.btn
.btn-small
{
- *
padding-top
:
3px
;
- *
padding-bottom
:
3px
;
- }
- button.btn
.btn-mini,
- input[
type=
"submit"
]
.btn
.btn-mini
{
- *
padding-top
:
1px
;
- *
padding-bottom
:
1px
;
- }
- .btn-link,
- .btn-link
:
active
,
- .btn-link[
disabled
]
{
- background-color
:
transparent
;
- background-image
:
none
;
- -webkit-box-shadow:
none
;
- -moz-box-shadow:
none
;
- box-shadow
:
none
;
- }
- .btn-link
{
- border-color
:
transparent
;
- cursor
:
pointer
;
- color
:
#0088cc
;
- -webkit-border-radius:
0
;
- -moz-border-radius:
0
;
- border-radius
:
0
;
- }
- .btn-link
:
hover
{
- color
:
#005580
;
- text-decoration
:
underline
;
- background-color
:
transparent
;
- }
- .btn-link[
disabled
]
:
hover
{
- color
:
#333333
;
- text-decoration
:
none
;
- }
- .btn-group
{
- position
:
relative
;
- display
:
inline-block
;
- *
display
:
inline
;
- /* IE7 inline-block hack */
- *
zoom:
1
;
- font-size
:
0
;
- vertical-align
:
middle
;
- white-space
:
nowrap
;
- *
margin-left
:
.3em
;
- }
- .btn-group
:
first-child
{
- *
margin-left
:
0
;
- }
- .btn-group
+
.btn-group
{
- margin-left
:
5px
;
- }
- .btn-toolbar
{
- font-size
:
0
;
- margin-top
:
10px
;
- margin-bottom
:
10px
;
- }
- .btn-toolbar
>
.btn
+
.btn,
- .btn-toolbar
>
.btn-group
+
.btn,
- .btn-toolbar
>
.btn
+
.btn-group
{
- margin-left
:
5px
;
- }
- .btn-group
>
.btn
{
- position
:
relative
;
- -webkit-border-radius:
0
;
- -moz-border-radius:
0
;
- border-radius
:
0
;
- }
- .btn-group
>
.btn
+
.btn
{
- margin-left
:
-1px
;
- }
- .btn-group
>
.btn,
- .btn-group
>
.dropdown-menu,
- .btn-group
>
.popover
{
- font-size
:
14px
;
- }
- .btn-group
>
.btn-mini
{
- font-size
:
10.5px
;
- }
- .btn-group
>
.btn-small
{
- font-size
:
11.9px
;
- }
- .btn-group
>
.btn-large
{
- font-size
:
17.5px
;
- }
- .btn-group
>
.btn
:
first-child
{
- margin-left
:
0
;
- -webkit-border-top-left-radius:
4px
;
- -moz-border-radius-topleft:
4px
;
- border-top-left-radius
:
4px
;
- -webkit-border-bottom-left-radius:
4px
;
- -moz-border-radius-bottomleft:
4px
;
- border-bottom-left-radius
:
4px
;
- }
- .btn-group
>
.btn
:
last-child
,
- .btn-group
>
.dropdown-toggle
{
- -webkit-border-top-right-radius:
4px
;
- -moz-border-radius-topright:
4px
;
- border-top-right-radius
:
4px
;
- -webkit-border-bottom-right-radius:
4px
;
- -moz-border-radius-bottomright:
4px
;
- border-bottom-right-radius
:
4px
;
- }
- .btn-group
>
.btn
.large
:
first-child
{
- margin-left
:
0
;
- -webkit-border-top-left-radius:
6px
;
- -moz-border-radius-topleft:
6px
;
- border-top-left-radius
:
6px
;
- -webkit-border-bottom-left-radius:
6px
;
- -moz-border-radius-bottomleft:
6px
;
- border-bottom-left-radius
:
6px
;
- }
- .btn-group
>
.btn
.large
:
last-child
,
- .btn-group
>
.large
.dropdown-toggle
{
- -webkit-border-top-right-radius:
6px
;
- -moz-border-radius-topright:
6px
;
- border-top-right-radius
:
6px
;
- -webkit-border-bottom-right-radius:
6px
;
- -moz-border-radius-bottomright:
6px
;
- border-bottom-right-radius
:
6px
;
- }
- .btn-group
>
.btn
:
hover
,
- .btn-group
>
.btn
:
focus
,
- .btn-group
>
.btn
:
active
,
- .btn-group
>
.btn
.active
{
- z-index
:
2
;
- }
- .btn-group
.dropdown-toggle
:
active
,
- .btn-group
.open
.dropdown-toggle
{
- outline
:
0
;
- }
- .btn-group
>
.btn
+
.dropdown-toggle
{
- padding-left
:
8px
;
- padding-right
:
8px
;
- -webkit-box-shadow:
inset
1px
0
0
rgba
(
255
,
255
,
255
,
.125)
,
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.2)
,
0
1px
2px
rgba
(
0
,
0
,
0
,
.05)
;
- -moz-box-shadow:
inset
1px
0
0
rgba
(
255
,
255
,
255
,
.125)
,
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.2)
,
0
1px
2px
rgba
(
0
,
0
,
0
,
.05)
;
- box-shadow
:
inset
1px
0
0
rgba
(
255
,
255
,
255
,
.125)
,
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.2)
,
0
1px
2px
rgba
(
0
,
0
,
0
,
.05)
;
- *
padding-top
:
5px
;
- *
padding-bottom
:
5px
;
- }
- .btn-group
>
.btn-mini
+
.dropdown-toggle
{
- padding-left
:
5px
;
- padding-right
:
5px
;
- *
padding-top
:
2px
;
- *
padding-bottom
:
2px
;
- }
- .btn-group
>
.btn-small
+
.dropdown-toggle
{
- *
padding-top
:
5px
;
- *
padding-bottom
:
4px
;
- }
- .btn-group
>
.btn-large
+
.dropdown-toggle
{
- padding-left
:
12px
;
- padding-right
:
12px
;
- *
padding-top
:
7px
;
- *
padding-bottom
:
7px
;
- }
- .btn-group
.open
.dropdown-toggle
{
- background-image
:
none
;
- -webkit-box-shadow:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.15)
,
0
1px
2px
rgba
(
0
,
0
,
0
,
.05)
;
- -moz-box-shadow:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.15)
,
0
1px
2px
rgba
(
0
,
0
,
0
,
.05)
;
- box-shadow
:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.15)
,
0
1px
2px
rgba
(
0
,
0
,
0
,
.05)
;
- }
- .btn-group
.open
.btn
.dropdown-toggle
{
- background-color
:
#e6e6e6
;
- }
- .btn-group
.open
.btn-primary
.dropdown-toggle
{
- background-color
:
#0044cc
;
- }
- .btn-group
.open
.btn-warning
.dropdown-toggle
{
- background-color
:
#f89406
;
- }
- .btn-group
.open
.btn-danger
.dropdown-toggle
{
- background-color
:
#bd362f
;
- }
- .btn-group
.open
.btn-success
.dropdown-toggle
{
- background-color
:
#51a351
;
- }
- .btn-group
.open
.btn-info
.dropdown-toggle
{
- background-color
:
#2f96b4
;
- }
- .btn-group
.open
.btn-inverse
.dropdown-toggle
{
- background-color
:
#222222
;
- }
- .btn
.caret
{
- margin-top
:
8px
;
- margin-left
:
0
;
- }
- .btn-mini
.caret,
- .btn-small
.caret,
- .btn-large
.caret
{
- margin-top
:
6px
;
- }
- .btn-large
.caret
{
- border-left-width
:
5px
;
- border-right-width
:
5px
;
- border-top-width
:
5px
;
- }
- .dropup
.btn-large
.caret
{
- border-bottom-width
:
5px
;
- }
- .btn-primary
.caret,
- .btn-warning
.caret,
- .btn-danger
.caret,
- .btn-info
.caret,
- .btn-success
.caret,
- .btn-inverse
.caret
{
- border-top-color
:
#ffffff
;
- border-bottom-color
:
#ffffff
;
- }
- .btn-group-vertical
{
- display
:
inline-block
;
- *
display
:
inline
;
- /* IE7 inline-block hack */
- *
zoom:
1
;
- }
- .btn-group-vertical
>
.btn
{
- display
:
block
;
- float
:
none
;
- max-width
:
100%
;
- -webkit-border-radius:
0
;
- -moz-border-radius:
0
;
- border-radius
:
0
;
- }
- .btn-group-vertical
>
.btn
+
.btn
{
- margin-left
:
0
;
- margin-top
:
-1px
;
- }
- .btn-group-vertical
>
.btn
:
first-child
{
- -webkit-border-radius:
4px
4px
0
0
;
- -moz-border-radius:
4px
4px
0
0
;
- border-radius
:
4px
4px
0
0
;
- }
- .btn-group-vertical
>
.btn
:
last-child
{
- -webkit-border-radius:
0
0
4px
4px
;
- -moz-border-radius:
0
0
4px
4px
;
- border-radius
:
0
0
4px
4px
;
- }
- .btn-group-vertical
>
.btn-large
:
first-child
{
- -webkit-border-radius:
6px
6px
0
0
;
- -moz-border-radius:
6px
6px
0
0
;
- border-radius
:
6px
6px
0
0
;
- }
- .btn-group-vertical
>
.btn-large
:
last-child
{
- -webkit-border-radius:
0
0
6px
6px
;
- -moz-border-radius:
0
0
6px
6px
;
- border-radius
:
0
0
6px
6px
;
- }
Creating our class_of_ac.js
- <
script type=
"text/javascript"
>
- var
aircode_up =
[
- '\u
030d'
,
/* ? */
'\u
030e'
,
/* ? */
'\u
0304'
,
/* ? */
'\u
0305'
,
/* ? */
- '\u
033f'
,
/* ? */
'\u
0311'
,
/* ? */
'\u
0306'
,
/* ? */
'\u
0310'
,
/* ? */
- '\u
0352'
,
/* ? */
'\u
0357'
,
/* ? */
'\u
0351'
,
/* ? */
'\u
0307'
,
/* ? */
- '\u
0308'
,
/* ? */
'\u
030a'
,
/* ? */
'\u
0342'
,
/* ? */
'\u
0343'
,
/* ? */
- '\u
0344'
,
/* ? */
'\u
034a'
,
/* ? */
'\u
034b'
,
/* ? */
'\u
034c'
,
/* ? */
- '\u
0303'
,
/* Þ */
'\u
0302'
,
/* ? */
'\u
030c'
,
/* ? */
'\u
0350'
,
/* ? */
- '\u
0300'
,
/* Ì */
'\u
0301'
,
/* ì */
'\u
030b'
,
/* ? */
'\u
030f'
,
/* ? */
- '\u
0312'
,
/* ? */
'\u
0313'
,
/* ? */
'\u
0314'
,
/* ? */
'\u
033d'
,
/* ? */
- '\u
0309'
,
/* Ò */
'\u
0363'
,
/* ? */
'\u
0364'
,
/* ? */
'\u
0365'
,
/* ? */
- '\u
0366'
,
/* ? */
'\u
0367'
,
/* ? */
'\u
0368'
,
/* ? */
'\u
0369'
,
/* ? */
- '\u
036a'
,
/* ? */
'\u
036b'
,
/* ? */
'\u
036c'
,
/* ? */
'\u
036d'
,
/* ? */
- '\u
036e'
,
/* ? */
'\u
036f'
,
/* ? */
'\u
033e'
,
/* ? */
'\u
035b'
,
/* ? */
- '\u
0346'
,
/* ? */
'\u
031a'
/* ? */
- ]
;
- //those go DOWN
- var
aircode_down =
[
- '\u
0316'
,
/* ? */
'\u
0317'
,
/* ? */
'\u
0318'
,
/* ? */
'\u
0319'
,
/* ? */
- '\u
031c'
,
/* ? */
'\u
031d'
,
/* ? */
'\u
031e'
,
/* ? */
'\u
031f'
,
/* ? */
- '\u
0320'
,
/* ? */
'\u
0324'
,
/* ? */
'\u
0325'
,
/* ? */
'\u
0326'
,
/* ? */
- '\u
0329'
,
/* ? */
'\u
032a'
,
/* ? */
'\u
032b'
,
/* ? */
'\u
032c'
,
/* ? */
- '\u
032d'
,
/* ? */
'\u
032e'
,
/* ? */
'\u
032f'
,
/* ? */
'\u
0330'
,
/* ? */
- '\u
0331'
,
/* ? */
'\u
0332'
,
/* ? */
'\u
0333'
,
/* ? */
'\u
0339'
,
/* ? */
- '\u
033a'
,
/* ? */
'\u
033b'
,
/* ? */
'\u
033c'
,
/* ? */
'\u
0345'
,
/* ? */
- '\u
0347'
,
/* ? */
'\u
0348'
,
/* ? */
'\u
0349'
,
/* ? */
'\u
034d'
,
/* ? */
- '\u
034e'
,
/* ? */
'\u
0353'
,
/* ? */
'\u
0354'
,
/* ? */
'\u
0355'
,
/* ? */
- '\u
0356'
,
/* ? */
'\u
0359'
,
/* ? */
'\u
035a'
,
/* ? */
'\u
0323'
/* ò */
- ]
;
- //those always stay in the middle
- var
aircode_mid =
[
- '\u
0315'
,
/* ? */
'\u
031b'
,
/* ? */
'\u
0340'
,
/* ? */
'\u
0341'
,
/* ? */
- '\u
0358'
,
/* ? */
'\u
0321'
,
/* ? */
'\u
0322'
,
/* ? */
'\u
0327'
,
/* ? */
- '\u
0328'
,
/* ? */
'\u
0334'
,
/* ? */
'\u
0335'
,
/* ? */
'\u
0336'
,
/* ? */
- '\u
034f'
,
/* ? */
'\u
035c'
,
/* ? */
'\u
035d'
,
/* ? */
'\u
035e'
,
/* ? */
- '\u
035f'
,
/* ? */
'\u
0360'
,
/* ? */
'\u
0362'
,
/* ? */
'\u
0338'
,
/* ? */
- '\u
0337'
,
/* ? */
'\u
0361'
,
/* ? */
'\u
0489'
/* ?_ */
- ]
;
- // random function
- //---------------------------------------------------
- //gets an int between 0 and max
- function
rand(
max)
- {
- return
Math
.floor
(
Math
.random
(
)
*
max)
;
- }
- //gets a random char from a AC char table
- function
rand_ac(
array)
- {
- var
ind =
Math
.floor
(
Math
.random
(
)
*
array.length
)
;
- return
array[
ind]
;
- }
- // utils funcs
- //---------------------------------------------------
- //hide show element
- function
toggle(
id)
- {
- if
(
document.getElementById
(
id)
.style
.display
==
"none"
)
- document.getElementById
(
id)
.style
.display
=
"block"
;
- else
- document.getElementById
(
id)
.style
.display
=
"none"
;
- }
- //lookup char to know if its a zalgo char or not
- function
is_ac_char(
c)
- {
- var
i;
- for
(
i=
0
;
i<
aircode_up.length
;
i++
)
- if
(
c ==
aircode_up[
i]
)
- return
true
;
- for
(
i=
0
;
i<
aircode_down.length
;
i++
)
- if
(
c ==
aircode_down[
i]
)
- return
true
;
- for
(
i=
0
;
i<
aircode_mid.length
;
i++
)
- if
(
c ==
aircode_mid[
i]
)
- return
true
;
- return
false
;
- }
- function
draw_ac_table(
elid)
- {
- var
container =
document.getElementById
(
elid)
;
- var
html =
''
;
- html +=
'<b>Chars going up:</b><br />\n
'
;
- html +=
'<table class="ac_xamp_ref_table">\n
'
;
- html +=
'<tr>\n
'
;
- for
(
var
i=
0
;
i<
aircode_up.length
;
i++
)
- {
- if
(
!
(
i %
10
)
)
- html +=
'</tr><tr>'
;
- html +=
'<td class="ac_xamp_td">'
+
aircode_up[
i]
+
'</td>\n
'
;
- }
- html +=
'</tr>\n
'
;
- html +=
'</table>\n
'
;
- html +=
'<br /><b>Chars staying in the middle:</b><br />\n
'
;
- html +=
'<table class="ac_xamp_ref_table">\n
'
;
- html +=
'<tr>\n
'
;
- for
(
var
i=
0
;
i<
aircode_mid.length
;
i++
)
- {
- if
(
!
(
i %
10
)
)
- html +=
'</tr><tr>'
;
- html +=
'<td class="ac_xamp_td">'
+
aircode_mid[
i]
+
'</td>\n
'
;
- }
- html +=
'</tr>\n
'
;
- html +=
'</table>\n
'
;
- html +=
'<br /><b>Chars going down:</b><br />\n
'
;
- html +=
'<table class="ac_xamp_ref_table">\n
'
;
- html +=
'<tr>\n
'
;
- for
(
var
i=
0
;
i<
aircode_down.length
;
i++
)
- {
- if
(
!
(
i %
10
)
)
- html +=
'</tr><tr>'
;
- html +=
'<td class="ac_xamp_td">'
+
aircode_down[
i]
+
'</td>\n
'
;
- }
- html +=
'</tr>\n
'
;
- html +=
'</table>\n
'
;
- container.innerHTML
=
html;
- }
- // main shit
- //---------------------------------------------------
- function
xamp_textarea(
id)
- {
- var
p =
document.getElementById
(
id)
;
- var
txt =
p.value
;
- var
newtxt =
''
;
- for
(
var
i=
0
;
i<
txt.length
;
i++
)
- {
- if
(
is_ac_char(
txt.substr
(
i,
1
)
)
)
- continue
;
- var
num_up;
- var
num_mid;
- var
num_down;
- //add the normal character
- newtxt +=
txt.substr
(
i,
1
)
;
- //options
- if
(
document.getElementById
(
'ac_opt_mini'
)
.checked
)
- {
- num_up =
rand(
8
)
;
- num_mid =
rand(
2
)
;
- num_down =
rand(
8
)
;
- }
- else
if
(
document.getElementById
(
'ac_opt_normal'
)
.checked
)
- {
- num_up =
rand(
16
)
/
2
+
1
;
- num_mid =
rand(
6
)
/
2
;
- num_down =
rand(
16
)
/
2
+
1
;
- }
- else
//maxi
- {
- num_up =
rand(
64
)
/
4
+
3
;
- num_mid =
rand(
16
)
/
4
+
1
;
- num_down =
rand(
64
)
/
4
+
3
;
- }
- if
(
document.getElementById
(
'ac_opt_up'
)
.checked
)
- for
(
var
j=
0
;
j<
num_up;
j++
)
- newtxt +=
rand_ac(
aircode_up)
;
- if
(
document.getElementById
(
'ac_opt_mid'
)
.checked
)
- for
(
var
j=
0
;
j<
num_mid;
j++
)
- newtxt +=
rand_ac(
aircode_mid)
;
- if
(
document.getElementById
(
'ac_opt_down'
)
.checked
)
- for
(
var
j=
0
;
j<
num_down;
j++
)
- newtxt +=
rand_ac(
aircode_down)
;
- }
- //result is in nextxt, display that
- //remove all children of lulz_container
- var
container =
document.getElementById
(
'lulz_container'
)
;
- while(
container.childNodes
.length
)
- container.removeChild
(
container.childNodes
[
0
]
)
;
- //build blocks for each line & create a <br />
- var
lines =
newtxt.split
(
"\n
"
)
;
- for
(
var
i=
0
;
i<
lines.length
;
i++
)
- {
- var
n =
document.createElement
(
'text'
)
;
- n.innerHTML
=
lines[
i]
;
- container.appendChild
(
n)
;
- var
nl =
document.createElement
(
'br'
)
;
- container.appendChild
(
nl)
;
- }
- //done
- }
- /* ]]> */
- </
script>
Congratulations, you have created an air code generator. If you have questions and suggestions feel free to comment below or email me at [email protected]
Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.
Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.
FOR YOUR OWN SAFETY, PLEASE:
1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.