body { background-color: rgba(0, 0, 0, 0); margin: 0 auto; overflow: hidden; /* ฟอนต์ */ --font: "Kanit", sans-serif; --font-size: 14pt; --font-color: #FFFFFF; /* กรอบข้อความ */ --text-stroke-color: #000000; /* ใช้ 'transparent' หากไม่ต้องการเงา */ /* สีหลอดหลัก (Progress Bar) */ --color-background-progress: #7bae6a; /* สีหลอดย่อย (Done Part) */ --color-background-done: #c0edd0; /* ความโค้งของหลอด */ --progress-border-radius: 2em; /* สีและขนาดขอบหลอด */ --progress-border-color: #000000; --progress-border-size: 2px; /* พื้นหลังกรอบโดยรวม */ --color-background-overall: transparent; --background-overall-border-radius: 2em; --padding-vertical: 10px; --padding-horizontal: 18px; /* ความสูงของ Progress Bar */ --progress-height: 42px; } .DonateGoal_progressdone { border-radius: var(--progress-border-radius); background: var(--color-background-done) !important; height: var(--progress-height) !important; border-right: none !important; } .DonateGoal_progressprogress { border-radius: var(--progress-border-radius) !important; background: var(--color-background-progress) !important; height: var(--progress-height) !important; border: var(--progress-border-size) solid var(--progress-border-color); overflow: clip; } .DonateGoal_stylegoal { text-shadow: none !important; background: var(--color-background-overall) !important; padding: var(--padding-vertical) var(--padding-horizontal); border-radius: var(--background-overall-border-radius); } .DonateGoal_progresstext, .DonateGoal_styledeadline, .DonateGoal_styleend, .DonateGoal_stylename, .DonateGoal_stylegoal, .DonateGoal_stylestart { font-family: var(--font) !important; font-size: var(--font-size) !important; color: var(--font-color); text-shadow: -1px -1px 0 var(--text-stroke-color), 0 -1px 0 var(--text-stroke-color), 1px -1px 0 var(--text-stroke-color), 1px 0 0 var(--text-stroke-color), 1px 1px 0 var(--text-stroke-color), 0 1px 0 var(--text-stroke-color), -1px 1px 0 var(--text-stroke-color), -1px 0 0 var(--text-stroke-color); } .DonateGoal_stylelegend { /* หากต้องการซ่อน: เปิดบรรทัดนี้ */ /* display: none !important; */ } .DonateGoal_progress__text { line-height: var(--progress-height); }
Standard input is empty
body { background-color: rgba(0, 0, 0, 0); margin: 0 auto; overflow: hidden; /* ฟอนต์ */ --font: "Kanit", sans-serif; --font-size: 14pt; --font-color: #FFFFFF; /* กรอบข้อความ */ --text-stroke-color: #000000; /* ใช้ 'transparent' หากไม่ต้องการเงา */ /* สีหลอดหลัก (Progress Bar) */ --color-background-progress: #7bae6a; /* สีหลอดย่อย (Done Part) */ --color-background-done: #c0edd0; /* ความโค้งของหลอด */ --progress-border-radius: 2em; /* สีและขนาดขอบหลอด */ --progress-border-color: #000000; --progress-border-size: 2px; /* พื้นหลังกรอบโดยรวม */ --color-background-overall: transparent; --background-overall-border-radius: 2em; --padding-vertical: 10px; --padding-horizontal: 18px; /* ความสูงของ Progress Bar */ --progress-height: 42px; } .DonateGoal_progressdone { border-radius: var(--progress-border-radius); background: var(--color-background-done) !important; height: var(--progress-height) !important; border-right: none !important; } .DonateGoal_progressprogress { border-radius: var(--progress-border-radius) !important; background: var(--color-background-progress) !important; height: var(--progress-height) !important; border: var(--progress-border-size) solid var(--progress-border-color); overflow: clip; } .DonateGoal_stylegoal { text-shadow: none !important; background: var(--color-background-overall) !important; padding: var(--padding-vertical) var(--padding-horizontal); border-radius: var(--background-overall-border-radius); } .DonateGoal_progresstext, .DonateGoal_styledeadline, .DonateGoal_styleend, .DonateGoal_stylename, .DonateGoal_stylegoal, .DonateGoal_stylestart { font-family: var(--font) !important; font-size: var(--font-size) !important; color: var(--font-color); text-shadow: -1px -1px 0 var(--text-stroke-color), 0 -1px 0 var(--text-stroke-color), 1px -1px 0 var(--text-stroke-color), 1px 0 0 var(--text-stroke-color), 1px 1px 0 var(--text-stroke-color), 0 1px 0 var(--text-stroke-color), -1px 1px 0 var(--text-stroke-color), -1px 0 0 var(--text-stroke-color); } .DonateGoal_stylelegend { /* หากต้องการซ่อน: เปิดบรรทัดนี้ */ /* display: none !important; */ } .DonateGoal_progress__text { line-height: var(--progress-height); }