| Server IP : 84.32.84.194 / 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/anggota/ |
Upload File : |
@charset "utf-8";
/* CSS Document */
form {
width: 300px;
overflow: hidden;
}
label {
float: left;
width: 200px;
padding-right: 24px;
}
input {
float: left;
width: calc(150px);
}
button {
float: right;
width: calc(100% - 200px);
}
.kiri{
width: 350px;
border: 1px solid #dedede;
padding-top: 5px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 10px;
margin: 10px;
float: left;
height: 350px;
margin-left: 5px;
margin-right: 10px;
}
.kiri img{
margin-left: 10px;
padding: 10px;
}
.middle2{
width: 680px;
border: 1px solid #dedede;
padding: 10px;
margin: 10px;
float: left;
height: 200px;
margin-bottom: 40px;
}
#form-div2 {
padding-left:50px;
padding-right:10px;
padding-top:30px;
padding-bottom:30px;
width: 350px;
float: left;
margin-left: 5px;
margin-right: 50px;
margin-bottom: 50px;
}
#form-div2 input {
float: left;
width: 250px;
}
#form-div2 label {
float: left;
width: 200px;
padding-right: 10px;
}
#konten {
margin: 20px auto;
width: 300px;
font-family: Helvetica;
font-size: 0.8em;
}
#konten form fieldset label, #konten form fieldset input {
width: 100%;
float: left;
margin-top: 5px;
}
#konten form fieldset legend {
padding: 5px;
background-color: #DBEAF9;
font-weight: bold;
}
#konten form fieldset {
background-color: #ECF4FC;
border: 1px solid #DBEAF9;
}
#konten form fieldset input[type=submit] {
width: 30% !important;
margin-top: 20px;
}
/* Table demo-table */
table {
margin: auto;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Segoe Ui";
font-size: 12px;
margin-left: 5px;
}
.demo-table {
border-collapse: collapse;
font-size: 11px;
}
.demo-table th,
.demo-table td {
border-bottom: 1px solid #e1edff;
border-left: 1px solid #e1edff;
padding: 5px 10px;
}
.demo-table th,
.demo-table td:last-child {
border-right: 1px solid #e1edff;
}
.demo-table td:first-child {
border-top: 1px solid #e1edff;
}
.demo-table td:last-child{
border-bottom: 0;
}
caption {
caption-side: top;
margin-bottom: 10px;
}
/* Table Header */
.demo-table thead th {
background-color: #508abb;
color: #FFFFFF;
border-color: #6ea1cc !important;
text-transform: uppercase;
}
/* Table Body */
.demo-table tbody td {
color: #353535;
}
.demo-table tbody tr:nth-child(odd) td {
background-color: #f4fbff;
}
.demo-table tbody tr:hover th,
.demo-table tbody tr:hover td {
background-color: #ffffa2;
border-color: #ffff0f;
transition: all .2s;
}
.table-container {
overflow: auto;
}
@media screen and (max-width: 400px) {
table {
width: 100%;
}
thead th.column-primary {
width: 100%;
}
thead th:not(.column-primary) {
display:none;
}
th[scope="row"] {
vertical-align: top;
}
td {
display: block;
width: auto;
text-align: right;
}
thead th::before {
text-transform: uppercase;
font-weight: bold;
content: attr(data-header);
}
thead th:first-child span {
display: none;
}
td::before {
float: left;
text-transform: uppercase;
font-weight: bold;
content: attr(data-header);
}
.middle2 {
width: 100%;
margin-left: 10px;
height:auto;
padding:5px;
}
.kiri {
width: 100%;
margin-left: 10px;
height:auto;
padding:5px;
}
#form-div2{
margin-right: 3%;
width: 100%;
margin-left: 0;
padding-left: 10%;
padding-right: 5%;
}
}