<style type="text/css"> /*DLGEN - Codepelajar.com*/ .container{max-width:640px;margin:24px auto}#dbox{background:white;padding:24px;line-height:1.6;box-sizing:border-box}#dbox *{box-sizing:border-box}.dbox-head{text-align:center;padding:24px;background:rgba(0,0,0,0.5);color:#fff;margin-bottom:24px}.dbox-head h4{margin:0;font-size:24px}.dbox-input label{display:inline-block;width:100%;margin-bottom:5px}.dbox-input input[type="text"]{padding:10px 10px;border-radius:4px;border:2px solid rgba(0,0,0,0.2);font-size:16px;width:100%;margin-bottom:10px}.dbox-row{display:flex;flex-wrap:wrap;width:100%}.dbox-full{width:100%;padding:0 5px}.dbox-cell-2{width:50%;padding:0 5px}.dbox-output{width:100%}.cp-dbox{padding:10px}.cp-dbox-title{background:#222;padding:10px 12px;text-align:center;color:#fff;margin-bottom:14px}.cp-dbox-body{text-align:center}.cp-dbox-body .rs_uf{}.cp-dbox-body .rs_uf{font-weight:bold;margin-bottom:5px}.cp-dbox-body .ld a{display:inline-block;padding:8px 14px;text-decoration:none}.dbox-output{width:100%}.cp-dbox{padding:10px}.cp-dbox-title{background:#222;padding:10px 12px;text-align:center;color:#fff;margin-bottom:14px}.cp-dbox-body{text-align:center}.cp-dbox-body .rs_uf{}.cp-dbox-body .rs_uf{font-weight:bold;margin-bottom:5px}.cp-dbox-body .ld a{display:inline-block;padding:8px 14px;text-decoration:none}.dbox-tarea{width:100%;max-width:100%;height:300px;padding:14px;border-radius:4px;border:2px solid rgba(0,0,0,0.2);resize:none} /* DOWNLOAD */ .btn{outline:0;margin-bottom:5px;display:inline-flex;align-items:center;justify-content:space-between;background:#e74c3c;min-width:130px;border:0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.1);box-sizing:border-box;padding:16px 20px;color:#ecf0f1;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;overflow:hidden;cursor:pointer;} .btn:hover{background:#c0392b} .btn:focus .dropdown,.btn:active .dropdown{transform:translate(0,20px);opacity:1;visibility:visible;}.btn .material-icons{border-radius:5px;padding:3px;-webkit-animation:ripple 0.6s linear infinite;animation:ripple 0.6s linear infinite;}.btn .dropdown{position:fixed;z-index:9999;top:40%;left:40%;background:#ecf0f1;width:150px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.1);text-align:left;opacity:0;visibility:hidden;transition:0.3s ease;}.btn .dropdown li{z-index:1;position:relative;background:#ecf0f1;padding:0 20px;color:#666;} .btn .dropdown li.active{background-color:#e74c3c;color:#ecf0f1} .btn .dropdown li:hover{background-color:#bdc3c7;color:#e74c3c} .btn .dropdown li:first-child{border-radius:4px 4px 0 0;}.btn .dropdown li:last-child{border-radius:0 0 4px 4px;}.btn .dropdown li:last-child a{border-bottom:0;}.btn .dropdown a{display:block;border-bottom:1px solid rgba(0,0,0,0.05);padding:16px 0;color:inherit;font-size:10px;text-decoration:none;}@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1);}100%{box-shadow:0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1),0 0 0 80px rgba(255,255,255,0);}}@keyframes ripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1);}100%{box-shadow:0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1),0 0 0 80px rgba(255,255,255,0);}} .dbox-wrapper * {box-sizing: border-box;} #dbox-tb {text-align:center} #dbox-tb a {text-align:center;font-weight:650;margin-bottom:10px} .dbox-tb1 {width:99%} .dbox-tb2 {background-color:#e74c3c;border-color:#e74c3c;display:inline-block;padding:6px 12px;text-transform:uppercase;font-size:14px;font-weight:650;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;background-image:none;border:2px solid transparent;border-radius:9px;-ms-touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all .9} .dbox-tb2:hover {background-color:#c0392b;border-color:#c0392b} .dbox-tb3 {width:49%;float:none} .dbox-tb4 {width:49%;float:none} .dbox-tb5 {padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px} .dbox-tb6 {text-align:center;background-color:#d9edf7;border:2px solid #31708f} .dbox-tb7 {width:100%;max-width:100%;margin-bottom:20px} .dbox-tb8 {padding:8px;line-height:1.42857143;vertical-align:top} .disabled{pointer-events:none;cursor:default;background:#bdc3c7} .disabled:hover{pointer-events:none!important} </style> <div class='container'> <!-- GENERATOR START --> <div id='dbox' ng-app=""> <div class='dbox-head'> <h4>Download Generator - AngularJS</h4> <span>Original by - codepelajar.com - Mod by rizqijune</span> </div> <div class='dbox-input'> <div class='dbox-row'> <div class='dbox-full'> <label>Nama Anime</label> <input type='text' ng-model='nama_anime' /> </div> <!-- RESOLUSI START --> <div class='dbox-cell-2'> <label>Resolusi 1_1</label> <input type='text' value="240" ng-model='resolusi_1' /> </div> <div class='dbox-cell-2'> <label>Resolusi 2_1</label> <input type='text' value="360" ng-model='resolusi_2' /> </div> <div class='dbox-cell-2'> <label>Resolusi 3_1</label> <input type='text' value="480" ng-model='resolusi_3' /> </div> <div class='dbox-cell-2'> <label>Resolusi 4_1</label> <input type='text' value="720" ng-model='resolusi_4' /> </div> <div class='dbox-cell-2'> <label>Resolusi 5_1</label> <input type='text' value="1080" ng-model='resolusi_5' /> </div> <div class='dbox-cell-2'> <label>Resolusi 6_1</label> <input type='text' value="2048" ng-model='resolusi_6' /> </div> <!-- RESOLUSI END --> <!-- SIZE START --> <div class='dbox-cell-2'> <label>Ukuran File 1_1</label> <input type='text' ng-model='file_size_1' /> </div> <div class='dbox-cell-2'> <label>Ukuran File 2_1</label> <input type='text' ng-model='file_size_2' /> </div> <div class='dbox-cell-2'> <label>Ukuran File 3_1</label> <input type='text' ng-model='file_size_3' /> </div> <div class='dbox-cell-2'> <label>Ukuran File 4_1</label> <input type='text' ng-model='file_size_4' /> </div> <div class='dbox-cell-2'> <label>Ukuran File 5_1</label> <input type='text' ng-model='file_size_5' /> </div> <div class='dbox-cell-2'> <label>Ukuran File 6_1</label> <input type='text' ng-model='file_size_6' /> </div> <!-- SIZE END --> <!-- SERVER 1 START --> <div class='dbox-cell-2'> <label>Server 1_1</label> <input type='text' ng-model='nama_server_1_1' /> </div> <div class='dbox-cell-2'> <label>Url 1_1</label> <input type='text' ng-model='url_1_1' /> </div> <div class='dbox-cell-2'> <label>Server 1_2</label> <input type='text' ng-model='nama_server_1_2' /> </div> <div class='dbox-cell-2'> <label>Url 1_2</label> <input type='text' ng-model='url_1_2' /> </div> <div class='dbox-cell-2'> <label>Server 1_3</label> <input type='text' ng-model='nama_server_1_3' /> </div> <div class='dbox-cell-2'> <label>Url 1_3</label> <input type='text' ng-model='url_1_3' /> </div> <div class='dbox-cell-2'> <label>Server 1_4</label> <input type='text' ng-model='nama_server_1_4' /> </div> <div class='dbox-cell-2'> <label>Url 1_4</label> <input type='text' ng-model='url_1_4 ' /> </div> <!-- SERVER 1 END --> <!-- SERVER 2 START --> <div class='dbox-cell-2'> <label>Server 2_1</label> <input type='text' ng-model='nama_server_2_1' /> </div> <div class='dbox-cell-2'> <label>Url 2_1</label> <input type='text' ng-model='url_2_1' /> </div> <div class='dbox-cell-2'> <label>Server 2_2</label> <input type='text' ng-model='nama_server_2_2' /> </div> <div class='dbox-cell-2'> <label>Url 2_2</label> <input type='text' ng-model='url_2_2' /> </div> <div class='dbox-cell-2'> <label>Server 2_3</label> <input type='text' ng-model='nama_server_2_3' /> </div> <div class='dbox-cell-2'> <label>Url 2_3</label> <input type='text' ng-model='url_2_3' /> </div> <div class='dbox-cell-2'> <label>Server 2_4</label> <input type='text' ng-model='nama_server_2_4' /> </div> <div class='dbox-cell-2'> <label>Url 2_4</label> <input type='text' ng-model='url_2_4 ' /> </div> <!-- SERVER 2 END --> <!-- SERVER 3 START --> <div class='dbox-cell-2'> <label>Server 3_1</label> <input type='text' ng-model='nama_server_3_1' /> </div> <div class='dbox-cell-2'> <label>Url 3_1</label> <input type='text' ng-model='url_3_1' /> </div> <div class='dbox-cell-2'> <label>Server 3_2</label> <input type='text' ng-model='nama_server_3_2' /> </div> <div class='dbox-cell-2'> <label>Url 3_2</label> <input type='text' ng-model='url_3_2' /> </div> <div class='dbox-cell-2'> <label>Server 3_3</label> <input type='text' ng-model='nama_server_3_3' /> </div> <div class='dbox-cell-2'> <label>Url 3_3</label> <input type='text' ng-model='url_3_3' /> </div> <div class='dbox-cell-2'> <label>Server 3_4</label> <input type='text' ng-model='nama_server_3_4' /> </div> <div class='dbox-cell-2'> <label>Url 3_4</label> <input type='text' ng-model='url_3_4 ' /> </div> <!-- SERVER 3 END --> <!-- SERVER 4 START --> <div class='dbox-cell-2'> <label>Server 4_1</label> <input type='text' ng-model='nama_server_4_1' /> </div> <div class='dbox-cell-2'> <label>Url 4_1</label> <input type='text' ng-model='url_4_1' /> </div> <div class='dbox-cell-2'> <label>Server 4_2</label> <input type='text' ng-model='nama_server_4_2' /> </div> <div class='dbox-cell-2'> <label>Url 4_2</label> <input type='text' ng-model='url_4_2' /> </div> <div class='dbox-cell-2'> <label>Server 4_3</label> <input type='text' ng-model='nama_server_4_3' /> </div> <div class='dbox-cell-2'> <label>Url 4_3</label> <input type='text' ng-model='url_4_3' /> </div> <div class='dbox-cell-2'> <label>Server 4_4</label> <input type='text' ng-model='nama_server_4_4' /> </div> <div class='dbox-cell-2'> <label>Url 4_4</label> <input type='text' ng-model='url_4_4 ' /> </div> <!-- SERVER 4 END --> <!-- SERVER 5 START --> <div class='dbox-cell-2'> <label>Server 5_1</label> <input type='text' ng-model='nama_server_5_1' /> </div> <div class='dbox-cell-2'> <label>Url 5_1</label> <input type='text' ng-model='url_5_1' /> </div> <div class='dbox-cell-2'> <label>Server 5_2</label> <input type='text' ng-model='nama_server_5_2' /> </div> <div class='dbox-cell-2'> <label>Url 5_2</label> <input type='text' ng-model='url_5_2' /> </div> <div class='dbox-cell-2'> <label>Server 5_3</label> <input type='text' ng-model='nama_server_5_3' /> </div> <div class='dbox-cell-2'> <label>Url 5_3</label> <input type='text' ng-model='url_5_3' /> </div> <div class='dbox-cell-2'> <label>Server 5_4</label> <input type='text' ng-model='nama_server_5_4' /> </div> <div class='dbox-cell-2'> <label>Url 5_4</label> <input type='text' ng-model='url_5_4 ' /> </div> <!-- SERVER 5 END --> <!-- SERVER 6 START --> <div class='dbox-cell-2'> <label>Server 6_1</label> <input type='text' ng-model='nama_server_6_1' /> </div> <div class='dbox-cell-2'> <label>Url 6_1</label> <input type='text' ng-model='url_6_1' /> </div> <div class='dbox-cell-2'> <label>Server 6_2</label> <input type='text' ng-model='nama_server_6_2' /> </div> <div class='dbox-cell-2'> <label>Url 6_2</label> <input type='text' ng-model='url_6_2' /> </div> <div class='dbox-cell-2'> <label>Server 6_3</label> <input type='text' ng-model='nama_server_6_3' /> </div> <div class='dbox-cell-2'> <label>Url 6_3</label> <input type='text' ng-model='url_6_3' /> </div> <div class='dbox-cell-2'> <label>Server 6_4</label> <input type='text' ng-model='nama_server_6_4' /> </div> <div class='dbox-cell-2'> <label>Url 6_4</label> <input type='text' ng-model='url_6_4 ' /> </div> <!-- SERVER 6 END --> <!-- SERVER LAPOR START --> <div class='dbox-cell-2'> <label>URL LAPOR</label> <input type='text' ng-model='url_1_5 ' /> </div> <!-- SERVER LAPOR END --> </div> </div> <!-- GENERATOR END --> <div class='dbox-output'> <!-- OUTPUT START--> <div class="dbox-wrapper" dir="ltr" style="text-align:left" trbidi="on"> <table class="dbox-tb7" style="width:100%"> <tbody> <tr> <td class="dbox-tb8" bgcolor="#33363b"> <center> <span style="color:#ffffff;"><b>{{ nama_anime }} Download — </b></span><b><span style="color:#da4453;">B!D</span></b> </center> </td> </tr> </tbody> </table> <div class="dbox-tb5 dbox-tb6 "> Jangan lupa bagikan <b>BATCH-IN DONG!</b></div> <!--Kolom1--> <div id="dbox-tb"> <button class="btn dbox-tb4" href="#{{ resolusi_1 }}"><span>{{ resolusi_1 }}P</span><i class="material-icons">{{ file_size_1 }}</i> <ul class="dropdown" id="{{ resolusi_1 }}"> <li class="active"><a href="#">{{ resolusi_1 }}P</a></li> <li><a href="{{url_1_1}}">{{nama_server_1_1}}</a></li> <li><a href="{{url_1_2}}">{{nama_server_1_2}}</a></li> <li><a href="{{url_1_3}}">{{nama_server_1_3}}</a></li> <li><a href="{{url_1_4}}">{{nama_server_1_4}}</a></li> </ul> </button> <button class="btn dbox-tb3" href="#{{ resolusi_2 }}"><span>{{ resolusi_2 }}P</span><i class="material-icons">{{ file_size_2 }}</i> <ul class="dropdown" id="{{ resolusi_2 }}"> <li class="active"><a href="#">{{ resolusi_2 }}P</a></li> <li><a href="{{url_2_1}}">{{nama_server_2_1}}</a></li> <li><a href="{{url_2_2}}">{{nama_server_2_2}}</a></li> <li><a href="{{url_2_3}}">{{nama_server_2_3}}</a></li> <li><a href="{{url_2_4}}">{{nama_server_2_4}}</a></li> </ul> </button> </div> <!--Kolom2--> <div id="dbox-tb"> <button class="btn dbox-tb4" href="#{{ resolusi_3 }}"><span>{{ resolusi_3 }}P</span><i class="material-icons">{{ file_size_3 }}</i> <ul class="dropdown" id="{{ resolusi_3 }}"> <li class="active"><a href="#">{{ resolusi_3 }}P</a></li> <li><a href="{{url_3_1}}">{{nama_server_3_1}}</a></li> <li><a href="{{url_3_2}}">{{nama_server_3_2}}</a></li> <li><a href="{{url_3_3}}">{{nama_server_3_3}}</a></li> <li><a href="{{url_3_4}}">{{nama_server_3_4}}</a></li> </ul> </button> <button class="btn dbox-tb3" href="#{{ resolusi_4 }}"><span>{{ resolusi_4 }}P</span><i class="material-icons">{{ file_size_4 }}</i> <ul class="dropdown" id="{{ resolusi_4 }}"> <li class="active"><a href="#">{{ resolusi_4 }}P</a></li> <li><a href="{{url_4_1}}">{{nama_server_4_1}}</a></li> <li><a href="{{url_4_2}}">{{nama_server_4_2}}</a></li> <li><a href="{{url_4_3}}">{{nama_server_4_3}}</a></li> <li><a href="{{url_4_4}}">{{nama_server_4_4}}</a></li> </ul> </button> </div> <!--Kolom3--> <div id="dbox-tb"> <button class="btn dbox-tb4" href="#{{ resolusi_5 }}"><span>{{ resolusi_5 }}P</span><i class="material-icons">{{ file_size_5 }}</i> <ul class="dropdown" id="{{ resolusi_5 }}"> <li class="active"><a href="#">{{ resolusi_5 }}P</a></li> <li><a href="{{url_5_1}}">{{nama_server_5_1}}</a></li> <li><a href="{{url_5_2}}">{{nama_server_5_2}}</a></li> <li><a href="{{url_5_3}}">{{nama_server_5_3}}</a></li> <li><a href="{{url_5_4}}">{{nama_server_5_4}}</a></li> </ul> </button> <button class="btn dbox-tb3" href="#{{ resolusi_6 }}"><span>{{ resolusi_6 }}P</span><i class="material-icons">{{ file_size_6 }}</i> <ul class="dropdown" id="{{ resolusi_6 }}"> <li class="active"><a href="#">{{ resolusi_6 }}P</a></li> <li><a href="{{url_6_1}}">{{nama_server_6_1}}</a></li> <li><a href="{{url_6_2}}">{{nama_server_6_2}}</a></li> <li><a href="{{url_6_3}}">{{nama_server_6_3}}</a></li> <li><a href="{{url_6_4}}">{{nama_server_6_4}}</a></li> </ul> </button> </div> <!--Kolom4--> <div id="dbox-tb"> <a class="dbox-tb2 dbox-tb1" target="_blank" href="{{url_1_5}}">Lapor Kerusakan</a> </div> </div> </div> <!--OUTPUT END--> <textarea class='dbox-tarea'>