Enter Camp › เขตหลักกองพันที่สิบสอง › [THE LEGION SCOREBOARD 2026]

God โพสต์ 2026-1-11 17:52:50

[THE LEGION SCOREBOARD 2026]

<style type="text/css">
    /* สั่งเปลี่ยนพื้นหลังทั้งหน้าเว็บเป็นสีม่วงเข้มตามภาพตัวอย่าง */
    body {
      background-color: #2e0854 !important; /* สีม่วงเข้มเพียวๆ */
      background-image: none !important;    /* ปิดการใช้งานรูปภาพพื้นหลังเดิม */
      background-attachment: fixed !important;
    }

</style>



<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600&display=swap');



/* พื้นหลังกระดานคะแนน */
.jupiter-board {
    background: #2d004d; /* Tyrian Purple */
    background-image: radial-gradient(circle at center, #3d0066 0%, #1a002e 100%);
    border: 5px double #d4af37;
    padding: 40px 20px;
    border-radius: 25px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.6);
    max-width: 900px;
    margin: 20px auto;
}

/* พื้นที่แสดงกราฟมิติ */
.chart-frame {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    height: 380px; /* ความสูงรวมของพื้นที่กราฟ */
    margin: 40px 0;
    border-bottom: 4px solid #d4af37;
    padding-bottom: 5px;
    position: relative;
}

/* ตัวเสาคะแนนแบบโรมัน */
.pillar-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 15%;
}

.pillar-bar {
    width: 45px;
    /* สูตรคำนวณความสูง: คะแนน x 3.5 พิกเซล */
    height: calc(var(--points) * 3.5px);
    background: linear-gradient(90deg, #bf953f 0%, #fcf6ba 50%, #b38728 100%);
    position: relative;
    box-shadow: 5px 0 15px rgba(0,0,0,0.4);
    transition: height 1.2s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 3px 3px 0 0;
}

/* หัวเสา (Capital) */
.pillar-bar::before {
    content: "";
    position: absolute;
    top: -8px;
    left: -6px;
    right: -6px;
    height: 12px;
    background: #fcf6ba;
    border-radius: 4px;
    box-shadow: 0 -2px 8px rgba(252, 246, 186, 0.6);
}

/* กรอบแสดงตัวเลขคะแนน */
.score-tag {
    background: rgba(212, 175, 55, 0.2);
    border: 1px solid #d4af37;
    border-radius: 4px;
    padding: 2px 8px;
    margin-bottom: 15px;
}

/* สไตล์กองร้อยพิเศษ (สีเงิน) */
.special-bar {
    background: linear-gradient(90deg, #a8a8a8 0%, #ffffff 50%, #7d7d7d 100%) !important;
}
.special-tag {
    border-color: #ffffff !important;
}

/* สไตล์แบบฟอร์มตอบกระทู้ */
.principia-box {
    background: #ffffff;
    border: 2px solid #4b0082;
    border-left: 12px solid #4b0082;
    padding: 30px;
    margin: 20px auto;
    max-width: 650px;
    box-shadow: 8px 8px 0px #d4af37;
}


/* 1. เจาะจงเฉพาะโพสต์ ID 11003 ให้เป็นสีม่วงเข้มเพียวๆ ทึบแสง */
    #post_11003,
    #post_11003 .plc,
    #post_11003 .pls,
    #post_11003 .t_f,
    #post_11003 table,
    #post_11003 td,
    #post_11003 tr,
    #post_11003 div,
    #post_11003 section {
      /* ใช้สีม่วงเข้มทึบ (Solid Deep Purple) ไม่มีการไล่สี */
      background-color: #2e0854 !important;
      background-image: none !important;
      border: none !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }



</style>


<div class="jupiter-board" align="center">
    <font face="Kanit" color="#d4af37" size="6"><b>THE LEGION SCOREBOARD</b></font><br>
    <font face="Kanit" color="#fcf6ba" size="3"><i>CAMP JUPITER · TWELFTH LEGION FULMINATA</i></font>

    <div class="chart-frame">
      <div class="pillar-column">
            <div class="score-tag"><font face="Kanit" color="#ffffff">0</font></div>
            <div class="pillar-bar" style="--points: 0;"></div>
            <br><font face="Kanit" color="#d4af37" size="2">กองร้อยที่ 1</font>
      </div>

      <div class="pillar-column">
            <div class="score-tag"><font face="Kanit" color="#ffffff">0</font></div>
            <div class="pillar-bar" style="--points: 0;"></div>
            <br><font face="Kanit" color="#d4af37" size="2">กองร้อยที่ 2</font>
      </div>

      <div class="pillar-column">
            <div class="score-tag"><font face="Kanit" color="#ffffff">0</font></div>
            <div class="pillar-bar" style="--points: 0;"></div>
            <br><font face="Kanit" color="#d4af37" size="2">กองร้อยที่ 3</font>
      </div>

      <div class="pillar-column">
            <div class="score-tag"><font face="Kanit" color="#ffffff">0</font></div>
            <div class="pillar-bar" style="--points: 0;"></div>
            <br><font face="Kanit" color="#d4af37" size="2">กองร้อยที่ 4</font>
      </div>

      <div class="pillar-column">
            <div class="score-tag"><font face="Kanit" color="#ffffff">0</font></div>
            <div class="pillar-bar" style="--points: 0;"></div>
            <br><font face="Kanit" color="#d4af37" size="2">กองร้อยที่ 5</font>
      </div>

      <div class="pillar-column">
            <div class="score-tag special-tag"><font face="Kanit" color="#ffffff">05</font></div>
            <div class="pillar-bar special-bar" style="--points: 0;"></div>
            <br><font face="Kanit" color="#ffffff" size="2"><b>กองร้อยพิเศษ</b></font>
      </div>
    </div>

    <font face="Kanit" color="#fcf6ba" size="2"><i>"Senatus Populusque Romanus - เพื่อเกียรติแห่งจูปิเตอร์"</i></font>
</div>

God โพสต์ 2026-1-11 18:08:43

<div class="principia-box">
    <div align="center">
      <font face="Kanit" color="#4b0082" size="6"><b>REPORT OF HONOR</b></font><br>
      <font face="Kanit" color="#d4af37" size="3">ณ พรินซิเปีย ค่ายจูปิเตอร์</font>
    </div>
   
    <hr color="#d4af37" size="1" style="margin: 20px 0;">
   
    <p>
      <font size="3"><font face="Kanit" color="#4b0082"><b>ชื่อ-นามสกุล :</b></font>
      <font face="Kanit" color="#333333"> ............................................................ </font>
    </font></p>
   
    <p>
      <font size="3"><font face="Kanit" color="#4b0082"><b>ตำแหน่ง :</b></font>
      <font face="Kanit" color="#333333"> ............................................................ </font>
    </font></p>
   
    <p>
      <font size="3"><font face="Kanit" color="#4b0082"><b>สังกัดกองร้อย :</b></font>
      <font face="Kanit" color="#333333"> ............................................................ </font>
    </font></p>
   
    <p>
      <font face="Kanit" color="#4b0082" style="font-size: medium;"><b>จำนวนป้ายเกียรติยศที่ส่ง :</b></font>
      <font face="Kanit" color="#d4af37" style="font-size: medium;"><b> [ ....... ] </b></font>
      <font face="Kanit" color="#4b0082" style=""><b style=""><font size="3">ป้าย</font><i style=""><font size="2"> (</font></i></b></font><font color="#4b0082" face="Kanit" size="2"><b style=""><i style="">2 ป้ายเกียรติยศ ต่อ 1 คะแนน)</i></b></font></p><p><font size="3"><font face="Kanit" color="#4b0082"><b><br></b></font></font></p><p style="text-align: right;"><font color="#4b0082" face="Kanit" size="2"><i style="">หมายเหตุ: ประกาศกองร้อยดีเด่นวันที่ 1 มกราคม 2027</i></font></p>
   
    <div align="right" style="margin-top: 30px;">
      <font face="Kanit" color="#999999" size="1"><i>ประทับตรากองพลที่ 12 ฟุลมินาตา • 1 ป้าย = 1 คะแนน</i></font>
    </div>
</div>


<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600&display=swap');

/* พื้นหลังกระดานคะแนน */
.jupiter-board {
    background: #2d004d; /* Tyrian Purple */
    background-image: radial-gradient(circle at center, #3d0066 0%, #1a002e 100%);
    border: 5px double #d4af37;
    padding: 40px 20px;
    border-radius: 25px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.6);
    max-width: 900px;
    margin: 20px auto;
}

/* พื้นที่แสดงกราฟมิติ */
.chart-frame {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    height: 380px; /* ความสูงรวมของพื้นที่กราฟ */
    margin: 40px 0;
    border-bottom: 4px solid #d4af37;
    padding-bottom: 5px;
    position: relative;
}

/* ตัวเสาคะแนนแบบโรมัน */
.pillar-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 15%;
}

