ControlC Pastebin - The easiest way to host your text

Paste content

Up to 100 KB of text. BBCode formatting is supported.
Title - optional
Content
<style type=\"text/css\">\r\n/*DLGEN - Codepelajar.com*/\r\n    .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}\r\n/* DOWNLOAD */\r\n.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;}\r\n.btn:hover{background:#c0392b}\r\n.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;}\r\n.btn .dropdown li.active{background-color:#e74c3c;color:#ecf0f1}\r\n.btn .dropdown li:hover{background-color:#bdc3c7;color:#e74c3c}\r\n.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);}}\r\n.dbox-wrapper * {box-sizing: border-box;}\r\n#dbox-tb {text-align:center}\r\n#dbox-tb a {text-align:center;font-weight:650;margin-bottom:10px}\r\n.dbox-tb1 {width:99%}\r\n.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}\r\n.dbox-tb2:hover {background-color:#c0392b;border-color:#c0392b}\r\n.dbox-tb3 {width:49%;float:none}\r\n.dbox-tb4 {width:49%;float:none}\r\n.dbox-tb5 {padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}\r\n.dbox-tb6 {text-align:center;background-color:#d9edf7;border:2px solid #31708f}\r\n.dbox-tb7 {width:100%;max-width:100%;margin-bottom:20px}\r\n.dbox-tb8 {padding:8px;line-height:1.42857143;vertical-align:top} \r\n.disabled{pointer-events:none;cursor:default;background:#bdc3c7}\r\n.disabled:hover{pointer-events:none!important}\r\n</style>\r\n<div class='container'>\r\n  <div id='dbox' ng-app=\"\">\r\n    <div class='dbox-head'>\r\n      <h4>Post Generator - AngularJS</h4>\r\n<span>Original by - codepelajar.com - Mod by rizqijune</span>\r\n    </div>\r\n	<!-- GENERATOR START -->\r\n<div class='dbox-input'>\r\n      <div class='dbox-row'>\r\n	  <div class='dbox-full'>\r\n          <label>Url Gambar</label>\r\n          <input type='text' ng-model='gambar' />\r\n        </div>\r\n        <div class='dbox-full'>\r\n          <label>Nama Anime</label>\r\n          <input type='text' ng-model='nama_anime' />\r\n        </div>\r\n		<div class='dbox-full'>\r\n          <label>Deskripsi(Bukan Sinopsis)</label>\r\n          <input type='text' ng-model='credit_anime' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Nama Sumber</label>\r\n          <input type='text' ng-model='sumbernama_anime' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Link Sumber</label>\r\n          <input type='text' ng-model='sumber_anime' />\r\n        </div>\r\n		<!-- Info START -->\r\n		<div class='dbox-cell-2'>\r\n          <label>Romaji</label>\r\n          <input type='text' ng-model='romaji' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Judul Inggris</label>\r\n          <input type='text' ng-model='inggris' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Jepang</label>\r\n          <input type='text' ng-model='jepang' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Tipe</label>\r\n          <input type='text' ng-model='tipe' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Status</label>\r\n          <input type='text' ng-model='status' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Episode</label>\r\n          <input type='text' ng-model='episode' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Ditayangkan</label>\r\n          <input type='text' ng-model='aired' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Studio</label>\r\n          <input type='text' ng-model='studio' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Durasi Jam</label>\r\n          <input type='text' ng-model='jam' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Durasi Menit</label>\r\n          <input type='text' ng-model='menit' />\r\n        </div>\r\n		<!-- Header -->\r\n		<div class='dbox-head dbox-full'>\r\n      <h4>Terkait</h4>\r\n<span>Musim yang terkait dengan video.</span>\r\n    </div>\r\n	<!-- Header End -->\r\n		<!-- Terkait START -->\r\n		<div class='dbox-cell-2'>\r\n          <label>Terkait 1</label>\r\n          <input type='text' ng-model='terkait_1' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Terkait 1 URL</label>\r\n          <input type='text' ng-model='terkait_1_url' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Terkait 2</label>\r\n          <input type='text' ng-model='terkait_2' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Terkait 2 URL</label>\r\n          <input type='text' ng-model='terkait_2_url' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Terkait 3</label>\r\n          <input type='text' ng-model='terkait_3' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Terkait 3 URL</label>\r\n          <input type='text' ng-model='terkait_3_url' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Terkait 4</label>\r\n          <input type='text' ng-model='terkait_4' />\r\n        </div>\r\n		<div class='dbox-cell-2'>\r\n          <label>Terkait 4 URL</label>\r\n          <input type='text' ng-model='terkait_4_url' />\r\n        </div>\r\n		<!-- Terkait END -->\r\n		<!-- Info END -->\r\n		<div class='dbox-head dbox-full'>\r\n      <h4>Sinopsis</h4>\r\n<span>Plot video.</span>\r\n    </div>\r\n		<!-- Sinopsis -->\r\n		<div class='dbox-full'>\r\n          <label>Sinopsis Baris 1</label>\r\n          <input type='text' ng-model='sinopsis_1' />\r\n        </div>\r\n		<div class='dbox-full'>\r\n          <label>Sinopsis Baris 2</label>\r\n          <input type='text' ng-model='sinopsis_2' />\r\n        </div>\r\n		<div class='dbox-full'>\r\n          <label>Sinopsis Baris 3</label>\r\n          <input type='text' ng-model='sinopsis_3' />\r\n        </div>\r\n		<!-- Sinopsis END-->\r\n      </div>\r\n	  </div>\r\n<!-- GENERATOR END -->\r\n<div class='dbox-output'>\r\n<!-- OUTPUT START-->\r\n<style>\r\n/* DOWNLOAD */\r\n.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;}\r\n.btn:hover{background:#c0392b}\r\n.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;}\r\n.btn .dropdown li.active{background-color:#e74c3c;color:#ecf0f1}\r\n.btn .dropdown li:hover{background-color:#bdc3c7;color:#e74c3c}\r\n.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);}}\r\n.dbox-wrapper * {box-sizing: border-box;}\r\n#dbox-tb {text-align:center}\r\n#dbox-tb a {text-align:center;font-weight:650;margin-bottom:10px}\r\n.dbox-tb1 {width:99%}\r\n.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}\r\n.dbox-tb2:hover {background-color:#c0392b;border-color:#c0392b}\r\n.dbox-tb3 {width:49%;float:none}\r\n.dbox-tb4 {width:49%;float:none}\r\n.dbox-tb5 {padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}\r\n.dbox-tb6 {text-align:center;background-color:#d9edf7;border:2px solid #31708f}\r\n.dbox-tb7 {width:100%;max-width:100%;margin-bottom:20px}\r\n.dbox-tb8 {padding:8px;line-height:1.42857143;vertical-align:top} \r\n.disabled{pointer-events:none;cursor:default;background:#bdc3c7}\r\n.disabled:hover{pointer-events:none!important}\r\n</style>\r\n<div dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\">\r\n<!-- Image -->\r\n<div class=\"separator\" style=\"clear: both;\">\r\n<a href=\"{{ gambar }}\" style=\"display: block; padding: 1em 0; text-align: center; \">\r\n<img alt=\"{{ nama_anime }}\" src=\"{{ gambar }}\" border=\"0\" width=\"320\" data-original-height=\"370\" data-original-width=\"704\" src=\"{{ credit_anime }}\"/></a></div>\r\n<!-- Add S320 -->\r\n<!-- Pakai 1bp.blogspot.com -->\r\n<!-- Image END-->\r\n<div class=\"separator\" style=\"clear: both; text-align: center;\"></div>\r\n<div class=\"separator\" style=\"clear: both; text-align: center;\"></div><br />\r\n<!-- Atribusi dan info-->\r\n<div style=\"text-align: justify;\">\r\n<b>{{ nama_anime }}&nbsp;-&nbsp;</b>{{ credit_anime }}<a href=\"{{ sumber_anime }}\" style=\"color:black\">Sumber :{{ sumbernama_anime }}</a><br />\r\n<br />\r\n<!-- Info Tabel -->\r\n<h2>\r\nInfo Singkat</h2><div class=\"datanime\">\r\n<li><b>Romaji</b>: {{ romaji }}</li>\r\n<li><b>Inggrisnya</b>: {{ inggris }}</li>\r\n<li><b>Jepangnya</b>: {{ jepang }}</li>\r\n<li><b>Tipe</b>: {{ tipe }}</li>\r\n<li><b>Status</b>: {{ status }}</li>\r\n<li><b>Episode</b>: {{ episode }} Episode</li>\r\n<li><b>Ditayangkan</b>: {{ aired }}</li>\r\n<li><b>Studios</b>: {{ studio }}</li>\r\n<li><b>Durasi</b>: {{ jam }} Jam {{ menit }} Menit per episode</li>\r\n<li><b>Terkait</b>:</li>\r\n<li><a href=\"{{ terkait_1_url }}\">{{ terkait_1 }}</a></li>\r\n<li><a href=\"{{ terkait_2_url }}\">{{ terkait_2 }}</a></li>\r\n<li><a href=\"{{ terkait_3_url }}\">{{ terkait_3 }}</a></li>\r\n<li><a href=\"{{ terkait_4_url }}\">{{ terkait_4 }}</a></li>\r\n</div>\r\n<br />\r\n<!-- Sinopsis -->\r\n<div style=\"text-align: justify;\">\r\n<h2>\r\nSinopsis :</h2><div>\r\n<p>{{ sinopsis_1 }}</p>\r\n<p>{{ sinopsis_2 }}</p>\r\n<p>{{ sinopsis_3 }}</p>\r\n</div>\r\n</div>\r\n<div style=\"text-align: justify;\">\r\n<br /></div>\r\n<!-- Download kolom Start-->\r\n\r\n<!-- Download kolom END-->\r\n</div>\r\n</div>\r\n<!--OUTPUT END-->\r\n</div>\r\n\r\n<textarea class='dbox-tarea'>
Password
Anyone with the link will still need this password to view.
Expires