<data:blog.pageName/> - <data:blog.title/>

Viewport Follow It Theme Color Favicon Title <data:blog.pageName/> - <data:blog.title/> <data:blog.pageName/> - <data:blog.title/> <data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> <data:blog.pageName/> - <data:blog.title/> <data:blog.pageName/> - <data:blog.title/> <b:switch var='data:blog.locale'><b:case value='id'/>Tidak ditemukan<b:default/>Not Found</b:switch> - <data:blog.title/> <data:blog.title/> <data:blog.pageName/> Meta keywords automatically homepage, static page, and post Meta Description Meta Description Product Meta Tag Open Graph Blog Feed Author DNS Prefetch Variable definitions end ========================*/ /* --- normalize.css v3.0.1 | MIT License | git.io/normalize --- */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent;color:var(--color-accent);text-decoration:none;}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{height:auto;max-width:100%;border:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;border:0px;outline:0px;margin:0px;box-shadow:none;}button,select{text-transform:none;outline:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;outline:none;}input{line-height:normal;border:0px;outline:0px}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}focus{outline:none}h1{font-size:1.75em}iframe{width:100%}svg{width:24px;height:24px;}*{box-sizing:border-box}hr{border:none;height:auto;margin:24px 0}hr:before{content:'\2027 \2027 \2027 \2027';display:block;text-align:center;letter-spacing:.1em;font-size:24px;opacity:.6}mark{padding:0 5px;border-radius:7px}h1, h2, h3, h4, h5, h6{font-weight:700;margin:0 0 15px} /* --- Font Inter --- */ @font-face{font-family: 'Inter';font-style: normal;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range: U 0460-052F, U 1C80-1C88, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F}@font-face{font-family: 'Inter';font-style: normal;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range: U 0301, U 0400-045F, U 0490-0491, U 04B0-04B1, U 2116}@font-face{font-family: 'Inter';font-style: normal;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range: U 1F00-1FFF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range: U 0370-03FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');unicode-range: U 0102-0103, U 0110-0111, U 0128-0129, U 0168-0169, U 01A0-01A1, U 01AF-01B0, U 1EA0-1EF9, U 20AB}@font-face{font-family: 'Inter';font-style: normal;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');unicode-range: U 0100-024F, U 0259, U 1E00-1EFF, U 2020, U 20A0-20AB, U 20AD-20CF, U 2113, U 2C60-2C7F, U A720-A7FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 2000-206F, U 2074, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range: U 0460-052F, U 1C80-1C88, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F}@font-face{font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range: U 0301, U 0400-045F, U 0490-0491, U 04B0-04B1, U 2116}@font-face{font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range: U 1F00-1FFF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range: U 0370-03FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');unicode-range: U 0102-0103, U 0110-0111, U 0128-0129, U 0168-0169, U 01A0-01A1, U 01AF-01B0, U 1EA0-1EF9, U 20AB}@font-face{font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');unicode-range: U 0100-024F, U 0259, U 1E00-1EFF, U 2020, U 20A0-20AB, U 20AD-20CF, U 2113, U 2C60-2C7F, U A720-A7FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 2000-206F, U 2074, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range: U 0460-052F, U 1C80-1C88, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F}@font-face{font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range: U 0301, U 0400-045F, U 0490-0491, U 04B0-04B1, U 2116}@font-face{font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range: U 1F00-1FFF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range: U 0370-03FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');unicode-range: U 0102-0103, U 0110-0111, U 0128-0129, U 0168-0169, U 01A0-01A1, U 01AF-01B0, U 1EA0-1EF9, U 20AB}@font-face{font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');unicode-range: U 0100-024F, U 0259, U 1E00-1EFF, U 2020, U 20A0-20AB, U 20AD-20CF, U 2113, U 2C60-2C7F, U A720-A7FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 2000-206F, U 2074, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range: U 0460-052F, U 1C80-1C88, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F}@font-face{font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range: U 0301, U 0400-045F, U 0490-0491, U 04B0-04B1, U 2116}@font-face{font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range: U 1F00-1FFF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range: U 0370-03FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');unicode-range: U 0102-0103, U 0110-0111, U 0128-0129, U 0168-0169, U 01A0-01A1, U 01AF-01B0, U 1EA0-1EF9, U 20AB}@font-face{font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');unicode-range: U 0100-024F, U 0259, U 1E00-1EFF, U 2020, U 20A0-20AB, U 20AD-20CF, U 2113, U 2C60-2C7F, U A720-A7FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 2000-206F, U 2074, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range: U 0460-052F, U 1C80-1C88, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F}@font-face{font-family: 'Inter';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range: U 0301, U 0400-045F, U 0490-0491, U 04B0-04B1, U 2116}@font-face{font-family: 'Inter';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range: U 1F00-1FFF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range: U 0370-03FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');unicode-range: U 0102-0103, U 0110-0111, U 0128-0129, U 0168-0169, U 01A0-01A1, U 01AF-01B0, U 1EA0-1EF9, U 20AB}@font-face{font-family: 'Inter';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');unicode-range: U 0100-024F, U 0259, U 1E00-1EFF, U 2020, U 20A0-20AB, U 20AD-20CF, U 2113, U 2C60-2C7F, U A720-A7FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 2000-206F, U 2074, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range: U 0460-052F, U 1C80-1C88, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F}@font-face{font-family: 'Inter';font-style: normal;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range: U 0301, U 0400-045F, U 0490-0491, U 04B0-04B1, U 2116}@font-face{font-family: 'Inter';font-style: normal;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range: U 1F00-1FFF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range: U 0370-03FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');unicode-range: U 0102-0103, U 0110-0111, U 0128-0129, U 0168-0169, U 01A0-01A1, U 01AF-01B0, U 1EA0-1EF9, U 20AB}@font-face{font-family: 'Inter';font-style: normal;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');unicode-range: U 0100-024F, U 0259, U 1E00-1EFF, U 2020, U 20A0-20AB, U 20AD-20CF, U 2113, U 2C60-2C7F, U A720-A7FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 2000-206F, U 2074, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range: U 0460-052F, U 1C80-1C88, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F}@font-face{font-family: 'Inter';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range: U 0301, U 0400-045F, U 0490-0491, U 04B0-04B1, U 2116}@font-face{font-family: 'Inter';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range: U 1F00-1FFF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range: U 0370-03FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');unicode-range: U 0102-0103, U 0110-0111, U 0128-0129, U 0168-0169, U 01A0-01A1, U 01AF-01B0, U 1EA0-1EF9, U 20AB}@font-face{font-family: 'Inter';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');unicode-range: U 0100-024F, U 0259, U 1E00-1EFF, U 2020, U 20A0-20AB, U 20AD-20CF, U 2113, U 2C60-2C7F, U A720-A7FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 2000-206F, U 2074, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD} html:not(.darkmode) { --color-theme:$(color.light.accent); --color-accent:$(color.light.accent); --color-body-bg:#f6f8fc; --color-header-bg:#ffffff; --color-section-bg:#ffffff; --color-section-bg-hover:rgba(208,215,222,0.32); --color-border-default:#dadce0; --color-text-primary:#34364a; --color-text-secondary:#5f6368; --color-ping-animate:#81d4fa; --color-input-bg:#f8f8f8; --color-button-text:#ffffff; --color-button-bg-hover:rgba(208,215,222,0.32); --color-button-icon-bg:rgba(208,215,222,0.32); --color-button-icon-text:#ffffff; --color-label-bg:rgba(208,215,222,0.32); --color-label-count-text:#ffffff; --color-blogarchive-bg:rgba(208,215,222,0.32); --color-blogarchive-count-text:#ffffff; --color-footer-link:#ffffff; --color-footer-credit-text:#ffffff; --color-footer-credit-link:#81d4fa; --color-backdrop:#06091c; --color-pre-border:#34364a; --color-alert-default-bg:#f8f8f8; --color-alert-info-bg:rgba(59,125,221,.15); --color-alert-warning-bg:rgba(252,185,44,.15); --color-alert-success-bg:rgba(28,187,140,.15); --color-alert-error-bg:rgba(220,53,69,.15); --color-alert-text-default:#34364a; --color-alert-text-info:#3e69a8; --color-alert-text-warning:#8f6919; --color-alert-text-success:#127a5b; --color-alert-text-error:#be2e3c; --color-table-header-sticky:#ffffff; --color-table-primary-bg:#3e69a8; --color-table-warning-bg:#8f6919; --color-table-success-bg:#127a5b; --color-table-error-bg:#be2e3c; --color-table-text-primary:#ffffff; --color-table-text-warning:#ffffff; --color-table-text-success:#ffffff; --color-table-text-error:#ffffff; --color-collapsible-bg:#f8f8f8; --color-mrp-bg:#f8f8f8; } html.darkmode { --color-theme:$(color.dark.accent); --color-accent:$(color.dark.accent); --color-body-bg:#122333; --color-header-bg:#182b3c; --color-section-bg:#182b3c; --color-section-bg-hover:rgba(177,186,196,0.12); --color-border-default:#334657; --color-text-primary:#dde9f3; --color-text-secondary:#6f8698; --color-ping-animate:#ffe708; --color-input-bg:#21374a; --color-button-text:#182b3c; --color-button-bg-hover:rgba(177,186,196,0.12); --color-button-icon-bg:rgba(177,186,196,0.12); --color-button-icon-text:#182b3c; --color-label-bg:rgba(177,186,196,0.12); --color-label-count-text:#182b3c; --color-blogarchive-bg:rgba(177,186,196,0.12); --color-blogarchive-count-text:#182b3c; --color-footer-link:#dde9f3; --color-footer-credit-text:#dde9f3; --color-footer-credit-link:$(color.dark.accent); --color-backdrop:#06091c; --color-pre-border:#334657; --color-alert-default-bg:#21374a; --color-alert-info-bg:rgba(59,125,221,.15); --color-alert-warning-bg:rgba(252,185,44,.15); --color-alert-success-bg:rgba(28,187,140,.15); --color-alert-error-bg:rgba(220,53,69,.15); --color-alert-text-default:#34364a; --color-alert-text-info:#5ea0ff; --color-alert-text-warning:#daa026; --color-alert-text-success:#1cbb8c; --color-alert-text-error:#ff6372; --color-table-header-sticky:#182b3c; --color-table-primary-bg:#3e69a8; --color-table-warning-bg:#8f6919; --color-table-success-bg:#127a5b; --color-table-error-bg:#be2e3c; --color-table-text-primary:#ffffff; --color-table-text-warning:#ffffff; --color-table-text-success:#ffffff; --color-table-text-error:#ffffff; --color-collapsible-bg:#21374a; --color-mrp-bg:#21374a; } /* --- Body --- */ body { background-color:var(--color-body-bg); color:var(--color-text-primary); font-size:14px; font-weight:400; font-family:'Inter', sans-serif; line-height:1.5; overflow-wrap:anywhere; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; margin:0; padding:0!important; } /* --- Header --- */ .gmp_header_container { position:fixed; top:0; right:0; left:0; background-color:var(--color-header-bg); border-bottom:1px solid; border-color:var(--color-border-default); height:60px; z-index:999; transition:top .3s cubic-bezier(0.23, 1, 0.32, 1) 0s; } .gmp_header_wrapper { display:flex; align-items:center; justify-content:space-between; gap:15px; height:60px; max-width:1200px; margin:0 auto; padding:0 15px; } /* --- Header Left --- */ .header_left { display:flex; align-items:center; } .header_left .header { margin-right:15px; } .header_left .header h1, .header_left .header h2 { font-size:24px; margin:0; } .header_left .header a { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; color:var(--color-text-primary); } .header_left .header a:hover { color:var(--color-accent); } .header_left .header p { display:none; } .header_left .header .header_image_wrapper { line-height:0; } .header_left .header .header_image_wrapper img { max-height:52px; padding:10px 0; } /* --- Menu Button --- */ .menu_button { display:none; } .menu_active .menu_button svg:first-child { display:none; } .menu_button svg:last-child { display:none; } .menu_active .menu_button svg:last-child { display:block; } /* --- Main Navigation Menu --- */ .gmp_navigation ul { display:flex; align-items:center; margin:0; padding:0; } .gmp_navigation ul.visibility_hidden { clip: rect(0 0 0 0); width: 0; height: 1px; overflow: hidden; position: absolute; } .gmp_navigation ul li { list-style:none; margin:0; padding:0; position:relative; } .gmp_navigation ul li a { display:flex; align-items:center; color:var(--color-text-primary); line-height:60px; white-space:nowrap; padding:0 15px; } .gmp_navigation ul li a:hover { color:var(--color-accent); } .gmp_navigation ul li svg:not(.arrow_icon svg) { margin-right:15px; } .gmp_navigation ul li .arrow_icon { display:block; line-height:0; margin-left:6px; } .gmp_navigation ul li .arrow_icon svg { width:15px; height:15px; } .gmp_navigation ul li.active .arrow_icon svg, .gmp_navigation ul > li > .active .arrow_icon svg { transform:rotate(180deg); } .gmp_navigation li ul { display:block; position:absolute; top:55px; left:0; background-color:var(--color-section-bg); box-shadow:0 10px 25px -3px rgb(0 0 0 / 10%); border:1px solid; border-color:var(--color-border-default); border-radius:7px; overflow:hidden; opacity:0; visibility:hidden; transform:translateY(5px); transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, visibility .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, transform .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, max-height .3s cubic-bezier(0.23, 1, 0.32, 1) 0s; margin:0; padding:5px 0; } .gmp_navigation li.active ul, .gmp_navigation li ul.show { opacity:1; visibility:visible; transform:translateY(0); } .gmp_navigation li ul li a { line-height:44px; } /* --- Header Right --- */ .header_right { display:flex; align-items:center; gap:15px; position:relative; } /* --- Notification Button --- */ .notification_button svg:last-child { display:none; } .notification_active .notification_button svg:first-child { display:none; } .notification_active .notification_button svg:last-child { display:block; } .notification_button:before, .notification_button:after { content:''; background-color:var(--color-ping-animate); border-radius:50%; width:10px; height:10px; position:absolute; top:0; right:0; } .notification_active .notification_button:before, .notification_active .notification_button:after { display:none; } .notification_button:after { animation:ping 1s cubic-bezier(0,0,.2,1) infinite; } .notification_wrapper { position:absolute; top:43px; right:0; background-color:var(--color-section-bg); box-shadow:0 10px 25px -3px rgb(0 0 0 / 10%); border:1px solid; border-color:var(--color-border-default); border-radius:7px; width:380px; max-width:calc(100vw - 30px); overflow:hidden; opacity:0; visibility:hidden; transform:translateY(5px); transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, visibility .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, transform .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, max-height .3s cubic-bezier(0.23, 1, 0.32, 1) 0s; } .notification_active .notification_wrapper { opacity:1; visibility:visible; transform:translateY(0); } .notification_widget { max-height:80vh; overflow-y:auto; } .notification_widget .widget_title { background-color:var(--color-section-bg); border-bottom:1px solid; border-color:var(--color-border-default); z-index:1; margin:0; padding:15px; position:sticky; top:0; } #notification_wrapper ul { margin:0; padding:0; } #notification_wrapper ul li { list-style:none; margin:0; padding:15px; position:relative; } #notification_wrapper ul li:hover { background-color:var(--color-section-bg-hover); } #notification_wrapper ul li:not(:last-child) { border-bottom:1px solid; border-color:var(--color-border-default); } #notification_wrapper ul li .post_title { font-weight:500; } #notification_wrapper ul li .post_title a { color:var(--color-text-primary); } #notification_wrapper ul li .post_title a:before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; } #notification_wrapper ul li .post_snippet { -webkit-line-clamp:2; } .no_new_notifications { color:var(--color-text-secondary); padding:15px; } /* --- Dark Mode Button --- */ .dark_mode_button svg:last-child { display:none; } .darkmode .dark_mode_button svg:first-child { display:none; } .darkmode .dark_mode_button svg:last-child { display:block; } /* --- Top Height --- */ .gmp_top_height { height:60px; margin-bottom:30px; } /* --- Search Bar --- */ .gmp_search_container { position:fixed; top:0; right:0; bottom:0; left:0; background-color:var(--color-section-bg); z-index:1001; opacity:0; visibility:hidden; transform:translateY(5px); transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, visibility .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, transform .3s cubic-bezier(0.23, 1, 0.32, 1) 0s; } .search_active .gmp_search_container { opacity:1; visibility:visible; transform:translateY(0); } .gmp_search_wrapper { max-width:1200px; margin:0 auto; padding:6px 15px 0; } .gmp_search_top { display:flex; align-items:center; justify-content:space-between; gap:15px; } .gmp_search_content { flex:1 1 100%; max-width:650px; position:relative; } .gmp_search_content .search_form { display:flex; align-items:center; background-color:var(--color-input-bg); border-radius:7px; height:48px; flex:1 1 100%; padding:0 8px; position:relative; } .gmp_search_content .search_form .search_input { background:none; border:none; outline:none; font-family:inherit; color:var(--color-text-primary); width:100%; padding:0 40px 0 7px; } .gmp_search_content .search_form .search_input::-webkit-search-cancel-button { position:absolute; top:-2px; right:5px; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.8 17.7a.8.8 0 0 1 0 1.1l-.6.2-.5-.2-5.7-5.7-5.7 5.7-.5.2-.6-.2a.8.8 0 0 1 0-1.1l5.7-5.7-5.7-5.7a.8.8 0 0 1 1.1-1.1l5.7 5.7 5.7-5.7a.8.8 0 0 1 1.1 1.1L13.1 12z' fill='%23202124'/%3E%3C/svg%3E"); -webkit-appearance: none; height: 20px; width: 20px; cursor:pointer; } .darkmode .gmp_search_content .search_form .search_input::-webkit-search-cancel-button { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.8 17.7a.8.8 0 0 1 0 1.1l-.6.2-.5-.2-5.7-5.7-5.7 5.7-.5.2-.6-.2a.8.8 0 0 1 0-1.1l5.7-5.7-5.7-5.7a.8.8 0 0 1 1.1-1.1l5.7 5.7 5.7-5.7a.8.8 0 0 1 1.1 1.1L13.1 12z' fill='%23dde9f3'/%3E%3C/svg%3E"); } .gmp_search_content .search_form .search_input::placeholder { color:var(--color-text-secondary); } .gmp_search_content .search_form .search_input:focus::placeholder { opacity:.5; } .gmp_search_bottom { background-color:var(--color-input-bg); border-radius:7px; max-width:650px; max-height:80vh; overflow-y:auto; margin:15px auto 0; } .gmp_search_bottom .widget_title { margin:0; padding:15px 15px 0; } .gmp_search_bottom .PopularPosts .widget_content { background-color:transparent; } .gmp_search_bottom .PopularPosts ul li a { display:flex; align-items:center; } .gmp_search_bottom .PopularPosts ul li svg { width:21px; height:21px; flex:0 0 auto; margin-right:7px; } /* --- Main --- */ .gmp_content_wrapper { display:grid; grid-template-columns:repeat(8, 1fr) repeat(4, minmax(48px, 1fr)); grid-template-rows:1fr; grid-gap:0 30px; max-width:1200px; margin:0 auto; padding:0 15px; } .isProductPage .gmp_content_wrapper { grid-template-columns:1fr; grid-template-rows:unset; grid-gap:unset; max-width:980px; } .gmp_main_post { grid-column:1 / span 8; grid-row-start:1; } .isProductPage .gmp_main_post { grid-column:unset; grid-row-start:unset; } /* --- Featured Post --- */ .isHomepage .FeaturedPost { margin-bottom:30px; } .FeaturedPost .post_inside { display:grid; grid-template-areas: 'thumbnail title' 'thumbnail info'; grid-template-rows:1fr; grid-template-columns:auto 1fr; } .FeaturedPost .post_thumbnail { grid-area:thumbnail; width:300px; } .FeaturedPost h2.post_title { font-size:18px; } .highlight_post_wrapper { display:flex; align-items:center; background-color:var(--color-section-bg); border-radius:7px; margin-bottom:30px; padding:15px; } .highlight_post_title { display:flex; align-items:center; font-size:16px; font-weight:700; color:var(--color-text-primary); line-height:normal; white-space:nowrap; border-right:1px solid; border-color:var(--color-border-default); margin-right:15px; padding-right:15px; } .highlight_post_title span { margin-left:7px; } .highlight_post_text a { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; color:var(--color-text-secondary); } .highlight_post_text a:hover { color:var(--color-accent); } /* --- Latest Posts Title --- */ .layout { display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; } .layout .widget_title { display:flex; align-items:center; margin:0; overflow:hidden; } .layout .widget_title svg { flex:0 0 auto; margin-right:7px; } .layout .widget_title span { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-right:15px; } .layout_switch { display:flex; align-items:center; gap:10px; } .layout_switch .active { background-color:var(--color-accent); color:var(--color-button-icon-text); } /* --- Empty Post --- */ .empty_post { text-align:center; margin-top:30px; } .empty_post_text { font-size:16px; color:var(--color-text-secondary); margin-bottom:80px; } .empty_post_text svg { width:100%; height:140px; } .empty_post_text span { display:inline-block; margin-top:15px; } .empty_post_text span b { color:var(--color-text-primary); } /* --- Error Page --- */ .error_wrapper { display:flex; align-items:center; flex-direction:column; margin:0 15px 40px; } .error_wrapper h2 { font-size:100px; margin-bottom:0; } .error_wrapper h3 { font-size:21px; margin-bottom:15px; } .error_wrapper p { color:var(--color-text-secondary); text-align:center; margin:0 0 80px; } /* --- Widget Title --- */ .widget_title { font-size:16px; font-weight:700; margin:0 0 15px; } /* --- Main Post --- */ .isMultipleItems .blog_posts { display:grid; grid-template-columns:1fr 1fr; grid-gap:20px; } .isProductPage .blog_posts { grid-template-columns:1fr 1fr 1fr; } .layout_switch_active .blog_posts, .isProductPage.layout_switch_active .blog_posts { grid-template-columns:1fr; } .isMultipleItems .post_outer { background-color:var(--color-section-bg); border-radius:7px; overflow:hidden; position:relative; } .post_detail { width:100%; height:100%; } .isMultipleItems .post_inside:not(.FeaturedPost .post_inside) { display:grid; grid-template-rows:auto 1fr auto; height:100%; } .isProductPage .post_inside { height:unset!important; } .isMultipleItems.layout_switch_active .post_inside:not(.FeaturedPost .post_inside) { grid-template-areas: 'thumbnail title' 'thumbnail info'; grid-template-rows:1fr; grid-template-columns:auto 1fr; } .layout_switch_active .post_thumbnail:not(.FeaturedPost .post_thumbnail) { grid-area:thumbnail; width:300px; } .post_thumbnail .thumbnail_link { display:block; position:relative; } .post_thumbnail .thumbnail_link:before { font-size:24px; font-weight:700; text-transform:uppercase; color:#ffffff; border:2px solid; border-color:#fac52f; border-radius:7px; letter-spacing:1px; z-index:2; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(3); padding:5px 10px; opacity:0; visibility:hidden; transition:all .2s ease; } .post_outer:hover .post_thumbnail .thumbnail_link:before { opacity:1; visibility:visible; transform:translate(-50%, -50%) scale(1); } .post_thumbnail .thumbnail_link:after { background-color:rgb(0 0 0 / 70%); z-index:1; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0; visibility:hidden; transition:all .2s ease; } .post_outer:hover .post_thumbnail .thumbnail_link:after { opacity:1; visibility:visible; } .post_thumbnail .thumbnail_link { height:100%; padding-top:72.25%; overflow:hidden; } .post_thumbnail .thumbnail_link .post_thumb { width:100%; height:100%; object-fit:cover; } .post_thumbnail .thumbnail_link .post_thumb { position:absolute; top:0; left:0; right:0; } .post_header { padding:15px; } h2.post_title { font-size:16px; font-weight:500; margin:0; } h2.post_title a { color:var(--color-text-primary); } h2.post_title a:hover { color:var(--color-accent); } .post_snippet { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-size:13px; color:var(--color-text-secondary); word-break:break-word; margin-top:5px; } .post_footer { display:flex; align-items:center; justify-content:space-between; font-size:13px; padding:15px; overflow:hidden; } .post_footer a, .uncategorized { display:flex; align-items:center; color:var(--color-text-secondary); white-space:nowrap; overflow:hidden; } .post_footer a:hover, .uncategorized:hover { color:var(--color-accent); } .post_footer svg { width:16px; height:16px; flex:0 0 auto; margin-right:5px; } .post_footer span { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-right:15px; } .post_label { overflow:hidden; } .post_label a:nth-child(n+2) { display:none; } .entry_post_top { background-color:var(--color-section-bg); border-radius:7px; padding:15px; } .isPost .entry_post_top { padding:15px 15px 0; } /* --- Post Body --- */ #post_middle { font-size:16px; text-align:left; line-height:1.7; word-break:break-word; margin-bottom:30px; } .isPage #post_middle { margin:0; } #post_middle a:not(.gmp_button, #toc_content ol li a, .tag_post a, .product_tabs ul#tab_nav li a):hover { text-decoration:underline; } #post_middle a[style="margin-left: 1em;margin-right: 1em;text-align: center;"], #post_middle a[style="display: block; padding: 1em 0; text-align: center; "], #post_middle a[style="display: block; padding: 1em 0px; text-align: center;"], #post_middle a[style="margin-left: 1em; margin-right: 1em;"], #post_middle a[style="margin-left: 1em; margin-right: 1em; text-align: center;"] { display:inline-block!important; line-height:0!important; margin:0!important; padding:0!important; } #post_middle img { border-radius:7px; } #post_middle h1, #post_middle h2, #post_middle h3, #post_middle h4, #post_middle h5, #post_middle h6 { margin:28px 0 8px; } #post_middle h1:target::before, #post_middle h2:target::before, #post_middle h3:target::before, #post_middle h4:target::before, #post_middle h5:target::before, #post_middle h6:target::before { content:''; display:block; height:80px; margin:-80px 0 0; } /* --- Product Banners --- */ .product_banners { max-width:980px; margin:0 auto 30px; padding:0 15px; } /* --- Product Post --- */ .isMultipleItems .product_thumbnail, .isMultipleItems .product_header_title, .isMultipleItems .product_description, .isMultipleItems .product_tabs { display:none; } .product_details { padding:0 15px 15px; } .isPost .product_details { border:1px solid; border-color:var(--color-border-default); border-radius:7px; margin:30px 0; padding:15px; } .isPost .product_header_title { font-size:14px; border-bottom:1px solid; border-color:var(--color-border-default); text-transform:uppercase; margin-bottom:15px; padding-bottom:15px; } .product_price:not(.product_content .product_price) { font-size:16px; font-weight:700; color:var(--color-accent); margin-bottom:5px; } .product_price_discount { display:flex; align-items:center; gap:7px; font-size:10px; } .percentage_amount { background-color:var(--color-alert-error-bg); color:var(--color-alert-text-error); border-radius:4px; font-weight:700; padding:3px 6px; } .strikethrought_price { color:var(--color-text-secondary); text-decoration:line-through; } .product_label { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:15px; } .product_label div { display:inline-block; border-radius:4px; font-size:10px; font-weight:700; padding:3px 6px; } .product_label .new_product { background-color:var(--color-alert-info-bg); color:var(--color-alert-text-info); } .product_label .discount_product { background-color:var(--color-alert-success-bg); color:var(--color-alert-text-success); } .product_label .spesial_product { background-color:var(--color-alert-warning-bg); color:var(--color-alert-text-warning); } .product_info { display:none; border-top:1px solid; border-color:var(--color-border-default); margin-top:15px; padding-top:15px; } .product_info div span { color:var(--color-text-secondary); } .product_description { margin-top:15px; } .product_button { display:none; margin:25px 0; } .product_payment { display:none; font-size:14px; border-top:1px solid; border-color:var(--color-border-default); margin-top:15px; padding-top:15px; } .product_payment_title { color:var(--color-text-secondary); margin-bottom:15px; } .product_payment ul { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:0; padding:0; } .product_payment ul li { display:flex; align-items:center; border:1px solid; border-color:var(--color-border-default); border-radius:7px; color:var(--color-text-secondary); list-style:none; margin:0; padding:7px 10px; } .product_payment ul li svg { fill:currentcolor; margin-right:7px; } /* --- Product Checkout In Sidebar --- */ .product_checkout_wrapper { background-color:var(--color-section-bg); border-radius:7px; line-height:1.7; padding:15px; } .product_checkout_price { display:flex; align-items:center; justify-content:space-between; font-size:16px; font-weight:700; } .product_checkout_price_discount .product_price_discount { justify-content:right; } .product_checkout_price span:first-child { color:var(--color-text-secondary); } .product_checkout_price span:last-child { color:var(--color-accent); } .product_checkout_info .product_info, .product_checkout_payment_info .product_payment { display:block; } .product_checkout_button .product_button { display:flex; flex-direction:column; gap:10px; margin:15px 0 0; } .product_checkout_button .product_button .gmp_button { width:100%; } /* --- Product Checkout In Post --- */ .product_checkout_in_post { display:none; } .product_checkout_in_post .product_checkout_wrapper { background-color:var(--color-body-bg); margin:30px 0; } /* --- Product Post Generate Tool --- */ .gmp_product_post_tool { font-size:14px; } .gmp_product_post_tool .section .toggle { display:inline-flex; align-items:center; gap:7px; font-weight:700; position:relative; } .gmp_product_post_tool .section .toggle:before, .gmp_product_post_tool .section .toggle:after { content:''; cursor:pointer; } .gmp_product_post_tool .section .toggle:before { width:32px; height:15px; border:2px solid; border-color:var(--color-border-default); border-radius:100px; } .gmp_product_post_tool .section .toggle:after { position:absolute; top:7px; left:5px; width:10px; height:10px; background-color:var(--color-border-default); border-radius:50%; } .gmp_product_post_tool .section .toggle.active:after { background-color:var(--color-accent); transform:translateX(16px); } .gmp_product_post_tool .section label:not(.br_text label) { display:block; font-weight:700; margin-bottom:8px; } .gmp_product_post_tool .section input:not(.br_text input) { background-color:var(--color-input-bg); color:var(--color-text-primary); border:1px solid; border-color:var(--color-border-default); border-radius:7px; width:100%; padding:15px; } .gmp_product_post_tool .section input:not(.br_text input)::placeholder { color:var(--color-text-secondary); } .gmp_product_post_tool .section input:not(.br_text input):focus::placeholder { opacity:.5; } .gmp_product_post_tool .has_toggle_i, .gmp_product_post_tool .has_toggle_ii { margin-bottom:15px; } .gmp_product_post_tool .has_toggle_i { margin-top:15px; } .gmp_product_post_tool .sub_section { display:none; border:1px solid; border-color:var(--color-border-default); border-radius:7px; margin:15px 0 25px; padding:15px; } .gmp_product_post_tool .section #deskripsi { background:var(--color-input-bg); border:1px solid; border-color:var(--color-border-default); border-radius:7px; color:var(--color-text-primary); outline:none; width:100%; height:200px; max-width:100%; padding:15px; } .gmp_product_post_tool .section #deskripsi::placeholder { color:var(--color-text-secondary); } .gmp_product_post_tool .section #deskripsi:focus::placeholder { opacity:.5; } .gmp_product_post_tool .section .br_text { display:inline-flex; align-items:center; gap:7px; } /* --- Breadcrumbs --- */ .breadcrumbs { display:block; color:var(--color-text-secondary); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:15px; } .breadcrumbs div { display:inline; } .breadcrumbs > *:not(:last-child):after { content:'/'; margin:0 5px; } .breadcrumbs a { color:var(--color-text-secondary); } .breadcrumbs a:hover { color:var(--color-accent); } /* --- Entry Post Title --- */ h1.entry_post_title { font-size:26px; margin:0 0 8px; } .isPage h1.entry_post_title { margin:0 0 30px; } /* --- Entry Post Description --- */ .entry_post_description { font-style:italic; color:var(--color-text-secondary); } /* --- Entry Post Info --- */ .entry_post_info { display:flex; align-items:center; margin:15px 0 30px; } .entry_post_info_left { margin-right:12px; } .entry_post_info_photo { line-height:0; } .entry_post_info_photo img { width:37px; height:37px; border-radius:50%; } .entry_post_info_date { display:flex; align-items:center; font-size:13px; color:var(--color-text-secondary); } .entry_post_info_date .published { display:flex; align-items:center; } .entry_post_info_date .published:after { content:'\0000a0\002022\0000a0'; font-size:8px; margin:0 4px; } .entry_post_info_date.product .published:after { display:none; } /* --- Comment Section --- */ .comments { margin-top:30px; } .comments .hidden { display:none; } .comments .jtc_button.large { display:flex; border-color:var(--color-text-primary); color:var(--color-text-primary); background-color:transparent!important; } .comments .jtc_button.large:hover { border-color:var(--color-accent); color:var(--color-accent); } .comment_content_wrapper { display:none; } .comment_header_wrapper { display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; } .comment_header_title { font-size:16px; font-weight:700; } .comment_header_sort { display:flex; align-items:center; font-size:13px; color:var(--color-text-secondary); cursor:pointer; } .comment_header_sort:hover { color:var(--color-accent); } .comment_header_sort:before { content:'Terbaru'; } .comment_header_sort.active:before { content:'Terlama'; } .comment_header_sort svg { width:21px; height:21px; margin-left:7px; } .comment_header_sort svg:last-child { display:none; } .comment_header_sort.active svg:first-child { display:none; } .comment_header_sort.active svg:last-child { display:block; } .comment_text.has_deleted { margin:0!important; } .comment_add { text-align:center; } .comment_add a { margin:15px 0 30px; } .comment_message { display:flex; margin-bottom:15px; } .comment_message svg { flex:0 0 auto; margin-right:7px; } .comment_form #threaded_comment_form { background-color:var(--color-section-bg); border-radius:7px; margin:0 0 15px; padding:15px; } #threaded_comment_form { margin-top:24px; } #comment_editor { background-color:transparent; border:none; } .comments ol, .comments ul { margin:0; padding:0; } .comments ol { display:flex; flex-direction:column; } .comments ol.active { flex-direction:column-reverse; } .comments ol li, .comments ul li { list-style:none; margin:0; padding:0; } .comments ol > li { background-color:var(--color-section-bg); border-radius:7px; margin-bottom:15px; padding:15px; } .comment_block { display:flex; align-items:flex-start; } .comment_avatar, .comment_bio_avatar { flex:0 0 auto; line-height:0; position:relative; } .comment_avatar.admin:after, .comment_bio_avatar.admin:after { content:''; background:var(--color-accent) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12' fill='none' stroke='%23fff' stroke-width='3px' /%3E%3C/svg%3E") center / .7rem no-repeat; background-size:.5rem; border:1px solid; border-color:var(--color-section-bg); border-radius:50%; width:.75rem; height:.75rem; position:absolute; right:-2px; bottom:-2px; } .comment_avatar .avatar_img { width:37px; height:37px; border-radius:50%; } .comment_content { width:100%; margin-left:12px; } .comment_header { display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; } .comment_header_end { position:relative; } .option_menu_wrapper { position:absolute; top:43px; right:0; background-color:var(--color-section-bg); box-shadow:0 10px 25px -3px rgb(0 0 0 / 10%); border:1px solid; border-color:var(--color-border-default); border-radius:7px; z-index:1; opacity:0; visibility:hidden; transform:translateY(5px); transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, visibility .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, transform .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, max-height .3s cubic-bezier(0.23, 1, 0.32, 1) 0s; } .option_menu_wrapper.active { opacity:1; visibility:visible; transform:translateY(0); } .option_menu_wrapper a { display:block; color:var(--color-text-primary); white-space:nowrap; padding:10px 15px; } .option_menu_wrapper a:hover { color:var(--color-accent); } .comment_user { font-weight:700; color:var(--color-text-primary); } .comment_user:hover { color:var(--color-accent); } .comment_date { font-size:13px; color:var(--color-text-secondary); } .comment_actions { margin:24px 0 0 50px; } .comment_replies { margin-left:50px; } .thread_toggle { display:inline-flex; align-items:center; color:var(--color-accent); user-select:none; cursor:pointer; margin:24px 0; } .thread_toggle svg { margin-right:7px; } .thread_show:checked + .comment_replies .thread_toggle svg { transform:rotate(180deg); } .show_all { display:none; } .thread_show:checked + .comment_replies .show_all { display:block; } .thread_show:checked + .comment_replies .show_less { display:none; } .thread_show:checked + .comment_replies ul { display:none; } .comment_replies ~ .comment_actions { display:none; } .comment_reply:not(.comment_add .comment_reply, .comment_actions .comment_reply) { margin-top:24px; } .thread_show:checked + .comment_replies .comment_reply { margin:0; } .comment_reply svg { transform:rotate(180deg); } .comment_replies ul li:not(:last-child) { margin-bottom:24px; } .comment_replies .comment_avatar .avatar_img { width:30px; height:30px; } .comment_bio { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1000; opacity:0; visibility:hidden; } .comment_bio.active { opacity:1; visibility:visible; } .comment_bio_content { background-color:var(--color-section-bg); border:1px solid; border-color:var(--color-border-default); border-radius:7px; width:380px; max-width:calc(100vw - 30px); opacity:0; visibility:hidden; transform:scale(.95); transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, visibility .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, transform .3s cubic-bezier(0.23, 1, 0.32, 1) 0s, max-height .3s cubic-bezier(0.23, 1, 0.32, 1) 0s; } .comment_bio.active .comment_bio_content { opacity:1; visibility:visible; transform:scale(1); } .comment_bio_header { display:flex; align-items:center; border-bottom:1px solid; border-color:var(--color-border-default); padding:15px; } .comment_bio_info { padding:15px; } .comment_bio_info_top { display:flex; align-items:center; } .comment_bio_title { font-size:16px; font-weight:700; margin-left:15px; } .comment_bio_avatar { margin-right:12px; } .comment_bio_avatar img { width:37px; border-radius:50%; } .comment_bio_user { font-size:16px; font-weight:700; } .comment_bio_info_middle { margin:15px 0 24px; } .comment_bio_info_middle .comment_text { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; } .comment_bio_info_middle .comment_text span { display:block; color:var(--color-text-secondary); } .comment_bio_info_bottom a { width:100%; } /* --- Multi related Posts --- */ .multi_related_posts { background-color:var(--color-mrp-bg); border-left:3px solid; border-color:var(--color-accent); font-size:16px; margin:25px 0; padding:15px; } .multi_related_posts a:hover { text-decoration:underline; } /* --- Tag Post --- */ .tag_post { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:30px 0 15px; } .tag_post a { display:flex; align-items:center; background-color:var(--color-label-bg); color:var(--color-accent); border-radius:7px; padding:5px 10px; } .tag_post a:hover { background-color:var(--color-accent); color:var(--color-label-count-text); } .tag_post svg { width:14px; height:14px; fill:currentcolor; } /* --- Share This Post --- */ .share_this_post { display:flex; align-items:center; justify-content:space-between; background-color:var(--color-section-bg); gap:7px; z-index:1; padding:15px 0; position:sticky; bottom:0; } .share_this_post a:not(.post_a_comment, .share_button) { background-color:var(--color-body-bg); color:var(--color-text-secondary); border:1px solid; border-color:var(--color-body-bg); } .share_this_post a { flex:1 0 auto; } .share_this_post.mobile a:first-child { flex:unset; } .share_this_post .whatsapp:hover, .share_this_post .whatsapp:focus { border-color:#25d366; color:#25d366; } .share_this_post .telegram:hover, .share_this_post .telegram:focus { border-color:#0088cc; color:#0088cc; } .share_this_post .facebook:hover, .share_this_post .facebook:focus { border-color:#2e89ff; color:#2e89ff; } .share_this_post .twitter:hover, .share_this_post .twitter:focus { border-color:#1da1f2; color:#1da1f2; } .share_this_post .linkedIn:hover, .share_this_post .linkedIn:focus { border-color:#0077b5; color:#0077b5; } .share_this_post svg { margin:0!important; } .share_this_post span { margin-left:7px; } /* --- Author Box --- */ .author_box { display:flex; align-items:flex-start; background-color:var(--color-section-bg); border-radius:7px; margin-top:30px; padding:15px; } .author_box .author_photo { line-height:0; margin-right:15px; position:relative; } .author_box .author_photo:after { content:''; background:var(--color-accent) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12' fill='none' stroke='%23fff' stroke-width='3px' /%3E%3C/svg%3E") center / .7rem no-repeat; background-size:.5rem; border:1px solid; border-color:var(--color-section-bg); border-radius:50%; width:.75rem; height:.75rem; position:absolute; right:-3px; bottom:0; } .author_box .author_photo img { width:40px; height:40px; border-radius:50%; } .author_box .author_meta .author_name { font-size:16px; font-weight:500; margin-bottom:5px; } /* --- Related Posts --- */ .related_posts { margin-top:30px; } .related_posts ul { display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:15px; margin:0; padding:0; } .related_posts ul li { background-color:var(--color-section-bg); border-radius:7px; overflow:hidden; list-style:none; margin:0; padding:0; } .related_posts_tmbl_link { display:block; height:100%; padding-top:72.25%; position:relative; overflow:hidden; } .related_posts_tmbl_link .related_posts_img { width:100%; height:100%; object-fit:cover; position:absolute; top:0; right:0; bottom:0; left:0; } .related_posts_header { padding:15px; } .related_posts_title { font-weight:500; } .related_posts_title a { color:var(--color-text-primary); } .related_posts_title a:hover { color:var(--color-accent); } /* --- Blog Pager --- */ .blog_pager { display:flex; align-items:center; justify-content:center; } .blog_pager .load_more, .blog_pager .loading, .blog_pager .no_results { margin:40px 0 0; } .blog_pager .loading, .blog_pager .no_results { display:none; } .blog_pager .loading { cursor:wait; } .blog_pager .no_results.show { display:flex; } /* --- Post Coverage --- */ .post_coverage .widget { margin-top:30px; } .post_coverage .widget_content { background-color:var(--color-section-bg); border-radius:7px; padding:15px; } .post_coverage_content ul { display:grid; grid-template-columns:1fr 1fr; grid-gap:20px; margin:0; padding:0; } .post_coverage_content ul li { display:flex; list-style:none; margin:0; padding:0; } .post_coverage_post_thumbnail { flex:0 0 auto; margin-right:15px; } .post_coverage_post_thumbnail .post_coverage_tmbl_link { display:block; line-height:0; } .post_coverage_post_thumbnail .post_coverage_tmbl_link .post_coverage_post_thumb { width:65px; height:65px; object-fit:cover; border-radius:7px; } .post_coverage_post_title { font-weight:500; } .post_coverage_post_title a { color:var(--color-text-primary); } .post_coverage_post_title a:hover { color:var(--color-accent); } .post_coverage_button { margin-top:15px; } .post_coverage_button a { border-radius:0 0 7px 7px; width:100%; } /* --- Sidebar --- */ .gmp_sidebar { grid-column:9 / span 4; grid-row-start:1; } .gmp_sidebar .widget { margin-bottom:30px; } .sidebar_sticky, .sidebar_product_sticky { position:sticky; top:80px; } .isPostProduct .sidebar, .isPostProduct .sidebar_sticky { display:none; } .sidebar_product, .sidebar_product_sticky { display:none; } .isPostProduct .sidebar_product, .isPostProduct .sidebar_product_sticky { display:block; } /* --- Popular Posts --- */ .PopularPosts .widget_content { background-color:var(--color-section-bg); border-radius:7px; padding:15px; } .PopularPosts ul { margin:0; padding:0; } .PopularPosts ul li { list-style:none; margin:0; padding:0; } .PopularPosts ul li:not(:last-child) { margin-bottom:15px; } .PopularPosts ul li a { display:block; color:var(--color-text-primary); } .PopularPosts ul li a:hover { color:var(--color-accent); } /* --- Label --- */ .Label .list ul { margin:0; padding:0; } .Label .list ul li { list-style:none; margin:0; padding:0; } .Label .list ul li:not(:last-child) { margin-bottom:7px; } .Label .list ul li a, .Label .cloud a { display:flex; align-items:center; background-color:var(--color-section-bg); color:var(--color-text-primary); border-radius:7px; padding:10px 15px; } .Label .list ul li a:hover, .Label .cloud a:hover { color:var(--color-accent); } .Label .list ul li svg, .Label .cloud svg { width:21px; height:21px; margin-right:7px; } .Label .list .label_count, .Label .cloud .label_count { display:inline-block; background-color:var(--color-label-bg); color:var(--color-accent); border-radius:7px; margin-left:auto; padding:0 10px; } .Label .list ul li a:hover .label_count, .Label .cloud a:hover .label_count { background-color:var(--color-accent); color:var(--color-label-count-text); } .Label .cloud { display:flex; flex-wrap:wrap; gap:7px; } .Label .cloud .label_count { margin-left:15px; } /* --- Blog Archives --- */ .BlogArchive .widget_content { background-color:var(--color-section-bg); border-radius:7px; padding:15px; } .BlogArchive .widget_content.FLAT ul { display:grid; grid-template-columns:1fr 1fr; grid-gap:15px 30px; margin:0; padding:0; } .BlogArchive .widget_content.FLAT ul li { list-style:none; margin:0; padding:0; } .BlogArchive .widget_content.FLAT ul li a { display:flex; align-items:center; justify-content:space-between; color:var(--color-text-primary); } .BlogArchive .widget_content.FLAT ul li a:hover { color:var(--color-accent); } .BlogArchive .widget_content.FLAT ul li .count { display:inline-block; background-color:var(--color-blogarchive-bg); color:var(--color-accent); border-radius:7px; margin-left:auto; padding:0 10px; } .BlogArchive .widget_content.FLAT ul li a:hover .count { background-color:var(--color-accent); color:var(--color-blogarchive-count-text); } .BlogArchive .widget_content.HIERARCHY { padding:3px 15px; } .BlogArchive .widget_content.HIERARCHY ul { margin:0; padding:0; } .BlogArchive .widget_content.HIERARCHY ul li { list-style:none; margin:12px 0; padding:0; } .BlogArchive .widget_content.HIERARCHY ul li a { color:var(--color-text-primary); } .BlogArchive .widget_content.HIERARCHY ul li a:hover { color:var(--color-accent); } .BlogArchive .widget_content.HIERARCHY ul li .count { color:var(--color-text-secondary); } .BlogArchive .widget_content.HIERARCHY ul li a:hover .count { color:var(--color-accent); } .BlogArchive .widget_content.HIERARCHY ul li ul { padding-left:15px; } .BlogArchive .widget_content.MENU select { display:flex; align-items:center; background-color:transparent; border:none; width:100%; } .BlogArchive .widget_content.MENU select option { background-color:var(--color-section-bg); } /* --- Profile --- */ .Profile .widget_content { background-color:var(--color-section-bg); border-radius:7px; text-align:center; padding:15px; } .Profile .profile_photo { display:inline-block; line-height:0; margin-bottom:15px; position:relative; } .Profile .profile_photo:after { content:''; background:var(--color-accent) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12' fill='none' stroke='%23fff' stroke-width='3px' /%3E%3C/svg%3E") center / .7rem no-repeat; background-size:.6rem; border:1px solid; border-color:var(--color-section-bg); border-radius:50%; width:1.15rem; height:1.15rem; position:absolute; right:3px; bottom:0; } .Profile .profile_photo .profile_img { width:75px; height:75px; border-radius:50%; } .Profile .profile_name { margin-bottom:5px; } .Profile .profile_name .profile_link { font-size:16px; font-weight:500; color:var(--color-text-primary); } .Profile .profile_name .profile_link:hover, .Profile .team_member .profile_link .profile_name:hover { color:var(--color-accent); } .Profile .profile_location { display:flex; align-items:center; justify-content:center; font-size:13px; color:var(--color-text-secondary); margin-bottom:10px; } .Profile .profile_location svg { width:14px; height:14px; fill:currentcolor; margin-right:5px; } .Profile .profile_bio { margin-bottom:25px; } .Profile .profile_bio a:hover, .author_bio a:hover { text-decoration:underline; } .Profile .team ul { margin:0; padding:0; } .Profile .team ul li { list-style:none; margin:0; padding:0; } .Profile .team ul li:not(:last-child) { margin-bottom:12px; } .Profile .team_member .profile_link { display:flex; align-items:center; } .Profile .team_member .profile_link .profile_image { display:block; line-height:0; margin-right:12px; } .Profile .team_member .profile_link .profile_image .profile_img { width:50px; height:50px; border-radius:50%; } .Profile .team_member .profile_link .profile_name { color:var(--color-text-primary); } /* --- Subscribe Box --- */ .subscribe_box { background-color:var(--color-section-bg); border-radius:7px; padding:15px; } .subscribe_box_title { display:flex; align-items:center; font-size:16px; font-weight:500; margin-bottom:15px; } .subscribe_box_title svg { flex:0 0 auto; margin-right:8px; } .subscribe_box_text { color:var(--color-text-secondary); margin-bottom:15px; } .subscribe_box form { display:flex; justify-content:center; flex-direction:column; gap:15px; } .subscribe_box form input { background-color:var(--color-input-bg); border:none; border-radius:7px; height:44px; padding:0 15px; } .subscribe_box form input::placeholder { color:var(--color-text-secondary); } .subscribe_box form input:focus { border-color:Var(--color-accent); } .subscribe_box form input:focus::placeholder { opacity:.5; } /* --- Footer --- */ .gmp_footer_container { background-color:var(--color-accent); margin-top:120px; padding-bottom:35px; position:relative; } .darkmode .gmp_footer_container { background-color:var(--color-section-bg); } .gmp_footer_wrapper { padding:0 15px; } .footer_wave { position:absolute; top:-64px; right:0; left:0; } .footer_wave svg { width:100%; height:4rem; fill:var(--color-accent); } .darkmode .footer_wave svg { fill:var(--color-section-bg); } .footer_widget .widget { margin-bottom:25px; } .footer_widget ul { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:15px; margin:0; padding:0; } .footer_widget ul li { list-style:none; margin:0; padding:0; } .footer_widget ul li a { display:inline-flex; color:var(--color-footer-link); } .footer_widget ul li a:hover { color:var(--color-footer-credit-link); } .footer_credit { color:var(--color-footer-credit-text); text-align:center; } .footer_credit a { color:#f1d98e; } /* --- Back To Top --- */ .gmp_back_to_top { position:fixed; right:15px; bottom:15px; z-index:1; opacity:0; visibility:hidden; transform:translateY(-25px); transition:all .3s ease; } .gmp_back_to_top.active { opacity:1; visibility:visible; transform:translateY(0); } /* --- Alert --- */ .gmp_alert { border-radius:8px; margin:15px 0; padding:15px; overflow:hidden; position:relative; } .gmp_alert:not(.alert_outline) { background-color:var(--color-alert-default-bg); } .gmp_alert.alert_outline { border:1px solid; border-color:var(--color-border-default); } .gmp_alert.alert_info, .gmp_alert.alert_warning, .gmp_alert.alert_success, .gmp_alert.alert_error { background-repeat:no-repeat; background-size:24px; background-position:15px 15px; padding:15px 15px 15px 50px; } .gmp_alert.alert_info { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' fill='%2300a7e6'/%3E%3C/svg%3E"); } .gmp_alert.alert_warning { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' fill='%23ecb621'/%3E%3C/svg%3E"); } .gmp_alert.alert_warning:not(.alert_outline) { background-color:var(--color-alert-warning-bg); color:var(--color-alert-text-warning); } .gmp_alert.alert_success { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%2341ba79'/%3E%3C/svg%3E"); } .gmp_alert.alert_success:not(.alert_outline) { background-color:var(--color-alert-success-bg); color:var(--color-alert-text-success); } .gmp_alert.alert_error { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.2,16.06L3.88,12L2.2,7.94L6.26,6.26L7.94,2.2L12,3.88L16.06,2.2L17.74,6.26L21.8,7.94L20.12,12L21.8,16.06L17.74,17.74L16.06,21.8L12,20.12L7.94,21.8L6.26,17.74L2.2,16.06M13,17V15H11V17H13M13,13V7H11V13H13Z' fill='%23ff6372'/%3E%3C/svg%3E"); } .gmp_alert.alert_error:not(.alert_outline) { background-color:var(--color-alert-error-bg); color:var(--color-alert-text-error); } .gmp_alert.alert_info:before, .gmp_alert.alert_warning:before, .gmp_alert.alert_success:before, .gmp_alert.alert_error:before { content:''; position:absolute; top:45px; left:27px; height:calc(100% - 60px); border-left:1px solid; } .gmp_alert.alert_info:before { border-color:var(--color-alert-text-info); } .gmp_alert.alert_warning:before { border-color:var(--color-alert-text-warning); } .gmp_alert.alert_success:before { border-color:var(--color-alert-text-success); } .gmp_alert.alert_error:before { border-color:var(--color-alert-text-error); } .gmp_alert.alert_info:not(.alert_outline) { background-color:var(--color-alert-info-bg); color:var(--color-alert-text-info); } .gmp_alert.alert_info.alert_outline { border-color:var(--color-alert-text-info); } .gmp_alert.alert_warning.alert_outline { border-color:var(--color-alert-text-warning); } .gmp_alert.alert_success.alert_outline { border-color:var(--color-alert-text-success); } .gmp_alert.alert_error.alert_outline { border-color:var(--color-alert-text-error); } .gmp_alert .alert_message strong { display:block; margin-bottom:10px; } .gmp_alert.alert_info .alert_message strong { color:var(--color-alert-text-info); } .gmp_alert.alert_warning .alert_message strong { color:var(--color-alert-text-warning); } .gmp_alert.alert_success .alert_message strong { color:var(--color-alert-text-success); } .gmp_alert.alert_error .alert_message strong { color:var(--color-alert-text-error); } .gmp_alert .alert_message a:not(.gmp_button) { display:inline-block; color:inherit; text-decoration:underline; } /* --- Button --- */ button { background:transparent; border:none; outline:none; cursor:pointer; user-select:none; font-family:inherit; position:relative; } .button_wrap { display:flex; align-items:center; flex-wrap:wrap; gap:10px; } .gmp_button { display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:400; color:var(--color-button-text); background-color:transparent; outline:none; border:none; border-radius:7px; height:44px; padding:0 15px; cursor:pointer; user-select:none; white-space:nowrap; position:relative; } .gmp_button:not(.unelevated, .raised, .disabled) { color:var(--color-accent); } .gmp_button:not(.unelevated, .raised, .disabled, .share_this_post a:nth-child(n+2)):hover { background-color:var(--color-button-icon-bg); } .gmp_button.outline { border:1px solid; border-color:var(--color-accent); } .gmp_button.unelevated:not(.disabled), .gmp_button.raised:not(.disabled) { background-color:var(--color-accent); } .gmp_button.unelevated:not(.disabled):hover, .gmp_button.raised:not(.disabled):hover { box-shadow:inset 0 0 0 99999px rgb(0 0 0 / 15%); } .gmp_button.rounded { border-radius:30px; } .gmp_button.raised { box-shadow:0 1px 2px 0 rgb(0 0 0 / 30%), 0 1px 3px 1px rgb(0 0 0 / 15%); } .gmp_button.disabled { color:var(--color-text-secondary); cursor:not-allowed; } .gmp_button.outline.disabled { border-color:rgba(0, 0, 0, 0.12); } .darkmode .gmp_button.outline.disabled { border-color:#3346574a; } .gmp_button.unelevated.disabled, .gmp_button.raised.disabled { background-color:rgb(0 0 0 / 5%); } .darkmode .gmp_button.unelevated.disabled, .darkmode .gmp_button.raised.disabled { background-color:#14283a; } .gmp_button svg { width:21px; height:21px; margin-right:7px; } .gmp_button_icon { background-color:var(--color-button-icon-bg); color:var(--color-accent); border-radius:12px; line-height:0; padding:6px; } .gmp_button_icon:hover { background-color:var(--color-accent); color:var(--color-button-icon-text); } .gmp_button.small { height:32px; padding:0 12px; } .gmp_button.small svg { width:16px; height:16px; } .gmp_button.large { height:56px; } /* --- Table --- */ .gmp_table { border:1px solid; border-color:var(--color-border-default); border-radius:7px; overflow-x:auto; } .gmp_table table { font-size:14px; border:0; border-collapse:collapse; min-width:100%; white-space:nowrap; margin:0; } .gmp_table .table_primary thead { background-color:var(--color-table-primary-bg); color:var(--color-table-text-primary); } .gmp_table .table_warning thead { background-color:var(--color-table-warning-bg); color:var(--color-table-text-warning); } .gmp_table .table_success thead { background-color:var(--color-table-success-bg); color:var(--color-table-text-success); } .gmp_table .table_error thead { background-color:var(--color-table-error-bg); color:var(--color-table-text-error); } .gmp_table table thead th { font-weight:700; border-bottom:1px solid; border-color:var(--color-border-default); text-align:center; } .gmp_table table th, .gmp_table table td { padding:15px; } .gmp_table table th { font-weight:400; } .gmp_table table tbody tr:not(:first-child) { border-top:1px solid; border-color:var(--color-border-default); } .gmp_table .table_stripped tbody tr:nth-of-type(2n+1), .gmp_table .table_hovered tbody tr:hover { background-color:var(--color-action-hover-bg); } .gmp_table.table_sticky { max-height:400px; overflow:auto; } .gmp_table.table_sticky table { border-collapse:separate; border-spacing:0; } .gmp_table.table_sticky table thead { position:sticky; top:0; } .gmp_table.table_sticky table thead:not(.gmp_table .table_primary thead, .gmp_table .table_warning thead, .gmp_table .table_success thead, .gmp_table .table_error thead) { background-color:var(--color-table-header-sticky); } .gmp_table.table_sticky table tbody tr:not(:last-child) th, .gmp_table.table_sticky table tbody tr:not(:last-child) td { border-bottom:1px solid; border-color:var(--color-border-default); } /* --- Accordion/Collapsible Panel --- */ .gmp_collapse { display:block; margin:15px 0; } .gmp_collapse .collapse_panel { background-color:var(--color-collapsible-bg); border-radius:7px; } .gmp_collapse .collapse_panel:not(:last-child) { margin-bottom:15px; } .gmp_collapse .collapse_panel .collapse_header { display:flex; align-items:center; justify-content:space-between; font-size:14px; font-weight:700; padding:15px; cursor:pointer; } .gmp_collapse .collapse_panel .collapse_header:after { content:''; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' fill='%232447f9'/%3E%3C/svg%3E") no-repeat center; flex:0 0 auto; width:24px; height:24px; margin-left:15px; } .darkmode .gmp_collapse .collapse_panel .collapse_header:after { background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' fill='%2358a6ff'/%3E%3C/svg%3E") no-repeat center; } .gmp_collapse .collapse_panel .collapse_header.active:after { background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19,13H5V11H19V13Z' fill='%235f6368'/%3E%3C/svg%3E") no-repeat center; } .darkmode .gmp_collapse .collapse_panel .collapse_header.active:after { background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19,13H5V11H19V13Z' fill='%236f8698'/%3E%3C/svg%3E") no-repeat center; } .gmp_collapse .collapse_panel .collapse_content { display:none; font-size:14px; padding:0 15px 15px; } .gmp_collapse .collapse_panel .collapse_content.open { display:block; } /* --- Blockquote --- */ blockquote { border:1px solid; border-color:var(--color-border-default); border-radius:7px; font-size:16px; margin:45px 0 30px; padding:25px; position:relative; } blockquote:before { content:''; background-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 11H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1'/%3E%3Cpath d='M19 11h-4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1'/%3E%3Cpath d='M10 7v6c0 2.667-1.333 4.333-4 5'/%3E%3Cpath d='M19 7v6c0 2.667-1.333 4.333-4 5'/%3E%3C/svg%3E"); background-size:22px; background-repeat:no-repeat; background-position:center; background-color:var(--color-accent); border-radius:50%; width:35px; height:35px; position:absolute; top:-18px; left:25px; transform:rotate(180deg); } blockquote span, blockquote small, blockquote footer { display:block; font-size:14px; color:var(--color-text-secondary); } /* --- Media --- */ .media_player { height:0; margin:15px 0; padding-bottom:56.25%; position:relative; overflow:hidden; } .media_player embed, .media_player iframe, .media_player object, .media_player .yt_thumb { width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; cursor:pointer; } .media_player .yt_thumb { filter:brightness(.6); } .media_player .play_button { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); line-height:0; z-index:1; cursor:pointer; } .media_player .play_button svg { fill:#ffffff; width:50px; height:50px; opacity:.6; } .media_player:hover .play_button svg { opacity:1; } /* --- Post Reference --- */ .post_reference { font-size:14px; line-height:1.5em; opacity:.7; } /* --- Syntax Highlighter --- */ .gmp_highlight { color:var(--color-text-secondary); margin:15px 0; position:relative; } .gmp_highlight pre { font-size:14px; line-height:1.4em; background-color:var(--color-body-bg); border:1px solid; border-color:var(--color-pre-border); border-radius:7px; overflow-x:auto; padding:45px 15px 15px; } .gmp_highlight pre[data-lang] { padding-top:65px; } .gmp_highlight pre[data-lang]:before { content:attr(data-lang); position:absolute; top:0; right:0; left:0; border-bottom:1px solid; border-color:var(--color-pre-border); padding:15px; } code:not(pre code) { font-size:14px; word-break:break-word; background-color:var(--color-body-bg); color:var(--color-text-secondary); border:1px solid; border-color:var(--color-border-default); border-radius:7px; padding:0 4px; } .pre_copy_button { position:absolute; top:15px; right:15px; cursor:pointer; } .pre_copy_button:hover { color:var(--color-accent); } /* --- Manual Related Post --- */ .manual_related_post { background-color:var(--color-mrp-bg); border-left:3px solid; border-color:var(--color-accent); margin:15px 0; padding:15px; } /* --- Table of Contents --- */ #toc_wrap { display:inline-block; border-left:5px solid; border-color:var(--color-accent); word-break:normal; margin:15px 0; padding-left:15px; } .toc_header { display:flex; align-items:center; gap:7px; } .toc_title { font-size:16px; font-weight:700; } .show_hide_toc_button { line-height:0; cursor:pointer; } .show_hide_toc_button svg:first-child { display:none; } .show_hide_toc_button.hide svg:last-child { display:none; } .show_hide_toc_button.hide svg:first-child { display:block; } #toc_content.hide { display:none; } #toc_content { margin-top:10px; } #toc_content ol { margin:0; padding:0; } #toc_content ol li { list-style:none; margin:0; padding:0; position:relative; } #toc_content ol li a { display:inline-flex; font-size:14px; color:var(--color-text-primary); } #toc_content ol li a:hover { color:var(--color-accent); } #toc_content li ol { padding:0 0 0 18px; } #toc_content li ol li:before { background-color:#e6e6e6; width:8px; height:8px; border-radius:50%; position:absolute; top:11px; left:-28px; } #toc_content li ol li:after { display:block; border-top:1px dashed; border-color:var(--color-border-default); position:absolute; top:15px; left:-22px; width:15px; } /* --- Tabs --- */ .product_tabs { border:1px solid; border-color:var(--color-border-default); border-radius:7px; padding:15px; } .product_tabs ul#tab_nav { display:flex; align-items:center; margin:0 0 15px; padding:0; overflow-x:auto; } .product_tabs ul#tab_nav li { list-style:none; margin:0; padding:0; } .product_tabs ul#tab_nav li a { display:block; font-size:14px; color:var(--color-text-secondary); text-transform:uppercase; white-space:nowrap; border-bottom:1px solid; border-color:transparent; padding:10px 15px; } .product_tabs ul#tab_nav li.active a { color:var(--color-text-primary); border-color:var(--color-border-default); } /* --- Product Showcase --- */ .product_default, .product_shopee, .product_tokopedia { color:#000000; border-radius:8px; margin:20px 0; } .product_default { background-color:#eed68c; } .product_shopee { background:linear-gradient(-180deg,#f53d2d,#f63); } .product_tokopedia { background-color:rgb(3,172,14); } .product_default .title, .product_shopee .title, .product_tokopedia .title { font-size:16px; font-weight:700; color:#ffffff; text-transform:uppercase; padding:15px; } .product_default .title { color:#3e3f43; } .product_content { overflow-x:auto; } .product_inside { display:inline-flex; gap:10px; padding:0 15px 15px; } .product_list { display:inline-grid; grid-template-rows:auto 1fr auto; background-color:#ffffff; border-radius:8px; width:200px; overflow:hidden; } .product_thumbnail { line-height:0; } .product_title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:12px; font-weight:400; line-height:1.4; margin:10px; } .product_content .product_price { font-size:14px; font-weight:700; margin:0 10px; } .product_shopee .product_price { color:#ee4d2d; } .buy_now_button { text-decoration:none!important; text-align:center; border-radius:4px; margin:10px; padding:5px; } .product_default .buy_now_button { background-color:#eed68c; color:#3e3f43; } .product_shopee .buy_now_button { background-color:#ee4d2d; color:#ffffff; } .product_tokopedia .buy_now_button { background-color:rgb(3,172,14); color:#ffffff; } .buy_now_button:hover { box-shadow:inset 0 0 0 99999px rgb(0 0 0 / 15%); } /* --- Animation --- */ @keyframes ping { 75%, to { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } .lazyload { background-color:#f1f1f1; } .darkmode .lazyload { background-color:#1e3243; } /* --- Backdrop --- */ .gmp_backdrop { position:fixed; top:0; right:0; bottom:0; left:0; background-color:var(--color-backdrop); opacity:0; visibility:hidden; z-index:998; transition:all .3s ease; } .menu_active .gmp_backdrop, .cb_active .gmp_backdrop { opacity:.8; visibility:visible; } .cb_active .gmp_backdrop { z-index:999; } /* --- Advertisement --- */ .ad_box { display:flex; align-items:center; justify-content:center; background-color:var(--color-section-bg); color:var(--color-text-secondary); border-radius:7px; width:100%; height:200px; font-size:14px; } .gmp_ad_under_header { max-width:1200px; margin:0 auto; padding:0 15px; } .isProductPage .gmp_ad_under_header { max-width:980px; } .gmp_ad_under_header .widget { margin-bottom:30px; } #ms_matched_content { margin-top:30px; } #top_ad_content, #middle_ad1_content, #middle_ad2_content, #parallax_ad_content, #bottom_ad_content { margin:24px 0; } .post_body .ad_box { border:1px solid; border-color:var(--color-border-default); } #parallax_ad_content { display:none; } .infeed_ads:not(.layout_switch_active .infeed_ads) { grid-column:1 / span 2; } .isPostProduct #top_ad_content, .isPostProduct #middle_ad1_content, .isPostProduct #parallax_ad_content, .isPostProduct #middle_ad2_content, .isPostProduct #bottom_ad_content { display:none; } /* --- Facebook Page --- */ .facebook_page, .youtube_page { background-color:var(--color-section-bg); border-radius:7px; text-align:center; padding:15px; } .facebook_photo, .youtube_photo { line-height:0; margin-bottom:15px; } .facebook_photo img, .youtube_photo img { width:75px; height:75px; border:1px solid; border-color:var(--color-border-default); border-radius:50%; } .facebook_name, .youtube_name { font-size:16px; font-weight:500; margin-bottom:5px; } .facebook_description, .youtube_description { color:var(--color-text-secondary); margin-bottom:25px; } /* --- Steps Section --- */ .steps_section { display:flex; } .steps_section .left { flex:0 0 auto; margin-right:15px; position:relative; overflow:hidden; } .steps_section .left:after { content:''; width:1px; height:100%; background-color:var(--color-accent); position:absolute; top:40px; left:50%; } .steps_section.done .left:after { display:none; } .steps_section .left .icon { display:flex; border:1px solid; border-color:var(--color-accent); border-radius:50%; color:var(--color-text-secondary); padding:10px; } .steps_section .left .icon svg { width:18px; height:18px; } .steps_section .right { width:100%; overflow:hidden; padding:8px 0 25px; } .steps_section .right:before { content:attr(data-step); font-weight:700; } /* --- Owl Carousel v2.3.4 --- */ .owl-carousel { display:none; width:100%; -webkit-tap-highlight-color:transparent; position:relative; z-index:1; } .owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y; touch-action:manipulation; -moz-backface-visibility:hidden; } .owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .owl-carousel .owl-stage-outer { border-radius:7px; position:relative; overflow:hidden; -webkit-transform:translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); } .owl-carousel .owl-item { position:relative; min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; } .owl-carousel .owl-item img { display:block; width:100%; border-radius:7px; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display:none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background:none; color:inherit; border:none; padding:0 !important; font:inherit; } .owl-carousel.owl-loaded { display:flex; } .owl-carousel.owl-loading { opacity:0; display:block; } .owl-carousel.owl-hidden { opacity:0; } .owl-carousel.owl-refresh .owl-item { visibility:hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action:pan-y; touch-action:pan-y; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .owl-carousel.owl-grab { cursor:move; cursor:grab; } .owl-carousel.owl-rtl { direction:rtl; } .owl-carousel.owl-rtl .owl-item { float:right; } .no-js .owl-carousel { display:block; } .owl-carousel .animated { animation-duration:1000ms; animation-fill-mode:both; } .owl-carousel .owl-animated-in { z-index:0; } .owl-carousel .owl-animated-out { z-index:1; } .owl-carousel .fadeOut { animation-name:fadeOut; } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } .owl-height { transition:height 500ms ease-in-out; } } .owl-carousel .owl-item .owl-lazy { opacity:0; transition:opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height:0; } .owl-carousel .owl-item img.owl-lazy { transform-style:preserve-3d; } .owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000; } .owl-carousel .owl-video-play-icon { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url("owl.video.play.png") no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display:none; } .owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity 400ms ease; } .owl-carousel .owl-video-frame { position:relative; z-index:1; height:100%; width:100%; } .owl-nav { position:absolute; top:36%; right:0; left:0; } .owl-nav div { position:absolute; background-color:rgba(0, 0, 0, 0.5); border-radius:5px; line-height:0; padding:8px; } .owl-nav div.disabled { display:none; } .owl-nav .owl-prev { left:10px; } .owl-nav .owl-next { right:10px; } .owl-nav div svg { width:18px; height:18px; fill:#ffffff; } /* --- CSE Google --- */ .gmp_main_post .gsc-control-cse { background-color:var(--color-section-bg); border:none; border-radius:7px; font-family:inherit; } .gmp_main_post .gsc-result-info { color:var(--color-text-secondary); } .gmp_main_post .gsc-selected-option-container { background-color:var(--color-button-icon-bg); color:var(--color-text-primary); border:none; box-shadow:none; } .gmp_main_post .gsc-selected-option { white-space:nowrap; } .gmp_main_post .gsc-orderby-label { color:var(--color-text-secondary); } .gmp_main_post .gsc-above-wrapper-area { border:none; } .gmp_main_post .gsc-webResult.gsc-result { border:none; border-bottom:1px solid; border-color:var(--color-border-default); padding:15px 0; } .gmp_main_post .gs-result .gs-title * { font-weight:500; color:var(--color-text-primary); } .gmp_main_post .gs-webResult .gs-visibleUrl { color:var(--color-alert-text-success); } .gmp_main_post .gsc-control-cse .gsc-table-result { display:flex; margin-top:12px; } .gmp_main_post .gs-web-image-box { float:none; width:auto; margin-right:12px; margin-left:0!important; padding:0; } .gmp_main_post .gs-webResult .gs-snippet { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:var(--color-text-secondary); } .gmp_main_post .gsc-richsnippet-showsnippet-label { display:none; } .gmp_main_post .gs-result .gs-image { border:none; line-height:0; } .gmp_main_post .gs-result img { width:62px!important; height:62px!important; object-fit:cover; border:none; border-radius:7px; } .gmp_main_post .gcsc-find-more-on-google-branding, .gmp_main_post .gcsc-branding { display:none; } .gmp_main_post .gcsc-more-maybe-branding-root { margin-top:15px; } .gmp_main_post .gcsc-find-more-on-google-magnifier { width:13px; height:13px; fill:currentcolor; } .gmp_main_post .gcsc-find-more-on-google { color:currentcolor; } .gmp_main_post .gcsc-more-maybe-branding-box { border-color:var(--color-border-default); border-radius:7px; margin:15px 0 0; } .gmp_main_post .gsc-results .gsc-cursor-box .gsc-cursor-page { color:var(--color-text-secondary); } .gmp_main_post .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color:var(--color-accent); } .gmp_main_post .gsc-results .gsc-cursor-box { border-color:var(--color-border-default); } .gmp_main_post .gsc-results .gsc-cursor { color:var(--color-text-primary); } .gmp_main_post .gsc-cursor-chevron { width:13px; height:13px; fill:currentcolor; } /* --- Safelink --- */ .safelink_wrapper { font-size:14px; } .safelink_generate_input, .safelink_output { display:flex; flex-wrap:wrap; gap:15px; } .safelink_generate_input input, .safelink_output input { background-color:var(--color-input-bg); color:var(--color-text-primary); border:1px solid; border-color:var(--color-border-default); border-radius:7px; width:100%; height:44px; padding:0 15px; } .safelink_generate_input input::placeholder { color:var(--color-text-secondary); } .safelink_generate_input input:focus::placeholder { opacity:.5; } .safelink_loading { display:flex; align-items:center; margin-top:25px; } .safelink_loading svg { fill:currentcolor; margin-right:7px; } .safelink_output { margin-top:25px; } .hidden { display:none; } .safelink_post_generating { border:1px solid; border-color:var(--color-border-default); border-radius:7px; text-align:center; margin:15px 0; padding:15px; } .safelink_post_icon { display:inline-block; border:1px solid; border-color:var(--color-border-default); border-radius:50%; line-height:0; margin-bottom:15px; padding:15px; } .safelink_post_title { font-size:18px; font-weight:700; margin-bottom:3px; } .safelink_post_description { font-size:14px; margin-bottom:15px; } .pietimer { font-size:14px!important; } .pietimer:before { content:attr(data-text); margin-right:7px; } #gotolink { margin:15px 0; } /* --- Media Responsive --- */ @media screen and (max-width:1024px) { .menu_button { display:block; } .header_left .header { margin:0 15px; } .gmp_navigation { position:fixed; top:60px; right:0; left:0; background-color:var(--color-section-bg); border-radius:0 0 24px 24px; max-height:0; overflow-y:auto; transition:max-height .5s ease; } .menu_active .gmp_navigation { max-height:80vh; } .navigation_widget { padding:8px 0; } .gmp_navigation ul { display:block; } .gmp_navigation ul li .arrow_icon { margin-left:auto; } .gmp_navigation ul li a { line-height:44px; } .gmp_navigation li ul { position:unset; box-shadow:none; opacity:unset; visibility:unset; border:none; background-color:transparent; max-height:0; padding:0; transform:unset; transition:max-height .5s ease; } .gmp_navigation li ul.show { max-height:100vh; } .gmp_navigation li ul li a { padding-left:54px; } .gmp_content_wrapper { grid-gap:30px 0; } .isProductPage .blog_posts { grid-template-columns:1fr 1fr; } .gmp_main_post { grid-column:1 / span 12; } .gmp_sidebar { grid-column:1 / span 12; grid-row-start:2; } .sidebar_product .HTML { display:none; } .product_checkout_in_post { display:block; } .isPost .gmp_back_to_top { bottom:89px; } } @media screen and (max-width:480px) { .header_left .header { margin:0 10px; } .header_left .header h1, .header_left .header h2 { font-size:20px; } .header_right { gap:10px; } .gmp_top_height { margin-bottom:15px; } .gmp_ad_under_header .widget { margin-bottom:15px; } .product_banners { margin:0 auto 15px; } .highlight_post_wrapper { margin-bottom:15px; } .highlight_post_wrapper .title svg { margin:0; } .highlight_post_wrapper .title span { display:none; } .FeaturedPost .post_inside { display:block; } .FeaturedPost .post_thumbnail { width:100%; } .highlight_post_title { border:none; margin-right:5px; padding:0; } .highlight_post_title span { display:none; } .isMultipleItems .blog_posts { grid-gap:10px; } .layout_switch_active .post_thumbnail:not(.FeaturedPost .post_thumbnail) { width:120px; } h2.post_title:not(.FeaturedPost h2.post_title) { font-size:14px; } h1.entry_post_title { font-size:22px; } #post_middle { font-size:14px; } .related_posts ul { grid-template-columns:1fr 1fr; grid-gap:10px; } .post_coverage_content ul { grid-template-columns:1fr; } #parallax_ad_content { display:block; } #parallax_ad_content { position:relative; overflow:visible; height:700px; } #parallax_ad_content > div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; clip: rect(auto auto auto auto); overflow: hidden; } #parallax_ad_content > div > div { width:100%; height:100%; position:fixed; top:80px; left:0; padding:0 30px; transition:top .3s cubic-bezier(0.23, 1, 0.32, 1) 0s; } } @media screen and (max-width:320px) { .product_build_info ul li { align-items:unset; flex-direction:column; } .share_this_post a { font-size:12px; } .gmp_button svg { width:14px; height:14px; } } ]]>

div { border-radius:8px; overflow:hidden; } body#layout .add_widget a { color:#6750a4; } body#layout .visibility .layout-widget-state.not-visible { background-image:url("https://4.bp.blogspot.com/-tqL3-mrEM7A/XR_H_P3mFZI/AAAAAAAABSs/4PO1g3CDQbse_mJYzwn-60OQoYMFcq1FQCK4BGAYYCw/s1600/visibility_off_c3_600_24dp.png"); opacity:1; } body#layout .draggable-widget .widget-wrap2 { background-color:#6750a4; } body#layout .visibility .editlink.icon { border:1px solid; border-color:#dadce0; border-radius:8px; padding:4px; } body#layout .visibility .editlink.icon:hover { background-color:#eee; } body#layout .gmp_panel, body#layout .header_left, body#layout .header_right, body#layout .gmp_search_container, body#layout .gmp_ad_under_header, body#layout .product_banners, body#layout .main, body#layout .infeed_ad, body#layout .top_ad, body#layout .middle_ad1, body#layout .parallax_ad, body#layout .middle_ad2, body#layout .bottom_ad, body#layout .matched_content, body#layout .sidebar, body#layout .sidebar_sticky, body#layout .sidebar_product, body#layout .sidebar_product_sticky, body#layout .post_coverage, body#layout .footer_widget, body#layout .gmp_custom_script { background-color:rgba(208, 215, 222, 0.32) !important; border-radius:7px; width:-webkit-fill-available; margin:0 !important; padding:15px !important; } body#layout .gmp_panel, body#layout .gmp_search_container, body#layout .gmp_ad_under_header, body#layout .product_banners, body#layout .main, body#layout .infeed_ad, body#layout .top_ad, body#layout .middle_ad1, body#layout .parallax_ad, body#layout .middle_ad2, body#layout .bottom_ad, body#layout .matched_content, body#layout .sidebar, body#layout .sidebar_sticky, body#layout .sidebar_product, body#layout .footer_widget { margin-bottom:15px !important; } body#layout .gmp_header_wrapper, body#layout .gmp_content_wrapper { display:flex; margin-bottom:15px; } body#layout .header_left, body#layout .gmp_main_post { margin-right:15px !important; } body#layout .gmp_main_post, body#layout .gmp_sidebar { width:-webkit-fill-available; } body#layout .gmp_ad_under_header .widget-content, body#layout .infeed_ad .widget-content, body#layout .top_ad .widget-content, body#layout .middle_ad1 .widget-content, body#layout .parallax_ad .widget-content, body#layout .middle_ad2 .widget-content, body#layout .bottom_ad .widget-content, body#layout .matched_content .widget-content { background-color:#f1e0b4; } body#layout .gmp_ad_under_header .visibility .editlink.icon, body#layout .infeed_ad .visibility .editlink.icon, body#layout .top_ad .visibility .editlink.icon, body#layout .middle_ad1 .visibility .editlink.icon, body#layout .parallax_ad .visibility .editlink.icon, body#layout .middle_ad2 .visibility .editlink.icon, body#layout .bottom_ad .visibility .editlink.icon, body#layout .matched_content .visibility .editlink.icon { border-color:#3e3f43; } body#layout .gmp_navigation { margin-top:15px; } ]]>

Tidak Dikategorikan Uncategorized

Tak ada hasil yang ditemukan untuk No results found for

Oleh

( )

Kunjungi profil Visit profile

NONE

]]>

