/* gaigoi.css — phần BÙ cho theme dark-magenta. style.css giữ nguyên bản gốc, mọi chỉnh riêng của gaigoi để ở đây. Nạp SAU style.css. */ /* ---- logo: dùng ảnh /images/logo/logo.png thay chữ .main-lgo-m của bản gốc ---- */ .main-lgo { display: inline-block !important; } .main-lgo-m { display: none !important; } .top-brand img { height: 46px; width: auto; } /* ---- thanh trên: góc phải xếp ngang, cao bằng hàng logo (70px = line-height theme ở màn rộng) ---- */ .top-menu .float-right { display: flex; align-items: center; height: 70px; } /* T9 (27/09): màn hẹp = MỘT hàng 50px: logo trái, tìm/chuông/tài khoản/☰ phải. Trước: .float-right cao 70px thành dải trống, ☰ nằm trong .left-me (63%) nên icon rớt xuống hàng 2 khi chữ to. 50px khớp .toggle-search{top:50px} + jquery.main.js đặt top 50/87 cho .toggle-menu. */ @media (max-width: 767px) { .top-nav .container { padding: 0 8px; } .top-menu { display: flex; align-items: center; height: 50px; } .top-menu .left-me { width: auto; flex: 1 1 auto; min-width: 0; float: none; display: flex; align-items: center; } .top-brand { float: none; margin: 0 !important; display: flex; align-items: center; } .top-brand img { height: 32px; } .top-menu .float-right { height: auto; float: none; margin-left: auto; flex: 0 0 auto; } .top-menu-item a { padding: 8px 7px; font-size: 18px; } #shSearch { margin: 0 !important; padding: 8px 7px !important; height: auto; font-size: 18px; line-height: 1; } .top-nav .navbar-toggler { margin: 0 0 0 2px; padding: 4px 6px; } .top-menu .clearfix { display: none; } } .top-menu-item { margin-top: 0 !important; line-height: 1; } .top-menu-item a { display: inline-flex; align-items: center; gap: 6px; position: relative; font-size: 17px; padding: 6px 8px; color: #bbb; } .top-menu-item a:hover { color: #fff; } .top-menu-item .fa-key { color: #bbb; transform: rotateY(180deg); } .gg-badge { font-size: 10px; line-height: 1; padding: 3px 5px; border-radius: 9px; font-weight: 700; margin-left: 4px; vertical-align: 2px; } .top-menu-item .gg-badge { position: absolute; top: 0; right: -2px; margin: 0; } #shSearch { margin-right: 4px; } /* ---- navbar: mục bên phải (đăng nhập/đăng ký hoặc chuông/tài khoản/quản trị/đăng xuất) ---- */ .navbar .navbar-nav .nav-link i { margin-right: 2px; } .gg-logout { margin: 0; } .gg-logout .nav-link { background: none; border: 0; cursor: pointer; font: inherit; width: 100%; text-align: left; } .navbar-dark .navbar-nav .gg-logout .nav-link { color: #bbb; } .navbar-dark .navbar-nav .gg-logout .nav-link:hover { color: #fff; } /* ---- footer ---- */ .footer-links { color: #9a9a9a; font-size: 14px; line-height: 1.6; } .footer .gg-copy { margin-top: 6px; font-size: 12px; color: #8a8a8a; } /* hằng CSS cũ (trang legacy) cũng có .footer{} — khoá lại giá trị theme cho chân trang thật */ .footer-container .footer { margin-top: 0; border-top: 0; padding: 15px 0; font-size: 14px; color: #989a9c; background-color: #383838; } .footer-container .footer a { color: #fff; } /* ---- mục gốc không dùng ---- */ .eac-total { display: none; } /* jquery.main.js in item.type cạnh gợi ý — "tinh" vô nghĩa với người xem */ #language-modal, #dialogModal, .ic-signup { display: none; } /* ---- modal đăng nhập / đăng ký ---- */ .modal-content { color: #ddd; } .modal-header .modal-title { color: #fff; font-size: 18px; } .modal-header .close { color: #fff; opacity: .7; text-shadow: none; } .modal-footer { border-top: 0; } .modal .alert { white-space: normal; max-width: none; overflow: visible; text-overflow: clip; margin-bottom: 12px; font-size: 14px; } .gg-modal-row { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #bbb; gap: 10px; } .gg-modal-row a { color: #3ea6ff; } .gg-modal-row a:hover { color: #fff; } .login-modal .cf-turnstile { min-height: 65px; } .btn-bold { font-weight: 600; } /* ---- badge bài ---- */ .lb-hot, .lb-nghi { display: inline-block; font-size: 11px; font-weight: 700; line-height: 1; padding: 4px 7px; border-radius: 3px; text-transform: uppercase; letter-spacing: .3px; color: #fff; } .lb-hot { background: #ff0000; box-shadow: 0 0 6px rgba(255, 0, 0, .55); } .lb-nghi { background: #4a4a4a; color: #ddd; } /* ---- chip "Chia sẻ lên X" (markup inline ở server dùng biến --text2/--border) ---- */ .share-x { --text2: #bbb; --border: #353535; } .share-x:hover { color: #fff !important; border-color: #6a6a6a !important; } /* ---- .legacy: trang cũ (hằng CSS của gaigoi-server.js) hoà màu theme ---- Biến của bộ CSS cũ được khai lại theo bảng màu style.css; bản thân hằng CSS nạp TRƯỚC bootstrap/style.css nên các selector chung (body, a, img, .footer) theme thắng, còn selector riêng của trang cũ vẫn nguyên. */ .legacy { --bg: #181818; --bg2: #212121; --bg3: #2b2b2b; --nav: #202020; --text: #ddd; --text2: #bbb; --text3: #909090; --blue: #3ea6ff; --blue2: #7cc3ff; --red: #ff0000; --green: #57a557; --orange: #e68900; --yellow: #e7a400; --border: #353535; --border2: #2b2b2b; color: var(--text); font-size: 14px; line-height: 1.5; } .legacy .page-main { width: 100%; } /* chữ chìm trắng-trên-trắng: theme đặt h1 #fff cỡ 18 — trang cũ có h1 riêng, giữ màu chữ cũ */ /* :where() = độ ưu tiên 0,0,1: thắng theme h1{} (nạp sau) nhưng thua mọi rule có class của trang cũ */ :where(.legacy) h1, :where(.legacy) h2, :where(.legacy) h3 { color: var(--text); } :where(.legacy) input, :where(.legacy) textarea, :where(.legacy) select { color: var(--text); } :where(.legacy) table { color: var(--text); } /* ======== Plan 3 T3: trang danh sách (khuon.listingGG) + card (khuon.cardGG) ======== */ .gg-list { --border: #353535; --text: #ddd; --text2: #9a9a9a; --text3: #909090; --blue: #3ea6ff; --bg2: #212121; } .gg-list .tt-info { float: left; padding-top: 8px; margin-left: 10px; color: #909090; font-size: 14px; } /* breadcrumb Bootstrap về màu theme */ .gg-bc .breadcrumb { background: transparent; padding: 6px 0 0; margin: 0; font-size: 13px; } .gg-bc .breadcrumb-item + .breadcrumb-item::before { color: #6a6a6a; } .gg-bc .breadcrumb-item.active { color: #bbb; } /* hàng tiêu đề: nút nhanh góc phải */ .gg-nut-wrap { display: flex; align-items: center; height: 44px; } .gg-nut { display: flex; gap: 6px; } .gg-nut .btn { font-size: 12px; padding: 4px 9px; white-space: nowrap; } .well-filters .gg-nut .btn-primary { color: #fff !important; } .well-filters .gg-nut .btn-secondary { color: #ddd !important; } @media (max-width: 575px) { .gg-nut-wrap { float: none !important; clear: both; height: auto; padding: 4px 0 8px; } } /* thanh lọc: dropdown Khu vực + các ô select mặc well-action */ .gg-row { margin: 0 !important; } .gg-filters { margin-bottom: 10px; width: 100%; } .gg-filters-in { display: flex; flex-wrap: wrap; align-items: center; } .gg-filters .btn-group { margin-right: 8px; } .gg-sel { display: inline-block; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 0; border-radius: 0; outline: 0; background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23bbb' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 2px center; color: #bbb; font: inherit; font-size: 14px; font-weight: 500; padding: 9px 18px 9px 0; cursor: pointer; max-width: 170px; } .gg-sel:hover, .gg-sel.act { box-shadow: inset 0 -2px 0 #ff0000; } .gg-sel.act { color: #fff; } .gg-sel option { background: #2b2b2b; color: #ddd; } .gg-clear { display: inline-block; color: #ff6b6b !important; font-size: 14px; } .gg-dd { max-height: 70vh; overflow-y: auto; width: 230px !important; } .gg-dd li a { display: block; padding: 3px 15px !important; } .gg-dd li a:hover, .gg-dd li.active a { background: #4a4a4a; color: #fff !important; } .gg-dd .tag-counter { font-size: 12px; color: #8a8a8a; } /* hàng tỉnh/quận (.list-city-menu): T9 — chip nhỏ bọc dòng, không tràn. Theme ở màn hẹp ép ul 650px + li 90×45 float cuộn ngang (thanh cuộn bị giấu nên trông như bị cắt ở cột 4); ở màn rộng li cách nhau 20px. Số bài = .gg-cnt mờ nhỏ. */ .gg-list .list-city-menu { overflow: visible; } .gg-list .list-city-menu ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 8px; width: auto !important; } .gg-list .list-city-menu ul li { float: none; width: auto; height: auto; margin: 0 !important; overflow: visible; font-size: 13px; line-height: 1.4; } .gg-list .list-city-menu ul li a { padding: 3px 10px; white-space: nowrap; } .gg-cnt { color: #8a8a8a; font-size: 11px; } @media (max-width: 767px) { .gg-list .list-city-menu ul { gap: 6px 8px; margin: 8px 0 6px; } .gg-list .list-city-menu ul li { font-size: 12px; } .gg-list .list-city-menu ul li a { padding: 2px 8px; } } /* hàng quận: mục đang xem */ .gg-list .list-city-menu ul li.active-slug { background: #3ea6ff !important; border-color: #3ea6ff !important; } .gg-list .list-city-menu ul li.active-slug a { color: #fff; } .gg-list .list-city-menu ul li.active-slug .gg-cnt { color: #e6f2ff; } /* thẻ dịch vụ */ .gg-tags { display: flex; flex-wrap: wrap; align-items: center; margin: 2px 0 8px; } .gg-tags-h { color: #909090; font-size: 13px; margin-right: 6px; } .gg-tags .tag-item { padding: 3px 10px 3px 0; height: auto; } .gg-tags .tag-item a { color: #3ea6ff; font-size: 13px; } .gg-tags .tag-item.gg-tag-act a { color: #fff; font-weight: 600; } .gg-tags .tag-counter { color: #6a6a6a; font-size: 12px; } /* lưới trống / tiêu đề phụ / đoạn dẫn / FAQ */ .gg-empty { background: #212121; color: #bbb; padding: 28px 16px; text-align: center; border-radius: 3px; margin: 8px 0 12px; font-size: 14px; line-height: 1.7; } .gg-empty a { color: #3ea6ff; } .gg-near-h { color: #fff; font-size: 16px; font-weight: 600; margin: 18px 0 6px; } .gg-lead { color: #9a9a9a; font-size: 14px; line-height: 1.7; margin: 18px 0 6px; max-width: 900px; } .gg-lead-sm { margin: 8px 0 6px; } .gg-lead p { margin: 0 0 8px; } .gg-lead a { color: #3ea6ff; } .gg-lead strong { color: #ddd; } .gg-list .ks-faq { color: #bbb; } .gg-list .ks-faq h2 { color: #fff; } .gg-list .ks-faq summary { color: #ddd; } .gg-otim { margin: 10px 0 4px; max-width: 560px; } .gg-otim .input-group { width: 100%; } .gg-otim .form-control { flex: 1; } /* phân trang: dấu … và bọc dòng trên màn hẹp */ .gg-list .pagination { flex-wrap: wrap; justify-content: center; max-width: 100%; } .gg-gap { display: inline-block; padding: .5rem .3rem; color: #888; } /* card: ảnh bìa của mình đủ mọi tỷ lệ (gốc dùng thumbnail cùng cỡ) → ép 3:4 để hàng card bằng nhau */ .escort-list .img-escort-res { aspect-ratio: 3 / 4; height: auto; min-height: 0 !important; object-fit: cover; display: block; } /* card: nhãn + ảnh thiếu + khoảng cách quanh đây */ .lb-vip { display: inline-block; font-size: 11px; font-weight: 700; line-height: 1; padding: 4px 7px; border-radius: 3px; text-transform: uppercase; letter-spacing: .3px; color: #1a1a1a; background: #e7a400; } .label-content .lb-hot, .label-content .lb-nghi, .label-content .lb-vip { margin-left: 4px; vertical-align: middle; } .label-content .c-lc { vertical-align: middle; } .gg-noimg { display: flex; align-items: center; justify-content: center; background: #2b2b2b !important; color: #4a4a4a; font-size: 40px; } .gg-km { position: absolute; top: 10px; left: 10px; text-transform: none; } .content-r .content-rating .white { color: #909090; } /* chat sex: tam giác play trên ảnh + màu quận vàng nhạt (style inline của mẫu chat-sex.html) */ .gg-chat .thumb-overlay::before { content: ""; position: absolute; left: 45%; top: 40%; z-index: 1; opacity: .6; pointer-events: none; box-sizing: border-box; width: 25px; height: 25px; border-style: solid; border-width: 23px 0 23px 40px; border-color: transparent transparent transparent #fff; } .gg-chat .es-city a, .gg-chat .es-city i { color: #fff3cd !important; } /* ======== Plan 3 T4: trang chủ = feed "Đánh giá gái gọi" (khuon.homeGG / feedItemGG) ======== */ /* .main-nf của theme bỏ padding container → tự thêm gutter cho từng khối, .content-row (margin 0 -6px) phải nằm trong khối có padding ≥ 6px */ .gg-home .main-head-nf { float: none; } /* theme float:left → khối flex phía sau (BFC) bị ép sát phải, rộng 0 */ .gg-home .main-head-nf .well-filters { margin-bottom: 4px; } .gg-home .main-head-nf h1 { font-size: 18px; } .gg-home .gg-kv .well-action { display: inline-block; color: #bbb; font-weight: 500; } .gg-hot { padding: 0 10px; margin-top: 6px; } .gg-hot .gg-near-h { margin: 4px 0 6px; } .gg-hot .list-escorts { padding: 0 6px !important; } /* .main-nf .p-d-3 của theme ép 0 → trả lại gutter card */ .gg-nf-list { padding: 0 10px; } .gg-nf { width: 100%; margin: 0 0 6px !important; padding: 12px 0 10px; } .gg-nf .card-sub { border-top: 0; padding-top: 0; color: #bbb; } .gg-nf .nf-content-bot { padding: 0 !important; } /* đầu mục: avatar chữ + tên + ngày + sao + câu dẫn */ .gg-nf-head { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 8px; } .gg-ava { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 6px; background: #2b2b2b; color: #fff; font-weight: 700; font-size: 18px; display: flex; align-items: center; justify-content: center; text-decoration: none; } a.gg-ava:hover { background: #4a4a4a; color: #fff; } .gg-nf-owner { flex: 1; min-width: 0; margin-top: 0; line-height: 1.4; float: none; } .gg-nf-owner span, .gg-nf-owner a { width: auto; float: none; } /* KHÔNG dùng .review-rates của theme: nó ép span width 100% + float */ .gg-nf .inf-owner { font-size: 14px !important; color: #bbb; margin-bottom: 2px !important; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; } .gg-nf-name { color: #fff !important; font-weight: 700; } .gg-nf-dot { color: #6a6a6a; } .gg-nf-time { color: #bbb; } .gg-nf-stars { font-size: 13px !important; color: #bbb; white-space: nowrap; } .gg-nf-stars .white { color: #4a4a4a; } .gg-nf-line { color: #909090; font-size: 14px; } .gg-nf-line a { color: #3ea6ff; } .gg-nf-line a:hover { color: #fff; } .gg-nf-kv { color: #6a6a6a; } /* thân: nhận xét (kẹp 4 dòng + Xem thêm), thẻ, lưới ảnh */ .gg-nf-txt { color: #ddd; font-size: 15px; line-height: 1.55; margin: 0 0 4px; white-space: pre-line; word-break: break-word; } .gg-nf-txt.clamp { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .gg-nf-more { background: none; border: 0; padding: 0; color: #3ea6ff; font-size: 13px; cursor: pointer; margin: 0 0 6px; } .gg-nf-more:hover { color: #fff; } .gg-nf-tags { margin: 0 0 8px; font-size: 14px; display: flex; flex-wrap: wrap; gap: 4px 10px; } .gg-nf-tags a { color: #3ea6ff !important; } .gg-nf-imgs { display: flex; flex-wrap: wrap; margin: 0 -1px 8px; position: relative; } .gg-nf-imgs .img-reviews { float: none; padding: 0 1px; margin: 0 0 2px; position: relative; } .gg-nf-imgs .img-reviews a { display: block; float: none; position: relative; } .gg-nf-imgs .img-reviews img { height: auto !important; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; background: #212121; } .gg-nf-imgs.n1 .img-reviews img { aspect-ratio: 4 / 3; max-height: 640px; } .gg-nf-imgs.n2 .img-reviews img { aspect-ratio: 1 / 1; } .gg-nf-plus { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .55); color: #fff; font-size: 28px; font-weight: 700; } /* chân: bình chọn · chia sẻ · bài gốc */ .gg-nf-foot { display: flex; align-items: center; gap: 12px; padding: 6px 0 0; margin: 0; border-top: 1px solid rgba(136, 136, 136, .3); color: #909090 !important; font-size: 14px; } .gg-nf-foot i { color: #bbb; } .gg-vote-box { display: inline-flex; align-items: center; gap: 12px; } .gg-vote { display: inline-flex; align-items: center; gap: 4px; margin: 0; } .gg-vbtn { background: none; border: 0; padding: 0 2px; color: #bbb; cursor: pointer; font-size: 15px; line-height: 1; } .gg-vbtn:hover, .gg-vote.on .gg-vbtn, .gg-vote.on .gg-vbtn i { color: #57a557; } .gg-vote .gg-vn { color: #bbb; font-size: 13px; position: static; top: 0; } .gg-nf-share { display: inline-flex; } .gg-nf-share .share-x { padding: 2px 9px; font-size: 12px; } .gg-nf-goc { margin-left: auto; color: #bbb !important; white-space: nowrap; } .gg-nf-goc:hover { color: #fff !important; } /* mục bài mới / bình luận: card theme + cột thông tin */ .gg-nf-row { margin: 0 -6px; } .gg-nf-row .list-escorts { padding: 0 6px !important; } .gg-nf-info { padding: 0 6px; color: #bbb; font-size: 14px; } .gg-nf-ti { display: block; color: #fff; font-weight: 600; font-size: 15px; line-height: 1.35; margin-bottom: 6px; } .gg-nf-ti:hover { color: #3ea6ff; } .gg-nf-facts { list-style: none; padding: 0; margin: 0 0 8px; display: flex; flex-wrap: wrap; gap: 4px 14px; } .gg-nf-facts i { color: #6a6a6a; width: 16px; text-align: center; } .gg-nf-facts .pink { color: #ff0000 !important; } .gg-nf-facts a { color: #3ea6ff; } .gg-nf-mota { color: #9a9a9a; font-size: 13.5px; line-height: 1.55; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .gg-nf-cmts { margin: 0 0 8px; } .gg-nf-cmt { display: flex; gap: 8px; align-items: flex-start; margin-bottom: 6px; font-size: 13.5px; } .gg-nf-cmt .gg-ava { flex-basis: 28px; width: 28px; height: 28px; font-size: 13px; border-radius: 50%; } .gg-nf-cmt-bd { color: #bbb; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .gg-nf-xem { font-size: 12px; padding: 4px 12px; color: #fff !important; } @media (max-width: 575px) { .gg-nf-mota { display: none; } .gg-nf-facts { flex-direction: column; gap: 3px; } } /* Tải thêm · thẻ · đoạn dẫn */ .gg-more { display: block; text-align: center; margin: 6px 0 14px; padding: 10px; background: #212121; color: #bbb; border-radius: 3px; font-size: 14px; } .gg-more:hover { color: #fff; background: #2b2b2b; text-decoration: none; } .gg-home-tags { padding: 0 10px; } .gg-home-tags .tag-item a { font-size: 13px; } .gg-home-tags .gg-s2 a { font-size: 14px; } .gg-home-tags .gg-s3 a { font-size: 15px; } .gg-home-tags .gg-s4 a { font-size: 16px; font-weight: 600; } .gg-home .gg-lead { padding: 0 10px; } /* modal #reviewpop: nội dung đầy đủ của một report */ #reviewpop .modal-dialog { max-width: 640px; } #reviewpop .modal-header { border-bottom: 0; padding: 6px 10px 0; } #reviewpop .modal-header .close { color: #fff; opacity: .7; text-shadow: none; } #reviewpop .modal-body { padding: 0 14px 14px !important; color: #ddd; } .gg-pop-txt { white-space: pre-line; line-height: 1.6; font-size: 15px; word-break: break-word; margin-bottom: 10px; } .gg-pop-imgs a { display: block; margin-bottom: 4px; } .gg-pop-imgs img { width: 100%; height: auto; display: block; } .gg-pop-foot { margin: 8px 0 0; } .gg-pop-foot a { color: #3ea6ff; } /* ======== Plan 3 T5: trang chi tiết bài (khuon.detailGG) ======== */ /* khung lightbox cũ mà layout() luôn in ra (JS data-lb của trang legacy): trang mới dùng fancybox — chỉ hiện khi .on */ .lb:not(.on) { display: none; } .gg-detail { color: #bbb; } .gg-detail .gg-head { padding: 6px 0 !important; } .gg-detail .head-title { width: auto; float: left; max-width: calc(100% - 330px); } .gg-detail .head-title h1 { width: auto; float: none; display: inline; line-height: 1.5; font-size: 18px; } .gg-bdg { display: inline-flex; gap: 4px; vertical-align: 3px; margin-left: 8px; } .gg-detail .gg-nut-wrap { height: 42px; } .gg-notice { background: rgba(255, 193, 7, .08); border: 1px solid rgba(255, 193, 7, .35); color: #e8c974; padding: 8px 12px; border-radius: 4px; margin: 10px 0 0; font-size: 13.5px; line-height: 1.6; } .gg-notice.red { background: rgba(255, 0, 0, .08); border-color: rgba(255, 0, 0, .4); color: #ff8a8a; } @media (max-width: 767px) { .gg-detail .head-title { max-width: 100%; float: none; } .gg-detail .gg-nut-wrap { float: none !important; clear: both; height: auto; padding: 6px 0 4px; } } /* gallery: theme ẩn .desk-photo dưới 768px (bản gốc có gallery mobile riêng) — mình dùng chung một khối, xếp lại cho màn hẹp */ .gg-detail .main-content-escort { margin: 10px 0 0; } .gg-detail .desk-photo { display: block; } .gg-detail #ggAnh { display: flow-root; } .gg-lb { display: flex; margin-bottom: 6px; float: none !important; } .gg-lb span { padding: 6px 12px; cursor: pointer; color: #bbb; box-shadow: inset 0 -2px 0 #333; font-weight: 500; } .gg-lb span.on { color: #fff; box-shadow: inset 0 -2px 0 #ff0000; } .gg-detail .img-preview ul { max-height: 545px; overflow-y: auto; margin: 0; scrollbar-width: thin; } .gg-detail .img-preview img { cursor: pointer; border: 2px solid transparent; background: #212121; } .gg-detail .img-preview li.on img { border-color: #ff0000; } .gg-detail .main-img-prev img { background: #212121; } .gg-detail .desk-video video { width: 100%; aspect-ratio: 16 / 9; background: #000; display: block; } .gg-vid-list { display: flex; gap: 6px; flex-wrap: wrap; margin: 6px 0 0; } .gg-vid-list .btn.on { background: #ff0000; border-color: #ff0000; color: #fff; } @media (max-width: 767px) { .gg-detail .img-preview { width: 100%; float: none; } .gg-detail .img-preview ul { display: flex; overflow-x: auto; overflow-y: hidden; max-height: none; gap: 4px; padding-bottom: 4px; } .gg-detail .img-preview ul li { flex: 0 0 72px; padding: 0; } .gg-detail .img-preview img { height: 96px; } .gg-detail .main-img-prev { height: auto; max-height: none; width: 100%; float: none; margin-bottom: 6px; } .gg-detail .main-img-prev img { height: auto; min-height: 0; aspect-ratio: 3 / 4; max-height: 75vh; object-fit: contain; } } /* bảng thông tin: sọc xen kẽ cho MỌI hàng (theme chỉ tô tới nth-child 23), số điện thoại to xanh như mẫu, chip dịch vụ */ .gg-detail .attributes > div:nth-child(4n+2), .gg-detail .attributes > div:nth-child(4n+3) { background: #212121; } .gg-detail .attributes p { font-size: 14px; line-height: 1.6; word-break: break-word; } .gg-detail .attributes .col-md-4 p { color: #bbb; } .gg-detail .attributes a { color: #3ea6ff; } .gg-detail .attributes a.ncolor { color: #57a557; font-weight: 700; font-size: 16px; } .gg-detail .attributes .white { color: #4a4a4a; } .gg-attr-chips { display: inline-flex; flex-wrap: wrap; gap: 2px 10px; } .gg-detail .attributes .tag-item { display: inline-block; padding: 0; height: auto; } .gg-detail .attributes .tag-item i { font-size: 10px; color: #6a6a6a; } .gg-detail .attributes .tag-item a { color: #3ea6ff; } .gg-sdt-note { margin: 8px 0 0; padding: 8px 10px; background: rgba(255, 193, 7, .08); border: 1px solid rgba(255, 193, 7, .35); border-radius: 4px; color: #e8c974; font-size: 12.5px; line-height: 1.6; clear: both; } .tel-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } /* sidebar liên quan: theme đặt .related position:absolute — về static, float trong .content-right */ .gg-detail .related { position: static; float: right; width: 300px !important; margin: 11px 0 0 15px !important; min-height: 0; } .gg-detail .related-header { color: #fff; font-size: 15px !important; margin-bottom: 8px; } .gg-detail .list-relate { width: 100%; } .gg-detail .list-relate .img-escort-res { aspect-ratio: 3 / 4; height: auto; min-height: 0 !important; display: block; } .gg-detail .relate-info .content-title { font-size: 14px; line-height: 1.45; height: auto !important; max-height: 42px !important; } .gg-detail .relate-info .in-txt a { color: #909090; } .gg-detail .relate-info .content-rating { font-size: 12px; } .gg-detail .relate-info .content-rating .white { color: #4a4a4a; } @media (max-width: 991px) { .gg-detail .related { float: none; width: 100% !important; margin: 10px 0 0 !important; } .gg-detail .content-right { padding: 0 15px; } .gg-detail .list-relate { width: 50%; } .gg-detail .related .list-relate:nth-child(odd) { padding-right: 5px !important; } } @media (max-width: 575px) { .gg-detail .list-relate { width: 100%; } .gg-detail .related .list-relate:nth-child(odd) { padding-right: 0 !important; } } /* thân: điểm, chủ bài, giới thiệu, thẻ */ .gg-detail .vote-box { color: #fff; font-size: 16px; } .gg-detail .vote-box .white { color: #4a4a4a; } .gg-detail .t-rate { font-size: 14px; color: #bbb; } .gg-owner { display: flex; align-items: center; gap: 10px; } .gg-owner .gg-ava { flex-basis: 48px; width: 48px; height: 48px; } .gg-owner .gg-ten { color: #fff; font-weight: 600; font-size: 15px; } .gg-owner-sub { color: #6a6a6a; font-size: 12px; } .gg-owner .gg-meta { margin-left: auto; color: #8d8d8d; font-size: 13px; white-space: nowrap; } .gg-sec-h { color: #fff; font-size: 16px; font-weight: 600; margin: 18px 0 6px; } .gg-mota { white-space: pre-line; line-height: 1.7; font-size: 14.5px; color: #bbb; word-break: break-word; } .gg-tagline .tag { margin-right: 6px; } /* tab Report / Bình luận (mẫu: .comments-section-header + 2 .well-filters, tab bật = .active-comment) */ .gg-detail .comments-section-header { box-shadow: inset 0 -2px 0 #333; display: flex; overflow: visible; margin-bottom: 0; } .gg-detail .comments-section-header .well-filters { width: auto !important; float: none; padding: 0 14px !important; box-shadow: none; margin: 0 !important; border-radius: 3px 3px 0 0; } .gg-detail .comments-section-header .well-filters h2 { margin: 0; padding: 10px 0; font-size: 15px; color: #bbb; font-weight: 500; } .gg-detail .comments-section-header .well-filters.active-comment h2 { color: #fff; } .gg-detail .comments-section-header .badge { font-size: 11px; vertical-align: 2px; margin-left: 2px; } .gg-detail #r-section:not([hidden]) { display: block; } /* theme: #r-section{display:none} */ .gg-rp-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 10px; flex-wrap: wrap; } .gg-rp-bar .btn-group { margin: 0; } .gg-detail .comments-list .comment-item { margin: 0 0 8px; padding: 10px 0; border-bottom: 1px solid #2b2b2b; } .gg-detail .comments-list .comment-item .comment-item { border-bottom: 0; padding-bottom: 4px; } .gg-detail .comment-user .gg-ava { width: 48px; height: 48px; flex-basis: 48px; } .gg-detail .comment-replies .comment-user { width: 36px; } .gg-detail .comment-replies .comment-user .gg-ava { width: 36px; height: 36px; font-size: 15px; } .gg-ava-img { padding: 0; overflow: hidden; } .gg-ava-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .gg-detail .comment-info .comment-body { margin-left: 62px; } .gg-detail .comment-replies { margin-left: 62px; } .gg-detail .comment-replies .comment-info .comment-body { margin-left: 48px; } .gg-detail .comment-user-info .comment-username { color: #fff; font-weight: 700; } .gg-detail .comment-add-time { color: #6a6a6a; font-size: 13px; margin-left: 8px; } .gg-detail .comment-meta { color: #909090; font-size: 13px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 4px; } .gg-detail .comment-meta i { color: #6a6a6a; } .gg-detail .comment-meta .pink { color: #ff0000; } .gg-detail .comment-meta .white { color: #4a4a4a; } .gg-detail .comment-meta b { color: #fff; } /* 5 ngoi sao phai la MOT phan tu flex, khong phai 5. .comment-meta la flex voi gap 12px: de 5 the tran thi MOI SAO an tron 12px, nhin roi rac nhu 5 cum khac nhau (anh chup 28/09). Boc lai trong .gg-sao5 => ca cum thanh 1 phan tu, khoang cach giua sao-diem-luot thich van giu nguyen 12px nhu cu. */ .gg-sao5 { display: inline-flex; align-items: center; gap: 1px; } .gg-detail .comment-text { color: #ddd; white-space: pre-line; word-break: break-word; } .gg-detail .comment-text.clamp { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .gg-cmt-act { float: right; display: flex; gap: 8px; align-items: center; margin-left: 8px; } .gg-cmt-act form { margin: 0; } .gg-cmt-act .share-x { padding: 2px 9px; font-size: 12px; } .gg-lnk { background: none; border: 0; padding: 0; color: #3ea6ff; cursor: pointer; font-size: 13px; } .gg-lnk:hover { color: #fff; text-decoration: none; } .gg-lnk.red { color: #ff6b6b; } .gg-cmt-imgs { display: flex; gap: 6px; flex-wrap: wrap; margin: 6px 0; } .gg-cmt-imgs a { display: block; } .gg-cmt-imgs img { width: 110px; height: 110px; object-fit: cover; border-radius: 3px; display: block; background: #212121; } .gg-rv { background: #212121; border-radius: 4px; padding: 10px 12px; margin: 8px 0; } .gg-rv-h { color: #fff; font-weight: 600; margin-bottom: 6px; font-size: 14px; } .gg-rv-row { display: flex; gap: 12px; padding: 2px 0; font-size: 14px; } .gg-rv-row .k { color: #909090; min-width: 110px; flex-shrink: 0; } .gg-rv-row .v { color: #ddd; } .gg-rv-row .v .fas.fa-heart { color: #ff0000; } .gg-rv-row .v .far.fa-heart { color: #4a4a4a; } .gg-rv video { width: 100%; max-height: 420px; background: #000; display: block; } .gg-cmt-form textarea { background: #151515; color: #fff; border-color: #353535; resize: vertical; } .gg-cmt-form textarea:focus { background: #151515; color: #fff; border-color: #6a6a6a; box-shadow: none; } .gg-cmt-tools { display: flex; gap: 6px; justify-content: flex-end; margin: 0 0 10px; } .gg-cmt-prev { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 10px; } .gg-cmt-prev img { width: 72px; height: 72px; object-fit: cover; border-radius: 3px; border: 1px solid #353535; } .gg-cmt-guest { color: #909090; margin: 0 0 10px; } .gg-cmt-guest a { color: #3ea6ff; } .gg-reply-form { display: flex; gap: 6px; margin: 8px 0; } .gg-reply-form input[type=text] { flex: 1; min-width: 0; background: #151515; color: #fff; border: 1px solid #353535; border-radius: 3px; padding: 5px 8px; } /* modal Bootstrap thay .bz-mask cũ: Cáo bận / Báo xấu / Chia sẻ */ .gg-modal .modal-body { color: #ddd; } .gg-modal textarea { width: 100%; min-height: 90px; background: #151515; color: #fff; border: 1px solid #353535; border-radius: 3px; padding: 8px; } .gg-modal label { color: #bbb; font-size: 13.5px; margin: 10px 0 0; display: flex; gap: 8px; align-items: flex-start; } .gg-modal label input { margin-top: 4px; } .gg-sh-row { display: flex; gap: 10px; justify-content: space-around; margin-bottom: 14px; } .gg-sh-row a { color: #ddd; text-align: center; font-size: 13px; } .gg-sh-row .ic { display: flex; width: 46px; height: 46px; border-radius: 50%; align-items: center; justify-content: center; color: #fff; margin: 0 auto 4px; font-size: 18px; } .gg-sh-copy { display: flex; gap: 6px; } .gg-sh-copy input { flex: 1; min-width: 0; background: #151515; color: #ddd; border: 1px solid #353535; border-radius: 3px; padding: 5px 8px; font-size: 13px; } /* ======== Plan 3 T6: phim sex (khuon.phimListGG / phimDetailGG), ký sự (kySuListGG / kySuDetailGG), hồ sơ (userGG), /signup /login ======== */ /* thẻ phim: ảnh 16:9 (card bài là 3:4), thời lượng góc dưới (theme .duration), lượt xem */ .gg-phim-thumb { width: 100%; aspect-ratio: 16 / 9; height: auto; object-fit: cover; display: block; background: #212121; } /* theme .escort-list .content-title kẹp 1 dòng (20px, !important ở màn hẹp) + .content-info cao cứng 70px → nới cho 2 dòng tiêu đề + dòng lượt xem */ .gg-phim-card .escort-list .content-info { height: auto; padding-bottom: 8px; } .gg-phim-card .escort-list .content-title { min-height: 0 !important; max-height: 40px !important; margin-bottom: 2px !important; line-height: 20px; display: block; overflow: hidden; } .gg-phim-card .content-details, .gg-phim-khac .content-details { margin-top: 4px; } .gg-phim-card .content-views i { color: #6a6a6a; } /* trang xem: khung video 16:9 nền đen, sidebar "Phim khác" như bài liên quan của T5 */ .gg-phim-xem .gg-head { padding: 6px 0 !important; } .gg-phim-xem .head-title { width: auto; float: left; max-width: 100%; } .gg-phim-xem .head-title h1 { width: auto; float: none; display: inline; line-height: 1.5; font-size: 18px; } .gg-phim-xem .main-content-escort { margin: 10px 0 0; } .gg-phim-video video { width: 100%; aspect-ratio: 16 / 9; background: #000; display: block; } .gg-phim-xem .vote-box { color: #fff; font-size: 15px; } .gg-phim-xem .related { position: static; float: right; width: 300px !important; margin: 11px 0 0 15px !important; min-height: 0; } .gg-phim-xem .related-header { color: #fff; font-size: 15px !important; margin-bottom: 8px; } .gg-phim-xem .related-video .content-info { height: auto; min-height: 60px; } .gg-phim-xem .related-video .content-title { font-size: 13.5px; line-height: 1.4; height: auto !important; max-height: 38px !important; overflow: hidden; display: block; } .gg-phim-xem .related-video .content-views { font-size: 12.5px; } @media (max-width: 991px) { .gg-phim-xem .related { float: none; width: 100% !important; margin: 10px 0 0 !important; } .gg-phim-xem .content-right { padding: 0 15px; } /* T8: flex thay float — 2 cột float với thẻ cao thấp khác nhau để lại ô trống (ảnh nghiệm thu phim-detail-375) */ .gg-phim-xem .related { display: flex; flex-wrap: wrap; gap: 12px; } .gg-phim-xem .related .related-header { width: 100%; margin-bottom: 0; } .gg-phim-xem .related-video { width: calc(50% - 6px); float: none; padding: 0; margin: 0; } .gg-phim-xem .related-video .thumb-overlay, .gg-phim-xem .related-video .content-info { width: 100%; float: none; padding-left: 0; } } @media (max-width: 767px) { .gg-phim-xem .head-title { float: none; } } /* ký sự: thẻ blog 16:9, ô màu chữ cái khi không có bìa, trích 3 dòng, meta */ .gg-ks-thumb { width: 100%; aspect-ratio: 16 / 9; height: auto; object-fit: cover; display: block; background: #212121; } .gg-ks-noimg { display: flex; align-items: center; justify-content: center; font-size: 56px; font-weight: 700; color: #fff; background: linear-gradient(135deg, #7c1022, #2b2b2b); } .gg-ks-card .escort-list .content-info { height: auto; padding: 8px 10px 10px; } .gg-ks-card .escort-list .content-title { min-height: 0 !important; max-height: 44px !important; margin-bottom: 4px !important; overflow: hidden; font-size: 15px; line-height: 1.45; font-weight: 600; display: block; } .gg-ks-ex { color: #9a9a9a; font-size: 13.5px; line-height: 1.55; margin: 6px 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .gg-ks-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; color: #6a6a6a; font-size: 12.5px; } .gg-ks-meta i { margin-right: 3px; } /* bài ký sự */ .gg-ks .head-title { width: auto; float: left; max-width: 100%; } .gg-ks .head-title h1 { width: auto; float: none; display: inline; line-height: 1.5; font-size: 20px; white-space: normal; } .gg-ks .ks-art { background: #212121; border-radius: 4px; padding: 14px 16px 18px; margin-top: 10px; } .gg-ks-share { margin: 10px 0 4px; } .gg-ks-body { color: #ccc; font-size: 15.5px; line-height: 1.8; word-break: break-word; } .gg-ks-body p { margin: 0 0 14px; } .gg-ks-body h2 { color: #fff; font-size: 19px; margin: 22px 0 10px; font-weight: 700; } .gg-ks-body h3 { color: #fff; font-size: 16.5px; margin: 18px 0 8px; font-weight: 600; } .gg-ks-body ul { padding-left: 22px; margin: 0 0 14px; } .gg-ks-body li { margin: 4px 0; } .gg-ks-body a { color: #3ea6ff; } .gg-ks-body b { color: #fff; } .gg-ks-body .ks-fig { margin: 16px 0; } .gg-ks-body .ks-fig img { max-width: 100%; height: auto; border-radius: 4px; display: block; margin: 0 auto; } @media (max-width: 767px) { .gg-ks .ks-art { padding: 12px; } .gg-ks .gg-owner .gg-meta { white-space: normal; } } /* form viết ký sự / bảng "của tôi" (Bootstrap trên nền tối) */ .gg-ks-note { color: #9a9a9a; font-size: 14px; line-height: 1.7; margin: 10px 0 14px; } .gg-form label { color: #bbb; font-size: 13.5px; } .gg-form .form-control { background: #151515; color: #fff; border-color: #353535; } .gg-form .form-control:focus { background: #151515; color: #fff; border-color: #6a6a6a; box-shadow: none; } .gg-form .form-control-file { color: #bbb; font-size: 13.5px; } .gg-form .form-text { color: #7a7a7a !important; font-size: 12.5px; line-height: 1.6; } .gg-form .form-text b { color: #bbb; } .gg-ks-ta { min-height: 320px; line-height: 1.6; resize: vertical; } .gg-ks-thumbs { display: flex; gap: 8px; flex-wrap: wrap; margin: 4px 0 8px; } .gg-ks-thumbs label { margin: 0; font-size: 12px; color: #909090; text-align: center; } .gg-ks-thumbs img { width: 90px; height: 60px; object-fit: cover; border-radius: 3px; display: block; } .gg-table { color: #ddd; background: #212121; font-size: 14px; margin-top: 8px; } .gg-table th, .gg-table td { border-color: #353535; vertical-align: top; } .gg-table thead th { border-bottom: 1px solid #353535; color: #fff; } .gg-table a { color: #3ea6ff; } .gg-muted { color: #909090; font-size: 12.5px; } .gg-red { color: #ff8a8a; font-size: 13px; margin-top: 4px; } .gg-list .alert a { color: inherit; text-decoration: underline; } /* hồ sơ: đầu trang flex (theme .user-avatar/.user-info là float + chiều cao cứng, gãy ở 375px) */ .gg-user-head { display: flex; gap: 16px; align-items: flex-start; margin-top: 12px; } .gg-user .user-avatar { float: none; width: 140px; height: 140px; flex: 0 0 140px; } .gg-user .user-avatar img, .gg-ava-big { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .gg-ava-big { background: #4a4a4a; color: #fff; font-size: 56px; font-weight: 700; } .gg-user .user-info { float: none; width: auto; height: auto; padding-top: 6px; flex: 1; min-width: 0; position: static; } .gg-user .user-username h1 { display: inline; font-size: 24px; line-height: 1.3; color: #fff; margin: 0; width: auto; float: none; } .gg-rank { vertical-align: 4px; margin-left: 6px; font-size: 12px; } .gg-user .user-location { color: #bbb; height: auto; margin: 4px 0 8px; font-size: 13.5px; } .gg-user .user-actions { position: static; float: none; margin: 0 !important; display: flex; flex-wrap: wrap; gap: 6px; } .gg-user .user-actions form { margin: 0; } .gg-user .user-actions .btn { font-size: 12.5px; padding: 4px 10px; } .gg-user .user-left { margin-top: 16px; } .gg-user .user-left .user-info-box { background: #212121; border-radius: 4px; padding: 12px 14px; color: #bbb; font-size: 14px; } .gg-user .user-info-box div { margin-bottom: 6px; } .gg-user .user-info-box div:last-child { margin-bottom: 0; } .gg-green { color: #57a557; } .gg-user-bio { margin-top: 10px; background: #212121; border-radius: 4px; padding: 10px 14px; color: #ccc; font-size: 14px; line-height: 1.65; white-space: pre-line; word-break: break-word; } .gg-user .user-right { margin-top: 16px; } .gg-user-h { margin-bottom: 8px; } .gg-user-h h2 { font-size: 16px; color: #fff; margin: 0; line-height: 44px; } @media (max-width: 991px) { .gg-user .user-left, .gg-user .user-right { width: 100%; float: none; } } @media (max-width: 575px) { .gg-user .user-avatar { width: 84px; height: 84px; flex-basis: 84px; } .gg-ava-big { font-size: 36px; } .gg-user .user-username h1 { font-size: 20px; } } /* /signup, /login: trang mở sẵn modal + cột tính năng (theme .what-is) */ .gg-dangky .gg-dk-p { color: #bbb; font-size: 15px; line-height: 1.7; } .gg-dangky .what-is h5 { color: #fff; } .gg-dangky .what-is li { color: #bbb; margin: 6px 0; } .gg-dangky .text-x2 a { color: #3ea6ff; } /* ======== Plan 3 T7: trang phụ + admin (layout legacy:true) hoà theme ======== */ /* bề ngang theo .container của theme (1140 ở màn rộng); khối riêng (.dg-wrap 640, .qmk-box 460) vẫn tự căn giữa */ .legacy .page-main { max-width: none; padding: 12px 0 24px; } @media (min-width: 768px) { .legacy .page-main { padding: 16px 0 28px; } } /* ô nhập của trang cũ (nền xám #8c8f93 chữ đen của bộ CSS cũ) -> ô nhập theme: nền #151515, viền #353535, chữ trắng */ .legacy .dg-input, .legacy .dg-select, .legacy .dg-textarea, .legacy .ff-in, .legacy .lk-row input, .legacy .qmk-inp, .legacy .cmt-input, .legacy .fd-input, .legacy .bc-flt input, .legacy .bc-flt select, .legacy .adm-filter input, .legacy .adm-filter select, .legacy select.form-control { background: #151515; border: 1px solid #353535; color: #fff; border-radius: 3px; } .legacy .dg-input::placeholder, .legacy .dg-textarea::placeholder, .legacy .ff-in::placeholder, .legacy .form-control::placeholder { color: #6a6a6a; } .legacy .dg-input:focus, .legacy .dg-select:focus, .legacy .dg-textarea:focus, .legacy .ff-in:focus, .legacy .lk-row input:focus, .legacy select.form-control:focus { border-color: #3ea6ff; outline: 0; box-shadow: none; background: #151515; color: #fff; } .legacy .ff-in.bad { background: #5a1a1a; border-color: #ff0000; color: #fff; } .legacy select option, .legacy .dg-select option, .legacy select.form-control option { background: #2b2b2b; color: #ddd; } .legacy .form-control-file { color: #ddd; padding: 6px 0; } .legacy input[type=checkbox], .legacy input[type=radio] { accent-color: #ff0000; } /* nút bước của form đăng bài / report: Bootstrap .btn + giữ lớp dg-btn (JS chọn .dg-btn.next / .dg-btn.submit) */ .legacy .btn.dg-btn { flex: 1; padding: 12px 15px; font-size: 15px; font-weight: 700; border-radius: 3px; line-height: 1.4; } .legacy .btn-primary.dg-btn, .legacy .btn-primary.dg-btn.next, .legacy .btn-primary.dg-btn.submit { background: #ff0000; border-color: #ff0000; color: #fff; } .legacy .btn-primary.dg-btn:hover, .legacy .btn-primary.dg-btn:focus { background: #e50214; border-color: #e50214; color: #fff; } .legacy .btn-secondary.dg-btn, .legacy .btn-secondary.dg-btn.prev { background: #2b2b2b; border-color: #353535; color: #ddd; } .legacy .btn-secondary.dg-btn:hover { background: #3a3a3a; border-color: #4a4a4a; color: #fff; } /* nút cũ chưa đổi lớp (gradient cam / crimson cũ) về đỏ theme */ .legacy .dg-btn.next:not(.btn), .legacy .dg-btn.submit:not(.btn), .legacy .qd-btn, .legacy .sr-send, .legacy .v2-btn, .legacy .lgm-btn, .legacy .qmk-btn, .legacy .fd-send, .legacy .cmt-send, .legacy .mp-btn.edit, .legacy .up-btn, .legacy .adm-nav a.on, .legacy .pager span.cur, .legacy .hbtn-reg, .legacy .im-tag, .legacy .ks-pin { background: #ff0000; border-color: #ff0000; color: #fff; } .legacy .dg-btn.next:not(.btn):hover, .legacy .dg-btn.submit:not(.btn):hover, .legacy .qd-btn:hover, .legacy .sr-send:hover, .legacy .v2-btn:hover, .legacy .lgm-btn:hover, .legacy .qmk-btn:hover, .legacy .mp-btn.edit:hover, .legacy .up-btn:hover { background: #e50214; border-color: #e50214; } .legacy .dg-btn.prev:not(.btn) { background: #2b2b2b; color: #ddd; } .legacy .lk-kt { background: #2b2b2b; border-color: #353535; color: #ddd; } .legacy .lk-kt:hover { border-color: #3ea6ff; color: #fff; } /* thanh bước + tim chấm điểm */ .legacy .dg-step.on { background: #ff0000; color: #fff; } .legacy .dg-step.on .no { background: #fff; color: #ff0000; } .legacy .wr-pick button.on, .legacy .wr-hearts button.on { color: #ff0000; } /* hộp liên kết (xanh lơ cũ) + màu nhấn xanh cũ #7ce6fe -> xanh theme #3ea6ff */ .legacy .lk-box { background: #212121; border-color: #353535; } .legacy .lk-box .lk-h, .legacy .v2-bc a, .legacy .dists a, .legacy .gd-tb a, .legacy .gd-tb td.h, .legacy .np-tb td.h, .legacy .ks-ti, .legacy .product-card .pt, .legacy .lm-btn, .legacy .acc-links a:hover, .legacy .mp-btn:hover, .legacy .adm-nav a:hover { color: #3ea6ff; } .legacy a:not(.btn):not([class]) { color: #3ea6ff; } /* bảng của trang cũ / admin: kẻ dòng theme, không tràn ngang */ .legacy table { width: 100%; max-width: 100%; } .legacy .pt-tb td, .legacy .np-tb td, .legacy .gd-tb td { border-bottom-color: #2b2b2b; color: #bbb; } .legacy .pt-tb th, .legacy .np-tb th, .legacy .gd-tb th { color: #909090; border-bottom: 1px solid #353535; } .legacy .adm-stat, .legacy .acc-card, .legacy .qmk-box, .legacy .im-cell, .legacy .nt-item, .legacy .ff-row { background: #212121; border-color: #353535; } .legacy .nt-item.unread { background: #262626; border-left-color: #ff0000; } .legacy .lgm-err { color: #ff8a8a; } .legacy .v2-bc { background: #212121; } .legacy .v2-empty, .legacy .notice { border-radius: 3px; } .legacy .notice { background: rgba(255, 193, 7, .1); border-color: rgba(255, 193, 7, .35); color: #e8c974; } .legacy .notice i, .legacy .notice a { color: #e8c974 !important; } /* bảng bọc trong khung cuộn ngang khi màn hẹp */ @media (max-width: 767px) { .legacy .adm-wrap, .legacy .tb-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; } } /* ---- T7 bổ sung sau khi soi ảnh chụp: nút crimson cũ (gia hạn, nạp, ảnh bài) về đỏ theme ---- */ .legacy .gh-pay, .legacy .np-copy, .legacy .np-form button[type=submit], .legacy .im-btn.set, .legacy .acc-links a.adm { background: #ff0000; border-color: #ff0000; color: #fff; } .legacy .gh-pay:hover, .legacy .np-copy:hover, .legacy .np-form button[type=submit]:hover, .legacy .im-btn.set:hover { background: #e50214; border-color: #e50214; } .legacy .gh-opt input:checked + .in { border-color: #ff0000; background: #2a1414; } .legacy .im-cell.cover { border-color: #ff0000; } /* ---- T7 bổ sung 2: nút "Xác minh" trang nạp không có type=submit; tiêu đề .pg-h1 xanh lơ cũ -> trắng ---- */ .legacy .np-form button { background: #ff0000; border-color: #ff0000; color: #fff; } .legacy .np-form button:hover { background: #e50214; } .legacy .pg-h1 { color: #fff; font-weight: 600; } /* ---- Bai HOT: huy hieu tron goc tren-trai, KHONG khung vien (chu du an chot 30/09). Dung DUNG anh chu du an gui (hot-badge.png), khong ve lai bang icon. 🪤 VONG TRON VE TRONG ANH chi chiem 78% canh anh (do bang canvas tren tep that: vong o x=72 y=54 rong 799 tren anh 1024, tam lech len-trai). Bo tron theo CANH ANH thi cat o vong LON hon vong ve => thua mot vanh trang, nhin nhu bi chong them vong trang to. Nen phai boc anh trong the ngoai, phong 128.2% roi dich trai 9.0% / len 6.8%. Tinh bang phan tram nen dung o moi co huy hieu. Nguon qua /cdn-cgi/image/ (285 KB -> vai KB webp), duong dan TUONG DOI vi ban chinh con xoay. ---- */ .gg-hot-tron { display: block; position: relative; overflow: hidden; width: 28px; height: 28px; border-radius: 50%; box-shadow: 0 1px 4px rgba(0, 0, 0, .4); } .gg-hot-tron img { position: absolute; display: block; border: 0; width: 128.16%; height: 128.48%; left: -9.01%; top: -6.78%; } .escort-list .label-public .gg-tl .gg-hot-tron { margin: 0; } /* The rong hon tu 768px: noi huy hieu cho can doi. */ @media (min-width: 768px) { .gg-hot-tron { width: 32px; height: 32px; } } /* ==== va-ui-mobile-bai: header + thẻ + trang bài theo bản gốc (album vuốt ngang, video dưới album, liên quan một hàng ngang dưới bình luận) ==== */ /* thẻ bài (mọi bề rộng): nhãn trạng thái đỏ góc trên-phải, HOT/VIP góc trên-trái, icon xác thực + video góc dưới-phải */ .label-public .gg-st, .gg-bdg .lb-nghi { display: inline-block; background: #ff0000; color: #fff; font-size: 13px; font-weight: 700; line-height: 1.5; padding: 2px 8px; border-radius: 4px; text-transform: none; letter-spacing: 0; white-space: nowrap; } .escort-list .label-public .gg-st, .gg-bdg .lb-nghi { color: #fff !important; font-size: 13px !important; font-weight: 700 !important; } .label-public .gg-st { position: absolute; top: 8px; right: 8px; z-index: 1; } .label-public .gg-tl { position: absolute; top: 8px; left: 8px; z-index: 1; display: flex; gap: 4px; align-items: center; } .label-public .gg-tl .lb-hot, .label-public .gg-tl .lb-vip { margin: 0; } .escort-list .label-public .gg-tl .lb-hot { color: #fff !important; } .escort-list .label-public .gg-tl .lb-vip { color: #1a1a1a !important; } .label-content.gg-goc { bottom: 8px; right: 8px; line-height: 1; } .label-content.gg-goc i { font-size: 18px; margin-right: 6px; vertical-align: middle; } .label-content.gg-goc i:last-child { margin-right: 0 !important; } .gg-tb-so { display: none; } /* khối dưới bảng thông tin (ảnh mẫu gaigu7): sao + (n) | 3 nút icon; vạch; lượt xem + ngày đăng + ngày tắt đỏ; người đăng + Theo dõi; mô tả; tags chữ */ .gg-detail .gg-sao { font-size: 16px; line-height: 30px; } .gg-detail .gg-sao .white { color: #4a4a4a; } .gg-detail .escort-actions form { display: inline; } .gg-detail .gg-nut-i { min-width: 40px; padding: .275rem .7rem; color: #fff; } .gg-detail .gg-nut-i.on i { color: #ff0000; } .gg-detail .gg-nd { display: block; } .gg-detail .gg-nd-xem { text-align: right; font-size: 15px; color: #8d8d8d; margin-bottom: 10px; } .gg-detail .gg-nd-xem .text-highlighted { color: #fff; font-weight: 500; } .gg-detail .gg-ngay-tat { color: #ff0000; font-weight: 500; } .gg-detail .gg-nd-hang { display: flex; align-items: center; gap: 10px; } .gg-detail .gg-nd-hang .gg-ava, .gg-detail .gg-nd-hang .medium-avatar { flex: 0 0 48px; width: 48px; height: 48px; margin: 0; border-radius: 3px; object-fit: cover; } .gg-detail .gg-nd-hang .gg-ava-mau { color: #fff; font-size: 22px; font-weight: 400; } .gg-detail .gg-nd-hang .gg-owner-in { min-width: 0; flex: 1 1 auto; } .gg-detail .gg-nd-hang .gg-ten { display: block; color: #bbb; font-size: 15px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gg-detail .gg-nd-hang .gg-owner-sub { color: #8d8d8d; font-size: 14px; } .gg-detail .gg-nd-hang .gg-owner-sub .text-highlighted { color: #fff; font-weight: 500; } .gg-detail .gg-nd-nut { flex: none; margin-left: auto; } .gg-detail .gg-tag-chu { color: #8d8d8d; font-size: 15px; line-height: 1.6; } .gg-detail .gg-tag-chu a.tag { display: inline; margin: 0; padding: 0; border: 0; background: none; color: #3ea6ff; font-weight: 500; } /* tab Bình luận / Đánh giá + hàng sắp xếp dạng chữ (ảnh mẫu khu bình luận) */ .gg-detail #comments_total { color: inherit; font-weight: inherit; } .gg-detail .comments-section-header .well-filters.active-comment { background: #2b2b2b; } .gg-detail .comments-section-header .badge { border-radius: 3px; font-size: 12px; font-weight: 700; padding: 3px 5px; } .gg-rp-bar2 { flex-direction: row; } .gg-rp-bar2 .gg-sx { margin-left: auto; color: #6a6a6a; font-size: 15px; white-space: nowrap; } .gg-rp-bar2 .gg-sx a { color: #8d8d8d; } .gg-rp-bar2 .gg-sx a.on, .gg-rp-bar2 .gg-sx a:hover { color: #fff; text-decoration: none; } /* ---- chỉnh theo số đo bản gốc (so-sanh/data/style.txt) ---- */ .content-rating i.fa-star.white { font-weight: 900; } .footer-links { color: #777; font-size: 16px; line-height: 1.5; } .footer-container .footer { font-size: 16px; } .footer-container .footer a:hover { color: #eee; text-decoration: none; } .footer-links a:hover { text-decoration: none; } .btn-secondary, .btn-secondary.btn-sm { font-size: 14px; border-radius: 4px; border: 0; } body .modal-backdrop { z-index: 1040 !important; } /* theme ép z-index:1 → nền mờ chui dưới nội dung trang, modal tự mở ở /signup /login trông như vỡ */ .gg-phim-card .escort-list .content-title { font-size: 15px !important; font-weight: 400 !important; color: #bbb !important; } .gg-chat .es-city, .gg-chat .es-city a, .gg-chat .es-city i { color: #fff3cd !important; } .gg-detail { color: #777; } .gg-detail .gg-head { padding: 0 !important; min-height: 42px; } .gg-detail .head-title h1 { display: block; float: left; max-width: 100%; line-height: 21.6px; } .gg-detail .head-title .gg-bdg { float: left; margin: 9px 0 0 8px; vertical-align: 0; } .gg-detail .comments-section-header { display: block; overflow: hidden; } .gg-detail .comments-section-header .well-filters { float: left; height: 42px; padding: 0 10px !important; border-radius: 0; } .gg-detail .comments-section-header .well-filters h2 { padding: 0; line-height: 42px; } .gg-detail .comments-list .comment-item { padding-left: 20px; padding-right: 20px; margin-bottom: 10px; } .gg-detail .comments-list .comment-item .comment-item { padding-left: 0; padding-right: 0; } .gg-detail .relate-info .content-title { font-size: 15px; line-height: 20px; max-height: 50px !important; } .gg-detail .relate-info .content-rating { font-size: 14px; } .gg-detail .img-preview img, .gg-detail .img-preview li.on img { border: 0; } @media (max-width: 767px) { /* header một hàng 50px: ☰ trái (ô viền bo góc), logo GIỮA, tìm + chìa khoá / tài khoản phải. 50px giữ khớp .toggle-search{top:50px} và top 50/87 của jquery.main.js */ .top-menu { position: relative; } .top-menu .float-right { display: contents; } .top-menu .left-me { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; flex: none; } .top-nav .navbar-toggler { order: -1; float: none; margin: 0; padding: 4px 9px; border: 1px solid #3c3c3c; border-radius: 5px; } #shSearch { margin-left: auto !important; } .top-menu .gg-tk { position: relative; } .top-menu .gg-tk > a.dropdown-toggle::after { content: "" !important; display: inline-block !important; width: 0; height: 0; margin: 2px 0 0 1px; border: 0; border-top: 5px solid #bbb; border-left: 4px solid transparent; border-right: 4px solid transparent; } .top-menu .gg-tk > a { gap: 3px; padding: 8px 7px !important; } .top-menu .gg-tk .gg-tb-so { display: inline-block; position: static; margin: 0 1px 0 0; padding: 2px 5px; font-size: 11px; font-weight: 700; line-height: 1.2; border-radius: 3px; } .top-menu .gg-tk .dropdown-menu { min-width: 190px; margin-top: 8px; } .top-menu .gg-tk .dropdown-menu a, .top-menu .gg-tk .dropdown-menu button { display: block; width: 100%; padding: 9px 16px; font-size: 15px; line-height: 1.4; text-align: left; color: #ddd; background: none; border: 0; } .top-menu .gg-tk .dropdown-menu a:hover, .top-menu .gg-tk .dropdown-menu button:hover { color: #fff; background: #333; } .top-menu .gg-tk .dropdown-menu i { width: 20px; color: #909090; } .top-menu .gg-tk .dropdown-menu .gg-badge { position: static; margin-left: 6px; vertical-align: 1px; } } .gg-alb-dem, .gg-vid-play, .gg-vid-play[hidden] { display: none; } .gg-detail .gg-bc .breadcrumb { background: #212121; padding: 5px 8px; font-size: 15px; font-weight: 500; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; } .gg-detail .gg-bc .breadcrumb-item { overflow: hidden; text-overflow: ellipsis; flex: 0 1 auto; } .gg-detail .gg-bc .breadcrumb-item:first-child { flex: none; } .gg-detail .gg-bc .breadcrumb-item a, .gg-detail .gg-bc .breadcrumb-item i { color: #3ea6ff; } .gg-detail .gg-bc .breadcrumb-item + .breadcrumb-item { padding-left: 5px; } .gg-detail .gg-bc .breadcrumb-item + .breadcrumb-item::before { content: "/"; color: #3ea6ff; padding-right: 5px; } .gg-detail .head-title h1 { font-weight: 400; color: #fff; } .gg-detail .attributes p { font-size: 16px; line-height: 24px; } .gg-detail .attributes .gg-sua-i { margin-left: 6px; color: #fff; } .gg-detail .main-img-prev picture { display: contents; } @media (max-width: 767px) { /* album: một rãnh trượt ngang, mỗi ảnh một khung 4:5 cố định (trang không nhảy khi ảnh về) */ .gg-detail .gg-lb { display: none !important; } .gg-detail #ggAnh[hidden], .gg-detail #ggVideo[hidden] { display: block !important; } .gg-detail .main-img-prev { display: none; } .gg-detail .img-preview { position: relative; width: 100%; float: none; padding: 0; } .gg-detail .img-preview ul { display: flex; gap: 0; padding: 0; margin: 0; max-height: none; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; border-radius: 0; } .gg-detail .img-preview ul::-webkit-scrollbar { display: none; } .gg-detail .img-preview ul li { flex: 0 0 100%; min-width: 0; padding: 0; scroll-snap-align: start; scroll-snap-stop: always; } .gg-detail .img-preview a { display: block; width: 100%; aspect-ratio: 16 / 9; background: #212121; overflow: hidden; } .gg-detail .img-preview img, .gg-detail .img-preview li.on img { display: block; width: 100%; height: 100%; object-fit: cover; border: 0; } .gg-alb-dem { display: block; position: absolute; right: 0; bottom: 0; z-index: 2; padding: 3px 9px; background: rgba(0, 0, 0, .6); color: #ff0000; font-size: 15px; font-weight: 500; line-height: 1.5; pointer-events: none; } .gg-detail .gg-nhan-m { clear: both; color: #fff; font-size: 16px; font-weight: 500; line-height: 1.4; padding: 8px 0 6px; } .gg-detail .gg-nhan-m i { margin-left: 6px; } /* video: ngay dưới album, khung 16:9, chỉ tải khi bấm phát */ .gg-detail .desk-video { position: relative; float: none; margin-top: 0; } .gg-detail .desk-video video { object-fit: contain; background: #000; } .gg-vid-play { display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 0; width: 64px; height: 64px; margin: calc(28.125% - 32px) 0 0 -32px; padding: 0 0 0 4px; border: 0; background: none; color: #fff; font-size: 34px; text-shadow: 0 1px 8px rgba(0, 0, 0, .7); } /* liên quan dưới bình luận: MỘT hàng ngang, thẻ .list-relate của theme xếp ảnh trên - chữ dưới */ .gg-detail .gg-lq-duoi { float: none; width: 100% !important; margin: 22px 0 6px !important; position: static; min-height: 0; } .gg-detail .gg-lq-duoi .related-header { margin-bottom: 8px; } /* KHÔNG snap khi đang trôi: snap kéo scrollLeft về mép thẻ nên chuyển động mượt thành nhảy từng thẻ. Script bật lại snap lúc người dùng vuốt. */ .gg-detail .gg-lq-row { display: flex; gap: 8px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; padding-bottom: 4px; } .gg-detail .gg-lq-row::-webkit-scrollbar { display: none; } .gg-detail .gg-lq-row .list-relate { flex: 0 0 42vw; width: auto; max-width: 220px; min-width: 0; margin: 0; padding: 0 !important; float: none; scroll-snap-align: start; } .gg-detail .gg-lq-row .list-relate > div { width: 100%; max-width: 100%; float: none; padding: 0 !important; } .gg-detail .gg-lq-row .thumb-overlay { width: 100%; } .gg-detail .gg-lq-row .img-escort-res, .gg-detail .gg-lq-row .gg-noimg { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; } .gg-detail .gg-lq-row .relate-info { padding-top: 4px !important; } .gg-detail .gg-lq-row .relate-info .content-title { display: block; font-size: 13.5px; line-height: 1.45; height: auto !important; max-height: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gg-detail .gg-lq-row .relate-info .in-txt { display: block; font-size: 12px; line-height: 1.65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 767px) and (prefers-reduced-motion: reduce) { .gg-detail .gg-lq-row { scroll-snap-type: x proximity; } /* không trôi thì cho vuốt tay dừng đúng mép thẻ */ } /* chip tỉnh/quận/dịch vụ: LƯỚI đều, luôn vừa khung. minmax(0,1fr) là chỗ mấu chốt — tên dài không nong được cột nên không bao giờ tràn ngang. */ .gg-list .list-city-menu { overflow: visible; } .gg-list .list-city-menu ul { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; box-sizing: border-box; width: 100% !important; margin: 10px 0 8px; padding: 0; } .gg-list .list-city-menu ul li { display: block; float: none; width: auto; min-width: 0; height: 28px; margin: 0 !important; padding: 0; box-sizing: border-box; overflow: hidden; border: 1px solid #353535; border-radius: 4px; background: #1a1a1a; font-size: 13px; text-align: center; } .gg-list .list-city-menu ul li a { display: block; padding: 0 6px; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gg-list .list-city-menu ul li.gg-chip-dai { font-size: 12px; } @media (min-width: 1200px) { .gg-list .list-city-menu ul { grid-template-columns: repeat(8, minmax(0, 1fr)); } } @media (max-width: 767px) { .gg-list .list-city-menu ul { grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 8px 0 6px; } .gg-list .list-city-menu ul li { height: 30px; font-size: 12px; } .gg-list .list-city-menu ul li a { padding: 0 4px; line-height: 28px; } .gg-list .list-city-menu ul li.gg-chip-dai { font-size: 11px; } } @media (max-width: 575px) { .gg-list .list-city-menu ul { grid-template-columns: repeat(4, minmax(0, 1fr)); } .gg-list .list-city-menu ul li.gg-chip-dai .gg-cnt { display: none; } /* tên dài + số bài không cùng lọt một ô */ } /* ==== Plan 7 T1: danh sách 2 cột + Tags phổ biến ==== */ .gg-2cot .gg-filters2 { margin-bottom: 10px; width: 100%; } .gg-2cot .gg-row2 { clear: both; } .gg-2cot .tags-block .tag-item a { color: #bbb; } .gg-2cot .tags-block .tag-item a:hover { color: #fff; } .gg-2cot > .gg-tags { margin-top: 14px; } .gg-2cot .gg-otim { margin-top: 12px; } @media (min-width: 992px) { .gg-2cot .gg-filters2 { width: calc(100% - 315px); } /* khung ảnh của bản gốc: cột 190px, ảnh cao 314px cắt cover (bản 1 cột trước đây 269px × 3:4) */ .gg-2cot .content-left .escort-list .img-escort-res { aspect-ratio: auto; height: 314px; min-height: 314px !important; } } @media (max-width: 991px) { .gg-2cot .tags-block { padding-right: 15px; } .gg-2cot .tags-block .mt-15 { margin-top: 0; } } /* ==== Plan 7 T2: hàng lọc dạng tab chữ ==== */ .gg-filters2 .btn-group { margin-right: 10px; } .gg-filters2 .well-action { cursor: pointer; } .gg-filters2 .gg-loc-act > .well-action { color: #fff; } .gg-filters2 .dropdown-menu { max-height: 70vh; overflow-y: auto; } @media (max-width: 767px) { /* 7 tab không vừa một hàng 412px: cho cuộn ngang trong chính hàng lọc, trang không tràn */ /* 04/10/2026 — NÚT LỌC BẤM KHÔNG ĂN TRÊN iOS. Trước đây hàng nút là một khung CUỘN NGANG (overflow-x:auto + -webkit-overflow-scrolling:touch), còn menu thả xuống "thoát" khỏi khung nhờ chuỗi phần tử không định vị bên dưới. Chrome cho thoát; WebKit trên iOS thì CẮT mọi phần tử con của khung cuộn, kể cả phần tử định vị tuyệt đối => menu mở ra mà không ai thấy, trông như bấm không ăn. Không có khung cuộn thì không trình duyệt nào cắt được, nên cho nút XUỐNG DÒNG. ĐỪNG đưa overflow/-webkit-overflow-scrolling trở lại khối này. */ .gg-filters2 > div:first-child { display: flex; flex-wrap: wrap; row-gap: 4px; overflow: visible; } .gg-filters2 > div:first-child::-webkit-scrollbar { display: none; } .gg-filters2 .btn-group { flex: none; position: static; } .gg-filters2 .well-action { white-space: nowrap; } .gg-row2 { position: relative; } .gg-filters2 { position: static; } .gg-filters2 .dropdown-menu { left: 8px !important; right: auto; top: 100% !important; transform: none !important; } } /* ==== Plan 7 T3: feed trang chủ theo markup gốc ==== */ .gg-home2 .main-head-nf { float: left; } .gg-home2 .gg-hot, .gg-home2 .gg-home2-row, .gg-home2 .gg-home-tags, .gg-home2 > .gg-lead { clear: both; width: 100%; } .gg-home2 .gg-hot { padding-top: 10px; } .gg-nf2 { margin: 15px 0 30px !important; padding-bottom: 5px; } .gg-nf2 .card-sub { border-top: 0; padding-top: 0; } .gg-nf2 .review-rates { padding-left: 0; font-size: 1.1em; } .gg-nf2 .review-rates .inf-owner > span:first-child a, .gg-nf2 .review-rates .inf-owner > span:first-child span { width: auto; float: none; } .gg-nf2 .gg-nf-name { color: #fff !important; font-weight: 700; } .gg-nf2 .gg-nf-ngay { color: #fff; margin-left: 6px; } .gg-nf2 .avatar-reviewer.gg-ava { width: 46px; height: 46px; flex: none; display: flex; font-size: 20px; } .gg-nf2 img.avatar-reviewer { width: 46px; height: 46px; object-fit: cover; } .gg-nf2-body { color: #8d8d8d; } .gg-nf2-dong { margin: 0 0 4px; font-size: 14px; color: #909090; } .gg-nf2-dong a { color: #3ea6ff; } .gg-nf2-txt { margin: 0; font-size: 16px; line-height: 1.5; white-space: pre-line; word-break: break-word; } .gg-nf2-txt.clamp { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .gg-nf2-the { margin: 6px 0; } .gg-nf2-the a { color: #3ea6ff !important; margin-right: 8px; } .gg-nf2 .gg-nf-imgs { width: 100%; } .gg-nf2-foot { display: block; overflow: hidden; padding: 0 0 5px; margin: 0; border-bottom: .7px solid hsla(0, 0%, 53.3%, .4); color: #909090 !important; text-align: center; font-size: 14px; } .gg-nf2-foot a { color: #bbb !important; } .gg-nf2-foot a:hover { color: #fff !important; } .gg-nf2-foot i { color: #bbb; font-size: 14px; } .gg-nf2-foot .share-x { padding: 2px 9px; font-size: 12px; margin-left: 10px; } .gg-nf2 .comments-section { padding: 0 8px; } .gg-nf2-xem { width: 100%; display: inline-block; } .gg-nf2-xem a { color: #bfbfbf; margin-top: 5px; display: block; } .gg-home2 #nf_show_more { display: block; clear: both; } @media (max-width: 767px) { .gg-nf2 { margin: 12px 0 !important; } .gg-nf2-txt { font-size: 15px; } } /* ==== Plan 7 T4: header desktop + danh sách phim 2 cột ==== */ /* Đăng ký ở thanh trên: gaigoi.css (khối "mục gốc không dùng") ẩn .ic-signup ở MỌI bề rộng từ hồi header chưa có nút này. T4 dùng lại mục đó nên mở lại từ 768px; dưới 768px style.css của theme vẫn ẩn (@media max-width: 767px). */ @media (min-width: 768px) { .top-menu-item.ic-signup { display: block; } } /* nút đổi loại tìm: y #search_select của theme (theme gắn luật theo id, mình không dùng id đó vì jquery.main.js bắt id rồi đổi action form) */ .gg-search-select { right: 45px; top: 1px; position: absolute; z-index: 3; margin: 0; border: 0; color: #999; } .gg-search-select:hover { color: #efefef; } .gg-search-select:active, .gg-search-select:focus { box-shadow: none; outline: 0; } .search-top-container .search-box, .search-bot-container .search-box { padding-right: 44px; } .gg-phim-ds .gg-phim2 { margin-bottom: 14px; } .gg-phim-ds .gg-phim2 .gg-phim-thumb { max-height: 132px; } .gg-phim-ds .gg-phim2 .content-title { display: block; font-size: 15px; font-weight: 400; color: #bbb; line-height: 20px; max-height: 40px; overflow: hidden; } .gg-phim-ds .gg-phim2 a:hover .content-title { color: #fff; } .gg-phim-ds .gg-phim2 .content-rating i { color: #57a557; } .gg-phim-ds .well-filters .well-action.active a { color: #fff; } .gg-phim-ds .list-group-item { cursor: pointer; } @media (max-width: 991px) { .gg-phim-ds .content-right { margin-top: 10px; } .gg-phim-ds .gg-phim2 .gg-phim-thumb { max-height: none; } } /* ==== Ba trang chính sách (/dieu-khoan, /chinh-sach-bao-mat, /quy-dinh-ncc) — 28/09/2026 ==== */ .gg-cs-mo { color: #9a9a9a; font-size: 13.5px; line-height: 1.7; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid #353535; } .gg-cs-ket { color: #9a9a9a; font-size: 13px; line-height: 1.7; margin-top: 18px; padding-top: 12px; border-top: 1px solid #353535; } .gg-cs-body h2 { color: #fff; font-size: 17px; margin: 22px 0 8px; font-weight: 700; } .gg-cs-body h2:first-child { margin-top: 0; } .gg-cs-body h3 { color: #fff; font-size: 16px; margin: 20px 0 8px; font-weight: 600; } .gg-cs-body ul { padding-left: 20px; margin: 0 0 6px; } .gg-cs-body li { margin: 5px 0; color: #bdbdbd; font-size: 14.5px; line-height: 1.7; } .gg-cs-body p { color: #bdbdbd; font-size: 14.5px; } /* ==== Plan 7 T5: bình luận theo bản gốc ==== */ .gg-ava-mau { color: #fff; border-radius: 4px; } #binh-luan #comments_input_container { margin-bottom: 6px; } #binh-luan .input-comment-e { background: #151515; color: #fff; border: 1px solid #353535; border-radius: 4px; resize: vertical; min-height: 86px; } #binh-luan .input-comment-e[readonly] { cursor: pointer; } #binh-luan .gg-cmt-nut { margin: 6px 0 10px; } #binh-luan .gg-cmt-nut .btn { font-size: 15px; padding: 6px 12px; } #binh-luan .gg-cmt-nut .gg-kem { padding: 6px 11px; cursor: pointer; } #binh-luan #comments_login_register { display: block; color: #909090; margin-bottom: 6px; } #binh-luan #comments_login_register a { color: #3ea6ff; } .sort_c_r .rmv-bg { color: #bbb; } .sort_c_r .rmv-bg.gg-on, .sort_c_r .rmv-bg:hover { color: #fff; text-decoration: none; } .comments-list .comment-item .comment-user .gg-ava, .comments-list .comment-item .comment-user img { width: 60px; height: 60px; flex-basis: 60px; border-radius: 4px; object-fit: cover; font-size: 30px; font-weight: 400; display: flex; } .comments-list .replies-list .comment-user .gg-ava, .comments-list .replies-list .comment-user img { width: 40px; height: 40px; flex-basis: 40px; font-size: 20px; } .comments-list .comment-username { color: #fff; font-weight: 700; } .comments-list .comment-add-time { color: #6a6a6a; margin-left: 10px; } .comments-list .comment-add-time i { margin-right: 3px; } .comments-list .comment-actions .dropdown-menu form { margin: 0; } /* Nut Xoa trong menu ... cua binh luan: Bootstrap dat .dropdown-item { color:#212529 } va luat nay truoc day KHONG dat mau, nen nut hien den tren nen den = coi nhu vo hinh. Hai muc con lai thay duoc vi chung la va duoc theme to mau rieng; Xoa la