| Server IP : 88.223.91.61 / Your IP : 216.73.217.31 Web Server : LiteSpeed System : Linux id-dci-web1986.main-hosting.eu 5.14.0-611.26.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Jan 29 05:24:47 EST 2026 x86_64 User : u686484674 ( 686484674) PHP Version : 8.0.30 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u686484674/domains/idikotabandung.com/public_html/IDI/superadmin/ |
Upload File : |
* {
margin:0;
padding:0;
}
body{
font-family: sans-serif;
}
/* Main */
.box h3{
text-align:center;
position:relative;
top:80px;
}
.box {
width:50%;
height:200px;
background:#FFF;
margin:40px auto;
}
/*==================================================
* Efek 1
* ===============================================*/
.Efek1{
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}
.left2{
width: 15%;
border: 1px solid #dedede;
background: white;
padding: 5px;
margin: 10px;
float: left;
}
.header{
position: fixed;
width: 100%;
background-color:;
color: white;
height: 70px;
}
.header .tombol{
float: right;
right: 10px;
bottom: 7px;
background-color: #00FFFF ;
display: flex;
padding: 5px;
margin-right: 15px;
border-radius: 5px;
color: black;
text-decoration: none;
}
.tombol:hover {
background-color: white;
}
.header h1,h2,h3,h4{
padding-left: 5px;
}
*{
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
}
.sidebarbwh{
bottom: 40px;
position: fixed;
bottom:250px;
width: 1400px;
height: 1%;
background: white;
transition: all .5s;
z-index: 1;
}
.sidebar{
position: fixed;
top:-500px;
width: 1150px;
height: 45%;
background: ;
transition: all .5s;
z-index: 1;
margin-left:50px;
font-size: 11px;
padding: 10px;
}
.kotak77{
width: 1130;
height: auto;
background:white ;
margin-left: 0;
padding: 20px;
border: 1px solid #dedede;
border-bottom:1px solid #---;
box-shadow:0px 1px 0px #---;
}
.sidebar header{
font-size: 22px;
color: white;
text-align: center;
line-height: 70px;
background: #5F9EA0;
user-select: none;
}
}
#cek{
display: none;
}
#cek2{
display: inline;
}
label #btn2, label #close2{
cursor: pointer;
background-color: black;
border-radius: 3px;
}
label #btn2{
z-index: 2;
font-size: 20px;
color: white;
padding: 6px 10px;
transition: all .0s;
}
label #close2{
font-size: 20px;
color: white;
padding: 6px 10px;
transition: all .0s ease;
}
label #btn3,label #cancel{
position: absolute;
cursor: pointer;
color: white;
border-radius: 5px;
border: 1px solid #262626;
margin: 15px 30px;
font-size: 29px;
background: #262626;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
transition: all .5s ease;
}
label #btn, label #close{
position: fixed;
cursor: pointer;
background-color: ;
border-radius: 3px;
}
label #btn{
z-index: 2;
left: 1210px;
bottom: 75px;
font-size: 20px;
color: red;
padding: 6px 10px;
transition: all .0s;
background-color: ;
}
label #close{
left: -250px;
bottom: 75px;
font-size: 20px;
color: white;
padding: 6px 10px;
transition: all .0s ease;
display:none;
}
#cek:checked ~ .sidebar{
top: 90px;
}
#cek:checked ~ label #btn{
left: 250px;
opacity: 0;
pointer-events: none;
}
#cek:checked ~ label #close{
left: 1210px;
z-index: 4;
}
#cek:checked ~ section{
margin-left: 500px;
}
section{
padding-top: 70px;
background-position: center;
background-size: cover;
height: 100vh;
transition: all .5s;
}
.conten{
padding: 20px;
}
/* side bar jqery*/
@media only screen and (max-width: 700px) {
.header{
width: 50%;
}
label #btn{
left: 310px;
bottom: 60px;
font-size: 20px;
color: white;
padding: 6px 10px;
transition: all .0s;
z-index: 4;
}
#cek:checked ~ label #close{
bottom: 60px;
left: 310px;
z-index: 5;
}
.sidebar{
width: 100%;
height:180px;
margin:0px;
}
.sidebar ul a{
width: 100%;
padding-left: 10px;
}
.sidebar ul img{
max-width: 100%;
height: auto;
}
.kotak77 {
width: 100%;
margin-left: 3px;
}
.left2 {
width: 20%;
margin:8px;
}
}