0

-1

false

BEHIND

0

<div id='notification_wrapper'> <div class='no_new_notifications'>Tidak ada notifikasi baru.</div> <script> //<![CDATA[ var rcp_numposts = 10; var rcp_snippet_length = 500; var rcp_date = 'no'; var rcp_comment = 'Komentar'; var rcp_disable = 'T?t Nh?n xét'; function notification_wrapper(json) { var dw = ''; a = location.href; y = a.indexOf('?m=0'); dw += '<ul>'; for (var i = 0; i < rcp_numposts; i++) { var entry = json.feed.entry[i]; var rcp_posttitle = entry.title.$t; if ('content' in entry) { var rcp_get_snippet = entry.content.$t } else { if ('summary' in entry) { var rcp_get_snippet = entry.summary.$t } else { var rcp_get_snippet = ""; } }; rcp_get_snippet = rcp_get_snippet.replace(/<[^>]*>/g, ""); if (rcp_get_snippet.length < rcp_snippet_length) { var rcp_snippet = rcp_get_snippet } else { rcp_get_snippet = rcp_get_snippet.substring(0, rcp_snippet_length); var space = rcp_get_snippet.lastIndexOf(" "); rcp_snippet = rcp_get_snippet.substring(0, space) + ""; }; for (var j = 0; j < entry.link.length; j++) { if ('thr$total' in entry) { var rcp_commentsNum = entry.thr$total.$t + ' ' + rcp_comment } else { rcp_commentsNum = rcp_disable }; if (entry.link[j].rel == 'alternate') { var rcp_posturl = entry.link[j].href; if (y != -1) { rcp_posturl = rcp_posturl + '?m=0' } var rcp_postdate = entry.published.$t; if ('media$thumbnail' in entry) { var rcp_thumb = entry.media$thumbnail.url } else { rcp_thumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwO1Wpzpw_wlMmsFgQ1kg0IgXsRWK9EHcFGyqCaNdiUUN8LcjU8BjmuMI_ZId4rzMGPAClg_ut0M8kIuplaBDcUvHPOjvq82LvXwUvGrH4ximoj7hqcxvHqQiVmp69ZWcAQgq8jw1PCVSLapUqb7TKO7YHIxi25KjaJmZOWnoR2vleh5bvCM0Q2dXY/s1600/No%20Image.jpg" }; } }; dw += '<li>'; dw += '<div class="post_title"><a href="' + rcp_posturl + '" rel="nofollow"">' + rcp_posttitle + '</a></div><div class="post_snippet">' + rcp_snippet + '</div>'; if (rcp_date == 'yes') { dw += '<div class="post_date"><time class="published time_ago" datetime="' + rcp_postdate.substring(5, 10) + '">' + rcp_postdate.substring(0, 4) + rcp_postdate.substring(5, 7) + rcp_postdate.substring(8, 10) + '</time></div>'; }; dw += '</li>'; }; dw += '</ul>'; document.getElementById('notification_wrapper').innerHTML = dw; }; //]]> </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=notification_wrapper"></script> </div>

