/* /App_Themes/haiphong/css/haiphong.css */ #main_nav99 { padding-left: 10px; padding-right: 10px } /* Menu ngang Hải Phòng: master đã đổi sang qistyleall-modern (padding 12px16 + letter-spacing .015em + font-weight 700) làm CHỮ MENU BỊ KÉO DÀI/dãn khác bản gốc (production dùng qistyleall.css gọn). Khôi phục dáng gọn — chỉ áp tenant Hải Phòng (haiphong.css nạp sau cùng). */ .qimenu .navbar-nav .nav-link { padding: 8px 12px !important; letter-spacing: normal !important; font-weight: 600 !important; border-bottom: 0 !important; border-radius: 0 !important; } .qibgmenutop { background-image: linear-gradient(to top, #e8e8e8, #ffffff); } body { background: #fff; } .qimenu, .qihomemenudoc, .qilitop:hover, #toolbar, .qifootermobile { background: #006ab0; } .qiChuChay { color: #B31717 !important; } .qiborderbottom-2 { border-bottom: 1px solid #006ab0; } .qisubtopmenu { border-top: 2px solid #006ab0; border-bottom: 2px solid #006ab0; } .qihome_tieudebg { border-left: 5px solid #006ab0; padding-left: 5px; } .dropdown-menu > li > a:hover, .submenu > li > a:hover { background: #f9f9f9; border-left: 2px #006ab0 solid; } .qitabtop .nav-link.active { border-top: 2px solid #006ab0 !important; } /*#banner { background-image: linear-gradient(to top, #fca613, #fca613) !important; }*/ ul.qimenudoc li a { color: #ab1818; } .qiborderbottom-2 { border-bottom: 1px solid #006ab0; } .lineFooter { background: #006ab0; } .qifooterbgcolor { background-color: #f8f9fb; } .qihomemenudoc { color: #fff; } #CenterFooter { padding: 1.5em 0 2em; min-height: 133px; background: url('/App_Themes/haiphong/Images/Footerhp.png') no-repeat; } .qifontbold-1:hover, .qifontbold-1:active { background-color: #fff !important; } .qitopsubmenu:hover { background-color: #fff !important; } .qitopsubmenu a:hover { background-color: #fff !important; border-left: 0px !important; } .menuTime { color: #1c1c1c; } .qilitop:hover { color: #fff !important; padding-bottom: 5px; } .qilitop:hover > a.qifontbold-1 { background-color: #006ab0 !important; color: #fff !important; } .qilitop:active > a.qifontbold-1 { color: #fff !important; } .qihome_tieudebg { box-shadow:none !important; } .containerqibanner { max-width: 2000px; } svg.icon.icon-tabler.icon-tabler-search.fs-18 { color: #fff; } .menu_111 .dropdown-toggle::after { display: none; } /* Trang HP giới hạn khổ ~1140px. Lớp full-width của menu để TRONG SUỐT (không nền trắng) + bỏ box-shadow (skin modern thêm) — nếu không, dải full-width nổi thành "2 bóng trắng 2 bên". Chỉ còn thanh xanh .container.header-second (1140, căn giữa) như bản gốc. */ .container-fluid.qimenu.sticky-top.menu-main { background-color: transparent !important; box-shadow: none !important; } .qimenu.menu-main { box-shadow: none !important; } .container-fluid.qiMenuTime { background-color: #fff !important; } .container.px-0.header-second { background-color: #0F68CF !important; } .container-fluid.qiMenuTime { background-color: #fff !important; background-image: none; border-bottom: 0px; } .qiMenuTime .container { /* Bỏ ảnh nền bgmenuchuchay.png (5×30px, lặp lại ⇒ vệt gãy khi dải cao 40px cho vừa khay ngôn ngữ) — thay bằng mã màu trung bình của ảnh. Xem `qistyleall.css`. */ background-image: none; background-color: #f1f4f5; clear: both; min-height: 40px; border-bottom: 1px #EBE3DA solid; } /* Chữ chạy (marquee) tràn/lệch sang phải ra ngoài khổ 1140: .qiChuChay là flex item chứa .scrolling-text (nội dung rất dài) nhưng thiếu min-width:0 nên nở theo nội dung -> tràn. Cho co lại + ẩn tràn trong khổ. */ .qiMenuTime .qiChuChay { flex: 1 1 0 !important; min-width: 0 !important; overflow: hidden !important; } .qiMenuTime .scrolling-text { width: 100% !important; } .qiMenuTime .d-flex { overflow: hidden; } /* Chữ chạy chậm lại cho dễ đọc: tăng thời lượng animation 30s -> 60s (chậm còn 1/2). */ .qiMenuTime .scrolling-text span, .qiMenuTime .scrolling-text a { animation-duration: 60s !important; } /* ===== THANH CUỘN đẹp: mảnh, bo tròn, màu thương hiệu ===== */ /* SimpleBar (Văn bản mới / Thông báo / Ba công khai / khối đơn vị...) */ .simplebar-track.simplebar-vertical { width: 8px !important; } .simplebar-track.simplebar-horizontal { height: 8px !important; } .simplebar-scrollbar::before { background-color: rgba(15, 104, 207, .55) !important; border-radius: 999px !important; } .simplebar-scrollbar.simplebar-visible::before { opacity: 1 !important; } /* Native webkit (fallback nếu SimpleBar chưa init + các vùng cuộn khác) */ [data-simplebar]::-webkit-scrollbar, .list_item_news::-webkit-scrollbar, .list_item_vhice::-webkit-scrollbar, .item_drune_right::-webkit-scrollbar, .maxheighdonvi::-webkit-scrollbar, .school_inside_block::-webkit-scrollbar { width: 8px; height: 8px; } [data-simplebar]::-webkit-scrollbar-thumb, .list_item_news::-webkit-scrollbar-thumb, .list_item_vhice::-webkit-scrollbar-thumb, .item_drune_right::-webkit-scrollbar-thumb, .maxheighdonvi::-webkit-scrollbar-thumb, .school_inside_block::-webkit-scrollbar-thumb { background: rgba(15, 104, 207, .5); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; } [data-simplebar]::-webkit-scrollbar-track, .list_item_news::-webkit-scrollbar-track, .list_item_vhice::-webkit-scrollbar-track, .item_drune_right::-webkit-scrollbar-track, .maxheighdonvi::-webkit-scrollbar-track, .school_inside_block::-webkit-scrollbar-track { background: transparent; } /* Chân trang: skin modern áp nền KEM (#fdf2d6) cho