{
    "information": {
        "name": "wapka themes",
        "description": "Wapka.org free website builder themes",
        "version": 1,
        "time": 1647601397,
        "url": "https:\/\/wapka.org"
    },
    "pages": {
        "index": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<span class=\"hidden\"><title>The best mobile online community chat site!<\/title><\/span>",
                    "type": 0,
                    "user": 5,
                    "typeText": "Code",
                    "userText": "Visitor"
                },
                {
                    "content": "<span class=\"hidden\"><style>div#head{background:#145082;\r\n  border-bottom:none;}.sweety{opacity:100%;border-radius:50%;border:1px solid red;padding:3px;}.dahon img{max-width:60%;}#shadow{border-radius:20px;}.pictv{padding:2px;border:1px solid #C0C0C0;}div.nav{padding:9px;font-weight:bold;}div.modal{margin:8% auto 11%;}\r\n#breathing,#hello:hover,.pict:hover,#shadow:hover{-webkit-animation: breathing 1s ease-out infinite normal;\r\n    animation: breathing 1s ease-out infinite normal;\r\n    -webkit-font-smoothing: antialiased;  \r\n    }\r\n\r\n\r\n@-webkit-keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n\r\n@keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n    \r\n<\/style><\/span>",
                    "type": 0,
                    "user": 5,
                    "typeText": "Code",
                    "userText": "Visitor"
                },
                {
                    "content": "<span class=\"hidden\"><script>\r\n\/\/ Get the modal\r\nvar modal = document.getElementById('id02');\r\n\r\n\/\/ When the user clicks anywhere outside of the modal, close it\r\nwindow.onclick = function(event) {\r\n    if (event.target == modal) {\r\n        modal.style.display = \"none\";}}\r\n<\/script>\r\n<script>\r\n\/\/ Get the modal\r\nvar modal = document.getElementById('id01');\r\n\r\n\/\/ When the user clicks anywhere outside of the modal, close it\r\nwindow.onclick = function(event) {\r\n    if (event.target == modal) {\r\n        modal.style.display = \"none\";}}\r\n<\/script><\/span>",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                },
                {
                    "content": "<span class=\"hidden\"><style>a:hover.two,a:hover#two{color:red; padding:3px;}div#schools,.wels-form{background-image:url(\"\/download\/4779f3c10414814bc988c4fb6475b4c7\/29612\/ifriends+4webku+com\/d2VsY29tLXJpYmJvbi5wbmc=\");background-repeat:no-repeat;background-position:center;background-size:100%;}.wel-form{background-image:url(\"https:\/\/cdn.wapka.org\/006orw\/fccb0e1ecd4a2ee8924670d64afb4110\/green-ribbon-png-transparent-hd-photored.png\"); background-repeat: no-repeat; background-position:center;background-size:95% 80%;vertical-align:top 15%;}span.vis,span.vits{display:none;}\r\n#hello{border-radius:25px;animation:float .2s ease-in-out infinite;color:#;font-weight:700;font-family:monospace;background-image:url(\/smoki.gif);background-position:center;background-repeat:repeat;padding:1px 0.1px 0.1px 1px;border-radius:3px;}@keyframes float{0%,100%{transform:none;}33%{transform:translateY(-1px) rotate(-2deg);}66%{transform:translateY(1px) rotate(2deg);}}@keyframes bounce{0%,100%{transform:translate(0);}25%{transform:rotateX(20deg) translateY(2px) rotate(-3deg);}50%{transform:translateY(-20px) rotate(3deg) scale(1.1);}}h1 span:nth-child(2){animation-delay:.05s;}h1 span:nth-child(3){animation-delay:.1s;}h1 span:nth-child(4){animation-delay:.15s;}h1 span:nth-child(5){animation-delay:.2s;}h1 span:nth-child(6){animation-delay:.25s;}h1 span:nth-child(7){animation-delay:.3s;}h1 span:nth-child(8){animation-delay:.35s;}h1 span:nth-child(9){animation-delay:.4s;}h1 span:nth-child(10){animation-delay:.45s;}h1 span:nth-child(11){animation-delay:.5s;}h1 span:nth-child(12){animation-delay:.55s;}h1 span:nth-child(13){animation-delay:.6s;}h1 span:nth-child(14){animation-delay:.65s;}}\r\n\r\n.des{font-size:15px;font-family:verdana;background-image:url(..\/images\/ypsbgcolorfuldot.gif);background-position:center;background-repeat:repeat;border-radius:3px;animation:changecolor 5s infinite;-moz-animation:changecolor 5s infinite;-webkit-animation:changecolor 5s infinite;-ms-animation:changecolor 5s infinite;-o-animation:changecolor 5s infinite;}@keyframes changecolor{0%{color:red;}25%{color:yellow;}50%{color:blue;}100%{color:green;}}@-moz-keyframes changecolor{0%{color:red;}25%{color:yellow;}50%{color:blue;}100%{color:green;}}@-webkit-keyframes changecolor{0%{color:red;}25%{color:yellow;}50%{color:blue;}100%{color:green;}}@-ms-keyframes changecolor{0%{color:red;}25%{color:yellow;}50%{color:blue;}100%{color:green;}}@-o-keyframes changecolor{0%{color:red;}25%{color:yellow;}50%{color:blue;}100%{color:green;}}\r\n\r\n<\/style>\r\n<style>#announce{\r\n    -webkit-animation: breathing 5s ease-out infinite normal;\r\n    animation: breathing 5s ease-out infinite normal;\r\n    font-family:'Lantinghei SC';\r\n    -webkit-font-smoothing: antialiased;  \r\n    }\r\n\r\n\r\n@-webkit-keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n\r\n@keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n<\/style>\r\n<\/span>",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                },
                {
                    "content": "<span class=\"hidden\">\r\n<script>\r\nfunction lettersOnly(input){\r\nvar regex = \/[^a-z_]\/gi;\r\ninput.value = input.value.replace(regex, \"\");}\r\n<\/script>\r\n  \r\n<\/span>",
                    "type": 0,
                    "user": 5,
                    "typeText": "Code",
                    "userText": "Visitor"
                },
                {
                    "content": "<style>\r\n.loader{\r\n    position:fixed;\r\n    ;width:100%;\r\n    height:100vh;\r\n    background-color:white;\r\n    visibility:visible;\r\n    animation:hid 1s linear 1 3s;\r\n    animation-fill-mode:both;\r\n    \r\n}.locked {\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    user-select: none;\r\n    pointer-events: none;\r\n}.wrapper{background-color:#ffffff;\r\n    text-align:center;\r\n    top:50%;\r\nposition:absolute;\r\n    left:50%;\r\n    transform:translate(-50% , -50%);\r\n    max-width:550px;\r\n}\r\n\r\n.brand {\r\n    font-size:12px;\r\n    font-family: 'Comfortaa', sans-serif;\r\n}\r\n.viss{display:none;}\r\n\r\n.rotater {\r\n    animation:rotater 2s linear infinite;\r\n    animation-fill-mode:forwards;\r\n}\r\n\r\n.progress {\r\n    width:12em;\r\n}\r\n\r\n.progress-bar {\r\n    width:;\r\n    animation:progres 3s linear 1 alternate;\r\n}\r\n\r\n@keyframes rotater {\r\n    0%{\r\n        transform:rotate(-360deg);\r\n        \r\n    }\r\n    100%{\r\n        transform:rotate(0deg);\r\n    }\r\n}\r\n@keyframes progres {\r\n    0% {\r\n        width:0%;\r\n    }\r\n    100% {\r\n        width:0%;\r\n    }\r\n}\r\n\r\n@keyframes hid {\r\n    0% {\r\n        opacity:1;\r\n    }\r\n\r\n    45% {\r\n        opacity:;\r\n        visibility:hidden;\r\n    }\r\n    100% {\r\n        opacity:0;\r\n        visibility:hidden;\r\n       z-index:-1;\r\n    }\r\n}\r\n<\/style>\r\n\r\n <div align=\"center\" class=\"container-fluid loader locked\">\r\n            <div class=\"wrapper\">\r\n                \r\n                <div class=\"progress mx-auto\">\r\n                    <div class=\"progress-bar progress-bar-striped bg-danger\" role=\"progressbar\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\r\n                <\/div>\r\n              <br\/>  <span class=\"brand pt-5\" style=\"color:#808080;\"><img src=\"https:\/\/cdn.wapka.org\/006put\/5bc723f8545ce7c528cf370c5aa54f67\/yczh.gif\" alt=\"loading\" width=\"auto\"\/><\/span>\r\n            <\/div>\r\n            \r\n        <\/div>",
                    "type": 0,
                    "user": 5,
                    "typeText": "Code",
                    "userText": "Visitor"
                },
                {
                    "content": "<div style=\"padding:32.5px;\"><\/div><div class=\"loginmobile\">\r\n<div id=\"title\">Welcome Guest!<\/div>\r\n<\/div>",
                    "type": 0,
                    "user": 5,
                    "typeText": "Code",
                    "userText": "Visitor"
                },
                {
                    "content": ":HTML_DECODE(%value1%); \r\n:VALUE(%userid%).IFNE.VAR(USER_ID).THEN().ELSE();",
                    "type": 27,
                    "user": 5,
                    "typeText": "API Data Lister",
                    "userText": "Visitor",
                    "config": "<pid>12345<\/pid>\r\n<order>new<\/order>\r\n<limit>1<\/limit>",
                    "header": "<div align=\"center\" class=\"blog-form\"><b>A N N O U N C E M E N T<\/b><br\/>\r\n<div align=\"center\" class=\"announce\" id=\"announce\">",
                    "footer": "<br\/><\/div><\/div>",
                    "default": "No announcement yet!"
                },
                {
                    "content": "<div class=\"blog-form loginmobile\"><div class=\"des\" id=\"go\" align=\"center\"><h3><script> farbbibliothek=new Array();farbbibliothek[0]=new Array(\"#FF0000\",\"#FF1100\",\"#FF2200\",\"#FF3300\",\"#FF4400\",\"#FF5500\",\"#FF6600\",\"#FF7700\",\"#FF8800\",\"#FF9900\",\"#FFaa00\",\"#FFbb00\",\"#FFcc00\",\"#FFdd00\",\"#FFee00\",\"#FFff00\",\"#FFee00\",\"#FFdd00\",\"#FFcc00\",\"#FFbb00\",\"#FFaa00\",\"#FF9900\",\"#FF8800\",\"#FF7700\",\"#FF6600\",\"#FF5500\",\"#FF4400\",\"#FF3300\",\"#FF2200\",\"#FF1100\");farbbibliothek[1]=new Array(\"#00FF00\",\"#000000\",\"#00FF00\",\"#00FF00\");farbbibliothek[2]=new Array(\"#00FF00\",\"#FF0000\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\",\"#00FF00\");farbbibliothek[3]=new Array(\"#FF0000\",\"#FF4000\",\"#FF8000\",\"#FFC000\",\"#FFFF00\",\"#C0FF00\",\"#80FF00\",\"#40FF00\",\"#00FF00\",\"#00FF40\",\"#00FF80\",\"#00FFC0\",\"#00FFFF\",\"#00C0FF\",\"#0080FF\",\"#0040FF\",\"#0000FF\",\"#4000FF\",\"#8000FF\",\"#C000FF\",\"#FF00FF\",\"#FF00C0\",\"#FF0080\",\"#FF0040\");farbbibliothek[4]=new Array(\"#FF0000\",\"#EE0000\",\"#DD0000\",\"#CC0000\",\"#BB0000\",\"#AA0000\",\"#990000\",\"#880000\",\"#770000\",\"#660000\",\"#550000\",\"#440000\",\"#330000\",\"#220000\",\"#110000\",\"#000000\",\"#110000\",\"#220000\",\"#330000\",\"#440000\",\"#550000\",\"#660000\",\"#770000\",\"#880000\",\"#990000\",\"#AA0000\",\"#BB0000\",\"#CC0000\",\"#DD0000\",\"#EE0000\");farbbibliothek[5]=new Array(\"#000000\",\"#000000\",\"#000000\",\"#FFFFFF\",\"#FFFFFF\",\"#FFFFFF\");farbbibliothek[6]=new Array(\"#0000FF\",\"#FFFF00\");farben=farbbibliothek[4];function farbschrift(){for(var b=0;b<Buchstabe.length;b++){document.all[\"a\"+b].style.color=farben[b]}farbverlauf()}function string2array(b){Buchstabe=new Array();while(farben.length<b.length){farben=farben.concat(farben)}k=0;while(k<=b.length){Buchstabe[k]=b.charAt(k);k++}}function divserzeugen(){for(var b=0;b<Buchstabe.length;b++){document.write(\"<span id='a\"+b+\"' class='a\"+b+\"'>\"+Buchstabe[b]+\"<\/span>\")}farbschrift()}var a=1;function farbverlauf(){for(var b=0;b<farben.length;b++){farben[b-1]=farben[b]}farben[farben.length-1]=farben[-1];setTimeout(\"farbschrift()\",30)}var farbsatz=1;function farbtauscher(){farben=farbbibliothek[farbsatz];while(farben.length<text.length){farben=farben.concat(farben)}farbsatz=Math.floor(Math.random()*(farbbibliothek.length-0.0001))}setInterval(\"farbtauscher()\",5000); text=\"HAVE WE MET BEFORE?\"; string2array(text);divserzeugen(); <\/script><\/h3><\/div><div align=\"center\"><button id=\"shadow\" class=\"btn\" onclick=\"document.getElementById('id02').style.display='block'\" style=\"width:40%;padding:8px;\">Sign In<\/button>&nbsp;&nbsp;&nbsp;<button id=\"shadow\" class=\"btn\" onclick=\"document.getElementById('register').style.display='block';width:auto;\" style=\"width:40%;padding:8px\">Sign Up<\/button><\/div><br\/><\/div>",
                    "type": 0,
                    "user": 5,
                    "typeText": "Code",
                    "userText": "Visitor"
                },
                {
                    "content": "<div class=\"wel-form loginmobile\"><div align=\"center\" id=\"go\" class=\"login-form\"><b>Welcome To iFriends<\/b><br\/><div class=\"wel-form\"><hr\/>\r\niFriends<br\/> is the best place for chatting and meeting people.<br\/> With thousands of users all over the world, iFriends gives you the ability to connect with people no matter where you are.<br\/>\r\n<img id=\"hello\" src=\"https:\/\/cdn.wapka.org\/006oro\/6f4f2316ae25f85fae0c7180e0aaa84f\/chatters.png\"\/>\r\n<\/div><\/div><\/div>",
                    "type": 0,
                    "user": 5,
                    "typeText": "Code",
                    "userText": "Visitor"
                },
                {
                    "content": "<img class=\"pict\" src=\":VALUE(%var(gender)%).IFEQ(Male).THEN(https:\/\/cdn.wapka.org\/006qdq\/18330b169794134e43309d30c8aee3c8\/male-avatar.png).ELSE(https:\/\/cdn.wapka.org\/006qgi\/7640e728c060bf8fa5572e07300ddb78\/female-avatar.png).IFIN(%avatar%).THEN(default);\" height=\"40\" width=\"40\"\/>&nbsp;",
                    "type": 9,
                    "user": 5,
                    "typeText": "User Lister",
                    "userText": "Visitor",
                    "config": "<limit>10<\/limit>\r\n<order>new<\/order>",
                    "header": "<div align=\"center\" class=\"blog-form\"><div align=\"cente\">\r\n<b>Latest Members<\/b><\/div><br\/>\r\n<marquee width=\"100%\" scrollamount=\"1\" scrolldelay=\"5\" behavior=\"ALTERNATE\">",
                    "footer": "<\/marquee><\/div>"
                },
                {
                    "content": "<div style=\"font-weight:600;\" align=\"center\" class=\"blog-form loginmobile\"><a href=\"http:\/\/facebook.com\/ifriends.ml\"><img class=\"pict\" valign=\"bottom\" id=\"breathing\" src=\"https:\/\/cdn.wapka.org\/006qgp\/307ff6afdc1bb9319fe0a9d8aa1dfbbd\/fb.png\" width=\"18\"\/> Like us on Facebook<\/a><\/div>",
                    "type": 0,
                    "user": 5,
                    "typeText": "Code",
                    "userText": "Visitor"
                },
                {
                    "content": "<ul><div id=\"id02\" class=\"modal\">\r\n  \r\n<span class=\"visitor\"> <div class=\"modals animate\">\r\n    <div class=\"imgcontainer\">\r\n      <span onclick=\"document.getElementById('id02').style.display='none'\" class=\"close\" title=\"Close Modal\"><font color=\"red\">&times;<\/font><\/span>&nbsp;<\/div><br\/><center><img class=\"sweety\" id=\"announce\" src=\"https:\/\/cdn.wapka.org\/006qgq\/74875f96c046a5a7c556160a706ea34d\/xcsd-picsay.png\" height=\"130\" width=\"130\"\/><\/center>\r\n    <div class=\"container\">\r\n<div id=\"title\">&nbsp;\r\nQuick Login<\/div>\r\n<div class=\"blog-form\" style=\"padding:10px;\"><font color=\"red\"><b>%notify%<\/b><\/font><div><\/div>\r\n<b>Username:<\/b><br\/><input type=\"text\" name=\"user\" placeholder=\"Username\" required\/><br\/><br\/><b>Password:<\/b><br\/><input type=\"password\" name=\"pass\" placeholder=\"Password\" required\/><br><br\/><input type=\"submit\" style=\"width:auto; padding: 10px; font-weight: bold;\" \r\n value=\"Login\"\/>\r\n<\/div><br\/>\r\n<\/div><\/div><\/div>\r\n<\/span><\/ul>",
                    "type": 7,
                    "user": 5,
                    "typeText": "User Login",
                    "userText": "Visitor",
                    "config": "<username>:POST(user);<\/username>\r\n<password>:POST(pass);<\/password>\r\n<url>\/login.php<\/url>"
                },
                {
                    "content": "<ul style=\"top:0px;\"><div id=\"register\" class=\"modal\">  \r\n <div class=\"modal-content animate\">\r\n    <div class=\"imgcontainer\">\r\n      <span onclick=\"document.getElementById('register').style.display='none'\" class=\"close\" title=\"Close\"><font color=\"red\">&times;<\/font><\/span><div align=\"center\">&nbsp;\r\n    <\/div><\/div><br\/><div class=\"container\">\r\n<div class=\"blog-forms\">\r\n   <font color=\"red\"><b>%notify%<\/b><\/font><div id=\"title\">Registration<\/div>\r\n<b>Username:<\/b><br\/><form method=\"post\" action=\"\"><input type=\"text\" name=\"username\" placeholder=\"Username\"required\/><br\/><br\/><b>Password:<\/b><i><font color=\"red\">(Must be <b>8<\/b> characters above.)<\/font><\/i><br\/><input type=\"password\" name=\"password\" placeholder=\"Password(Must be 8 characters)\"required\/><br\/><br\/>\r\n<b>Verify Password:<\/b><br\/><input type=\"password\" name=\"verpass\" placeholder=\"Verify Password\"required\/><br\/><br\/>\r\n<b>Email:<\/b><br\/><form method=\"post\" action=\"\"><input type=\"text\" name=\"mail\" placeholder=\"@\"required\/><br\/><br\/>\r\n<b>Location:<\/b><br\/>\r\n<input type=\"text\" name=\"location\" placeholder=\"Location\"required\/>\r\n<br\/><br\/>\r\n<b>Age:<\/b><br\/>\r\n<select name=\"age\">\r\n<option value=\"16\">16<\/option>\r\n<option value=\"17\">17<\/option>\r\n<option value=\"18\">18<\/option>\r\n<option value=\"19\">19<\/option>\r\n<option value=\"20\">20<\/option>\r\n<option value=\"21\">21<\/option>\r\n<option value=\"22\">22<\/option>\r\n<option value=\"23\">23<\/option>\r\n<option value=\"24\">24<\/option>\r\n<option value=\"25\">25<\/option>\r\n<option value=\"26\">26<\/option>\r\n<option value=\"27\">27<\/option>\r\n<option value=\"28\">28<\/option>\r\n<option value=\"29\">29<\/option>\r\n<option value=\"30\">30<\/option>\r\n<option value=\"31\">31<\/option>\r\n<option value=\"32\">32<\/option>\r\n<option value=\"33\">33<\/option>\r\n<option value=\"34\">34<\/option>\r\n<option value=\"35\">35<\/option>\r\n<option value=\"36\">36<\/option>\r\n<option value=\"37\">37<\/option>\r\n<option value=\"38\">38<\/option>\r\n<option value=\"39\">39<\/option>\r\n<option value=\"40\">40<\/option>\r\n<option value=\"41\">41<\/option>\r\n<\/select><br\/><br\/>\r\n<b>Gender:<\/b><br> <select name=\"gender\"><option value=\"Male\">Male<\/option><option value=\"Female\">Female<\/option><\/select><br><br><button  id=\"shadows\" class=\"btn\" name=\"reg_user\" type=\"submit\"><span>Register<\/span><\/button>\r\n<\/form><div>\r\n<br\/><\/div>\r\n<\/div><br\/>\r\n<\/div><\/div><\/div><\/ul>",
                    "type": 8,
                    "user": 5,
                    "typeText": "User Registration",
                    "userText": "Visitor",
                    "config": "<username>:POST(username);<\/username>\r\n<password>:POST(password);<\/password>\r\n<type>active<\/type>\r\n<role>author<\/role>\r\n<var_gender>:POST(gender);<\/var_gender>\r\n   <var_location>:POST(location);<\/var_location>\r\n<var_verpass>:POST(verpass);<\/var_verpass>\r\n<var_age>:POST(age);<\/var_age>\r\n<var_mail>:POST(mail);<\/var_mail>      \r\n<url>\/registration.php?password=:POST(password);&username=:POST(username);<\/url>"
                }
            ]
        },
        "styles": {
            "type": 2,
            "typeText": "text\/css",
            "user": 0,
            "userText": "All user",
            "codes": [
                {
                    "content": "body{background:#dcdcdc url(\"https:\/\/cdn.wapka.org\/006q0j\/f9f912d59bec3682b474b42c4a574473\/bg-image.jpg\");background-repeat:repeat;background-attachment:fixed;background-position:center;background-size:auto; margin:0px auto 0px; color:#000; font-size:13px; font-weight:400;font-family:sans-serif,helvetica,sans-serif;max-width:700px;margin:auto;}\r\n\r\nul{max-width:700px;margin:auto;}\r\n\r\n\r\nstrong{font-size:20px;}\r\n\r\n\r\na{color:#005580; text-decoration:none; padding:2px;}\r\n\r\n\r\n.link a{color:#808080;font-weight:700;}\r\n\r\n.sweet{border:1px solid #dadada; border-radius:50%;}\r\n\r\na:hover{font-weight:bold}\r\n\r\n.pictv{background:#FFFFFF;padding:2px;border:1px solid #C0C0C0;}\r\n\r\n.menus{position:fixed;width:25%;}\r\n\r\n\r\n#head{height:auto;-moz-border-radius: 0px;\r\n    -webkit-border-radius: 0px;\r\n    background-color:#145082;\r\npadding:8.5px; vertical-align:top;margin:0px auto 0px;}\r\n\r\n\r\n\r\nul{list-style-type: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    position: fixed;\r\n    top: 0;\r\n    width: 100%;\r\n    z-index:99999;margin:0px auto 0px;}\r\n\r\n\r\n\r\n.point{background:#E6FFE6;border:1px solid green;color:green; padding:10px; border-radius:0px;margin:6px;}\r\n\r\n\r\n\r\n\r\ndiv#head img{vertical-align:middle;padding:2px;}\r\n\r\n\r\n.btn:focus{outline:none;background: transparent;color:#555;border:none;appearance: none;\r\nbox-shadow: none;text-shadow:none;}\r\n\r\n.band{padding:2px;}\r\n\r\ndiv#head a{color:#ffffff;text-shadow:-1px 1px 2px #000; padding:2px;}\r\n\r\n\r\n\r\n#head a:hover,#head a:active{background:#CA6F1E; padding:5px; border-radius:3px;border:1px solid #074755;}\r\n\r\n\r\n\r\n\r\n#foot{height:auto;-moz-border-radius: 0px;background:#145082;\r\n    -webkit-border-radius: 0px;\r\n    background-image:linear-gradient(to bottom, #145082, #1D1313 120%);\r\n   color:#fff; padding:12.4px;font-weight:700;\r\n   text-align: center; padding:12px; text-shadow:-1px 1px 1px #000;color:#fff;box-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, .3), inset 0 -3px 6px 0 rgba(0, 0, 0, .2), 0 3px 2px 0 rgba(0, 0, 0, .2);}\r\n\r\n\r\n.themes input[type=image]{box-shadow: inset 0px -2px 1px rgba(0,0,0,0.8),\r\ninset 0 2px 1px rgba(255,255,255,1);\r\nbackground:#145082;border-radius:50%;border:3px solid #145082;outline:none;}\r\n\r\n\r\n\r\n\r\n.ekes input[type=submit]{position:relative;display:inline-block;clear:both;background:transparent;color:red; font-weight:bold;border:none;outline:none;-webkit-appearance: none;\r\n-moz-appearance: none;\r\nappearance: none;\r\nbox-shadow: none;}\r\n\r\n\r\n\r\ndiv.nav{padding:2px;height:auto;\r\nbackground:#145082;\r\nbackground-image: linear-gradient(to bottom, #145082, #1D1313 190%);color:#fff;}\r\n\r\n\r\n.navs a{display:inline-block;}\r\n\r\n.navs{display:inline-block;padding:7px 8px 5px;}\r\n\r\n.navs .notif{font-family: 'Roboto', sans-serif;background-color: #fa3e3e;\r\n    border-radius: 50%;\r\n    box-shadow: -1px 1px 2px 0 rgb(0 0 0 \/ 30%);text-shadow:-1px 0px 0.5px #000;\r\n    color: #fff;padding:1px 2.8px;\r\n    cursor: default;\r\n    font-size:9px;\r\n    height: 14px;\r\n    line-height: 14px;\r\n    position: absolute;\r\n    right:auto;\r\n    text-align: center;\r\n    top:auto;\r\n    -webkit-user-select: none;\r\n    width: 10.8px; margin:-3px -10px 5px;}\r\n\r\n\r\n.signals{position:relative;left:40px;}\r\n\r\n.signalz{position:relative;left:80px;bottom:-20px;}\r\n\r\n.navs a img{width:20px;}\r\n\r\n\r\n.navs:hover{background:#3C78AA;}\r\n\r\n\r\n\r\n.newchat {\r\n\tposition: relative;\r\n\tbackground: #555;\r\n\tborder-radius:.6em;\r\ncolor:#E0F2F1;padding:3px;border:1px ridge #00695C;\r\n}\r\n\r\n.newchat a{color:#fff;}\r\n.date{font-size:10px;font-style:italic;}\r\n\r\n.newchat:after {\r\n\tcontent: '';\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\twidth: 0;\r\n\theight: 0;\r\n\tborder: 7px solid transparent;\r\n\tborder-bottom-color: #555;\r\n\tborder-top: 0;\r\n\tmargin-left: -7px;\r\n\tmargin-top: -7px;}\r\n\r\n\r\n#glow{box-shadow:0 0 1.5px lime;}\r\n\r\n\r\n\r\n.msg{background:#FFFFF3;border-bottom:1px solid #FFFFA3;border-top:1px solid #FFFFA3;}\r\n\r\n\r\n\r\n.speech-bubble {margin:4px;\r\nbackground-color: #363F43;\r\nborder: 1px solid #dadada;\r\nborder-radius: 6px;\r\nwidth: auto;\r\ntext-align:left;\r\npadding: 10px;\r\nposition: absolute;}\r\n\r\n.speech-bubble .arrow {\r\n    border-style: solid;\r\n    position: absolute;\r\n}\r\n \r\n.bottom {\r\n    border-color:#dadada transparent transparent transparent;\r\n    border-width: 8px 8px 0px 8px;\r\n    bottom: -8px;\r\n}\r\n\r\n\r\n.bottom:after {\r\n    border-color: #363F43 transparent transparent transparent;\r\n    border-style: solid;\r\n    border-width: 7px 7px 0px 7px;\r\n    bottom: 1px;\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -7px;\r\n}\r\n\r\n\r\n\r\n.table:hover{padding:0px;border:none;background:#fafafa;}\r\n\r\n\r\n\r\n.blink-two{\r\n      animation: blinker-two 3s linear infinite;\r\n      }\r\n      @keyframes blinker-two {  \r\n      100% { opacity: 0; }\r\n      }\r\n\r\n\r\n.blink{\r\n  animation: blinker 11s linear infinite;\r\n}\r\n\r\n@keyframes blinker {\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\r\n#nav img{width:20px;padding:0px;}\r\n\r\n\r\n\r\nspan.mode a:hover,span.mode img,span.mode img:hover{padding:0px none;}\r\n\r\n\r\n\r\n\r\n#nav a:hover{padding:none;}\r\n\r\n\r\n.profile_pict{margin-top:62px;vertical-align:bottom;background:#FFFFFF url('\/download\/3ef08038549f7967bd238717afda95ed\/53027\/ifriends+4webku+com\/WW91dHViZSBsb2FkaW5nIHN5bWJvbCAxICh3b2JibHkpLmdpZg==');background-repeat:no-repeat;background-position:center;background-size:30% 30%;\r\nborder:1px solid #c0c0c0; padding:2px; border-radius:50%; background-position:center;}\r\n\r\n\r\n\r\n\r\n\r\n.iconphoto{position:absolute;margin-left:97px;margin-top:140px; opacity:90%;border-radius:50%;border:2px solid #fff;padding-bottom:1px;padding-top:3px;padding-left:2px;padding-right:2px;background:#e4e5e2;vertical-align: middle; background-position:bottom;}\r\n\r\n.covered{clear:both;position:absolute;margin-left:6.5px;text-align:right;margin-top:4px;opacity:90%;border-radius:50%;border:2px solid #fff;padding-bottom:1px;padding-top:3px;padding-left:2px;padding-right:2px;background:#e4e5e2;vertical-align: middle; background-position:bottom;}\r\n\r\n\r\n\r\n\r\n\r\n#nav a{color:#fff;}\r\n\r\n\r\n\r\n\r\n\r\n#title{height:auto;-moz-border-radius: 0px;background:#145082;\r\n    -webkit-border-radius: 0px;\r\nbackground-image: linear-gradient(to bottom, #145082, #1D1313 120%);\r\n   color:#fff; padding:11px; text-shadow:-1px 1px 2px #000; font-weight:700;margin:3.6px;\r\nbox-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, .3), inset 0 -3px 6px 0 rgba(0, 0, 0, .2), 0 3px 2px 0 rgba(0, 0, 0, .2);}\r\n\r\n\r\n\r\n#title_deks{height:auto;-moz-border-radius: 0px;background:#145082;\r\n    -webkit-border-radius: 0px;\r\nbackground-image: linear-gradient(to bottom, #145082, #1D1313 120%);\r\n   color:#fff; padding:11px; text-shadow:-1px 1px 2px #000; font-weight:700;\r\nbox-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, .3), inset 0 -3px 6px 0 rgba(0, 0, 0, .2), 0 3px 2px 0 rgba(0, 0, 0, .2);}\r\n\r\n\r\n.custom-search{position: relative;right:-12px;}\r\n    #express-form-typeahead{background:url('\/download\/c798005f9c3cb72fd897dacff6e9add5\/26192\/ifriends+4webku+com\/c2VhcmNoLTEyLTEyOC5wbmc=');background-position:5px center;background-repeat:no-repeat;background-size:15px;border:none;cursor:pointer;height:30px;padding:0 0 0 34px;position:relative;-webkit-transition:width 1.1s ease, background 1.1s ease;transition:width 1.1s ease, background 1.1s ease;width:0;}\r\n    .close-search{display:none;-webkit-animation: fadeEffect1 2s;animation: fadeEffect1 2s;\r\n    position: absolute;top:9px;right:9px;background-image: url('\/image png');width: 15px;\r\n    height: 15px;background-repeat: no-repeat;background-size: 15px;}\r\n    #express-form-typeahead:focus{color:white;background-color:#808080;border:1px solid #e7e7e7;cursor:text;outline:0;width:190px;border-radius: 3px;}\r\n    .search-btn{display:none;}\r\n    input[type=\"search\"]{-webkit-appearance:textfield;}\r\n   \/* Fade in tabs *\/\r\n    @-webkit-keyframes fadeEffect1 {\r\n        from {opacity: 0;}\r\n        to {opacity: 1;}\r\n    }\r\n    @keyframes fadeEffect1 {\r\n        from {opacity: 0;}\r\n        to {opacity: 1;}\r\n    }\r\n\r\n.absolute.{position:absolute;right:60px;top:30px;}\r\n\r\n\r\n\r\n\r\ninput[type=text],input[type=password],textarea{outline:none;border-radius:6px;background:#fff; color:#808080;border:1px solid #c0c0c0;padding:10px;width:200px;-o-box-shadow:      12px 12px 29px #555;\r\n-icab-box-shadow:   12px 12px 29px #555;\r\n-khtml-box-shadow:  12px 12px 29px #555;\r\n-moz-box-shadow:    12px 12px 29px #555;\r\n-webkit-box-shadow: 12px 12px 29px #555;\r\nbox-shadow:         12px 12px 29px #555;\r\nmargin-bottom:4px;font-weight:normal;}\r\n\r\n\r\n\r\ninput[type=submit],.btn{height:auto;-moz-border-radius: 0px;outline:none;background:#145082;\r\n    -webkit-border-radius: 0px;\r\n    background-image: linear-gradient(to bottom, #145082, #000000 120%); font-weight:bold;padding:2px 10px;border-radius:3px;color:#fff;border:none; height:36px;width:auto;\r\nbox-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, .3), inset 0 -3px 6px 0 rgba(0, 0, 0, .2), 0 3px 2px 0 rgba(0, 0, 0, .2);}\r\n\r\n\r\n\r\n\r\n\r\n\r\ninput[type=text]:hover,input[type=password]:hover,textarea:hover{outline:none;background:#fafafa;font-weight:normal;color:#555;}\r\n\r\n\r\n\r\n\r\ninput[type=file]{background:#fafafa;outline:none;border:1px solid #c0c0c0;max-width:90%; padding:2px; color:#555;margin:3px;}\r\n\r\n\r\n\r\n\r\n\r\ntextarea{outline:none;background:#fff; font-style:italic;color:#808080;border:1px solid #c0c0c0; padding:4px; width:96%; height:80px;-o-box-shadow:12px 12px 29px #555;\r\n-icab-box-shadow:   12px 12px 29px #555;\r\n-khtml-box-shadow:  12px 12px 29px #555;\r\n-moz-box-shadow:    12px 12px 29px #555;\r\n-webkit-box-shadow: 12px 12px 29px #555;\r\nbox-shadow:         12px 12px 29px #555; font-weight:normal;}\r\n\r\n\r\n\r\n\r\n\r\nspan.like:hover,span.like a:hover{background-image:url('\/download\/cadc5ec64be94f3e60c8d3e5cc0c6051\/23525\/ifriends+4webku+com\/a2lzc3BuZy1jaGVjay1tYXJrLWNvbXB1dGVyLWljb25zLWNsaXAtYXJ0LWdyZWVuLXRpY2stNWFiZTZlMmRlMTg3MTMuOTU3Mjg2MjExNTIyNDI5NDg1OTIzOCAoMSljaGVjay5wbmc=');background-repeat:no-repeat;background-position:center;background-size:9px;}\r\n\r\n\r\n\r\n.scroll{background: transparent;\r\n  overflow: auto;\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n\r\n.scrollmenu{text-align:center;\r\n  background: transparent;\r\n  overflow:auto;\r\nwhite-space: nowrap;\r\n  white-space: nowrap;\r\n}\r\n.photo-scroll{background:#000; padding:2px;border-radius:12px;}\r\n\r\n.scrollmenu a {\r\n  display: inline-block;\r\n  color:#808080;\r\n  text-align: center;\r\n  padding: 1px;\r\n  text-decoration: none;\r\n}\r\n\r\n.scrollmenu a:hover {\r\n  background-color: transparent;\r\n}\r\n\r\n\r\n\r\n\r\nselect{border-radius:6px;background:#fff; color:#808080; padding:8px; width:auto;margin-bottom:4px;-o-box-shadow:      12px 12px 29px #555;\r\n-icab-box-shadow:   12px 12px 29px #555;\r\n-khtml-box-shadow:  12px 12px 29px #555;\r\n-moz-box-shadow:    12px 12px 29px #555;\r\n-webkit-box-shadow: 12px 12px 29px #555;\r\nbox-shadow:         12px 12px 29px #555; font-weight:normal;}\r\n\r\n\r\n\r\n.legend{display: block;\r\n    padding-inline-start: 2px;\r\n    padding-inline-end: 2px;\r\n    border-width: initial;\r\n    border-style: none;\r\n    border-color: initial;\r\n    border-image: initial;\r\n}.fieldset{\r\n    display: block;\r\n    margin-inline-start: 2px;\r\n    margin-inline-end: 2px;\r\n    padding-block-start: 0.35em;\r\n    padding-inline-start: 0.75em;\r\n    padding-inline-end: 0.75em;\r\n    padding-block-end: 0.625em;\r\n    min-inline-size: min-content;\r\n    border-width: 2px;\r\n    border-style: groove;\r\n    border-color: threedface;\r\n    border-image: initial;\r\n}\r\n\r\n\r\n\r\n.fieldset img{max-width:65%;}\r\n\r\n\r\n\r\n.signal{clear:both;position:absolute;margin-left:34px;margin-top:26px;border-radius:50%;padding:1px;background:#fff;}\r\n\r\n\r\n\r\n\r\n.error{color:red; font-style:italic;}\r\n\r\n\r\n\r\ndiv.icon img,div.icon{max-width:100px;}\r\n\r\n\r\n\r\n\r\ndiv.picture img{background:#000000 url('\/download\/3ef08038549f7967bd238717afda95ed\/53027\/ifriends+4webku+com\/WW91dHViZSBsb2FkaW5nIHN5bWJvbCAxICh3b2JibHkpLmdpZg==');background-repeat:no-repeat;background-position:center;background-size:30% 30%;border:0.5px solid #c0c0c0;height:auto;border-radius:5px;}\r\n\r\n\r\n\r\n\r\n\r\n\r\nform{margin:4px;}\r\n\r\n\r\n\r\n.time{color:#566573; font-size:12px;font-style:italic;}\r\n\r\n\r\n\r\n\r\n\r\nimg{max-width:90%; border:none 0px;}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.page{padding:12px;}\r\n\r\n\r\n\r\n\r\n\r\n.page a{height:auto;-moz-border-radius: 0px;\r\n    -webkit-border-radius: 0px;\r\nbackground:#286496;\r\n    background-image: linear-gradient(to bottom, #286496, #000000 120%);\r\n    z-index: 1;border:1px solid #2C3539; color:#fff; padding:6px; padding-left:8px; padding-right:8px; font-weight:bold;}\r\n\r\n\r\n\r\n\r\n\r\n.page span{border:1px solid #808080; color:#808080; padding:6px; padding-left:8px; padding-right:8px;font-weight:bold;}\r\n\r\n\r\n\r\n.message{display:none;}\r\n\r\n\r\n.login-form,.blog-form,.shout-form{background:#FFFFF8;border:1px solid #c0c0c0; padding:8px 6px 8px; margin:6px;border-radius:0px;}\r\n\r\n\r\n\r\n.profile-form{background:#fffff8;border:1px solid #c0c0c0; padding:none; margin:6px;border-radius:0px;}\r\n\r\n\r\n\r\n\r\n.chat-form{background:#FDF2E9;border:0.5px solid #A09587; border-radius:5px; padding:8px; margin:6px;-webkit-box-shadow: 0px 2px 34px -7px rgba(85,85,85,0.53);\r\n-moz-box-shadow: 0px 2px 34px -7px rgba(85,85,85,0.53);\r\nbox-shadow: 0px 2px 34px -7px rgba(85,85,85,0.53);}\r\n\r\n\r\n\r\n\r\n.error,.announce,.ok{font-size:13px;color:#000;background:#FFFFF3;border:1px solid #9B9B49;padding:8px; margin:6px;border-radius:3px;}\r\n\r\n\r\n\r\n.wows{background:#FAFAFA;border-radius:15px;padding:6px;border:1px solid #D8D8D8;color:#000;}\r\n\r\n\r\n.wow a{color:#000;}\r\n\r\n\r\nb{font-size:14px;}\r\n\r\n\r\n\r\n\r\n.closed{font-style:italic;font-size:small;}\r\n\r\n\r\n\r\n.center{text-align:center;}\r\n\r\n\r\n\r\n\r\n\r\n.blog-comment{background:\r\n#FDFFF7;color:#000;padding:8px 0px 8px;border-bottom:0.5px solid #D4D4D2;}\r\n\r\n\r\n\r\n.blog-comment a{color:#000;}\r\n\r\n\r\n\r\n\r\n.ok a:hover{font-weight:bold;}\r\n\r\n\r\n\r\n.top_avatar{padding:3px; background:#fff;border-radius:50%;}\r\n\r\n\r\n\r\n.border{border-bottom:1px solid #ccc;margin-bottom:3px;}\r\n\r\n\r\n\r\n.text img{max-width:80%; padding:2px; margin-top:2px;overflow: hidden;}\r\n\r\n\r\n\r\n\r\n\r\n.text{overflow:hidden;display:inline-block;}\r\n\r\n\r\n\r\n\r\n\r\n.img,.img img{background:#000000 url('\/download\/3ef08038549f7967bd238717afda95ed\/53027\/ifriends+4webku+com\/WW91dHViZSBsb2FkaW5nIHN5bWJvbCAxICh3b2JibHkpLmdpZg==');background-repeat:no-repeat;background-position:center;background-size:30% 30%;padding:1px;border-radius:5px;}\r\n\r\n\r\n\r\n\r\n\r\n.imgs,.imgs img{background:#000;padding:0.5px;border-radius:3px;\r\n}\r\n\r\n\r\n\r\n#shadows{-o-box-shadow:      12px 12px 29px #555;\r\n-icab-box-shadow:   12px 12px 29px #555;\r\n-khtml-box-shadow:  12px 12px 29px #555;\r\n-moz-box-shadow:    12px 12px 29px #555;\r\n-webkit-box-shadow: 12px 12px 29px #555;\r\nbox-shadow:         12px 12px 29px #555;\r\n}\r\n\r\n\r\n\r\n#shadow,#shadow img,#two,.two button{-o-box-shadow:      12px 12px 29px #555;\r\n-icab-box-shadow:   12px 12px 29px #555;\r\n-khtml-box-shadow:  12px 12px 29px #555;\r\n-moz-box-shadow:    12px 12px 29px #555;\r\n-webkit-box-shadow: 12px 12px 29px #555;\r\nbox-shadow:         12px 12px 29px #555;\r\n}\r\n\r\n\r\n.loader{max-width:700px;margin:auto;}\r\n\r\n\r\n\r\n\r\nbutton:hover,button:fucos{background:#2C3539;}\r\n\r\n\r\n.buttons{padding:5px;border:2px solid #808080;color:#3D3C3A;}\r\n\r\n.buttons a{color:#3d3c3a}\r\n\r\n.buttons:hover{background:#28A828;color:white;}\r\n\r\n.liker{background:#3b5998;}\r\n.liker{padding:5px;border:2px solid #191970;color:#ffffff; background:#4863A0;}\r\n\r\n.liker a{color:#ffffff;}\r\n\r\n.liker:hover{background:#28A828;color:#ffffff;border:2px solid green;}\r\n\r\n.pict{\r\n  top:0px;\r\n  left:0px;\r\n  width:40;\r\n  height:40;border-radius:50%; padding:2px; background:#fff;border:0.5px solid #808080;}\r\n\r\n\r\n\r\n\r\n\r\n.hidden{display:none;}\r\n\r\n\r\nspan.del,span.del a{font-size:12px; color:#808080; font-weight:bold;}\r\n\r\n\r\n\r\n\r\n\r\nspan.del:hover a,.del:hover{color:red}\r\n\r\n\r\n\r\n\r\n\r\n.forums{background:#FDF2E9;border:1px solid #c0c0c0; padding:6px;margin:4px;}\r\n\r\n\r\n\r\n.blog-forms,.link{background:#fff;color:#555;border-radius:3px;padding:8px;border:1px solid #ABB2B9;margin:5px;-webkit-box-shadow: 10px 10px 151px 0px rgba(0,0,0,0.31);\r\n-moz-box-shadow: 10px 10px 151px 0px rgba(0,0,0,0.31);\r\nbox-shadow: 10px 10px 151px 0px rgba(0,0,0,0.31);}\r\n\r\n\r\n.blog-forms a{color:#555; font-weight:bold;}\r\n\r\n\r\n.blog-forms a:hover,.blog-forms a:active{color:#3b5998;}\r\n\r\n\r\n.forums a{padding:6px;font-weight:bold;margin:2px;}\r\n\r\n\r\n.announce img{max-width:65%;}\r\n\r\n\r\n\r\n\r\n#create{display:none;}\r\n\r\n\r\n\r\n\r\n\r\n.code{background:#CA6F1E;padding:6px;color:#fff;font-size:1em;font-weight:bold; overflow:scroll;}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.code textarea{width:96%; height:100px; padding:2px;border:3px solid #c0c0c0; overflow:scroll;}\r\n\r\n\r\n\r\n\r\n\r\nhr{top:0;border: none;height:1px;background:#c0c0c0; }\r\n\r\n\r\n.send{display:inline-block;padding-top:8px; padding-left:12px; padding-right:12px; padding-bottom:4px;}\r\n\r\n\r\n.send a{text-align:center;\r\npadding:2px;margin-bottom:none; display:inline-block;width:auto;font-weight:normal;color:#555;font-size:11px;}\r\n\r\n\r\n.menu-img a{background:#E5E4E2;border:2px solid #000;padding:10px 11px 9px;border-radius:50%;margin-bottom:6px;}\r\n\r\n\r\n.menu-img{display:inline-block;text-align:center;}\r\n\r\n\r\n.menu-img a:hover{background:#DCFFDC;border-color:lime;border-radius:50%;}\r\n\r\n\r\n.link-pict{vertical-align:center;top:0px;left:0px;right:0px;}\r\n\r\n\r\n.rainheart,.rainheart a{text-transform: uppercase;color: #FF00FF;\r\n    font-family: Arial,Helvetica, sans-serif;\r\n    bold: ;\r\n    text-shadow: -1px 0 #ff1493, 0 -1px #ff1493, 1px 0 #ff1493, 0 1px #ff1493;\r\n    background-image: url(\/download\/35614900676f6c9858e0d34bfda57f56\/29629\/ifriends+4webku+com\/aGFydC5naWY=);\r\n    background-position: center center;\r\n    background-repeat: repeat;\r\n    padding: 1px 1px 1px 1px;\r\n    border-radius: 3px;}\r\n\r\n\r\n\r\n.pinky,.pinky a{text-transform: uppercase;color:pink;\r\n    font-family: Verdana;\r\n    font-weight: bold;\r\n    text-shadow: -1px 0 #6495ed, 0 -1px #6495ed, 1px 0 #6495ed, 0 1px #6495ed;\r\n    background-image: url(\/download\/f343eeaff25ce857c412a552c4f160d6\/29628\/ifriends+4webku+com\/dWxhbi5naWY=);\r\n    background-position: center;\r\n    background-repeat: repeat-x;\r\n    padding: 1px 1px 1px 1px;\r\n    border-radius: 3px;}\r\n\r\n\r\n\r\n.nono,.nono a{text-transform: uppercase;color:blue;\r\n    font-family:Times New Roman, Times, serif;\r\n    font-weight: bold;\r\n    text-shadow: 1px 1px 2px red, 0 0 25px #008800, 0 0 8px #8400c1;\r\n    background-image: url(\/download\/ac6eed7114066ff5d9b10473b7ef6341\/29627\/ifriends+4webku+com\/YnViYmxlcy1yZWQuZ2lm);\r\n    background-position: center;\r\n    background-repeat: repeat-x;\r\n    margin: 0px 0px;\r\n    padding: 1px 1px 1px 1px;\r\n    border-radius: 3px;}\r\n\r\n\r\n.zombie,.zombie a{text-transform: uppercase;\r\n    font-weight: medium;\r\n    color: #34344b;\r\n    font-family: monospace;\r\n    font-weight: bold;\r\n    text-shadow: 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, 1px 1px 1px #ffffff, 1px 0px 2px #68004e, 0px 0px 3px #484848, 0px 0px 2px #484848, 0px 1px 3px #484848, 0px 1px 2px #484848, 0px 0px 4px #484848, 0px 0px 4px #484848, 0px 0px 5px #484848;\r\n    background-image: url(\/download\/9572d7558e2231f00f8c9a0005101b01\/29626\/ifriends+4webku+com\/em9tYmllLmdpZg==);\r\n    background-position: left center;\r\n    border-radius: 3px;\r\n    background-size: 25px;\r\n    background-repeat: repeat-x;}\r\n\r\n\r\n.goldy,.goldy a{text-transform: uppercase;color: #FFFFFF;\r\n    font-family: Times New Roman, Times, serif;\r\n    font-weight: bold;\r\n    text-shadow: 0 0 5px #3a3100, 0 0 5px #3a3100, 2px 2px 4px #ffe201, 2px 2px 4px #ffe201, 0 0 5px #ffe201, 0 0 5px #c8a700, 2px 2px 4px #c8a700;\r\n    padding: 1px 1px;\r\n    border-radius: 3px;}\r\n\r\n\r\n.bella,.bella a{text-transform: uppercase;color: #000000;\r\n    font-family: Times New Roman, Times, serif;\r\n    font-weight: bold;\r\n    text-shadow: -1px 0 #ff1493, 0 2px #ff0000, 2px 0 #ff1493, 0 -1px #ff1493;\r\n    background-image: url(\/download\/b03d078b859d32d6b12b3e491acaf978\/29625\/ifriends+4webku+com\/YWdpbGEuZ2lm);\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    padding: 1px 1px;\r\n    border-radius: 4px;}\r\n\r\n\r\n\r\n.bloody,.bloody a{text-transform: uppercase;color: #dcdcdc;\r\n    font-family: \"Comic Sans MS\", sans-serif;\r\n    font-weight: bold;\r\n    letter-spacing: 1.5px;\r\n    text-shadow: 0px 1px 0px #800000, 0px 1px 1px #f00, 0px 1px 2px #f00, 0px 1px 3px #e91e63, 0px -1px 0px #000, 0px -1px 1px #000, 0px -1px 2px #000, 0px -1px 3px #000, 1px 0px 0px #f00, 1px 0px 1px #f00, 1px 0px 2px #f00, 1px 0px 3px #e91e63, -1px 0px 0px #000, -1px 0px 1px #000, -1px 0px 2px #000, -1px 0px 3px #000, 0px 0px 5px #ffffff, 0px 0px 5px #f00;\r\n    background-image: url(\/download\/0fec42125d40c0f55a10393582501d42\/29624\/ifriends+4webku+com\/ZHVnby5naWY=);\r\n    background-position: bottom right;\r\n    background-size: 40px;\r\n    background-repeat: repeat-x;\r\n    padding: 2px 4px 0px 4px;\r\n    border-radius: 5px;}\r\n\r\n\r\n\r\n.aqua,.aqua a{text-transform: uppercase; font-weight : medium; color: #C0C0DD;\r\nfont-family:monospace;font-weight: normal; \r\ntext-shadow:1px 0px 1px #005081, -1px 0px 1px #005081, 0px 1px 1px #005081, 0px -1px 1px #005081, 1px 0px 0px #005081, 0px 1px 0px #005081;\r\nbackground-image: url(\/download\/b13c4b2504158972122bb5cbeda135b2\/29563\/ifriends+4webku+com\/YnViYmxlaGVhcnQuZ2lm);\r\nbackground-position: left center;\r\nbackground-size: 38px;\r\nbackground-repeat: repeat-x;}\r\n\r\n\r\n\r\n\r\n\r\n.fire,.fire a{text-transform:uppercase;\r\ncolor: #E8C100;\r\npadding:1px 1px; \r\nborder-radius:5px;\r\nfont-family:monospace;\r\nfont-weight: bold;text-shadow:1px 1px 0px #FF0000, 0px 1px 0px #FF0000, 1px 0px 0px #730000, 1px 1px 1px #FF4B4B, 1px 1px 2px #ff0000;background-image: url(\/download\/9fd4b00af024dc168d3d955414ceb8e9\/29561\/ifriends+4webku+com\/ZmlyZS5naWY=);\r\nbackground-position: left center;\r\nbackground-size: 55px;\r\nbackground-repeat: repeat-x;}\r\n\r\n\r\n\r\n\r\n\r\n.alien,.alien a{text-transform:uppercase;\r\nfont-weight : medium;\r\ncolor: #fff;\r\nfont-family: monospace;\r\nfont-weight: normal;\r\ntext-shadow:1px 0px 0px #0B8849, -1px 0px 0px #0B8849, 0px 1px 0px #0B8849, 0px -1px 0px #0B8849, 1px 0px 1px #0B8849, -1px 0px 1px #0B8849, 0px 1px 1px #0B8849, 0px -1px 0px #0B8849, 0px 0px 4px #0B8849, 0px 0px 4px #0B8849, 0px 0px 5px #00ff7e;\r\nbackground-image: url(\/download\/dd24bf1f94c244e91a4a783a50f36b6f\/29562\/ifriends+4webku+com\/Z3JlZW5idWJibGUuZ2lm);\r\nbackground-position: left center;\r\nbackground-size: 85px;\r\nbackground-repeat: repeat-x;}\r\n\r\n\r\n\r\n\r\n\r\n.ghost,.ghost a{text-transform: uppercase;color:#C7FFF9; font-weight : medium; font-family:Times New Roman, Times, serif;font-weight: bold; text-shadow:1px 0px 1px #07006E, -1px 0px 1px #07006E, 0px 1px 1px #07006E, 0px -1px 1px #07006E, 0px -1px 2px #0E00D9, 0px -1px 2px #0D8EFF, 0px -1px 2px #00F7FF, 0px -1px 3px #99F5FF;\r\nbackground-image:url(\/download\/23a741fa2f45791cd3462521042150b2\/29564\/ifriends+4webku+com\/bGlnb25lLmdpZg==);\r\nbackground-position: left center;background-size:120px;\r\nbackground-repeat: repeat-x;border-radius:4px;}\r\n\r\n\r\n\r\n\r\n\r\n.girly,.girly a{text-transform: uppercase;color:Yellow ; font-family:Comic Sans MS, sans-serif;font-weight:bold;text-shadow: 1px 1px 2px red, 0 0 25px #008800 , 0 0 8px #8400C1;background-image: url(http:\/\/umatewap.net\/upload\/371425565_2015.gif); background-position:center; background-repeat: repeat; margin:0px 0px;padding: 1px 1px 1px 1px; border-radius:3px;}\r\n\r\n\r\n\r\n\r\n.boy,.boy a{text-transform: uppercase;\r\nfont-weight : medium; \r\ncolor: #FFF78A;\r\nfont-family:monospace;\r\nfont-weight: bold; \r\ntext-shadow:0px 1px 2px #2B00FF, 0px -1px 2px #00FF66, 1px 0px 2px #FF0000, -1px 0px 2px #B545FF;\r\npadding:1px 1px; \r\nborder-radius:3px;\r\nbackground-image: url(\/download\/391c5f953a77f6ddf639b5e62bb75c3e\/29565\/ifriends+4webku+com\/c3RhcmJveS5naWY=);\r\nbackground-position:center center; \r\nbackground-size: 35px;\r\nbackground-repeat: repeat-x;}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.vis{display:none:my_name:;}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* Extra styles for the cancel button *\/\r\n.cancelbtn {\r\n  width: auto;\r\n  padding: 10px 18px;\r\n  background-color: #f44336;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* Center the image and position the close button *\/\r\n.imgcontainer {top:0;\r\n  text-align: center;\r\n  margin: 14px 0 12px 0;\r\n  position: relative;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\nimg.avatar {\r\n  width: 35%;\r\n  border-radius: 50%;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.container {padding: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\nspan.psw {\r\n  float: right;\r\n  padding-top: 16px;\r\n}\r\n\r\n\r\n\r\ndiv.modal-contentder{height:auto;max-width:auto;top:0;\r\n  background: transparent;\r\n margin: 15% auto;  15% from the top and centered *\/\r\n  padding: 3px;\r\n  border:none;\r\n  width: 100%;  Could be more or less, depending on screen size *\/}\r\n\r\n\r\ndiv.modal-contents{height:auto;max-width:168px;top:0;\r\n  background: transparent;\r\n margin: 15% auto;  15% from the top and centered *\/\r\n  padding: 3px;\r\n  border:none;\r\n  width: 100%;  Could be more or less, depending on screen size *\/}\r\n\r\n\r\n\r\ndiv.modal{\r\n  display: none; \/* Hidden by default *\/\r\n  position: fixed; \/* Stay in place *\/\r\n  z-index:1; \/* Sit on top *\/\r\n  left: 0;\r\n  top:0;bottom:0%;\r\n  width:100%; \/* Full width *\/\r\n  height:100%; \/* Full height *\/\r\n  overflow:auto; \/* Enable scroll if needed *\/\r\n  background-color: rgb(0,0,0); \/* Fallback color *\/\r\n  background-color: rgba(0,0,0,0.4); \/* Black w\/ opacity *\/\r\n}\r\n\r\n\r\n.modals{width:90%;max-width:550px;margin:0px auto 0px;background:#FDF2E9;border: 0.5px solid #000;padding:2px;border-radius:10px;}\r\n\r\n\r\n\r\n\/* Modal Content\/Box *\/\r\n.modal-content{max-width:550px;width:100%;border-radius:10px; height:auto;bottom:0;\r\n  background-color: #FDF2E9;-o-box-shadow:12px 12px 29px #555;\r\n-icab-box-shadow:   12px 12px 29px #555;\r\n-khtml-box-shadow:  12px 12px 29px #555;\r\n-moz-box-shadow:    12px 12px 29px #555;\r\n-webkit-box-shadow: 12px 12px 29px #555;\r\nbox-shadow:         12px 12px 29px #555;\r\n margin:6% auto 15%; \/* 5% from the top and centered *\/\r\n  padding: 3px;\r\n  border: 1px solid #888;\r\n  width: 90%; \/* Could be more or less, depending on screen size *\/\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* The Close Button (x) *\/\r\n.close{padding:0px 7.5px 0px;\r\n  position:absolute;\r\n  right: 18.5px;\r\n  top:5px;text-shadow:0px 0.5px 0px #ffffff;\r\n  color:red;\r\n  font-size: 26px;\r\n  font-weight: bold;\r\nmargin-bottom:50px;\r\nvertical-align:top;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.close:hover,\r\n.close:focus {\r\n  color: #D50000;\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* Add Zoom Animation *\/\r\n.animate{\r\n  -webkit-animation: animatezoom 0.9s;\r\n  animation: animatezoom 0.9s\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n@-webkit-keyframes animatezoom {\r\n  from {-webkit-transform: scale(0)}\r\n\r\n\r\n\r\n\r\n \r\n  to {-webkit-transform: scale(1)}\r\n\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n  \r\n@keyframes animatezoom {\r\n  from {transform: scale(0)}\r\n\r\n\r\n\r\n\r\n \r\n  to {transform: scale(1)}\r\n\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\/* Change styles for span and cancel button on extra small screens *\/\r\n@media screen and (max-width: 300px) {\r\n  span.psw {\r\n     display: block;\r\n     float: none;\r\n  }\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n}",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                }
            ]
        },
        "main-php": {
            "type": 0,
            "typeText": "text\/html",
            "user": 3,
            "userText": "User",
            "header": "header",
            "footer": "footer"
        },
        "header": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<meta name=\"description\" content=\"Mobile community chatting site.\"\/>\r\n<meta name=\"keywords\" content=\"chat,friends,forums,love, tricks,fan,games\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"http:\/\/wapsing.com\/download\/7d099602c8c58c19afac1b8aba881cb0\/172389\/ifriends+wapsing+com\/apple-icon-180x180.png\"\/>\r\n<link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"http:\/\/wapsing.com\/download\/b618500ff5e8e49332bd3eb06e48969e\/172388\/ifriends+wapsing+com\/android-icon-36x36.png\"\/>\r\n<link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"http:\/\/wapsing.com\/download\/59d85ffd2620c07f4159bbb54b285bb7\/172387\/ifriends+wapsing+com\/favicon-16x16.png\"\/>\r\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"styles.css\"\/>",
                    "type": 4,
                    "user": 0,
                    "typeText": "Head Tags",
                    "userText": "All user",
                    "config": "<append>1<\/append>"
                },
                {
                    "content": "<p align=\"center\">\r\n<ul>\r\n\r\n<div class=\":my_name:\" style=\"top:0px;right:0;left:0;\">\r\n<div style=\"background-image:url('\/download\/e11c667b4ee37a4d0ff7a34695f07405\/26249\/ifriends+4webku+com\/dHdvLWhlYXJ0cy1kcmF3bi1yZWQta2FuLXBpY3NheS5wbmc=');background-repeat:no-repeat;background-size:120px auto;background-position:65px 50%;\" id=\"head\"><img class=\"loginmobile\" src=\"https:\/\/cdn.wapka.org\/006pv4\/b95db58debd75d9c14329d72eeab55fa\/logo.png\" height=\"55\" width=\"170\"\/>\r\n<span class=\"viss\"><\/span>\r\n<span class=\"vis\" style=\"float:right;width:auto;\">\r\n<span class=\"logs\">\r\n\r\n<\/div>\r\n<span class=\":my_name:\">\r\n<span class=\":to-vis:\">\r\n<span class=\"vis\"><div class=\"nav\" class=\"logs\"><table class=\"center\" width=\"100%\"><tr><td width=\"16.6%\"><a class=\"navs\" href=\"\/home.php\"><img src=\"https:\/\/cdn.wapka.org\/006qhw\/02fd7d7e3da86e74f6507ea13f17fbaf\/house-64-picsay.png\" width=\"24\" height=\"24\"\/><\/a><\/td><td width=\"16.6%\"><a class=\"navs\" href=\"\/message.php\"><img src=\"https:\/\/cdn.wapka.org\/006qh2\/5ae20ce41dae31cc4b955f4dc2770054\/inbox-7-64.png\" width=\"24\" height=\"24\"\/><span class=\"[msg]m=new,l=0,no=hidden||[\/msg]\"><span class=\"notif\">0<\/span><\/span><\/a><\/td><td width=\"16.6%\"><a class=\"navs\" href=\"\/notifs.php]\"><img src=\"https:\/\/cdn.wapka.org\/006qh1\/c351ff10e9fbb9a6d319d8c1c20af386\/bell-3-64.png\" width=\"24\" height=\"24\"\/>\r\n<span class=\"notif\">0<\/span><\/span><\/a>\r\n\r\n<\/td><td width=\"16.6%\"><a class=\"navs\" href=\/forum.php\"><img src=\"https:\/\/cdn.wapka.org\/006qgz\/aff3bb9682c11e5f72138b42bfb93291\/conference-2-64.png\" width=\"24\" height=\"24\"\/><span class=\"notif\">0<\/span><\/a><\/td><td width=16.6%\"><a class=\"navs\" href=\"\/gallery.php\"><img src=\"https:\/\/cdn.wapka.org\/006qgy\/471df8c4cde28a05028c2903d7ada971\/stack-of-photos-64.png\" width=\"24\" height=\"24\"\/><span class=\"notif\">0<\/span><\/a><\/td><td class=\"loginmobile\" width=\"16.6%\"><a class=\"navs\" onclick=\"document.getElementById('id04').style.display='inline-block'\" href=\"#\"><img src=\"https:\/\/cdn.wapka.org\/006qgx\/f4d91c5dc680a26a68d47ebf1f028354\/menu-4-64.png\" width=\"24\" height=\"24\"\/><\/a><\/td><\/tr><\/table><\/div><\/span><\/span><\/span>\r\n<\/div><\/ul>\r\n<\/p>\r\n<span class=\":to-vis:\"><span class=\"vis logs\"><div style=\"padding:48.2px;\"><\/div><\/span><\/span>\r\n<span class=\"dekstop\"><span class=\":to-vis:\"><span class=\"vis logs\"><div style=\"padding:8px;\"><\/div><\/span><\/span><\/span>\r\n<\/span>",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                },
                {
                    "content": "<span class=\"hidden\">\r\n<script>\r\nfunction LoadingSpinner (form, spinnerHTML) {\r\n  form = form || document\r\n\r\n  \/\/Keep track of button & spinner, so there's only one automatic spinner per form\r\n  var button\r\n  var spinner = document.createElement('div')\r\n  spinner.innerHTML = spinnerHTML\r\n  spinner = spinner.firstChild\r\n\r\n  \/\/Delegate events to a root element, so you don't need to attach a spinner to each individual button.\r\n  form.addEventListener('click', start)\r\n\r\n  \/\/Stop automatic spinner if validation prevents submitting the form\r\n  \/\/Invalid event doesn't bubble, so use capture\r\n  form.addEventListener('invalid', stop, true)\r\n\r\n  \/\/Start spinning only when you click a submit button\r\n  function start (event) {\r\n    if (button) stop()\r\n    button = event.target\r\n    if (button.type === 'submit') {\r\n      LoadingSpinner.start(button, spinner)\r\n    }\r\n  }\r\n\r\n  function stop () {\r\n    LoadingSpinner.stop(button, spinner)\r\n  }\r\n\r\n  function destroy () {\r\n    stop()\r\n    form.removeEventListener('click', start)\r\n    form.removeEventListener('invalid', stop, true)\r\n  }\r\n\r\n  return {start: start, stop: stop, destroy: destroy}\r\n}\r\n\r\n\/\/I guess these would be called class methods. They're useable without instantianing a new LoadingSpinner so you can start & stop spinners manually on any elements, for ajax and stuff.\r\nLoadingSpinner.start = function (element, spinner) {\r\n  element.classList.add('loading')\r\n  return element.appendChild(spinner)\r\n}\r\n\r\nLoadingSpinner.stop = function (element, spinner) {\r\n  element.classList.remove('loading')\r\n  return spinner.remove()\r\n}\r\n\r\n\r\n\r\n\r\n\/\/Example on how to use LoadingSpinner\r\n\r\n\/\/Bring your own spinner. You can use any html as the spinner. You can find lots of cool spinners for example here on Codepen. I'm using just plain text. Maybe technically not a spinner, but this is more about the script than graphics.\r\nvar exampleForm = document.querySelector('#example')\r\nvar exampleLoader = new LoadingSpinner(exampleForm, 'Please wait...')\r\n\/\/Delay submit so you can see the spinner spinning, then stop the loading spinner instead of submitting because we're on Codepen.\r\nexampleForm.addEventListener('submit', function (event) {\r\n  event.preventDefault()\r\n  setTimeout(function () {\r\n    exampleLoader.stop()\r\n  }, 2000)\r\n})\r\n\r\n<\/script>\r\n\r\n\r\n<style>button * {\r\n  pointer-events: none;\r\n}\r\n.loading {\r\n  opacity: 10;\r\n}\r\n.loading span {\r\n  display: none;\r\n\r\n}\r\n<\/style>\r\n<\/span>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<span class=\"hidden\">\r\n<script>\r\nfunction LoadingSpinner (form, spinnerHTML) {\r\n  form = form || document\r\n\r\n  \/\/Keep track of button & spinner, so there's only one automatic spinner per form\r\n  var button\r\n  var spinner = document.createElement('div')\r\n  spinner.innerHTML = spinnerHTML\r\n  spinner = spinner.firstChild\r\n\r\n  \/\/Delegate events to a root element, so you don't need to attach a spinner to each individual button.\r\n  form.addEventListener('click', start)\r\n\r\n  \/\/Stop automatic spinner if validation prevents submitting the form\r\n  \/\/Invalid event doesn't bubble, so use capture\r\n  form.addEventListener('invalid', stop, true)\r\n\r\n  \/\/Start spinning only when you click a submit button\r\n  function start (event) {\r\n    if (button) stop()\r\n    button = event.target\r\n    if (button.type === 'submit') {\r\n      LoadingSpinner.start(button, spinner)\r\n    }\r\n  }\r\n\r\n  function stop () {\r\n    LoadingSpinner.stop(button, spinner)\r\n  }\r\n\r\n  function destroy () {\r\n    stop()\r\n    form.removeEventListener('click', start)\r\n    form.removeEventListener('invalid', stop, true)\r\n  }\r\n\r\n  return {start: start, stop: stop, destroy: destroy}\r\n}\r\n\r\n\/\/I guess these would be called class methods. They're useable without instantianing a new LoadingSpinner so you can start & stop spinners manually on any elements, for ajax and stuff.\r\nLoadingSpinner.start = function (element, spinner) {\r\n  element.classList.add('loading')\r\n  return element.appendChild(spinner)\r\n}\r\n\r\nLoadingSpinner.stop = function (element, spinner) {\r\n  element.classList.remove('loading')\r\n  return spinner.remove()\r\n}\r\n\r\n\r\n\r\n\r\n\/\/Example on how to use LoadingSpinner\r\n\r\n\/\/Bring your own spinner. You can use any html as the spinner. You can find lots of cool spinners for example here on Codepen. I'm using just plain text. Maybe technically not a spinner, but this is more about the script than graphics.\r\nvar exampleForm = document.querySelector('#example')\r\nvar exampleLoader = new LoadingSpinner(exampleForm, 'Authenticating...')\r\n\/\/Delay submit so you can see the spinner spinning, then stop the loading spinner instead of submitting because we're on Codepen.\r\nexampleForm.addEventListener('submit', function (event) {\r\n  event.preventDefault()\r\n  setTimeout(function () {\r\n    exampleLoader.stop()\r\n  }, 2000)\r\n})\r\n\r\n<\/script>\r\n\r\n\r\n<style>button * {\r\n  pointer-events:none;\r\n}\r\n.loading{\r\n  opacity:10;\r\n}\r\n.loading span {display:none;\r\n}span.vis{display:none;}\r\n<\/style>\r\n\r\n<\/span>",
                    "type": 0,
                    "user": 5,
                    "typeText": "Code",
                    "userText": "Visitor"
                },
                {
                    "content": "<style>\r\n.loader{\r\n    position:fixed;\r\n    ;width:100%;\r\n    height:100vh;\r\n    background-color:white;\r\n    visibility:visible;\r\n    animation:hid 1s linear 1 3s;\r\n    animation-fill-mode:both;\r\n    \r\n}.locked {\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    user-select: none;\r\n    pointer-events: none;\r\n}.wrapper{background-color:#ffffff;\r\n    text-align:center;\r\n    top:50%;\r\nposition:absolute;\r\n    left:50%;\r\n    transform:translate(-50% , -50%);\r\n    max-width:550px;\r\n}\r\n\r\n.brand {\r\n    font-size:12px;\r\n    font-family: 'Comfortaa', sans-serif;\r\n}\r\n.viss{display:none;}\r\n\r\n.rotater {\r\n    animation:rotater 2s linear infinite;\r\n    animation-fill-mode:forwards;\r\n}\r\n\r\n.progress {\r\n    width:12em;\r\n}\r\n\r\n.progress-bar {\r\n    width:;\r\n    animation:progres 3s linear 1 alternate;\r\n}\r\n\r\n@keyframes rotater {\r\n    0%{\r\n        transform:rotate(-360deg);\r\n        \r\n    }\r\n    100%{\r\n        transform:rotate(0deg);\r\n    }\r\n}\r\n@keyframes progres {\r\n    0% {\r\n        width:0%;\r\n    }\r\n    100% {\r\n        width:0%;\r\n    }\r\n}\r\n\r\n@keyframes hid {\r\n    0% {\r\n        opacity:1;\r\n    }\r\n\r\n    45% {\r\n        opacity:;\r\n        visibility:hidden;\r\n    }\r\n    100% {\r\n        opacity:0;\r\n        visibility:hidden;\r\n       z-index:-1;\r\n    }\r\n}\r\n<\/style>\r\n\r\n <div align=\"center\" class=\"container-fluid loader locked\">\r\n            <div class=\"wrapper\">\r\n                <img align=\"center\" class=\"d-block mx-auto mb-5 rotater\" src=\"https:\/\/cdn.wapka.org\/006q0k\/ba61b8a029a56b3fb22d72dad3dd222d\/spinner.png\" alt=\"loading\" width=\"20px\">\r\n                <div class=\"progress mx-auto\">\r\n                    <div class=\"progress-bar progress-bar-striped bg-danger\" role=\"progressbar\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\r\n                <\/div>\r\n              <br\/>  <span class=\"brand pt-5\" style=\"color:#808080;\">Please wait..<\/span>\r\n            <\/div>\r\n            \r\n        <\/div>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<style>.logs{display:none;}<\/style>",
                    "type": 0,
                    "user": 5,
                    "typeText": "Code",
                    "userText": "Visitor"
                },
                {
                    "content": "<style>.user{display:none;}#n0{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "footer": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<span class=\"session\"><div style=\"padding:32.5px;\"><\/div><div align=\"center\" class=\"announce\">Your Session Expired!<br\/>Please <a href=\"\/logout.php\">Login<\/a> to continue!<\/div><\/span>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<ul style=\"top:0;\"><div id=\"id04\" class=\"modal animate\">  \r\n <div class=\"modal-content\">\r\n    <div class=\"imgcontainer\">\r\n      <span onclick=\"document.getElementById('id04').style.display='none'\" class=\"close\" title=\"Close\"><font color=\"red\">&times;<\/font><\/span>&nbsp;\r\n    <\/div><br\/><div class=\"container link\">\r\n<div id=\"title\">&nbsp;Menu<\/div>\r\n<div class=\"blog-forms\"><div class=\"blog-forms\"><b>•<\/b> <a href=\"\/online.php\">Online(%total%)<\/a><\/div>\r\n<div class=\"blog-forms\"><b>•<\/b> <a href=\"\/themes.php\">Themes<\/a><\/div>\r\n<div class=\"blog-forms\"><b>•<\/b> <a href=\"\/settings.php\">Profile Settings<\/a><\/div>\r\n<div class=\"blog-forms\"><b>•<\/b> <a href=\"\/mood.php\">Online Moods<\/a><\/div>\r\n<div class=\"blog-forms\"><b>•<\/b> <a href=\"\/games.php\">Games<\/a><\/div>\r\n<div class=\"blog-forms\"><b>•<\/b> <a href=\"\/shop.php\">iFriends Shop(5)<\/a><\/div>\r\n<div class=\"blog-forms\"><b>•<\/b> <a href=\"\/change-avatar.php\">Change Avatar<\/a><\/div>\r\n<div class=\"blog-forms\"><b>•<\/b> <a href=\"\/gallery.php\">Photo Gallery(0)<\/a><\/div>\r\n<div class=\"blog-forms\"><b>•<\/b> <a href=\"\/enter_chat.php\">Chatroom<\/a><\/div>\r\n<div class=\"blog-forms\"><b>•<\/b> <a href=\"\/blogs.php\">MyBlogs(0)<\/a><\/div>\r\n<div class=\"blog-forms\"><b>•<\/b> <a href=\"\/news.php\">News(0)<\/a><\/div>\r\n<div class=\"blog-forms\"><b>•<\/b> <a href=\"followers.php\">Followers(0)<\/a><\/div>\r\n<div class=\"blog-forms\"><b>•<\/b> <a href=\"\/stat.php\">Statistics<\/a><\/div>\r\n<div class=\"blog-forms\"><b>•<\/b> <a href=\"\/logout.php\">Logout<\/a><\/div>\r\n<\/div><br\/><br\/>\r\n<\/div><\/div><\/div><\/ul>",
                    "type": 6,
                    "user": 0,
                    "typeText": "Online User",
                    "userText": "All user"
                },
                {
                    "content": "<span class=\"dekstop\"><div align=\"center\" id=\"foot\"><b>&#10085; Love2Hearts.ML - Copyright © 2022<br\/>Created by: Lears G. Abina - Manila, Philippines<\/b><\/div><\/span>",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                },
                {
                    "content": "<span class=\"hidden\"><style>\r\n.hidprimg img,\r\n.hidprimg div{display:none!\r\nimportant}.hidprimg a\r\n{opacity:0;display:none;}.hidprimg p\r\n{display:none;padding-buttom:-20px;}.hiprimg id{diplay:none;}\r\n<\/style><\/span>\r\n<span class=\"hidden\">\r\n<div class=\"hidprimg\" align=\"center\"><div\/><\/div><div\/><span\/><span\/>\r\n<\/span>\r\n\r\n\r\n<div id=\"stackoverflow\">\r\n<div id=\"adunit> <!-- adunit id for text ads --> <!-- google_image_div id for image ads --> <!-- some time it create diff id also for div -->\r\nsome code\r\n<\/div> \r\n<iframe>\r\nsome code\r\n<\/iframe>\r\n<\/div>",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                }
            ]
        },
        "gallery": {
            "type": 0,
            "typeText": "text\/html",
            "user": 3,
            "userText": "User",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Photo Gallery<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "regis": {
            "type": 0,
            "typeText": "text\/html",
            "user": 3,
            "userText": "User",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<div align=\"center\" class=\"blog-form\">Register Successfully!<\/div>",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                }
            ]
        },
        "login": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Welcome<\/title>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<script>\r\n<!--\r\nvar x,y,n=0,ny=0,rotINT,rotYINT\r\nfunction rotateDIV()\r\n{\r\nx=document.getElementById(\"rotate2D\")\r\nclearInterval(rotINT)\r\nrotINT=setInterval(\"startRotate()\",10)\r\n}\r\nfunction rotateYDIV()\r\n{\r\ny=document.getElementById(\"rotate3D\")\r\nclearInterval(rotYINT)\r\nrotYINT=setInterval(\"startYRotate()\",10)\r\n}\r\nfunction startRotate()\r\n{\r\nn=n+1\r\nx.style.transform=\"rotate(\" + n + \"deg)\"\r\nx.style.webkitTransform=\"rotate(\" + n + \"deg)\"\r\nx.style.OTransform=\"rotate(\" + n + \"deg)\"\r\nx.style.MozTransform=\"rotate(\" + n + \"deg)\"\r\nif (n==180 || n==360)\r\n{\r\nclearInterval(rotINT)\r\nif (n==360){n=0}\r\n}\r\n}\r\nfunction startYRotate()\r\n{\r\nny=ny+1\r\ny.style.transform=\"rotateY(\" + ny + \"deg)\"\r\ny.style.webkitTransform=\"rotateY(\" + ny + \"deg)\"\r\ny.style.OTransform=\"rotateY(\" + ny + \"deg)\"\r\ny.style.MozTransform=\"rotateY(\" + ny + \"deg)\"\r\nif (ny==180 || ny>=360)\r\n{\r\nclearInterval(rotYINT)\r\nif (ny>=360){ny=0}\r\n}\r\n}\r\n\/\/-->\r\n<\/script>\r\n<style>#shadow{\r\n    -webkit-animation: breathing 5s ease-out infinite normal;\r\n    animation: breathing 5s ease-out infinite normal;\r\n    font-family:'Lantinghei SC';\r\n    -webkit-font-smoothing: antialiased;  \r\n    }\r\n\r\n\r\n@-webkit-keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n\r\n@keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<style>.vis{display:none;}.theme{display:none;}.modal-content{margin:6% auto 10%;}b.enter{outline:none;font-weight:bold;padding:10px 14px 10px;border-radius:3px;height:38px;width:auto;\r\nbox-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, .3), inset 0 -3px 6px 0 rgba(0, 0, 0, .2), 0 3px 2px 0 rgba(0, 0, 0, .2);}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<span class=\"loginmobile\"><span class=\":my_name:\"><div style=\"padding:32px;\"><\/div>\r\n\r\n<div align=\"center\" class=\"blog-form\"><img class=\"pict\" src=\":VALUE(%avatar%).IFEQ().THEN(https:\/\/cdn.wapka.org\/006qdq\/18330b169794134e43309d30c8aee3c8\/male-avatar.png).ELSE(%avatar%);\" width=\"100\" height=\"100\"\/><br\/>\r\nWelcome back, <span style=\"text-transform:uppercase;\"><b>:VAR(USER_NAME);<\/b><\/span>!<br\/><br\/>\r\n<br\/>\r\n<a onclick=\"document.getElementById('enter').style.display='block'\" href=\"\/home.php?stat=%var(gender)%\"><b class=\"enter\"> E N T E R <\/b><\/a>\r\n\r\n\r\n\r\n<br\/><br\/><br\/>\r\n<\/div><\/span><\/span>",
                    "type": 9,
                    "user": 6,
                    "typeText": "User Lister",
                    "userText": "Admin & user"
                }
            ]
        },
        "home": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<span class=\"hidden\">\r\n<style>#font{font-family:sans-serif,helvetica,sans-serif;}div.Greenball{background:#008080 url('\/download\/cb6eb2577645fa2eaa740981ea9d95a2\/65344\/ifriends+4webku+com\/SU1HIDIwMjIwMzA4IDA3MTI1NC5qcGc=');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff;padding:20px 5px;border:1px solid #003000;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}\r\ndiv.Green{background:#008080 url('\/download\/dfd8c9f03b790e6c334485e03e784dfd\/62894\/ifriends+4webku+com\/SU1HIDIwMjExMjA1IDEwNDkyMS5qcGc=');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff;padding:20px 5px;border:1px solid #003000;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}div.Neon-Blue{background:#299DFF url('\/download\/b31378bbfb701dc33efdb269aa01e844\/65296\/ifriends+4webku+com\/U2NyZWVuc2hvdCAyMDIyLTAzLTA3LTE0LTQ2LTM1LTkxOSBjb20uZmFjZWJvb2subGl0ZS1waWNzYXkuanBn');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff;padding:20px 5px;border:1px solid #0B7FF5;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}\r\ndiv.Red{background:red url('\/download\/81b5ba8ec0aca68eef2c656f72dcb76e\/62895\/ifriends+4webku+com\/SU1HIDIwMjExMjA1IDEwNDg1OS5qcGc=');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff;padding:20px 5px;border:1px solid #AF0000;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}\r\ndiv.Pink{background:pink url('\/download\/f118c108ab40bd9f619b65bee7764f59\/62897\/ifriends+4webku+com\/SU1HIDIwMjExMjA1IDEwNDgyNC5qcGc=');background-repeat:repeat;background-size:auto 100%;background-position:center;color:white;padding:20px 5px;border:1px solid #F75D59;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}\r\ndiv.Purple{background:purple url('\/download\/c7c08177bdd7e4c50269d5d005d5bab5\/62899\/ifriends+4webku+com\/SU1HIDIwMjExMjA1IDExMTEyOS5qcGc=');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff; padding:20px 5px;border:1px solid #440044;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}\r\ndiv.Lime{background:lime url('\/download\/2c3ac64a01925fe40a18386abf1e0dd8\/62900\/ifriends+4webku+com\/SU1HIDIwMjExMjA1IDExMTczMC5qcGc=');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff;padding:20px 5px;border:1px solid green;text-shadow:-1px 1px 1px #000000;display:block;font-weight:bold;font-size:16px;text-align:center;}\r\ndiv.Blue{background:blue url('\/download\/2c89ab3310d2bef24b23e9fe0757ceda\/62901\/ifriends+4webku+com\/U2NyZWVuc2hvdCAyMDIxLTEyLTA1LTExLTQ2LTIyLTE5OCBjb20uZmFjZWJvb2subGl0ZS1waWNzYXkuanBn');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff;padding:20px 5px;border:1px solid #003000;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}\r\n.reddot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:red;\r\n  border-radius: 3px;\r\n  display: inline-block;\r\n}.greendot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:green;\r\n  border-radius: 3px;\r\n  display: inline-block;text-shadow:#000 1px 1px 0px;\r\n}.pinkdot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:pink;\r\n  border-radius: 3px;\r\n  display: inline-block;text-shadow:#000 1px 1px 0px;\r\n}.purpledot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:purple;\r\n  border-radius: 3px;\r\n  display: inline-block;text-shadow:#000 1px 1px 0px;\r\n}.limedot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:lime;\r\n  border-radius: 3px;\r\n  display: inline-block;\r\n}.bluedot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:#1569C7;\r\n  border-radius: 3px;\r\n  display: inline-block;\r\n}.neon-bluedot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:#299DFF;\r\n  border-radius: 3px;\r\n  display: inline-block;text-shadow:#000 1px 1px 0px;\r\n}.Greendots{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:#008080;\r\n  border-radius: 3px;\r\n  display: inline-block;\r\n}\r\niframe{width:90%;height:150px; background:black;border:none;}div.area textarea{height:20px;}.circle{background-color:#1589FF;\r\n    border-radius: 50%;\r\n    box-shadow: -1px 1px 2px 0 rgb(0 0 0 \/ 30%);text-shadow:-1px 0px 0.5px #000;\r\n    color: #fff;padding:1.5px 7.7px;\r\n    cursor: default;\r\n    font-size:20px;\r\n    height: 18px;\r\n    line-height: 10px;\r\n    position: relative;\r\n    right:auto;\r\n    text-align: center;\r\n    top:auto;\r\n    -webkit-user-select: none;\r\n    width: 12.8px; margin:-3px -12px 5px;border:2px solid #ffffff;font-weight:bold;\r\n}\r\n\r\n<\/style><\/span>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<script>\r\n<!--\r\nvar x,y,n=0,ny=0,rotINT,rotYINT\r\nfunction rotateDIV()\r\n{\r\nx=document.getElementById(\"rotate2D\")\r\nclearInterval(rotINT)\r\nrotINT=setInterval(\"startRotate()\",10)\r\n}\r\nfunction rotateYDIV()\r\n{\r\ny=document.getElementById(\"rotate3D\")\r\nclearInterval(rotYINT)\r\nrotYINT=setInterval(\"startYRotate()\",10)\r\n}\r\nfunction startRotate()\r\n{\r\nn=n+1\r\nx.style.transform=\"rotate(\" + n + \"deg)\"\r\nx.style.webkitTransform=\"rotate(\" + n + \"deg)\"\r\nx.style.OTransform=\"rotate(\" + n + \"deg)\"\r\nx.style.MozTransform=\"rotate(\" + n + \"deg)\"\r\nif (n==180 || n==360)\r\n{\r\nclearInterval(rotINT)\r\nif (n==360){n=0}\r\n}\r\n}\r\nfunction startYRotate()\r\n{\r\nny=ny+1\r\ny.style.transform=\"rotateY(\" + ny + \"deg)\"\r\ny.style.webkitTransform=\"rotateY(\" + ny + \"deg)\"\r\ny.style.OTransform=\"rotateY(\" + ny + \"deg)\"\r\ny.style.MozTransform=\"rotateY(\" + ny + \"deg)\"\r\nif (ny==180 || ny>=360)\r\n{\r\nclearInterval(rotYINT)\r\nif (ny>=360){ny=0}\r\n}\r\n}\r\n\/\/-->\r\n<\/script>\r\n<style>\r\n.picture{border-radius:25px;animation:float .2s ease-in-out infinite;color:#;font-weight:700;font-family:monospace;background-image:url(\/smoki.gif);background-position:center;background-repeat:repeat;padding:1px 0.1px 0.1px 1px;border-radius:3px;}@keyframes float{0%,100%{transform:none;}33%{transform:translateY(-1px) rotate(-2deg);}66%{transform:translateY(1px) rotate(2deg);}}@keyframes bounce{0%,100%{transform:translate(0);}25%{transform:rotateX(20deg) translateY(2px) rotate(-3deg);}50%{transform:translateY(-20px) rotate(3deg) scale(1.1);}}h1 span:nth-child(2){animation-delay:.05s;}h1 span:nth-child(3){animation-delay:.1s;}h1 span:nth-child(4){animation-delay:.15s;}h1 span:nth-child(5){animation-delay:.2s;}h1 span:nth-child(6){animation-delay:.25s;}h1 span:nth-child(7){animation-delay:.3s;}h1 span:nth-child(8){animation-delay:.35s;}h1 span:nth-child(9){animation-delay:.4s;}h1 span:nth-child(10){animation-delay:.45s;}h1 span:nth-child(11){animation-delay:.5s;}h1 span:nth-child(12){animation-delay:.55s;}h1 span:nth-child(13){animation-delay:.6s;}h1 span:nth-child(14){animation-delay:.65s;}}\r\n<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<style>span.[replace=(:my_name:announce)]umaroannounce||akin[\/replace]{display:none;}.vertica-line{border-left: 2px solid #808080;}.align{text-align:justify;font-align:left;}span#block{display:none;}#verified{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<style>.picture-cover img{height:80px; width:98%;max-width:99%; background:black;padding:2px;}.signals{position:relative;left:40px;}.:my_name::my_name:{display:none;}.modal{bottom:0%;}.picture img,.picture,div.picture{max-width:98%;width:98%;max-height:100%;}#breath,.picture:hover,.icon:hover{\r\n    -webkit-animation: breathing 1s ease-out infinite normal;\r\n    animation: breathing 1s ease-out infinite normal;\r\n    font-family:'sans-serif';\r\n    -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n\r\n@-webkit-keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n\r\n@keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<style>#hinga{\r\n    -webkit-animation: breathing 5s ease-out infinite normal;\r\n    animation: breathing 5s ease-out infinite normal;\r\n    font-family:'Lantinghei SC';\r\n    -webkit-font-smoothing: antialiased;  \r\n    }\r\n\r\n\r\n@-webkit-keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n\r\n@keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<script>\r\n  var loadFile = function(event) {\r\n    var output = document.getElementById('output');\r\n    output.src = URL.createObjectURL(event.target.files[0]);\r\n    output.onload = function() {\r\n      URL.revokeObjectURL(output.src) \/\/ free memory\r\n    }\r\n  };\r\n<\/script>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<span class=\"hidden\">\r\n<style>#font{font-family:sans-serif,helvetica,sans-serif;}div.Greenball{background:#008080 url('\/download\/cb6eb2577645fa2eaa740981ea9d95a2\/65344\/ifriends+4webku+com\/SU1HIDIwMjIwMzA4IDA3MTI1NC5qcGc=');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff;padding:20px 5px;border:1px solid #003000;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}\r\ndiv.Green{background:#008080 url('\/download\/dfd8c9f03b790e6c334485e03e784dfd\/62894\/ifriends+4webku+com\/SU1HIDIwMjExMjA1IDEwNDkyMS5qcGc=');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff;padding:20px 5px;border:1px solid #003000;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}div.Neon-Blue{background:#299DFF url('\/download\/b31378bbfb701dc33efdb269aa01e844\/65296\/ifriends+4webku+com\/U2NyZWVuc2hvdCAyMDIyLTAzLTA3LTE0LTQ2LTM1LTkxOSBjb20uZmFjZWJvb2subGl0ZS1waWNzYXkuanBn');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff;padding:20px 5px;border:1px solid #0B7FF5;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}\r\ndiv.Red{background:red url('\/download\/81b5ba8ec0aca68eef2c656f72dcb76e\/62895\/ifriends+4webku+com\/SU1HIDIwMjExMjA1IDEwNDg1OS5qcGc=');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff;padding:20px 5px;border:1px solid #AF0000;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}\r\ndiv.Pink{background:pink url('\/download\/f118c108ab40bd9f619b65bee7764f59\/62897\/ifriends+4webku+com\/SU1HIDIwMjExMjA1IDEwNDgyNC5qcGc=');background-repeat:repeat;background-size:auto 100%;background-position:center;color:white;padding:20px 5px;border:1px solid #F75D59;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}\r\ndiv.Purple{background:purple url('\/download\/c7c08177bdd7e4c50269d5d005d5bab5\/62899\/ifriends+4webku+com\/SU1HIDIwMjExMjA1IDExMTEyOS5qcGc=');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff; padding:20px 5px;border:1px solid #440044;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}\r\ndiv.Lime{background:lime url('\/download\/2c3ac64a01925fe40a18386abf1e0dd8\/62900\/ifriends+4webku+com\/SU1HIDIwMjExMjA1IDExMTczMC5qcGc=');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff;padding:20px 5px;border:1px solid green;text-shadow:-1px 1px 1px #000000;display:block;font-weight:bold;font-size:16px;text-align:center;}\r\ndiv.Blue{background:blue url('\/download\/2c89ab3310d2bef24b23e9fe0757ceda\/62901\/ifriends+4webku+com\/U2NyZWVuc2hvdCAyMDIxLTEyLTA1LTExLTQ2LTIyLTE5OCBjb20uZmFjZWJvb2subGl0ZS1waWNzYXkuanBn');background-repeat:repeat;background-size:auto 100%;background-position:center;color:#ffffff;padding:20px 5px;border:1px solid #003000;display:block;font-weight:bold;font-size:16px;text-align:center;text-shadow:#000 1px 1px 0px;}\r\n.reddot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:red;\r\n  border-radius: 3px;\r\n  display: inline-block;\r\n}.greendot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:green;\r\n  border-radius: 3px;\r\n  display: inline-block;text-shadow:#000 1px 1px 0px;\r\n}.pinkdot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:pink;\r\n  border-radius: 3px;\r\n  display: inline-block;text-shadow:#000 1px 1px 0px;\r\n}.purpledot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:purple;\r\n  border-radius: 3px;\r\n  display: inline-block;text-shadow:#000 1px 1px 0px;\r\n}.limedot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:lime;\r\n  border-radius: 3px;\r\n  display: inline-block;\r\n}.bluedot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:#1569C7;\r\n  border-radius: 3px;\r\n  display: inline-block;\r\n}.neon-bluedot{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:#299DFF;\r\n  border-radius: 3px;\r\n  display: inline-block;text-shadow:#000 1px 1px 0px;\r\n}.Greendots{padding-bottom:3px;\r\n  height: 20px;\r\n  width: 25px;\r\n  background-color:#008080;\r\n  border-radius: 3px;\r\n  display: inline-block;\r\n}\r\niframe{width:90%;height:150px; background:black;border:none;}div.area textarea{height:20px;}.circle{background-color:#1589FF;\r\n    border-radius: 50%;\r\n    box-shadow: -1px 1px 2px 0 rgb(0 0 0 \/ 30%);text-shadow:-1px 0px 0.5px #000;\r\n    color: #fff;padding:1.5px 7.7px;\r\n    cursor: default;\r\n    font-size:20px;\r\n    height: 18px;\r\n    line-height: 10px;\r\n    position: relative;\r\n    right:auto;\r\n    text-align: center;\r\n    top:auto;\r\n    -webkit-user-select: none;\r\n    width: 12.8px; margin:-3px -12px 5px;border:2px solid #ffffff;font-weight:bold;\r\n}\r\n\r\n<\/style><\/span>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<script>\r\n<!--\r\nvar x,y,n=0,ny=0,rotINT,rotYINT\r\nfunction rotateDIV()\r\n{\r\nx=document.getElementById(\"rotate2D\")\r\nclearInterval(rotINT)\r\nrotINT=setInterval(\"startRotate()\",10)\r\n}\r\nfunction rotateYDIV()\r\n{\r\ny=document.getElementById(\"rotate3D\")\r\nclearInterval(rotYINT)\r\nrotYINT=setInterval(\"startYRotate()\",10)\r\n}\r\nfunction startRotate()\r\n{\r\nn=n+1\r\nx.style.transform=\"rotate(\" + n + \"deg)\"\r\nx.style.webkitTransform=\"rotate(\" + n + \"deg)\"\r\nx.style.OTransform=\"rotate(\" + n + \"deg)\"\r\nx.style.MozTransform=\"rotate(\" + n + \"deg)\"\r\nif (n==180 || n==360)\r\n{\r\nclearInterval(rotINT)\r\nif (n==360){n=0}\r\n}\r\n}\r\nfunction startYRotate()\r\n{\r\nny=ny+1\r\ny.style.transform=\"rotateY(\" + ny + \"deg)\"\r\ny.style.webkitTransform=\"rotateY(\" + ny + \"deg)\"\r\ny.style.OTransform=\"rotateY(\" + ny + \"deg)\"\r\ny.style.MozTransform=\"rotateY(\" + ny + \"deg)\"\r\nif (ny==180 || ny>=360)\r\n{\r\nclearInterval(rotYINT)\r\nif (ny>=360){ny=0}\r\n}\r\n}\r\n\/\/-->\r\n<\/script>\r\n<style>\r\n.picture{border-radius:25px;animation:float .2s ease-in-out infinite;color:#;font-weight:700;font-family:monospace;background-image:url(\/smoki.gif);background-position:center;background-repeat:repeat;padding:1px 0.1px 0.1px 1px;border-radius:3px;}@keyframes float{0%,100%{transform:none;}33%{transform:translateY(-1px) rotate(-2deg);}66%{transform:translateY(1px) rotate(2deg);}}@keyframes bounce{0%,100%{transform:translate(0);}25%{transform:rotateX(20deg) translateY(2px) rotate(-3deg);}50%{transform:translateY(-20px) rotate(3deg) scale(1.1);}}h1 span:nth-child(2){animation-delay:.05s;}h1 span:nth-child(3){animation-delay:.1s;}h1 span:nth-child(4){animation-delay:.15s;}h1 span:nth-child(5){animation-delay:.2s;}h1 span:nth-child(6){animation-delay:.25s;}h1 span:nth-child(7){animation-delay:.3s;}h1 span:nth-child(8){animation-delay:.35s;}h1 span:nth-child(9){animation-delay:.4s;}h1 span:nth-child(10){animation-delay:.45s;}h1 span:nth-child(11){animation-delay:.5s;}h1 span:nth-child(12){animation-delay:.55s;}h1 span:nth-child(13){animation-delay:.6s;}h1 span:nth-child(14){animation-delay:.65s;}}\r\n<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<style>span.[replace=(:my_name:announce)]umaroannounce||akin[\/replace]{display:none;}.vertica-line{border-left: 2px solid #808080;}.align{text-align:justify;font-align:left;}span#block{display:none;}#verified{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<style>.picture-cover img{height:80px; width:98%;max-width:99%; background:black;padding:2px;}.signals{position:relative;left:40px;}.:my_name::my_name:{display:none;}.modal{bottom:0%;}.picture img,.picture,div.picture{max-width:98%;width:98%;max-height:100%;}#breath,.picture:hover,.icon:hover{\r\n    -webkit-animation: breathing 1s ease-out infinite normal;\r\n    animation: breathing 1s ease-out infinite normal;\r\n    font-family:'sans-serif';\r\n    -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n\r\n@-webkit-keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n\r\n@keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<style>#hinga{\r\n    -webkit-animation: breathing 5s ease-out infinite normal;\r\n    animation: breathing 5s ease-out infinite normal;\r\n    font-family:'Lantinghei SC';\r\n    -webkit-font-smoothing: antialiased;  \r\n    }\r\n\r\n\r\n@-webkit-keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n\r\n@keyframes breathing {\r\n  0% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  25% {\r\n    -webkit-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n\r\n  60% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  100% {\r\n    -webkit-transform: scale(0.9);\r\n    -ms-transform: scale(0.9);\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<title>Home<\/title>\r\n<style>.neon{position:absolute;border-radius:50%;padding:2px;background:#fff;margin-left:43px;margin-top:34px;}.font,.font a{font-family:Verdana;margin-top:;color:#808080;}.table a:hover{background:none;}.simg{opacity:80%;}div.vertical-line{\r\n      width: 1.5px;  Line width *\/\r\n      background-color:#808080;  Line color *\/\r\n      height: 100%;  Override in-line if you want specific height. *\/\r\n      float: left;  Causes the line to float to left of content. \r\n        You can instead use position:absolute or display:inline-block;\r\n        if this fits better with your design *\/\r\n    }a:hover{text-decoration:none;}.photo-story{background:#;position: absolute;padding:3px;margin-top:95px;margin-left:4px;border-radius:3px;text-shadow:-1px 0px 1px #000;display:hidden:my_name:;display:inline;}.photo-count{background:#fa3e3e;border-radius: 50%;\r\n  color: white;\r\n \r\n  font-size: 10px;display: inline-block;\r\n  position: relative;\r\n  padding: 2px 5px;\r\n  }.overflow{overflow:hidden;}\r\n.name{position:; margin-left:10px; display:inline-block;color:#000;font-size:12px;vertical-align:top;}.ball{background:#fff; padding:2px;border-radius:50%;}.count{background:#3498DB;color:#fff;padding:2px 5px; position:relative;border-radius:3.5px;display:inline-block;left:60px;bottom:31px;font-size:10px; font-weight:bold;}.guhitt{position: absolute;display:inline-block;margin-left:60px;float: right;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<ul style=\"top:0px;\"><div id=\"id01\" class=\"modal\">  \r\n <div class=\"modal-content animate\">\r\n    <div class=\"imgcontainer\">\r\n      <span onclick=\"document.getElementById('id01').style.display='none'\" class=\"close\" title=\"Close\"><font color=\"red\">&times;<\/font><\/span><div align=\"center\">&nbsp;\r\n    <\/div><\/div><br\/><div class=\"container\">\r\n<div id=\"title\">&nbsp;\r\nWrite Text<\/div>\r\n<div class=\"blog-forms\">\r\n  <font color=\"red\"><b>NOTE:<\/b><\/font> Max of 300 Characters only!<br\/>\r\n(Site advert is not allowed!)<br\/>\r\n   <hr\/>:VALUE(%notify%).IFEQ(Success).THEN.GOTO(\/home.php).ELSE(<font color=\"red\">%notify%<\/font>);<br>Post Message:<br\/><textarea name=\"post\"><\/textarea>\r\n<input :GET(img).IFEQ().THEN().ELSE(id=\"submit\"); type=\"submit\" value=\"Post\"\/><br\/><\/div><br\/>\r\n<center><a href=\"\/smileys.php\"><b class=\"buttons\">Smileys<\/b><\/a><\/center><br\/><\/div><br\/>\r\n<\/div><\/div><\/div><\/ul>",
                    "type": 26,
                    "user": 6,
                    "typeText": "API Data Creator",
                    "userText": "Admin & user",
                    "config": "<pid>123456<\/pid>\r\n<value1>:POST(post);:GET(img).IFNE().THEN(<div><img width=\"280px\" height=\"280px\" src=\").ELSE();:GET(img);:GET(img).IFNE().THEN(\"><\/div>).ELSE();<\/value1>\r\n<category>story<\/category>"
                },
                {
                    "content": ":HTML_DECODE(%value1%); \r\n:VALUE(%userid%).IFNE.VAR(USER_ID).THEN().ELSE();",
                    "type": 27,
                    "user": 6,
                    "typeText": "API Data Lister",
                    "userText": "Admin & user",
                    "config": "<pid>12345<\/pid>\r\n<order>new<\/order>\r\n<limit>1<\/limit>",
                    "header": "<div align=\"center\" class=\"blog-form\"><b>A N N O U N C E M E N T<\/b><br\/>\r\n<div align=\"center\" class=\"announce\" id=\"announce\">",
                    "footer": "<br\/><\/div><\/div>",
                    "default": "No announcement yet!"
                },
                {
                    "content": "Hello, <b>:VAR(USER_NAME);<\/b>! <script src=\"http:\/\/asikurbd.xtgem.com\/js\/time.js\"><\/script>\r\n<script language=\"JavaScript\">dT();<\/script>\r\n<span id=\"tP\"><\/span>",
                    "type": 9,
                    "user": 6,
                    "typeText": "User Lister",
                    "userText": "Admin & user",
                    "config": "<limit>1<\/limit>",
                    "header": "<div class=\"blog-form\">",
                    "footer": "<\/div>",
                    "default": "Empty"
                },
                {
                    "content": "<div class=\"blog-form\"><table class=\"table\" style=\"width:100%;\"><tr><td width=\"20%\" align=\"left\"><a href=\"\/profile.php?uname=:VAR(USER_NAME);\"><img class=\"pict\" src=\":VALUE(%var(gender)%).IFEQ(Male).THEN(https:\/\/cdn.wapka.org\/006qdq\/18330b169794134e43309d30c8aee3c8\/male-avatar.png).ELSE(https:\/\/cdn.wapka.org\/006qgi\/7640e728c060bf8fa5572e07300ddb78\/female-avatar.png).IFIN(%avatar%).THEN(default);\" height=\"50\" width=\"50\"\/><\/a><\/span><\/a><\/td><td valign=\"middle\" width=\"auto\" align=\"left\" style=\"font-size:15px;\"><div><\/div><div class=\"font\"><a onclick=\"document.getElementById('id01').style.display='block'\" href=\"#\">Write Msg..<\/a><\/div><\/td><td align=\"left\" width=\"65\"><a onclick=\"document.getElementById('video').style.display='block'\" href=\"#\"><span class=\"Default Pink Green Blue\"><img src=\"\/download\/fbfe09ef251ad45dc509c7b26134e0f3\/39043\/ifriends+4webku+com\/MTYyMzc0NDcxMy1uZXdheWJsYXgucG5n\" width=\"55\"\/><\/a><\/span><a onclick=\"document.getElementById('video').style.display='block'\" href=\"#\"><span class=\"DarkMod\"><img src=\"\/download\/c712da56ef432ac2c0485556cf452be6\/39013\/ifriends+4webku+com\/MTYyMzc0NDcxMy1uZXdheS5wbmc=\" width=\"55\"\/><\/a><\/span><\/td><td align=\"right\" width=\"3\"> &nbsp;<div class=\"vertica-line\" style=\"height:52px;\"><\/div><\/td><td align=\"center\" width=\"64\"><a onclick=\"document.getElementById('id0101').style.display='block'\" href=\"#\"><span class=\"DarkMod\"><img class=\"simg\" src=\"\/download\/850df813cd01f5f0267c822186d056c0\/38970\/ifriends+4webku+com\/dXBsb2FkLXBob3RvLXBpY3NheS5wbmc=\" width=\"55\"\/><\/a><\/span><a onclick=\"document.getElementById('id0101').style.display='block'\" href=\"#\"><span class=\"Default Pink Green Blue\"><span class=\"hidden:profile(:my_name:)-var(theme):\"><img class=\"simg\" src=\"\/download\/c8c0f01903dd295f2198b57a5d720693\/39048\/ifriends+4webku+com\/dXBsb2FkLXBob3RvLW5ld3doaXRlLnBuZw==\" width=\"55\"\/><\/a><\/span><\/span><\/td><\/tr\/><\/table><\/div>",
                    "type": 9,
                    "user": 6,
                    "typeText": "User Lister",
                    "userText": "Admin & user",
                    "config": "<id>:VAR(uid).OR.GET(uid).OR.VAR(USER_ID);<\/id><limit>1<\/limit>"
                },
                {
                    "content": "<div class=\"blog-form\">\r\n<table width=\"100%\"><tr><td width=\"45\" valign=\"top\"><img class=\"pict\" src=\":VALUE(Male).IFEQ(Male).THEN(https:\/\/cdn.wapka.org\/006qdq\/18330b169794134e43309d30c8aee3c8\/male-avatar.png).ELSE(https:\/\/cdn.wapka.org\/006qgi\/7640e728c060bf8fa5572e07300ddb78\/female-avatar.png).IFIN(%avatar%).THEN(default);\" height=\"40\" width=\"40\"\/>\r\n<\/td><td width=\"auto\" valign=\"top\"> :VALUE(%userid%).IFNE.VAR(USER_ID).THEN().ELSE(<span class=\"del\" style=\"float:right\"><a href=\"%delete%\"><b>×<\/b> <\/a><\/span>); <a href=\"\/profile.php?uid=%userid%&uname=%username%\"><b>@%username%<\/b><\/a>:VALUE(%role%).IFEQ(Administrator).THEN(<b>(Admin)<\/b>).ELSE();<div style=\"margin-left:0px;\">:HTML_DECODE(%value1%);<br\/>⏰ <span class=\"time\">:VALUE(%date%).DATE(AGO);..<\/span><\/td><\/tr><\/table>\r\n<a href=\"\/comment.php?uid=%id%\">Comment(s)<\/a><\/div><\/div>",
                    "type": 27,
                    "user": 6,
                    "typeText": "API Data Lister",
                    "userText": "Admin & user",
                    "config": "<pid>123456<\/pid>\r\n<limit>10<\/limit>\r\n<order>new<\/order>\r\n<category>post<\/category>\r\n<page>:GET(page);<\/page>\r\n<url>?page=<\/url>",
                    "footer": "<span class=\"hidden:PAGING(%pev%);\"><div class=\"blog-form\"><div align=\"center\" class=\"page\"><b>:PAGING(%prev% %next% );<\/b><\/div><\/div><\/span>",
                    "default": "<div class=\"blog-form\">Shout box have empty data....<\/div>"
                },
                {
                    "content": "<div align=\"center\" class=\"blog-form\"><a href=\"\/announce.php\">Make Announcement<\/a><\/div>",
                    "type": 0,
                    "user": 1,
                    "typeText": "Code",
                    "userText": "Admin"
                }
            ]
        },
        "register": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "You have registered successfully!",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "registered": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Registered Success!<\/title><div style=\"padding:32px;\"><\/div><div align=\"center\" class=\"blog-form\">You have registered successfully!<\/div>",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                },
                {
                    "content": "login",
                    "type": 3,
                    "user": 0,
                    "typeText": "Auto Redirect",
                    "userText": "All user",
                    "config": "301"
                }
            ]
        },
        "announce": {
            "type": 0,
            "typeText": "text\/html",
            "user": 1,
            "userText": "Admin",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<div align=\"center\" class=\"blog-form\">:HTML_DECODE(%value1%); \r\n:VALUE(%userid%).IFNE.VAR(USER_ID).THEN().ELSE(<a href=\"%delete%\">❌ <\/a>);<\/div>",
                    "type": 27,
                    "user": 1,
                    "typeText": "API Data Lister",
                    "userText": "Admin",
                    "config": "<pid>12345<\/pid><order>new<\/order>\r\n<limit>1<\/limit>",
                    "default": "<div class=\"blog-form\">No announcement yet!<\/div>"
                },
                {
                    "content": "<style>.session {display:none;}<\/style><div class=\"blog-form\">:VALUE(%notify%).IFEQ(Success).THEN.GOTO(\/announce.php).ELSE(<font color=\"red\">%notify%<\/font>);<br>Post Message:<br\/><textarea name=\"shout\"><\/textarea>\r\n<input :GET(img).IFEQ().THEN().ELSE(id=\"submit\"); type=\"submit\" value=\"Post\"\/><\/div>",
                    "type": 26,
                    "user": 1,
                    "typeText": "API Data Creator",
                    "userText": "Admin",
                    "config": "<pid>12345<\/pid>\r\n<value1>:POST(shout);:GET(img).IFNE().THEN(<div><img width=\"280px\" height=\"280px\" src=\").ELSE();:GET(img);:GET(img).IFNE().THEN(\"><\/div>).ELSE();<\/value1>\r\n<category>Announcement<\/category>"
                }
            ]
        },
        "announcement": {
            "type": 0,
            "typeText": "text\/html",
            "user": 1,
            "userText": "Admin",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "Add Announcement:VALUE(%notify%).IFEQ(Success).THEN.GOTO(\/announce.php?post=submitted).ELSE(%notify%);<br><textarea name=\"shout\"><\/textarea>\r\n<input :GET(img).IFEQ().THEN().ELSE(id=\"submit\"); type=\"submit\" value=\"Add\"\/>",
                    "type": 26,
                    "user": 1,
                    "typeText": "API Data Creator",
                    "userText": "Admin",
                    "config": "<pid>34152<\/pid>\r\n<value1>:POST(shout);:GET(img).IFNE().THEN(<div><img width=\"280px\" height=\"280px\" src=\").ELSE();:GET(img);:GET(img).IFNE().THEN(\"><\/div>).ELSE();<\/value1>\r\n<category>shout<\/category>"
                }
            ]
        },
        "profile": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<title>%username%'s Profile<\/title>",
                    "type": 9,
                    "user": 0,
                    "typeText": "User Lister",
                    "userText": "All user",
                    "config": "<id>:GET(uid);<\/id>"
                },
                {
                    "content": "<div style=\"padding:1.5px;\"><\/div><div id=\"title\">%username%'s Profile<\/div>",
                    "type": 9,
                    "user": 0,
                    "typeText": "User Lister",
                    "userText": "All user",
                    "config": "<id>:VAR(uid).OR.GET(uid).OR.VAR(USER_ID);<\/id>"
                },
                {
                    "content": "<style>.T3{border-bottom:1px solid #cccccc; overflow: hidden; width: 100%; height: 100px; background:#006C6C url(\":VALUE(%cover%).IFEQ(%cover%).THEN(https:\/\/cdn.wapka.org\/006qgq\/74875f96c046a5a7c556160a706ea34d\/xcsd-picsay.png).ELSE(%cover%);\");background-repeat:no-repeat;background-position:center;background-size:100% 100%;}<\/style><div><div class=\"T3\"><div class=\"avatar\"><div style=\"display: block; float: left; position:absolute; margin-top: 40px; z-index:2;padding:1px 6px;\"><div style=\"background: #ffffff; padding: 1px; border: 1px solid #808080;\"><img class=\"avata\" src=\":VALUE(%var(gender)%).IFEQ(Male).THEN(https:\/\/cdn.wapka.org\/006qdq\/18330b169794134e43309d30c8aee3c8\/male-avatar.png).ELSE(https:\/\/cdn.wapka.org\/006qgi\/7640e728c060bf8fa5572e07300ddb78\/female-avatar.png).IFIN(%avatar%).THEN(default);\" height=\"90\" width=\"90\"\/><\/div><\/div><\/div><\/div><div>\r\n\r\n<div align=\"right\" class=\"blog-form\"><a href=\"\/inbox.php?uid=%id%\">Send Messages<\/a>\r\n<\/div>\r\n\r\n<div class=\"blog-form\">\r\n<div class=\"block\"><b>Idle:<\/b> :VALUE(%logindate%).DATE(AGO);<\/div>\r\n<div class=\"block\"><b>Name:<\/b> :VALUE(%status%).IFEQ(online).THEN(<img class=\"on\" src=\"http:\/\/dl.4webku.com\/download\/d2efdc8105ab515d848706a152f6d623\/65577\/ifriends+4webku+com\/bmVvbi5wbmc=\" height=\"12\" width=\"12\"\/>).ELSE(<img class=\"off\" src=\"http:\/\/dl.4webku.com\/download\/f450510c32b9aa9fc4990c854982645a\/65578\/ifriends+4webku+com\/cmVkLWRvdC5wbmc=\" height=\"12\" width=\"12\"\/>);  <span style=\"text-transform:uppercase;\">%username%<\/span> is - <i>%status%<\/i><\/div> \r\n<div class=\"block\"><b>Age:<\/b> %var(age)%<\/div>\r\n<div class=\"block\"><b>Gender: <\/b>%var(gender)%<\/div><div class=\"block\"><b>Rights:<\/b> %role%<\/div>\r\n<div class=\"block\"><b>Email:<\/b> %var(mail)%<\/div>\r\n<div class=\"block\"><b>Status:<\/b> %type%, %status%<\/div>\r\n<div class=\"block\"><b>Chips:<\/b> %point%<\/div>\r\n<div class=\"block\"><b>Location:<\/b> %var(location)%<\/div><div class=\"block\"><b>Country: <\/b>%country%<\/div><div class=\"block\"><b>Browser:<\/b> %useragent%<\/div><div class=\"block\"><b>IP Address:<\/b> :VALUE(%IP%); <\/div>\r\n<div class=\"block\"><b>Last Active:<\/b> %logindate%<\/div>\r\n<div class=\"block\"><b>Joined:<\/b> %regdate%<\/div>\r\n<div class=\"block\"><b>Viewed:<\/b> %total% Time(s)<\/div>\r\n<\/div>",
                    "type": 9,
                    "user": 6,
                    "typeText": "User Lister",
                    "userText": "Admin & user",
                    "config": "<id>:VAR(uid).OR.GET(uid).OR.VAR(USER_ID);<\/id>",
                    "header": "<style>.on{padding:0;background:green;border-radius:50%;}\r\n.off{padding:0;background:red;border-radius:50%;}\r\n.block{padding:2px;box-shadow:2px 2px 6px aliceblue;font-size:13px;}div.block{padding:8px;}.imgavatar {width:100px;height:100px;border-radius:3px;}\r\n<\/style>"
                },
                {
                    "content": "<style>body{background:#dcdcdc url(\"https:\/\/cdn.wapka.org\/006q0j\/f9f912d59bec3682b474b42c4a574473\/bg-image.jpg\");background-repeat:repeat;background-attachment:fixed;background-position:center;background-size:auto; margin:0px auto 0px; color:#000; font-size:13px; font-weight:400;font-family:sans-serif,helvetica,sans-serif;max-width:700px;margin:auto;}\r\n\r\nul{max-width:700px;margin:auto;}\r\n\r\n\r\nstrong{font-size:20px;}\r\n\r\n\r\na,a:visited{color:#005580; text-decoration:none; padding:2px}\r\n\r\n\r\n\r\n\r\n.link a{color:#808080;font-weight:700;}\r\n\r\n.sweet{border:1px solid #dadada; border-radius:50%;}\r\n\r\na:hover{font-weight:bold}\r\n\r\n.pictv{background:#FFFFFF;padding:2px;border:1px solid #C0C0C0;}\r\n\r\n.menus{position:fixed;width:25%;}\r\n\r\n\r\n#head{height:auto;-moz-border-radius: 0px;\r\n    -webkit-border-radius: 0px;\r\n    background-color:#145082;\r\npadding:8.5px; vertical-align:top;margin:0px auto 0px;}\r\n\r\n\r\n\r\nul{list-style-type: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    position: fixed;\r\n    top: 0;\r\n    width: 100%;\r\n    z-index:99999;margin:0px auto 0px;}\r\n\r\n\r\n\r\n.point{background:#E6FFE6;border:1px solid green;color:green; padding:10px; border-radius:0px;margin:6px;}\r\n\r\n\r\n\r\n\r\ndiv#head img{vertical-align:middle;padding:2px;}\r\n\r\n\r\n.btn:focus{outline:none;background: transparent;color:#555;border:none;appearance: none;\r\nbox-shadow: none;text-shadow:none;}\r\n\r\n.band{padding:2px;}\r\n\r\ndiv#head a{color:#ffffff;text-shadow:-1px 1px 2px #000; padding:2px;}\r\n\r\n\r\n\r\n#head a:hover,#head a:active{background:#CA6F1E; padding:5px; border-radius:3px;border:1px solid #074755;}\r\n\r\n\r\n\r\n\r\n#foot{height:auto;-moz-border-radius: 0px;background:#145082;\r\n    -webkit-border-radius: 0px;\r\n    background-image:linear-gradient(to bottom, #145082, #1D1313 120%);\r\n   color:#fff; padding:12.4px;font-weight:700;\r\n   text-align: center; padding:12px; text-shadow:-1px 1px 1px #000;color:#fff;box-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, .3), inset 0 -3px 6px 0 rgba(0, 0, 0, .2), 0 3px 2px 0 rgba(0, 0, 0, .2);}\r\n\r\n\r\n.themes input[type=image]{box-shadow: inset 0px -2px 1px rgba(0,0,0,0.8),\r\ninset 0 2px 1px rgba(255,255,255,1);\r\nbackground:#145082;border-radius:50%;border:3px solid #145082;outline:none;}\r\n\r\n\r\n\r\n\r\n.ekes input[type=submit]{position:relative;display:inline-block;clear:both;background:transparent;color:red; font-weight:bold;border:none;outline:none;-webkit-appearance: none;\r\n-moz-appearance: none;\r\nappearance: none;\r\nbox-shadow: none;}\r\n\r\n\r\n\r\ndiv.nav{padding:2px;height:auto;\r\nbackground:#145082;\r\nbackground-image: linear-gradient(to bottom, #145082, #1D1313 190%);color:#fff;}\r\n\r\n\r\n.navs a{display:inline-block;}\r\n\r\n.navs{display:inline-block;padding:7px 8px 5px;}\r\n\r\n.navs .notif{font-family: 'Roboto', sans-serif;background-color: #fa3e3e;\r\n    border-radius: 50%;\r\n    box-shadow: -1px 1px 2px 0 rgb(0 0 0 \/ 30%);text-shadow:-1px 0px 0.5px #000;\r\n    color: #fff;padding:1px 2.8px;\r\n    cursor: default;\r\n    font-size:9px;\r\n    height: 14px;\r\n    line-height: 14px;\r\n    position: absolute;\r\n    right:auto;\r\n    text-align: center;\r\n    top:auto;\r\n    -webkit-user-select: none;\r\n    width: 10.8px; margin:-3px -10px 5px;}\r\n\r\n\r\n.signals{position:relative;left:40px;}\r\n\r\n.signalz{position:relative;left:80px;bottom:-20px;}\r\n\r\n.navs a img{width:20px;}\r\n\r\n\r\n.navs:hover{background:#3C78AA;}\r\n\r\n\r\n\r\n.newchat {\r\n\tposition: relative;\r\n\tbackground: #555;\r\n\tborder-radius:.6em;\r\ncolor:#E0F2F1;padding:3px;border:1px ridge #00695C;\r\n}\r\n\r\n.newchat a{color:#fff;}\r\n.date{font-size:10px;font-style:italic;}\r\n\r\n.newchat:after {\r\n\tcontent: '';\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\twidth: 0;\r\n\theight: 0;\r\n\tborder: 7px solid transparent;\r\n\tborder-bottom-color: #555;\r\n\tborder-top: 0;\r\n\tmargin-left: -7px;\r\n\tmargin-top: -7px;}\r\n\r\n\r\n#glow{box-shadow:0 0 1.5px lime;}\r\n\r\n\r\n\r\n.msg{background:#FFFFF3;border-bottom:1px solid #FFFFA3;border-top:1px solid #FFFFA3;}\r\n\r\n\r\n\r\n.speech-bubble {margin:4px;\r\nbackground-color: #363F43;\r\nborder: 1px solid #dadada;\r\nborder-radius: 6px;\r\nwidth: auto;\r\ntext-align:left;\r\npadding: 10px;\r\nposition: absolute;}\r\n\r\n.speech-bubble .arrow {\r\n    border-style: solid;\r\n    position: absolute;\r\n}\r\n \r\n.bottom {\r\n    border-color:#dadada transparent transparent transparent;\r\n    border-width: 8px 8px 0px 8px;\r\n    bottom: -8px;\r\n}\r\n\r\n\r\n.bottom:after {\r\n    border-color: #363F43 transparent transparent transparent;\r\n    border-style: solid;\r\n    border-width: 7px 7px 0px 7px;\r\n    bottom: 1px;\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -7px;\r\n}\r\n\r\n\r\n\r\n.table:hover{padding:0px;border:none;background:#fafafa;}\r\n\r\n\r\n\r\n.blink-two{\r\n      animation: blinker-two 3s linear infinite;\r\n      }\r\n      @keyframes blinker-two {  \r\n      100% { opacity: 0; }\r\n      }\r\n\r\n\r\n.blink{\r\n  animation: blinker 11s linear infinite;\r\n}\r\n\r\n@keyframes blinker {\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\r\n#nav img{width:20px;padding:0px;}\r\n\r\n\r\n\r\nspan.mode a:hover,span.mode img,span.mode img:hover{padding:0px none;}\r\n\r\n\r\n\r\n\r\n#nav a:hover{padding:none;}\r\n\r\n\r\n.profile_pict{margin-top:62px;vertical-align:bottom;background:#FFFFFF url('\/download\/3ef08038549f7967bd238717afda95ed\/53027\/ifriends+4webku+com\/WW91dHViZSBsb2FkaW5nIHN5bWJvbCAxICh3b2JibHkpLmdpZg==');background-repeat:no-repeat;background-position:center;background-size:30% 30%;\r\nborder:1px solid #c0c0c0; padding:2px; border-radius:50%; background-position:center;}\r\n\r\n\r\n\r\n\r\n\r\n.iconphoto{position:absolute;margin-left:97px;margin-top:140px; opacity:90%;border-radius:50%;border:2px solid #fff;padding-bottom:1px;padding-top:3px;padding-left:2px;padding-right:2px;background:#e4e5e2;vertical-align: middle; background-position:bottom;}\r\n\r\n.covered{clear:both;position:absolute;margin-left:6.5px;text-align:right;margin-top:4px;opacity:90%;border-radius:50%;border:2px solid #fff;padding-bottom:1px;padding-top:3px;padding-left:2px;padding-right:2px;background:#e4e5e2;vertical-align: middle; background-position:bottom;}\r\n\r\n\r\n\r\n\r\n\r\n#nav a{color:#fff;}\r\n\r\n\r\n\r\n\r\n\r\n#title{height:auto;-moz-border-radius: 0px;background:#145082;\r\n    -webkit-border-radius: 0px;\r\nbackground-image: linear-gradient(to bottom, #145082, #1D1313 120%);\r\n   color:#fff; padding:11px; text-shadow:-1px 1px 2px #000; font-weight:700;margin:3.6px;\r\nbox-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, .3), inset 0 -3px 6px 0 rgba(0, 0, 0, .2), 0 3px 2px 0 rgba(0, 0, 0, .2);}\r\n\r\n\r\n\r\n#title_deks{height:auto;-moz-border-radius: 0px;background:#145082;\r\n    -webkit-border-radius: 0px;\r\nbackground-image: linear-gradient(to bottom, #145082, #1D1313 120%);\r\n   color:#fff; padding:11px; text-shadow:-1px 1px 2px #000; font-weight:700;\r\nbox-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, .3), inset 0 -3px 6px 0 rgba(0, 0, 0, .2), 0 3px 2px 0 rgba(0, 0, 0, .2);}\r\n\r\n\r\n.custom-search{position: relative;right:-12px;}\r\n    #express-form-typeahead{background:url('\/download\/c798005f9c3cb72fd897dacff6e9add5\/26192\/ifriends+4webku+com\/c2VhcmNoLTEyLTEyOC5wbmc=');background-position:5px center;background-repeat:no-repeat;background-size:15px;border:none;cursor:pointer;height:30px;padding:0 0 0 34px;position:relative;-webkit-transition:width 1.1s ease, background 1.1s ease;transition:width 1.1s ease, background 1.1s ease;width:0;}\r\n    .close-search{display:none;-webkit-animation: fadeEffect1 2s;animation: fadeEffect1 2s;\r\n    position: absolute;top:9px;right:9px;background-image: url('\/image png');width: 15px;\r\n    height: 15px;background-repeat: no-repeat;background-size: 15px;}\r\n    #express-form-typeahead:focus{color:white;background-color:#808080;border:1px solid #e7e7e7;cursor:text;outline:0;width:190px;border-radius: 3px;}\r\n    .search-btn{display:none;}\r\n    input[type=\"search\"]{-webkit-appearance:textfield;}\r\n   \/* Fade in tabs *\/\r\n    @-webkit-keyframes fadeEffect1 {\r\n        from {opacity: 0;}\r\n        to {opacity: 1;}\r\n    }\r\n    @keyframes fadeEffect1 {\r\n        from {opacity: 0;}\r\n        to {opacity: 1;}\r\n    }\r\n\r\n.absolute.{position:absolute;right:60px;top:30px;}\r\n\r\n\r\n\r\n\r\ninput[type=text],input[type=password],textarea{outline:none;border-radius:6px;background:#fff; color:#808080;border:1px solid #c0c0c0;padding:10px;width:200px;-o-box-shadow:      12px 12px 29px #555;\r\n-icab-box-shadow:   12px 12px 29px #555;\r\n-khtml-box-shadow:  12px 12px 29px #555;\r\n-moz-box-shadow:    12px 12px 29px #555;\r\n-webkit-box-shadow: 12px 12px 29px #555;\r\nbox-shadow:         12px 12px 29px #555;\r\nmargin-bottom:4px;font-weight:normal;}\r\n\r\n\r\n\r\ninput[type=submit],.btn{height:auto;-moz-border-radius: 0px;outline:none;background:#145082;\r\n    -webkit-border-radius: 0px;\r\n    background-image: linear-gradient(to bottom, #145082, #000000 120%); font-weight:bold;padding:2px 10px;border-radius:3px;color:#fff;border:none; height:36px;width:auto;\r\nbox-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, .3), inset 0 -3px 6px 0 rgba(0, 0, 0, .2), 0 3px 2px 0 rgba(0, 0, 0, .2);}\r\n\r\n\r\n\r\n\r\n\r\n\r\ninput[type=text]:hover,input[type=password]:hover,textarea:hover{outline:none;background:#fafafa;font-weight:normal;color:#555;}\r\n\r\n\r\n\r\n\r\ninput[type=file]{background:#fafafa;outline:none;border:1px solid #c0c0c0;max-width:90%; padding:2px; color:#555;margin:3px;}\r\n\r\n\r\n\r\n\r\n\r\ntextarea{outline:none;background:#fff; font-style:italic;color:#808080;border:1px solid #c0c0c0; padding:4px; width:96%; height:80px;-o-box-shadow:12px 12px 29px #555;\r\n-icab-box-shadow:   12px 12px 29px #555;\r\n-khtml-box-shadow:  12px 12px 29px #555;\r\n-moz-box-shadow:    12px 12px 29px #555;\r\n-webkit-box-shadow: 12px 12px 29px #555;\r\nbox-shadow:         12px 12px 29px #555; font-weight:normal;}\r\n\r\n\r\n\r\n\r\n\r\nspan.like:hover,span.like a:hover{background-image:url('\/download\/cadc5ec64be94f3e60c8d3e5cc0c6051\/23525\/ifriends+4webku+com\/a2lzc3BuZy1jaGVjay1tYXJrLWNvbXB1dGVyLWljb25zLWNsaXAtYXJ0LWdyZWVuLXRpY2stNWFiZTZlMmRlMTg3MTMuOTU3Mjg2MjExNTIyNDI5NDg1OTIzOCAoMSljaGVjay5wbmc=');background-repeat:no-repeat;background-position:center;background-size:9px;}\r\n\r\n\r\n\r\n.scroll{background: transparent;\r\n  overflow: auto;\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n\r\n.scrollmenu{text-align:center;\r\n  background: transparent;\r\n  overflow:auto;\r\nwhite-space: nowrap;\r\n  white-space: nowrap;\r\n}\r\n.photo-scroll{background:#000; padding:2px;border-radius:12px;}\r\n\r\n.scrollmenu a {\r\n  display: inline-block;\r\n  color:#808080;\r\n  text-align: center;\r\n  padding: 1px;\r\n  text-decoration: none;\r\n}\r\n\r\n.scrollmenu a:hover {\r\n  background-color: transparent;\r\n}\r\n\r\n\r\n\r\n\r\nselect{border-radius:6px;background:#fff; color:#808080; padding:8px; width:auto;margin-bottom:4px;-o-box-shadow:      12px 12px 29px #555;\r\n-icab-box-shadow:   12px 12px 29px #555;\r\n-khtml-box-shadow:  12px 12px 29px #555;\r\n-moz-box-shadow:    12px 12px 29px #555;\r\n-webkit-box-shadow: 12px 12px 29px #555;\r\nbox-shadow:         12px 12px 29px #555; font-weight:normal;}\r\n\r\n\r\n\r\n.legend{display: block;\r\n    padding-inline-start: 2px;\r\n    padding-inline-end: 2px;\r\n    border-width: initial;\r\n    border-style: none;\r\n    border-color: initial;\r\n    border-image: initial;\r\n}.fieldset{\r\n    display: block;\r\n    margin-inline-start: 2px;\r\n    margin-inline-end: 2px;\r\n    padding-block-start: 0.35em;\r\n    padding-inline-start: 0.75em;\r\n    padding-inline-end: 0.75em;\r\n    padding-block-end: 0.625em;\r\n    min-inline-size: min-content;\r\n    border-width: 2px;\r\n    border-style: groove;\r\n    border-color: threedface;\r\n    border-image: initial;\r\n}\r\n\r\n\r\n\r\n.fieldset img{max-width:65%;}\r\n\r\n\r\n\r\n.signal{clear:both;position:absolute;margin-left:34px;margin-top:26px;border-radius:50%;padding:1px;background:#fff;}\r\n\r\n\r\n\r\n\r\n.error{color:red; font-style:italic;}\r\n\r\n\r\n\r\ndiv.icon img,div.icon{max-width:100px;}\r\n\r\n\r\n\r\n\r\ndiv.picture img{background:#000000 url('\/download\/3ef08038549f7967bd238717afda95ed\/53027\/ifriends+4webku+com\/WW91dHViZSBsb2FkaW5nIHN5bWJvbCAxICh3b2JibHkpLmdpZg==');background-repeat:no-repeat;background-position:center;background-size:30% 30%;border:0.5px solid #c0c0c0;height:auto;border-radius:5px;}\r\n\r\n\r\n\r\n\r\n\r\n\r\nform{margin:4px;}\r\n\r\n\r\n\r\n.time{color:#566573; font-size:12px;font-style:italic;}\r\n\r\n\r\n\r\n\r\n\r\nimg{max-width:90%; border:none 0px;}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.page{padding:12px;}\r\n\r\n\r\n\r\n\r\n\r\n.page a{height:auto;-moz-border-radius: 0px;\r\n    -webkit-border-radius: 0px;\r\nbackground:#286496;\r\n    background-image: linear-gradient(to bottom, #286496, #000000 120%);\r\n    z-index: 1;border:1px solid #2C3539; color:#fff; padding:6px; padding-left:8px; padding-right:8px; font-weight:bold;}\r\n\r\n\r\n\r\n\r\n\r\n.page span{border:1px solid #808080; color:#808080; padding:6px; padding-left:8px; padding-right:8px;font-weight:bold;}\r\n\r\n\r\n\r\n.message{display:none;}\r\n\r\n\r\n.login-form,.blog-form,.shout-form{background:#FFFFF8;border:1px solid #c0c0c0; padding:8px 6px 8px; margin:6px;border-radius:0px;}\r\n\r\n\r\n\r\n.profile-form{background:#fffff8;border:1px solid #c0c0c0; padding:none; margin:6px;border-radius:0px;}\r\n\r\n\r\n\r\n\r\n.chat-form{background:#FDF2E9;border:0.5px solid #A09587; border-radius:5px; padding:8px; margin:6px;-webkit-box-shadow: 0px 2px 34px -7px rgba(85,85,85,0.53);\r\n-moz-box-shadow: 0px 2px 34px -7px rgba(85,85,85,0.53);\r\nbox-shadow: 0px 2px 34px -7px rgba(85,85,85,0.53);}\r\n\r\n\r\n\r\n\r\n.error,.announce,.ok{font-size:13px;color:#000;background:#FFFFF3;border:1px solid #9B9B49;padding:8px; margin:6px;border-radius:3px;}\r\n\r\n\r\n\r\n.wows{background:#FAFAFA;border-radius:15px;padding:6px;border:1px solid #D8D8D8;color:#000;}\r\n\r\n\r\n.wow a{color:#000;}\r\n\r\n\r\nb{font-size:14px;}\r\n\r\n\r\n\r\n\r\n.closed{font-style:italic;font-size:small;}\r\n\r\n\r\n\r\n.center{text-align:center;}\r\n\r\n\r\n\r\n\r\n\r\n.blog-comment{background:\r\n#FDFFF7;color:#000;padding:8px 0px 8px;border-bottom:0.5px solid #D4D4D2;}\r\n\r\n\r\n\r\n.blog-comment a{color:#000;}\r\n\r\n\r\n\r\n\r\n.ok a:hover{font-weight:bold;}\r\n\r\n\r\n\r\n.top_avatar{padding:3px; background:#fff;border-radius:50%;}\r\n\r\n\r\n\r\n.border{border-bottom:1px solid #ccc;margin-bottom:3px;}\r\n\r\n\r\n\r\n.text img{max-width:80%; padding:2px; margin-top:2px;overflow: hidden;}\r\n\r\n\r\n\r\n\r\n\r\n.text{overflow:hidden;display:inline-block;}\r\n\r\n\r\n\r\n\r\n\r\n.img,.img img{background:#000000 url('\/download\/3ef08038549f7967bd238717afda95ed\/53027\/ifriends+4webku+com\/WW91dHViZSBsb2FkaW5nIHN5bWJvbCAxICh3b2JibHkpLmdpZg==');background-repeat:no-repeat;background-position:center;background-size:30% 30%;padding:1px;border-radius:5px;}\r\n\r\n\r\n\r\n\r\n\r\n.imgs,.imgs img{background:#000;padding:0.5px;border-radius:3px;\r\n}\r\n\r\n\r\n\r\n#shadows{-o-box-shadow:      12px 12px 29px #555;\r\n-icab-box-shadow:   12px 12px 29px #555;\r\n-khtml-box-shadow:  12px 12px 29px #555;\r\n-moz-box-shadow:    12px 12px 29px #555;\r\n-webkit-box-shadow: 12px 12px 29px #555;\r\nbox-shadow:         12px 12px 29px #555;\r\n}\r\n\r\n\r\n\r\n#shadow,#shadow img,#two,.two button{-o-box-shadow:      12px 12px 29px #555;\r\n-icab-box-shadow:   12px 12px 29px #555;\r\n-khtml-box-shadow:  12px 12px 29px #555;\r\n-moz-box-shadow:    12px 12px 29px #555;\r\n-webkit-box-shadow: 12px 12px 29px #555;\r\nbox-shadow:         12px 12px 29px #555;\r\n}\r\n\r\n\r\n.loader{max-width:700px;margin:auto;}\r\n\r\n\r\n\r\n\r\nbutton:hover,button:fucos{background:#2C3539;}\r\n\r\n\r\n.buttons{padding:5px;border:2px solid #808080;color:#3D3C3A;}\r\n\r\n.buttons a{color:#3d3c3a}\r\n\r\n.buttons:hover{background:#28A828;color:white;}\r\n\r\n.liker{background:#3b5998;}\r\n.liker{padding:5px;border:2px solid #191970;color:#ffffff; background:#4863A0;}\r\n\r\n.liker a{color:#ffffff;}\r\n\r\n.liker:hover{background:#28A828;color:#ffffff;border:2px solid green;}\r\n\r\n.pict{\r\n  top:0px;\r\n  left:0px;\r\n  width:40;\r\n  height:40;border-radius:50%; padding:2px; background:#fff;border:0.5px solid #808080;}\r\n\r\n\r\n\r\n\r\n\r\n.hidden{display:none;}\r\n\r\n\r\nspan.del,span.del a{font-size:12px; color:#808080; font-weight:bold;}\r\n\r\n\r\n\r\n\r\n\r\nspan.del:hover a,.del:hover{color:red}\r\n\r\n\r\n\r\n\r\n\r\n.forums{background:#FDF2E9;border:1px solid #c0c0c0; padding:6px;margin:4px;}\r\n\r\n\r\n\r\n.blog-forms,.link{background:#fff;color:#555;border-radius:3px;padding:8px;border:1px solid #ABB2B9;margin:5px;-webkit-box-shadow: 10px 10px 151px 0px rgba(0,0,0,0.31);\r\n-moz-box-shadow: 10px 10px 151px 0px rgba(0,0,0,0.31);\r\nbox-shadow: 10px 10px 151px 0px rgba(0,0,0,0.31);}\r\n\r\n\r\n.blog-forms a{color:#555; font-weight:bold;}\r\n\r\n\r\n.blog-forms a:hover,.blog-forms a:active{color:#3b5998;}\r\n\r\n\r\n.forums a{padding:6px;font-weight:bold;margin:2px;}\r\n\r\n\r\n.announce img{max-width:65%;}\r\n\r\n\r\n\r\n\r\n#create{display:none;}\r\n\r\n\r\n\r\n\r\n\r\n.code{background:#CA6F1E;padding:6px;color:#fff;font-size:1em;font-weight:bold; overflow:scroll;}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.code textarea{width:96%; height:100px; padding:2px;border:3px solid #c0c0c0; overflow:scroll;}\r\n\r\n\r\n\r\n\r\n\r\nhr{top:0;border: none;height:1px;background:#c0c0c0; }\r\n\r\n\r\n.send{display:inline-block;padding-top:8px; padding-left:12px; padding-right:12px; padding-bottom:4px;}\r\n\r\n\r\n.send a{text-align:center;\r\npadding:2px;margin-bottom:none; display:inline-block;width:auto;font-weight:normal;color:#555;font-size:11px;}\r\n\r\n\r\n.menu-img a{background:#E5E4E2;border:2px solid #000;padding:10px 11px 9px;border-radius:50%;margin-bottom:6px;}\r\n\r\n\r\n.menu-img{display:inline-block;text-align:center;}\r\n\r\n\r\n.menu-img a:hover{background:#DCFFDC;border-color:lime;border-radius:50%;}\r\n\r\n\r\n.link-pict{vertical-align:center;top:0px;left:0px;right:0px;}\r\n\r\n\r\n.rainheart,.rainheart a{text-transform: uppercase;color: #FF00FF;\r\n    font-family: Arial,Helvetica, sans-serif;\r\n    bold: ;\r\n    text-shadow: -1px 0 #ff1493, 0 -1px #ff1493, 1px 0 #ff1493, 0 1px #ff1493;\r\n    background-image: url(\/download\/35614900676f6c9858e0d34bfda57f56\/29629\/ifriends+4webku+com\/aGFydC5naWY=);\r\n    background-position: center center;\r\n    background-repeat: repeat;\r\n    padding: 1px 1px 1px 1px;\r\n    border-radius: 3px;}\r\n\r\n\r\n\r\n.pinky,.pinky a{text-transform: uppercase;color:pink;\r\n    font-family: Verdana;\r\n    font-weight: bold;\r\n    text-shadow: -1px 0 #6495ed, 0 -1px #6495ed, 1px 0 #6495ed, 0 1px #6495ed;\r\n    background-image: url(\/download\/f343eeaff25ce857c412a552c4f160d6\/29628\/ifriends+4webku+com\/dWxhbi5naWY=);\r\n    background-position: center;\r\n    background-repeat: repeat-x;\r\n    padding: 1px 1px 1px 1px;\r\n    border-radius: 3px;}\r\n\r\n\r\n\r\n.nono,.nono a{text-transform: uppercase;color:blue;\r\n    font-family:Times New Roman, Times, serif;\r\n    font-weight: bold;\r\n    text-shadow: 1px 1px 2px red, 0 0 25px #008800, 0 0 8px #8400c1;\r\n    background-image: url(\/download\/ac6eed7114066ff5d9b10473b7ef6341\/29627\/ifriends+4webku+com\/YnViYmxlcy1yZWQuZ2lm);\r\n    background-position: center;\r\n    background-repeat: repeat-x;\r\n    margin: 0px 0px;\r\n    padding: 1px 1px 1px 1px;\r\n    border-radius: 3px;}\r\n\r\n\r\n.zombie,.zombie a{text-transform: uppercase;\r\n    font-weight: medium;\r\n    color: #34344b;\r\n    font-family: monospace;\r\n    font-weight: bold;\r\n    text-shadow: 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, 1px 1px 1px #ffffff, 1px 0px 2px #68004e, 0px 0px 3px #484848, 0px 0px 2px #484848, 0px 1px 3px #484848, 0px 1px 2px #484848, 0px 0px 4px #484848, 0px 0px 4px #484848, 0px 0px 5px #484848;\r\n    background-image: url(\/download\/9572d7558e2231f00f8c9a0005101b01\/29626\/ifriends+4webku+com\/em9tYmllLmdpZg==);\r\n    background-position: left center;\r\n    border-radius: 3px;\r\n    background-size: 25px;\r\n    background-repeat: repeat-x;}\r\n\r\n\r\n.goldy,.goldy a{text-transform: uppercase;color: #FFFFFF;\r\n    font-family: Times New Roman, Times, serif;\r\n    font-weight: bold;\r\n    text-shadow: 0 0 5px #3a3100, 0 0 5px #3a3100, 2px 2px 4px #ffe201, 2px 2px 4px #ffe201, 0 0 5px #ffe201, 0 0 5px #c8a700, 2px 2px 4px #c8a700;\r\n    padding: 1px 1px;\r\n    border-radius: 3px;}\r\n\r\n\r\n.bella,.bella a{text-transform: uppercase;color: #000000;\r\n    font-family: Times New Roman, Times, serif;\r\n    font-weight: bold;\r\n    text-shadow: -1px 0 #ff1493, 0 2px #ff0000, 2px 0 #ff1493, 0 -1px #ff1493;\r\n    background-image: url(\/download\/b03d078b859d32d6b12b3e491acaf978\/29625\/ifriends+4webku+com\/YWdpbGEuZ2lm);\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    padding: 1px 1px;\r\n    border-radius: 4px;}\r\n\r\n\r\n\r\n.bloody,.bloody a{text-transform: uppercase;color: #dcdcdc;\r\n    font-family: \"Comic Sans MS\", sans-serif;\r\n    font-weight: bold;\r\n    letter-spacing: 1.5px;\r\n    text-shadow: 0px 1px 0px #800000, 0px 1px 1px #f00, 0px 1px 2px #f00, 0px 1px 3px #e91e63, 0px -1px 0px #000, 0px -1px 1px #000, 0px -1px 2px #000, 0px -1px 3px #000, 1px 0px 0px #f00, 1px 0px 1px #f00, 1px 0px 2px #f00, 1px 0px 3px #e91e63, -1px 0px 0px #000, -1px 0px 1px #000, -1px 0px 2px #000, -1px 0px 3px #000, 0px 0px 5px #ffffff, 0px 0px 5px #f00;\r\n    background-image: url(\/download\/0fec42125d40c0f55a10393582501d42\/29624\/ifriends+4webku+com\/ZHVnby5naWY=);\r\n    background-position: bottom right;\r\n    background-size: 40px;\r\n    background-repeat: repeat-x;\r\n    padding: 2px 4px 0px 4px;\r\n    border-radius: 5px;}\r\n\r\n\r\n\r\n.aqua,.aqua a{text-transform: uppercase; font-weight : medium; color: #C0C0DD;\r\nfont-family:monospace;font-weight: normal; \r\ntext-shadow:1px 0px 1px #005081, -1px 0px 1px #005081, 0px 1px 1px #005081, 0px -1px 1px #005081, 1px 0px 0px #005081, 0px 1px 0px #005081;\r\nbackground-image: url(\/download\/b13c4b2504158972122bb5cbeda135b2\/29563\/ifriends+4webku+com\/YnViYmxlaGVhcnQuZ2lm);\r\nbackground-position: left center;\r\nbackground-size: 38px;\r\nbackground-repeat: repeat-x;}\r\n\r\n\r\n\r\n\r\n\r\n.fire,.fire a{text-transform:uppercase;\r\ncolor: #E8C100;\r\npadding:1px 1px; \r\nborder-radius:5px;\r\nfont-family:monospace;\r\nfont-weight: bold;text-shadow:1px 1px 0px #FF0000, 0px 1px 0px #FF0000, 1px 0px 0px #730000, 1px 1px 1px #FF4B4B, 1px 1px 2px #ff0000;background-image: url(\/download\/9fd4b00af024dc168d3d955414ceb8e9\/29561\/ifriends+4webku+com\/ZmlyZS5naWY=);\r\nbackground-position: left center;\r\nbackground-size: 55px;\r\nbackground-repeat: repeat-x;}\r\n\r\n\r\n\r\n\r\n\r\n.alien,.alien a{text-transform:uppercase;\r\nfont-weight : medium;\r\ncolor: #fff;\r\nfont-family: monospace;\r\nfont-weight: normal;\r\ntext-shadow:1px 0px 0px #0B8849, -1px 0px 0px #0B8849, 0px 1px 0px #0B8849, 0px -1px 0px #0B8849, 1px 0px 1px #0B8849, -1px 0px 1px #0B8849, 0px 1px 1px #0B8849, 0px -1px 0px #0B8849, 0px 0px 4px #0B8849, 0px 0px 4px #0B8849, 0px 0px 5px #00ff7e;\r\nbackground-image: url(\/download\/dd24bf1f94c244e91a4a783a50f36b6f\/29562\/ifriends+4webku+com\/Z3JlZW5idWJibGUuZ2lm);\r\nbackground-position: left center;\r\nbackground-size: 85px;\r\nbackground-repeat: repeat-x;}\r\n\r\n\r\n\r\n\r\n\r\n.ghost,.ghost a{text-transform: uppercase;color:#C7FFF9; font-weight : medium; font-family:Times New Roman, Times, serif;font-weight: bold; text-shadow:1px 0px 1px #07006E, -1px 0px 1px #07006E, 0px 1px 1px #07006E, 0px -1px 1px #07006E, 0px -1px 2px #0E00D9, 0px -1px 2px #0D8EFF, 0px -1px 2px #00F7FF, 0px -1px 3px #99F5FF;\r\nbackground-image:url(\/download\/23a741fa2f45791cd3462521042150b2\/29564\/ifriends+4webku+com\/bGlnb25lLmdpZg==);\r\nbackground-position: left center;background-size:120px;\r\nbackground-repeat: repeat-x;border-radius:4px;}\r\n\r\n\r\n\r\n\r\n\r\n.girly,.girly a{text-transform: uppercase;color:Yellow ; font-family:Comic Sans MS, sans-serif;font-weight:bold;text-shadow: 1px 1px 2px red, 0 0 25px #008800 , 0 0 8px #8400C1;background-image: url(http:\/\/umatewap.net\/upload\/371425565_2015.gif); background-position:center; background-repeat: repeat; margin:0px 0px;padding: 1px 1px 1px 1px; border-radius:3px;}\r\n\r\n\r\n\r\n\r\n.boy,.boy a{text-transform: uppercase;\r\nfont-weight : medium; \r\ncolor: #FFF78A;\r\nfont-family:monospace;\r\nfont-weight: bold; \r\ntext-shadow:0px 1px 2px #2B00FF, 0px -1px 2px #00FF66, 1px 0px 2px #FF0000, -1px 0px 2px #B545FF;\r\npadding:1px 1px; \r\nborder-radius:3px;\r\nbackground-image: url(\/download\/391c5f953a77f6ddf639b5e62bb75c3e\/29565\/ifriends+4webku+com\/c3RhcmJveS5naWY=);\r\nbackground-position:center center; \r\nbackground-size: 35px;\r\nbackground-repeat: repeat-x;}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.vis{display:none:my_name:;}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* Extra styles for the cancel button *\/\r\n.cancelbtn {\r\n  width: auto;\r\n  padding: 10px 18px;\r\n  background-color: #f44336;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* Center the image and position the close button *\/\r\n.imgcontainer {top:0;\r\n  text-align: center;\r\n  margin: 14px 0 12px 0;\r\n  position: relative;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\nimg.avatar {\r\n  width: 35%;\r\n  border-radius: 50%;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.container {padding: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\nspan.psw {\r\n  float: right;\r\n  padding-top: 16px;\r\n}\r\n\r\n\r\n\r\ndiv.modal-contentder{height:auto;max-width:auto;top:0;\r\n  background: transparent;\r\n margin: 15% auto;  15% from the top and centered *\/\r\n  padding: 3px;\r\n  border:none;\r\n  width: 100%;  Could be more or less, depending on screen size *\/}\r\n\r\n\r\ndiv.modal-contents{height:auto;max-width:168px;top:0;\r\n  background: transparent;\r\n margin: 15% auto;  15% from the top and centered *\/\r\n  padding: 3px;\r\n  border:none;\r\n  width: 100%;  Could be more or less, depending on screen size *\/}\r\n\r\n\r\n\r\ndiv.modal{\r\n  display: none; \/* Hidden by default *\/\r\n  position: fixed; \/* Stay in place *\/\r\n  z-index:1; \/* Sit on top *\/\r\n  left: 0;\r\n  top:0;bottom:0%;\r\n  width:100%; \/* Full width *\/\r\n  height:100%; \/* Full height *\/\r\n  overflow:auto; \/* Enable scroll if needed *\/\r\n  background-color: rgb(0,0,0); \/* Fallback color *\/\r\n  background-color: rgba(0,0,0,0.4); \/* Black w\/ opacity *\/\r\n}\r\n\r\n\r\n.modals{width:90%;max-width:550px;margin:0px auto 0px;background:#FDF2E9;border: 0.5px solid #000;padding:2px;border-radius:10px;}\r\n\r\n\r\n\r\n\/* Modal Content\/Box *\/\r\n.modal-content{max-width:550px;width:100%;border-radius:10px; height:auto;bottom:0;\r\n  background-color: #FDF2E9;-o-box-shadow:12px 12px 29px #555;\r\n-icab-box-shadow:   12px 12px 29px #555;\r\n-khtml-box-shadow:  12px 12px 29px #555;\r\n-moz-box-shadow:    12px 12px 29px #555;\r\n-webkit-box-shadow: 12px 12px 29px #555;\r\nbox-shadow:         12px 12px 29px #555;\r\n margin:6% auto 15%; \/* 5% from the top and centered *\/\r\n  padding: 3px;\r\n  border: 1px solid #888;\r\n  width: 90%; \/* Could be more or less, depending on screen size *\/\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* The Close Button (x) *\/\r\n.close{padding:0px 7.5px 0px;\r\n  position:absolute;\r\n  right: 18.5px;\r\n  top:5px;text-shadow:0px 0.5px 0px #ffffff;\r\n  color:red;\r\n  font-size: 26px;\r\n  font-weight: bold;\r\nmargin-bottom:50px;\r\nvertical-align:top;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.close:hover,\r\n.close:focus {\r\n  color: #D50000;\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* Add Zoom Animation *\/\r\n.animate{\r\n  -webkit-animation: animatezoom 0.9s;\r\n  animation: animatezoom 0.9s\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n@-webkit-keyframes animatezoom {\r\n  from {-webkit-transform: scale(0)}\r\n\r\n\r\n\r\n\r\n \r\n  to {-webkit-transform: scale(1)}\r\n\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n  \r\n@keyframes animatezoom {\r\n  from {transform: scale(0)}\r\n\r\n\r\n\r\n\r\n \r\n  to {transform: scale(1)}\r\n\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\/* Change styles for span and cancel button on extra small screens *\/\r\n@media screen and (max-width: 300px) {\r\n  span.psw {\r\n     display: block;\r\n     float: none;\r\n  }\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n}<\/style>",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                }
            ]
        },
        "comment": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<div id=\"title\">Comments<\/div>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<div align=\"center\" class=\"blog-form\"><br\/><a onclick=\"document.getElementById('id01').style.display='block'\" href=\"#\"><b class=\"buttons\">Post Comment<\/b><\/a><br\/><br\/><\/div>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<ul style=\"top:0px;\"><div id=\"id01\" class=\"modal\">  \r\n <div class=\"modal-content animate\">\r\n    <div class=\"imgcontainer\">\r\n      <span onclick=\"document.getElementById('id01').style.display='none'\" class=\"close\" title=\"Close\"><font color=\"red\">&times;<\/font><\/span><div align=\"center\">&nbsp;\r\n    <\/div><\/div><br\/><div class=\"container\">\r\n<div id=\"title\">&nbsp;\r\nWrite Text<\/div>\r\n<div class=\"blog-forms\">\r\n  <font color=\"red\"><b>NOTE:<\/b><\/font> Max of 300 Characters only!<br\/>\r\n(Site advert is not allowed!)<br\/>\r\n   <hr\/>%notify%Post Message::VALUE(%notify%).IFEQ(Success).THEN.GOTO().ELSE(%notify%);<br><textarea name=\"comment\"><\/textarea>\r\n<input :GET(img).IFEQ().THEN().ELSE(id=\"submit\"); type=\"submit\" value=\"Post\"\/><br\/><\/div><br\/>\r\n<center><a href=\"\/smileys.php\"><b class=\"buttons\">Smileys<\/b><\/a><\/center><br\/><\/div><br\/>\r\n<\/div><\/div><\/div><\/ul>",
                    "type": 26,
                    "user": 6,
                    "typeText": "API Data Creator",
                    "userText": "Admin & user",
                    "config": "<pid>:GET(uid);<\/pid>\r\n<value1>:POST(comment);:GET(img).IFNE().THEN(<div><img width=\"280px\" height=\"280px\" src=\").ELSE();:GET(img);:GET(img).IFNE().THEN(\"><\/div>).ELSE();<\/value1>\r\n<category>comment<\/category>\r\n<url>comment\/?uid:GET(uid);<\/url>"
                },
                {
                    "content": "<div class=\"blog-form\">\r\n<table width=\"100%\"><tr><td width=\"45\" valign=\"top\">\r\n<img class=\"pict\" src=\":VALUE(%avatar%).IFEQ().THEN(https:\/\/cdn.wapka.org\/006qdq\/18330b169794134e43309d30c8aee3c8\/male-avatar.png).ELSE(%avatar%);\" width=\"40\" height=\"40\"\/\"><\/td><td width=\"auto\" valign=\"top\"> :VALUE(%userid%).IFNE.VAR(USER_ID).THEN().ELSE(<span class=\"del\" style=\"float:right\"><a href=\"%delete%\"><b>×<\/b> <\/a><\/span>); <a href=\"\/profile.php?uid=%userid%&uname=%username%\"><b>@%username%<\/b><\/a>:VALUE(%role%).IFEQ(Super Admin).THEN(<b>(Admin)<\/b>).ELSE(); <div style=\"margin-left:0px;\">:HTML_DECODE(%value1%);<br\/>⏰ <span class=\"time\">:VALUE(%date%).DATE(AGO);..<\/span><\/td><\/tr><\/table>\r\n<\/div><\/div>",
                    "type": 27,
                    "user": 6,
                    "typeText": "API Data Lister",
                    "userText": "Admin & user",
                    "config": "<pid>:GET(uid);<\/pid>\r\n<limit>10<\/limit>\r\n<order>new<\/order>\r\n<category>post<\/category>\r\n<page>:GET(page);<\/page>\r\n<url>?page=<\/url>",
                    "footer": "<span class=\"hidden:PAGING(%pev%);\"><div class=\"blog-form\"><div align=\"center\" class=\"page\"><b>:PAGING(%prev% %next% );<\/b><\/div><\/div><\/span>",
                    "default": "<div class=\"blog-form\">No Comment Yet!<\/div>"
                }
            ]
        },
        "event": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer"
        },
        "sign-in": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<div style=\"padding:32px;\"><\/div><div align=\"center\" class=\"blog-form\">You have registered successfully!<br\/><br\/><a href=\"\/index.php\">Goback and Login!<\/a><br\/><\/div>",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                }
            ]
        },
        "registration": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<div style=\"padding:32px;\"><\/div><div align=\"center\" class=\"blog-form\">You have registered successfully<br\/>as <b>%username%<\/b>!<br\/><br\/><a href=\"\/continue.php\">Login to Continue..<\/a><br\/><\/div>",
                    "type": 9,
                    "user": 0,
                    "typeText": "User Lister",
                    "userText": "All user",
                    "config": "<password>:GET(password);<\/password><username>:GET(username);<\/username>\r\n<order>new<\/order>\r\n<limit>1<\/limit>"
                }
            ]
        },
        "change-avatar": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Change Avatar<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<div style=\"padding:3px;\"><\/div><div id=\"title\">Change Avatar<\/div>",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                },
                {
                    "content": "<div class=\"blog-form\">\r\n<font color=\"red\">:VALUE(%notify%).IFEQ(Success).GOTO(\/upload\/?img=%cdn_link%).ELSE(%notify%);<\/font><br>&nbsp;Upload Avatar:<br\/><input type=\"file\" name=\"upload\" required\/><br\/><input type=\"submit\" value=\"Upload\"\/><\/div>",
                    "type": 23,
                    "user": 0,
                    "typeText": "File uploader",
                    "userText": "All user",
                    "config": "<file>upload<\/file>\r\n<dir>48589<\/dir>"
                }
            ]
        },
        "continue": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<div style=\"padding:33px;\"><\/div>\r\n<div id=\"title\">Login<\/div>\r\n<div class=\"blog-form\" style=\"padding:10px;\"><b>\r\nUsername:<\/b><br\/><input type=\"text\" name=\"user\" placeholder=\"Username\" required\/><br\/><br\/><b>Password:<\/b><br\/><input type=\"password\" name=\"pass\" placeholder=\"Password\" required\/><br><br\/><input type=\"submit\" style=\"width:auto; padding: 10px; font-weight: bold;\" \r\n value=\"Login\"\/>\r\n<\/div>",
                    "type": 7,
                    "user": 5,
                    "typeText": "User Login",
                    "userText": "Visitor",
                    "config": "<username>:POST(user);<\/username>\r\n<password>:POST(pass);<\/password>\r\n<url>\/login.php<\/url>"
                }
            ]
        },
        "online": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Online List<\/title>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<div style=\"padding:0.9px;\"><\/div><div id=\"title\">Online Users<\/div>",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                },
                {
                    "content": "<a href=\"\/profile.php?uid=%userid%&uname=%username%\"><b>%username%<\/b><\/a><b>:VALUE(%role%).IFEQ(Super Admin).THEN(<b>(Admin)<\/b>).ELSE(); <\/b> - Viewing: %pagename% page..<br\/>",
                    "type": 6,
                    "user": 0,
                    "typeText": "Online User",
                    "userText": "All user",
                    "config": "<limit>10<\/limit><order>new<\/order>",
                    "header": "<div class=\"blog-form\">",
                    "footer": ":PAGING(%first% %prev% %num% %next% %last%);<\/div>"
                }
            ]
        },
        "stat": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Statistics<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<div id=\"title\">Statistics<\/div>",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                },
                {
                    "content": "<div class=\"link\"><a href=\"\/users.php\">Members(%total%)<\/a><\/div><div class=\"link\"><a href=\"\/male.php\">Male(0)<\/a><\/div>\r\n<div class=\"link\"><a href=\"\/female.php\">Famale(0)<\/a><\/div><div class=\"link\"><a href=\"\/tempblock.php\">Temporary Blocked(0)<\/a><\/div>\r\n<div class=\"link\"><a href=\"\/permanen-blocked.php\">Permanently Blocked(0)<\/a><\/div>",
                    "type": 9,
                    "user": 0,
                    "typeText": "User Lister",
                    "userText": "All user"
                }
            ]
        },
        "male": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "female": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "settings": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<title>Profile Settings<\/title>",
                    "type": 1,
                    "user": 0,
                    "typeText": "TAG Code",
                    "userText": "All user"
                },
                {
                    "content": "<div id=\"title\">Settings<\/div>",
                    "type": 0,
                    "user": 0,
                    "typeText": "Code",
                    "userText": "All user"
                },
                {
                    "content": "<div class=\"blog-form\"><b>Change Your Info:<\/b><br\/><hr\/><b>Email:<\/b><br><input type=\"text\" name=\"mail\" placeholder=\"%var(mail)%\"\/><br><b>Password:<\/b><br><input type=\"text\" name=\"pw\" placeholder=\"%var(pw)%\"\/><br><b>Location :<\/b> <br><input type=\"text\" name=\"location\" placeholder=\"%var(location)%\"\/><br><b>Age:<\/b><br\/>\r\n<select name=\"age\" >\r\n<option value=\"16\">16<\/option>\r\n<option value=\"17\">17<\/option>\r\n<option value=\"18\">18<\/option>\r\n<option value=\"19\">19<\/option>\r\n<option value=\"20\">20<\/option>\r\n<option value=\"21\">21<\/option>\r\n<option value=\"22\">22<\/option>\r\n<option value=\"23\">23<\/option>\r\n<option value=\"24\">24<\/option>\r\n<option value=\"25\">25<\/option>\r\n<option value=\"26\">26<\/option>\r\n<option value=\"27\">27<\/option>\r\n<option value=\"28\">28<\/option>\r\n<option value=\"29\">29<\/option>\r\n<option value=\"30\">30<\/option>\r\n<option value=\"31\">31<\/option>\r\n<option value=\"32\">32<\/option>\r\n<option value=\"33\">33<\/option>\r\n<option value=\"34\">34<\/option>\r\n<option value=\"35\">35<\/option>\r\n<option value=\"36\">36<\/option>\r\n<option value=\"37\">37<\/option>\r\n<option value=\"38\">38<\/option>\r\n<option value=\"39\">39<\/option>\r\n<option value=\"40\">40<\/option>\r\n<option value=\"41\">41<\/option>\r\n<\/select><br\/><b>Gender:<\/b><br><select name=\"gender\" placeholder=\"%var(age)%\"><option value=\"Male\">Male<\/option><option value=\"Female\">Female<\/option><\/select><br><br\/><button  id=\"shadows\" class=\"btn\" name=\"submit\" type=\"submit\"><span>Edit<\/span><\/button><br><\/div>:VALUE(%notify%).IFEQ(Success).THEN.GOTO(\/profile.php);",
                    "type": 10,
                    "user": 6,
                    "typeText": "User Editor",
                    "userText": "Admin & user",
                    "config": "<userid>:VAR(USER_ID);<\/userid>\r\n<set_var_gender>:POST(gender);<\/set_var_gender>\r\n<set_var_mail>:POST(mail);<\/set_var_mail>\r\n<set_password>:POST(pass);<\/set_password>\r\n<set_var_age>:POST(age);<\/set_var_age>\r\n<set_var_location>:POST(location);<\/set_var_location>\r\n<set_var_state>:POST(s);<\/set_var_state>\r\n<set_var_country>:POST(x);<\/set_var_country>"
                }
            ]
        },
        "inbox": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Inbox<\/title>\r\n<div id=\"title\">Inbox<\/div>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<div class=\"blog-form\"> <a href=\"\/profile.php?uid=%id%&act=subscribers\"><img class=\"pict\" src=\":VALUE(%avatar%).IFEQ().THEN(https:\/\/cdn3.iconfinder.com\/data\/icons\/leto-user-group\/64\/__user_person_profile-128.png).ELSE(%avatar%);\" style=\"width:40px;height:40px;border-radius:50%;\"> %username% <\/a>(:VALUE(%status%).IFEQ(online).THEN(<font color=\"green\">Active<\/font>).ELSE();:VALUE(%status%).IFEQ(offline).THEN(%logindate%).DATE(AGO).ELSE();):VAR(USER_ID).IFEQ.VAR(uid).THEN.GOTO(\/profile.php?uid=%id%&act=subscribers&msg=error).ELSE();<font style=\"float:right;font-weight:bold;font-size:18px;\">+<\/font><\/div><\/div>",
                    "type": 9,
                    "user": 6,
                    "typeText": "User Lister",
                    "userText": "Admin & user",
                    "config": "<id>:GET(uid);<\/id>"
                },
                {
                    "content": "<div class=\"blog-form\"><font color=\"green\">%notify%<\/font><br\/>Write Message:<br\/><textarea name=\"message\" class=\"inboxtext\" required\"\/><\/textarea><br\/><input type=\"submit\" value=\" Send \"\/> <a href=\"\/?upload=photo\" class=\"picbtn\"><b>Photo<\/b><\/a>  <a href=\" \"? class=\"button\"><b> Refresh <\/b><\/a> <a href=\"\/bbcode.photo?uid=:VAR(USER_ID);\"><b>BB Code<\/b><\/a><\/div>",
                    "type": 11,
                    "user": 6,
                    "typeText": "Message Sender",
                    "userText": "Admin & user",
                    "config": "<group>:GET(msg);<\/group><id>:GET(uid);<\/id><userid>:GET(uid);<\/userid>\r\n<message>:POST(message);:GET(uid).IFEQ().THEN().ELSE(<img src=\");:GET(img);:GET(img).IFEQ().THEN().ELSE(\"width=\"100%\"height=\"100%\">);<div class=\":GET(reply).IFEQ().THEN().ELSE(rclr);\">:GET(reply);<\/div><\/message>"
                },
                {
                    "content": "<style>body{background: #F5F5F5;}<\/style> <div style=\"padding:5px;margin:4px;\">\r\n<div style=\"margin:VAR(USER_ID).IFEQ(%sender_id%).THEN(-left:50%).ELSE(-right:50%);\"><div style=\"padding:10px;border-top-:VAR(USER_ID).IFEQ(%sender_id%).THEN(left).ELSE(right);-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;border:1px solid gray;background::VALUE(%sender_id%).IFEQ.VAR(USER_ID).THEN(#DCD0FF).ELSE(#FAEEFF);;color:black;text-align:justify;overflow:auto;\"><span class=\"remove\" style=\"float:right;\"> <a href=\"%delete%\"><font color=\"red\"><b>×<\/b><\/font><\/a><\/span>:VAR(USER_ID).IFEQ(%sender_id%).THEN(🙎<font color=\"3b5998\"><b>Me<\/b><\/font>).ELSE(🙎<font color=\"3b5998\"><b>%sender_name%<\/b><\/font>);<b>:<\/b><div style=\"text-align:left;\">» :HTML_DECODE(%msg%);<\/div>&nbsp; \r\n⏰<span class=\"time\">:VALUE(%date%).DATE(AGO);..&nbsp;[%status%]<\/span>\r\n <\/div><\/div><\/div>",
                    "type": 12,
                    "user": 6,
                    "typeText": "Message Lister",
                    "userText": "Admin & user",
                    "config": "<id_nt>:GET(msg);<\/id_nt><limit>10<\/limit>\r\n<order>new<\/order>\r\n<userid>:VAR(USER_ID);<\/userid><userid>:GET(uid);<\/userid>\r\n<group>:GET(msg);<\/group>\r\n<status><\/status>\r\n<id_not>:GET(img);<\/id_not>\r\n<page>:GET(page);<\/page>\r\n<type><\/type>\r\n<url>?uid=:GET(uid);&page=<\/url>",
                    "header": "<hr\/>",
                    "footer": "<hr\/><span class=\"hidden:PAGING(%pev%);\"><div class=\"blog-form\"><div align=\"center\" class=\"page\"><b>:PAGING(%prev% %next% );<\/b><\/div><\/div><\/span>",
                    "default": "<div class=\"blog-form\">Start communicate and design message with bbcode<\/div>"
                },
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": ":GET(act).IFNE(block).THEN.GOTO(block\/?act=block);",
                    "type": 27,
                    "user": 0,
                    "typeText": "API Data Lister",
                    "userText": "All user",
                    "config": "<pid>:VAR(uid);<\/pid>\r\n<key1>block<\/key1>\r\n<key2>:VAR(USER_ID);<\/key2>"
                }
            ]
        },
        "notifs": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Notifications<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<div class=\"blog-form\">-- <img class=\"pict\" src=\":VALUE(%var(gender)%).IFEQ(Male).THEN(https:\/\/cdn.wapka.org\/006qdq\/18330b169794134e43309d30c8aee3c8\/male-avatar.png).ELSE(https:\/\/cdn.wapka.org\/006qgi\/7640e728c060bf8fa5572e07300ddb78\/female-avatar.png).IFIN(%avatar%).THEN(default);\" height=\"40\" width=\"40\"\/>  - <\/b>%username%<\/b>\r\n<\/div>",
                    "type": 9,
                    "user": 0,
                    "typeText": "User Lister",
                    "userText": "All user",
                    "config": "<limit>5<\/limit>\r\n<order>new<\/order>"
                }
            ]
        },
        "forum": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Forum<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "themes": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Themes<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "mood": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Moods<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "games": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Games<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "shop": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Shop<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "enter_chat": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Joine Chatroom<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "blogs": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>MyBlogs<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "news": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>News<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "followers": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Followers<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        },
        "msg": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<title>Messages<\/title>\r\n<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<br><a href=\"\/inbox\/:VALUE(%sender_id%).IFEQ.VAR(USER_ID).THEN(%receiver_id%).ELSE(%sender_id%);\/?msg=%id%\"><div style=\"margin-left:5px;margin-right:5px;background:aliceblue;overflow:auto;border-radius:5px;box-shadow:2px 2px 5px grey;border:2px solid #cccccc;\" style=\"background:white;color:grey;padding:3px;margin-left:4px;margin-right:4px;border:1px solid grey;\"><img src=\":VALUE(%sender_avatar%).IFEQ().THEN(https:\/\/cdn3.iconfinder.com\/data\/icons\/leto-user-group\/64\/__user_person_profile-128.png).ELSE(%sender_avatar%);\" width=\"50px\" height=\"50px\"\/> <small>%sender_name%<\/small> » <small>%receiver_name%<\/small> <div style=\"margin-left:45px;\"><br>📩 :HTML_DECODE(%msg(150)%); <font color=\"gray\">:VALUE(%date%).DATE(AGO);<\/font><a href=\"%delete%\" style=\"color:red;\">delete<\/a><\/div><\/div><\/div><\/a>",
                    "type": 12,
                    "user": 6,
                    "typeText": "Message Lister",
                    "userText": "Admin & user",
                    "config": "<limit>20<\/limit>\r\n<order>new<\/order>\r\n<userid_not>:VAR(USER_ID);<\/userid_not>\r\n<sender>group<\/group>\r\n<status><\/status>\r\n<type>inbox<\/type>"
                }
            ]
        },
        "message": {
            "type": 0,
            "typeText": "text\/html",
            "user": 0,
            "userText": "All user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<style>.session{display:none;}<\/style>\r\n<div id=\"title\">Message<\/div>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<style>.reade{font-style:normal;link-color:gray;}.unreade{font-weight:bold;font-size:15px;}.read{display:none;}<\/style><div style=\"margin:8px;\"><div class=\"%status%e\" style=\"padding:5px;margin-left:5px;margin-right:5px;background:aliceblue;overflow:auto;border-radius:6px;box-shadow:2px 2px 5px grey;border:2px solid #cccccc;\" style=\"background:white;color:grey;padding:3px;margin-left:4px;margin-right:4px;border:1px solid grey;\"><img class=\"pict\" src=\":VALUE(%sender_avatar%).IFEQ().THEN(https:\/\/cdn3.iconfinder.com\/data\/icons\/leto-user-group\/64\/__user_person_profile-128.png).ELSE(%sender_avatar%);\" width=\"40px\" height=\"40px\"\/> <span class=\"%status%\" style=\"float:right;color:green;\"><b>[New Message!]<\/b><\/span><div style=\"margin-left:45px;\"><a href=\"\/inbox.php?uid=%sender_id%\/?msg=%id%\">📩 From: %sender_name%... <\/a> <font color=\"gray\">:VALUE(%date%).DATE(AGO);<\/font><span style=\"float:right;\"><a href=\"%delete%\" style=\"color:red;\">×<\/a><\/span><\/div><\/div><\/div><\/div>",
                    "type": 12,
                    "user": 6,
                    "typeText": "Message Lister",
                    "userText": "Admin & user",
                    "config": "<limit>10<\/limit>\r\n<order>new<\/order>\r\n<status><\/status>\r\n<userid_not>:VAR(USER_ID);<\/userid_not>\r\n<page>:GET(page);<\/page>\r\n<type>inbox<\/type>\r\n<url>?page=<\/url>",
                    "footer": "<span class=\"hidden:PAGING(%pev%);\"><div class=\"blog-form\"><div align=\"center\" class=\"page\"><b>:PAGING(%prev% %next% );<\/b><\/div><\/div><\/span>",
                    "default": "<div class=\"blog-form\">Your inbox is empty... send message to a user and get reply, if you do so you will get messages here<br><a href=\"\/users\/\">find friends here...<\/a><\/div>"
                }
            ]
        },
        "bbcode": {
            "type": 0,
            "typeText": "text\/html",
            "user": 6,
            "userText": "Admin & user",
            "header": "header",
            "footer": "footer",
            "codes": [
                {
                    "content": "<style>.session{display:none;}<\/style>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<title>BB Codes<\/title>\r\n<div id=\"title\">BB Codes<\/div>\r\n<div class=\"blog-form\"><h3>[br], [hr] - to make line break and line<br\/>\r\n[b]This is bold text[\/h3]<br\/>\r\n[i]This is italic text[\/i]<br\/>\r\n[code]This is pre-formatted text[\/code]<br\/>\r\n[quote]This is a quote[\/quote]<br\/>\r\n[quote=Obama]This is a quote by a specific person[\/quote]<br\/>\r\n[size=30]This text's size is set at 30%[\/size]<br\/>\r\n[s]This text has a strikethrough[\/s]<br\/>\r\n[u]This text is underlined.[\/u]<br\/>\r\n[center]This text is centered[\/center]<br\/>\r\n[color=red]This is red text[\/color]<br\/>\r\n[email]someone@somewhere.com[\/email]<br\/>\r\n[someone@somewhere.com]An e-mail link[\/email]<br\/>\r\n[url]http:\/\/www.google.com\/[\/url]<br\/>\r\n[url=http:\/\/www.google.com\/]Visite Google.com![\/url]<br\/>\r\n[img]https:\/\/img.wapka.io\/000a2y.png[\/img]<br\/>\r\n[url=https:\/\/wapka.org][img]https:\/\/img.wapka.io\/000a2y.png[\/img][\/url] - Image with link<br\/>\r\n[youtube]http:\/\/youtu.be\/DabwEqsWWiA[\/youtube]<br\/>\r\n[youtube]http:\/\/www.youtube.com\/watch?v=DabwEqsWWiA[\/youtube]<\/b><\/div>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                },
                {
                    "content": "<a href=\"\/inbox.php \"?\"><b> Back<\/b><\/a>",
                    "type": 0,
                    "user": 6,
                    "typeText": "Code",
                    "userText": "Admin & user"
                }
            ]
        }
    }
}