10

true

LAST_WEEK

404

Oops! halaman tidak ditemukan Oops! page not found

Maaf, kami tidak dapat menemukan halaman yang Anda cari. Sorry, we couldn't find the page you were looking for.

https://blogger.googleusercontent.com/img/a/AVvXsEgygXdxeuAdmRtfPHsfLFCTBCQDXUVn6W3amsNttu0Mh5Dp2Qu4wZv3PyIccYz5SSEk01I3Anys5gX9wM7X7-rtEsxs7M9Ngq4HmwYmcrn_2lZZJqsn7r4UiqHdfw-3i3TKiOa3CoD7MHFJasY8akzp7Oy_6phX18eEAJfVIU0OAfrGup1kTWB3LdPxWw=s1362

400

780

false

1362

/

https://blogger.googleusercontent.com/img/a/AVvXsEinv-aq1sQXk8Zx23p74K2kqADBxpPGJZ3cPn3wZPQBsaiOPMp4iLKIFpF0IZWTX1yx3NFuNaGB7c0WziziOyiZJrBySv34UPUICYKGD-cZV63BOKWBQmOt9-_EQPX443Gt5YruOrqz0eKtz9xVqvV2_dLTwgGP8qU-e7zKwroGfoi6S6zjhvIEAWO9CQ=s1362

