Block Sharing Koneksi Hotspot Mikrotik

Mikrotik Block Sharing Hotspot Or Local Connections With Change TTL - BuanaNETPBun.Github.io

/* ------------------------------------------------------------------

#####################################################################

# Mikrotik Block Sharing Hotspot Or Local Connections With Change TTL

# Designer : Agus Ramadhani / BuanaNET.Pbun

# Github : https://buananetpbun.github.io

# Site : http://www.o-om.com

# Sosmed : https://fb.me/buananetmikrotik

######################################################################

------------------------------------------------------------------- */

*{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}

body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,tr,table{margin:0;padding:0}

body{font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;margin:0}

html,body{color:#292929;height:100%;width:100%;margin-top:0;padding:0;line-height:normal;background:#292929 url(https://user-images.githubusercontent.com/42666125/147363663-30767ef4-09af-48d6-8ea1-ee7a1c09e90f.png) no-repeat;}

.logo{margin-top:10px;margin-bottom:5px;color:#fff;text-decoration:none;font-size:25px;font-weight:700}

.logo a{color:#fff!important;text-decoration:none!important}

#wrap{max-width:900px;margin:0 auto;padding:0 5px}

.header{height:auto;width:100%;margin-top:0;margin-bottom:0px;border-top:0px solid #555}

.main-wrap{background-color:#f60}

.content{width:100%;height:480px;padding:15px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ddd}

.sidebar{width:100%;height:auto;padding:15px;background-color:#ccc;border:2px solid #ccc;border-radius:5px;margin-top:5px}

.sidebar img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}

.footer{font-size:13px;padding-top:10px;padding-bottom:15px;text-align:left;clear:both;width:auto;color:#ddd}

h1{color:#fff;font-size:22px;margin-bottom:5px;margin-top:10px}

button{background-color:#f60;border:none;color:#000;padding:5px 10px;text-align:center;text-decoration:none;display:inline-block;margin:0 2px;cursor:pointer;border-radius:5px;color:#fff;font-size:14px}

button:hover{background-color:#ccc;color:#111}

.row:after{content:"";display:table;clear:both}

input[type=text],select,textarea{width:100%;padding:3px;border:1px solid #bbb;border-radius:1px;resize:vertical;font-weight:400;margin-bottom:0;font-size:13px!important;border-radius:5px}

label{padding:5px 5px 5px 0;display:inline-block}

input[type=submit]{background-color:#f60;color:#fff;padding:3px;border:none;border-radius:5px;cursor:pointer;float:right}

input[type=submit]:hover{background-color:#45a049}

.row:after{content:"";display:table;clear:both}

.list-output-content{height:auto;min-height:300px;background:#f9f9f9;overflow:auto;overflow-x:auto;width:auto;padding:4px;margin-top:0;border:1px solid #bbb;border-radius:5px}

table,tr,td{border:none; font-size:13px}

table{font-family:arial,sans-serif;border-collapse:collapse;width:100%;min-width:620px}

td,th{border:1px solid #ccc;text-align:left;padding:6px;font-weight:400}

th{font-weight:700;background:#ddd;text-align:center}

.mikrotik-logo{display:none}

@media screen and (max-width:700px) {

.list-output-content{height:auto;min-height:300px}

.main-wrap{display:block}

.sidebar,.content{border-radius:5px;display:block;width:100%;padding:10px}

.sidebar{height:auto;margin-bottom:5px}

.header h1{max-width:100%;justify-content:center}

.logo-left a{margin-top:10px!important;font-size:23px}

.logo-left img{width:40px;margin-top:-3px!important}

h1{font-size:21px;text-align:center}

.mymenu{width:100%!important}

.logo-left{justify-content:center;display:flex;width:100%}

.logo-right{justify-content:center;width:100%;display:flex}

.footer{font-size:13px;padding-left:5px;padding-right:5px}

@media screen and (max-width:600px) {

button{margin-bottom:5px}

.logo-left a{margin-top:10px!important;font-size:20px}

.logo-left img{width:40px;margin-top:-3px!important}

.mikrotik-logo{display:flex;justify-content:center;margin-top:15px}

.show-homepage-menu{display:flex;justify-content:center;width:100%;clear:both}

.mymenu{padding-left:0;padding-right:0}

.mymenu ul{background:none!important;justify-content:center;display:flex}

@media screen and (max-width:500px) {

.show-homepage-menu{display:flex;justify-content:center;width:100%}

@media screen and (max-width:350px) {

.hide-homepage{display:none}