📢 Bài mới

6/recent/ticker-posts
recent/hot-posts

Các bài đăng gần đây

Xem tất cả
[Cập nhật] Danh sách mạnh thường quân hỗ trợ cho Dân tộc KING Đời sống tâm linh

[Cập nhật] Danh sách mạnh thường quân hỗ trợ cho Dân tộc KING

Xi Vưu con 10 tháng 6

Xem thêm

📥 TẢI TRỌN BỘ +1.000 FILE SÁCH CỔ TẠI ĐÂY

/* ========================================================================== ĐOẠN CSS MỚI - THU GỌN KÍCH THƯỚC BỘ NÚT NHƯNG GIỮ NGUYÊN HIỆU ỨNG HOVER ========================================================================== */ /* KHUNG BAO NGOÀI: Giới hạn độ rộng bằng khít thanh menu cam chính */ .eso-rewritten-btn-container { width: 100% !important; max-width: 1140px !important; /* Khóa chiều rộng khít lề bài viết */ margin: 15px auto !important; /* Căn chính giữa trung tâm website */ display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; /* Tự động xuống hàng mượt mà trên mobile */ justify-content: center !important; /* Căn giữa các nút */ gap: 6px !important; /* Giãn cách giữa các nút cực nhỏ và gọn gàng */ padding: 0 10px !important; box-sizing: border-box !important; } /* ĐỊNH DẠNG LẠI NÚT BẤM CHUNG (Đã bóp nghẹt kích thước tối đa) */ .eso-rewritten-btn-container .btn { background: #ff6c00 !important; border: 1px solid #d45900 !important; font: 700 12px/1 Noto Sans, sans-serif !important; /* Hạ cỡ chữ xuống 12px cho thanh thoát */ letter-spacing: 0.5px !important; margin: 0 !important; /* KHỬ BỎ hoàn toàn margin thô cũ gây gãy hàng */ padding: 10px 14px !important; /* Bóp nghẹt padding giúp nút mỏng dẹt, gọn gàng */ transition: color 0.5s; text-transform: uppercase; display: inline-block !important; text-decoration: none !important; text-align: center !important; border-radius: 2px !important; box-sizing: border-box !important; white-space: nowrap !important; /* Giữ chữ trên một hàng */ } /* GIỮ NGUYÊN 100% CÁC HIỆU ỨNG HOẠT HỌA HOVER GỐC CỦA BẠN */ .eso-rewritten-btn-container .btn-1 { color: #000000 !important; } .eso-rewritten-btn-container .btn-1:hover { -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: radial-gradient(circle,#9c89f7 0.2em,transparent 0.25em) 0 0/1.25em 1.25em,radial-gradient(circle,#9c89f7 0.2em,transparent 0.25em) 6.25em 6.25em/1.25em 1.25em !important; color: #e4f789 !important; } @-webkit-keyframes halftone { 100% { background-size: 2.375em 2.375em,0.1em 0.1em; } } @keyframes halftone { 100% { background-size: 2.375em 2.375em,0.1em 0.1em; } } .eso-rewritten-btn-container .btn-2 { color: #000000 !important; } .eso-rewritten-btn-container .btn-2:hover { -webkit-animation: stripes-move 0.75s infinite linear; animation: stripes-move 0.75s infinite linear; background: repeating-linear-gradient(45deg,#82f6d8 0,#82f6d8 0.25em,transparent 0.25em,transparent 0.5em) !important; color: #f682a0 !important; } @-webkit-keyframes stripes-move { 100% { background-position: 5em 0; } } @keyframes stripes-move { 100% { background-position: 5em 0; } } .eso-rewritten-btn-container .btn-3 { color: #000000 !important; } .eso-rewritten-btn-container .btn-3:hover { -webkit-animation: sawtooth 0.35s infinite linear; animation: sawtooth 0.35s infinite linear; background: linear-gradient(45deg,#d3f169 0.5em,transparent 0.5em) 0 0/1em 1em,linear-gradient(-45deg,#d3f169 0.5em,transparent 0.5em) 0 0/1em 1em !important; color: #8769f1 !important; } @-webkit-keyframes sawtooth { 100% { background-position: 1em 0; } } @keyframes sawtooth { 100% { background-position: 1em 0; } } .eso-rewritten-btn-container .btn-4 { color: #000000 !important; } .eso-rewritten-btn-container .btn-4:hover { -webkit-animation: zigzag 1s linear infinite; animation: zigzag 1s linear infinite; background: linear-gradient(135deg,rgba(238,161,99,0.25) 0.25em,transparent 0.25em) -0.5em 0,linear-gradient(225deg,rgba(238,161,99,0.25) 0.25em,transparent 0.25em) -0.5em 0,linear-gradient(315deg,rgba(238,161,99,0.25) 0.25em,transparent 0.25em) 0 0,linear-gradient(45deg,rgba(238,161,99,0.25) 0.25em,transparent 0.25em) 0 0 !important; background-size: 0.75em 0.75em !important; color: #63b0ee !important; } @-webkit-keyframes zigzag { 100% { background-position: 1em 0,1em 0,-0.75em 0,-0.75em 0; } } @keyframes zigzag { 100% { background-position: 1em 0,1em 0,-0.75em 0,-0.75em 0; } } .eso-rewritten-btn-container .btn-5 { color: #000000 !important; } .eso-rewritten-btn-container .btn-5:hover { -webkit-animation: blinds 0.75s linear forwards; animation: blinds 0.75s linear forwards; background: linear-gradient(0deg,#7cf07f 25%,transparent 25%) 0 0/0.5em 0.5em,linear-gradient(0deg,#88d6f3 50%,transparent 50%) 0 0/1em 1em !important; color: #f07ced !important; } @-webkit-keyframes blinds { 100% { background-position: 0 0,0 -3em; background-size: 0 0,1em 6em; } } @keyframes blinds { 100% { background-position: 0 0,0 -3em; background-size: 0 0,1em 6em; } } .eso-rewritten-btn-container .btn-6 { color: #000000 !important; } .eso-rewritten-btn-container .btn-6:hover { -webkit-animation: pulse 1s ease-in infinite; animation: pulse 1s ease-in infinite; background: radial-gradient(circle,rgba(249,135,155,0.25) 43%,transparent 50%) 0 0/1em 1em,radial-gradient(circle,rgba(249,135,155,0.25) 43%,transparent 50%) 0.5em 0.5em/2em 2em !important; color: #0bdcb7 !important; } @-webkit-keyframes pulse { 50% { background-position: 0.66em 0.66em,-0.33em -0.33em; } 100% { background-size: 2em 2em,1em 1em; background-position:-1.5em -1.5em,-1em -1em; } } @keyframes pulse { 50% { background-position: 0.66em 0.66em,-0.33em -0.33em; } 100% { background-size: 2em 2em,1em 1em; background-position:-1.5em -1.5em,-1em -1em; } } /* Định dạng lưới gọn gàng chia 2 cột trên điện thoại */ @media (max-width: 768px) { .eso-rewritten-btn-container { gap: 6px !important; } .eso-rewritten-btn-container .btn { flex: 1 1 calc(50% - 6px) !important; /* Chia đều làm 2 cột cân đối */ padding: 10px 4px !important; font-size: 11px !important; white-space: normal !important; /* Cho phép chữ tự ngắt dòng trên điện thoại */ } }