fork download 
  1. body {
  2.     background-color: rgba(0, 0, 0, 0);
  3.     margin: 0 auto;
  4.     overflow: hidden;
  5.  
  6.     /* ฟอนต์ */
  7.     --font: "Kanit", sans-serif;
  8.     --font-size: 14pt;
  9.     --font-color: #FFFFFF;
  10.  
  11.     /* กรอบข้อความ */
  12.     --text-stroke-color: #000000; /* ใช้ 'transparent' หากไม่ต้องการเงา */
  13.  
  14.     /* สีหลอดหลัก (Progress Bar) */
  15.     --color-background-progress: #7bae6a;
  16.  
  17.     /* สีหลอดย่อย (Done Part) */
  18.     --color-background-done: #c0edd0;
  19.  
  20.     /* ความโค้งของหลอด */
  21.     --progress-border-radius: 2em;
  22.  
  23.     /* สีและขนาดขอบหลอด */
  24.     --progress-border-color: #000000;
  25.     --progress-border-size: 2px;
  26.  
  27.     /* พื้นหลังกรอบโดยรวม */
  28.     --color-background-overall: transparent;
  29.     --background-overall-border-radius: 2em;
  30.     --padding-vertical: 10px;
  31.     --padding-horizontal: 18px;
  32.  
  33.     /* ความสูงของ Progress Bar */
  34.     --progress-height: 42px;
  35. }
  36.  
  37. .DonateGoal_progressdone {
  38.     border-radius: var(--progress-border-radius);
  39.     background: var(--color-background-done) !important;
  40.     height: var(--progress-height) !important;
  41.     border-right: none !important;
  42. }
  43.  
  44. .DonateGoal_progressprogress {
  45.     border-radius: var(--progress-border-radius) !important;
  46.     background: var(--color-background-progress) !important;
  47.     height: var(--progress-height) !important;
  48.     border: var(--progress-border-size) solid var(--progress-border-color);
  49.     overflow: clip;
  50. }
  51.  
  52. .DonateGoal_stylegoal {
  53.     text-shadow: none !important;
  54.     background: var(--color-background-overall) !important;
  55.     padding: var(--padding-vertical) var(--padding-horizontal);
  56.     border-radius: var(--background-overall-border-radius);
  57. }
  58.  
  59. .DonateGoal_progresstext,
  60. .DonateGoal_styledeadline,
  61. .DonateGoal_styleend,
  62. .DonateGoal_stylename,
  63. .DonateGoal_stylegoal,
  64. .DonateGoal_stylestart {
  65.     font-family: var(--font) !important;
  66.     font-size: var(--font-size) !important;
  67.     color: var(--font-color);
  68.     text-shadow:
  69.         -1px -1px 0 var(--text-stroke-color),
  70.          0   -1px 0 var(--text-stroke-color),
  71.          1px -1px 0 var(--text-stroke-color),
  72.          1px  0   0 var(--text-stroke-color),
  73.          1px  1px 0 var(--text-stroke-color),
  74.          0    1px 0 var(--text-stroke-color),
  75.         -1px  1px 0 var(--text-stroke-color),
  76.         -1px  0   0 var(--text-stroke-color);
  77. }
  78.  
  79. .DonateGoal_stylelegend {
  80.     /* หากต้องการซ่อน: เปิดบรรทัดนี้ */
  81.     /* display: none !important; */
  82. }
  83.  
  84. .DonateGoal_progress__text {
  85.     line-height: var(--progress-height);
  86. }
Success #stdin #stdout 0.03s 26016KB
comments (?)
stdin 
Standard input is empty
stdout 
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);
}
https://ideone.com/5rtoQ2
language:
PHP (php 7.3.5)
created:
3 days ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!