.pillar-bar {
    width: 45px;
    /* สูตรคำนวณความสูง: คะแนน x 3.5 พิกเซล */
    height: calc(var(--points) * 3.5px);
    background: linear-gradient(90deg, #bf953f 0%, #fcf6ba 50%, #b38728 100%);
    position: relative;
    box-shadow: 5px 0 15px rgba(0,0,0,0.4);
    transition: height 1.2s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 3px 3px 0 0;
}

/* หัวเสา (Capital) */
.pillar-bar::before {
    content: "";
    position: absolute;
    top: -8px;
    left: -6px;
    right: -6px;
    height: 12px;
    background: #fcf6ba;
    border-radius: 4px;
    box-shadow: 0 -2px 8px rgba(252, 246, 186, 0.6);
}

/* กรอบแสดงตัวเลขคะแนน */
.score-tag {
    background: rgba(212, 175, 55, 0.2);
    border: 1px solid #d4af37;
    border-radius: 4px;
    padding: 2px 8px;
    margin-bottom: 15px;
}

/* สไตล์กองร้อยพิเศษ (สีเงิน) */
.special-bar {
    background: linear-gradient(90deg, #a8a8a8 0%, #ffffff 50%, #7d7d7d 100%) !important;
}
.special-tag {
    border-color: #ffffff !important;
}

/* สไตล์แบบฟอร์มตอบกระทู้ */
.principia-box {
    background: #ffffff;
    border: 2px solid #4b0082;
    border-left: 12px solid #4b0082;
    padding: 30px;
    margin: 20px auto;
    max-width: 650px;
    box-shadow: 8px 8px 0px #d4af37;
}




/* 1. เจาะจงเฉพาะโพสต์ ID 11003 ให้เป็นสีม่วงเข้มเพียวๆ ทึบแสง */
    #post_11005,
    #post_11005 .plc,
    #post_11005 .pls,
    #post_11005 .t_f,
    #post_11005 tr,
    #post_11005 section {
      /* ใช้สีม่วงเข้มทึบ (Solid Deep Purple) ไม่มีการไล่สี */
      background-color: #2e0854 !important;
      background-image: none !important;
      border: none !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }

</style>

ดูในรูปแบบกติ: [THE LEGION SCOREBOARD 2026]