April 2021 - wiHow

.block-arab { border: 1px solid #eaeaef; border-radius: 8px; padding: 10px; margin: 1.5em 0 } .block-arab .arab { margin: 0 } .arti-arab { position: relative; font-size: 90%; background-color: rgba(0, 0, 0, .05); color: #717174; border-radius: 8px; padding: 20px 10px 10px; margin: 2.5em 0 0 } .arti-arab:before { content: 'Artinya :'; position: absolute; font-weight: bold; border-radius: 50px; background: #fcfcfc; color: #333; padding: 0 15px 1px; top: -14px; left: 15px; } @font-face { font-family: KFGQPC Uthman Taha Naskh Bold; font-display: swap; src: url('https://cdn.statically.io/gh/imansani93/idnxmus-html/090d0692/UTHMANTN1B%20VER10_0.OTF') format('opentype'); font-weight: bold; font-style: normal; } .arab { font-family: KFGQPC Uthman Taha Naskh Bold; font-size: 14px; font-weight: normal; line-height: 2; text-align: right; direction: rtl; margin: 1.5em 0; } main,footer,#igniplexHeader {display:none} body,html {overflow:hidden} /* Spoiler Box Pure CSS by IGNIEL.COM */ .ignielSpoiler { display:block; margin:10px 0px; border:1px solid #3498db; padding:7px 10px; border-radius:3px; -moz-border-radius:3px; } .ignielSpoiler .tombol { background:#3498db; /* Warna tombol */ color:#fff; /* Warna tulisan di tombol */ display:inline-block; cursor:pointer; font:normal 600 14px Tahoma,sans-serif; padding:0px; border:none; outline:none; line-height:20px; border-radius:3px; -moz-border-radius:3px; } .ignielSpoiler .tombol:focus { pointer-events:none; } .ignielSpoiler .tombol:before { content:'Lihat Spoiler'; /* Tulisan untuk membuka tombol */ display:inline-block; padding:7px 10px; border-radius:3px; -moz-border-radius:3px; } .ignielSpoiler .tombol:focus::before { content:'Tutup Spoiler'; /* Tulisan untuk menutup tombol */ background:#cc0000; /* Warna tombol ketika spoiler terbuka */ } .ignielSpoiler .isi { background:#e4e4e4; /* Warna background isi spoiler */ pointer-events:auto; visibility:hidden; opacity:0; height:0px; transition:all .5s ease; } .ignielSpoiler .tombol:focus + .isi { visibility:visible; opacity:1; height:auto; margin:10px 0px 5px; padding:10px 15px; transition:all .5s ease; }