400

780

false

1362

/

https://blogger.googleusercontent.com/img/a/AVvXsEi2WOgEl9VAYOWUVe1IkiLf8G9TeM7r80QuoUoxVcZixd8pPjBQ2HyU9SBvSCjMl6A9DmmsH8lJys0tdGaaGg80SfVdTKz8xbDDk1mohIOmHy4m9gzQhHK7wbA1op1wK3P-xiHMcX4VgB1vbkS3oICzG1DarcQBT9LcexthZnlAV3qIeGQTI9UtYsJckQ=s1362

400

780

false

1362

/

https://blogger.googleusercontent.com/img/a/AVvXsEjR7PCukb2W6AiXC0MtDuvVYHtkA2k78aqg4oEL5g4XpJkv5eo3t8-QQ3eeh0_Iwc7oTeDMyV7ofWtCEOKBae80sMOVXKS_whCq5nOH-MkM5GyKYIP0TltP6N2eErbFYiLBRrGnO3Tl4w5VgPl9eECtz4XxKj_sbGsFYBRhG8BqpvU5sSVyYe7Cvd56WA=s1362

400

780

false

1362

/

https://blogger.googleusercontent.com/img/a/AVvXsEiYisy44051DnZVZlCnazxKKubghV01PGw4UzYLbLtMi_hp20NP2WVUG3aO6z8GiaVioGOJM8Hvyvy-AfbXRBNTOF_lIf4_kCwQCTEsA8MRUaL8lCAEfbcHI_udzz04SPEYdpD5eDWyuL3xRJTwPGTmaKX0CzGHaOeSQEB7eestOfogmFMtevSCHbUrWw=s1362

400

780

false

1362

/

true

7181320064104187036

true