| Server IP : 2.57.91.231 / Your IP : 216.73.216.52 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/project/ |
Upload File : |
* {
margin:0;
padding:0;
}
body{
font-family: sans-serif;
}
/* Main */
.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;
}
.sidebar{
bottom: 40px;
position: fixed;
bottom: -500px;
width: 1400px;
height: 65%;
background: white;
transition: all .5s;
z-index: 1;
}
.sidebar header{
font-size: 22px;
color: white;
text-align: center;
line-height: 70px;
background: #5F9EA0;
user-select: none;
}
.sidebar ul a{
height: 100%;
width: 100%;
line-height: 5px;
font-size: 14px;
color: white;
padding-left: 10px;
transition: .5s;
}
ul li:hover a{
padding-left: 60px;
color: #00FFFF;
}
.sidebar ul a i{
margin-right: 16px;
}
#cek{
display: none;
}
label #btn, label #close{
position: fixed;
cursor: pointer;
background-color: black;
border-radius: 3px;
}
label #btn{
z-index: 2;
left: 1210px;
bottom: 75px;
font-size: 20px;
color: white;
padding: 6px 10px;
transition: all .0s;
}
label #close{
left: -250px;
bottom: 75px;
font-size: 20px;
color: white;
padding: 6px 10px;
transition: all .0s ease;
}
#cek:checked ~ .sidebar{
bottom: 0;
}
#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:210px;
margin:0px;
}
.sidebar ul a{
width: 100%;
padding-left: 10px;
}
.sidebar ul img{
max-width: 100%;
height: auto;
}
}