MediaWiki:Timeless.css - Lịch sử thay đổi

Admin vào lúc 10:48, ngày 21 tháng 4 năm 2025

2025-04-21T10:48:18Z

@@ Dòng 79: / Dòng 79: @@
          margin-left: 0 !important;
+     }
+}

Admin vào lúc 10:47, ngày 21 tháng 4 năm 2025

2025-04-21T10:47:12Z

← Phiên bản cũ		Phiên bản lúc 17:47, ngày 21 tháng 4 năm 2025
Dòng 83:		Dòng 83:
	/* Mục lục TOC cho các heading */		/* Mục lục TOC cho các heading */
	#toc ul ul {		#toc ul ul {
	display: ~~none~~; /* Ẩn các heading con ~~ban đầu~~ */		display: block; /* Luôn hiển thị các heading con */
	padding-left: 20px; /* Đẩy lùi các heading con */		padding-left: 20px; /* Đẩy lùi các heading con */
	}		}
Dòng 89:		Dòng 89:
	/* Cập nhật khi một mục lục được collapse */		/* Cập nhật khi một mục lục được collapse */
	#toc .collapsed > ul {		#toc .collapsed > ul {
	display: ~~block~~; /* ~~Hiển thị~~ các heading con khi ~~được expand~~ */		display: none; /* Ẩn các heading con khi mục lục bị đóng */
	}		}

Admin vào lúc 10:45, ngày 21 tháng 4 năm 2025

2025-04-21T10:45:21Z

@@ Dòng 79: / Dòng 79: @@
          margin-left: 0 !important;
+     }
+}

Admin vào lúc 10:36, ngày 21 tháng 4 năm 2025

2025-04-21T10:36:13Z

← Phiên bản cũ		Phiên bản lúc 17:36, ngày 21 tháng 4 năm 2025
Dòng 34:		Dòng 34:
	#toc.sticky-toc {		#toc.sticky-toc {
	position: fixed !important;		position: fixed !important;
	top: 80px ~~!important~~; /* Điều chỉnh theo chiều cao header */		top: 80px; /* Điều chỉnh theo chiều cao header */
	left: 10px ~~!important~~;		left: 10px;
	width: 220px ~~!important~~;		width: 220px;
	max-height: 80vh ~~!important~~;		max-height: 80vh;
	background-color: #f8f9fa ~~!important~~;		background-color: #f8f9fa;
	border: 1px solid #a2a9b1 ~~!important~~;		border: 1px solid #a2a9b1;
	border-radius: 4px ~~!important~~;		border-radius: 4px;
	z-index: 1000 ~~!important~~;		z-index: 1000;
	display: flex ~~!important~~;		display: flex;
	flex-direction: column ~~!important~~;		flex-direction: column;
	overflow: hidden ~~!important~~; /* Ẩn scroll ngoài, chỉ scroll nội dung */		overflow: hidden; /* Ẩn scroll ngoài, chỉ scroll nội dung */
	}		}

	/* Scroll riêng phần danh sách trong TOC */		/* Scroll riêng phần danh sách trong TOC */
	#toc.sticky-toc > ul {		#toc.sticky-toc > ul {
	overflow-y: auto ~~!important~~;		overflow-y: auto;
	max-height: calc(80vh - 3em) ~~!important~~; /* Giảm chiều cao phần tiêu đề */		max-height: calc(80vh - 3em); /* Giảm chiều cao phần tiêu đề */
	padding-right: 0.5em ~~!important~~; /* Để không che nội dung với scrollbar */		padding-right: 0.5em; /* Để không che nội dung với scrollbar */
	}

	~~/* Đảm bảo TOC nằm trong #mw-site-navigation */~~
	~~#mw-site-navigation {~~
	~~position: relative !important; /* Đảm bảo khu vực này có thể chứa TOC~~ */
	}		}

Dòng 84:		Dòng 79:
	margin-left: 0 !important;		margin-left: 0 !important;
	}		}
	}

	~~/* Đảm bảo #mw-content-container có position relative */~~
	~~#mw-content-container {~~
	~~position: relative !important; /* Giúp TOC bám vào vị trí chính xác trong nội dung */~~
	}

	~~/* Cập nhật #mw-content-wrapper để tạo không gian cho TOC */~~
	~~#mw-content-wrapper {~~
	~~display: flex !important; /* Dùng flexbox để bố trí TOC và nội dung */~~
	~~flex-wrap: wrap !important; /* Cho phép phần tử linh hoạt trong không gian */~~
	}

	~~#mw-content {~~
	~~flex: 1 !important; /* Nội dung chính chiếm toàn bộ không gian còn lại */~~
	}		}

Admin vào lúc 10:35, ngày 21 tháng 4 năm 2025

2025-04-21T10:35:18Z

← Phiên bản cũ		Phiên bản lúc 17:35, ngày 21 tháng 4 năm 2025
Dòng 34:		Dòng 34:
	#toc.sticky-toc {		#toc.sticky-toc {
	position: fixed !important;		position: fixed !important;
	top: 80px; /* Điều chỉnh theo chiều cao header */		top: 80px !important; /* Điều chỉnh theo chiều cao header */
	left: 10px; ~~/* Giữ TOC cách viền trái một chút, có thể điều chỉnh */~~		left: 10px !important;
	width: 220px;		width: 220px !important;
	max-height: 80vh;		max-height: 80vh !important;
	background-color: #f8f9fa;		background-color: #f8f9fa !important;
	border: 1px solid #a2a9b1;		border: 1px solid #a2a9b1 !important;
	border-radius: 4px;		border-radius: 4px !important;
	z-index: 1000;		z-index: 1000 !important;
	display: flex;		display: flex !important;
	flex-direction: column;		flex-direction: column !important;
	overflow: hidden; /* Ẩn scroll ngoài, chỉ scroll nội dung */		overflow: hidden !important; /* Ẩn scroll ngoài, chỉ scroll nội dung */
	}		}

	/* Scroll riêng phần danh sách trong TOC */		/* Scroll riêng phần danh sách trong TOC */
	#toc.sticky-toc > ul {		#toc.sticky-toc > ul {
	overflow-y: auto;		overflow-y: auto !important;
	max-height: calc(80vh - 3em); /* Giảm chiều cao phần tiêu đề */		max-height: calc(80vh - 3em) !important; /* Giảm chiều cao phần tiêu đề */
	padding-right: 0.5em; /* Để không che nội dung với scrollbar */		padding-right: 0.5em !important; /* Để không che nội dung với scrollbar */
	}		}

	/* Đảm bảo TOC nằm trong #mw-site-navigation */		/* Đảm bảo TOC nằm trong #mw-site-navigation */
	#mw-site-navigation {		#mw-site-navigation {
	position: relative; /* Đảm bảo khu vực này có thể chứa TOC */		position: relative !important; /* Đảm bảo khu vực này có thể chứa TOC */
	}		}

Dòng 88:		Dòng 88:
	/* Đảm bảo #mw-content-container có position relative */		/* Đảm bảo #mw-content-container có position relative */
	#mw-content-container {		#mw-content-container {
	position: relative; /* Giúp TOC bám vào vị trí chính xác trong nội dung */		position: relative !important; /* Giúp TOC bám vào vị trí chính xác trong nội dung */
	}		}

	/* Cập nhật #mw-content-wrapper để tạo không gian cho TOC */		/* Cập nhật #mw-content-wrapper để tạo không gian cho TOC */
	#mw-content-wrapper {		#mw-content-wrapper {
	display: flex; /* Dùng flexbox để bố trí TOC và nội dung */		display: flex !important; /* Dùng flexbox để bố trí TOC và nội dung */
	flex-wrap: wrap; /* Cho phép phần tử linh hoạt trong không gian */		flex-wrap: wrap !important; /* Cho phép phần tử linh hoạt trong không gian */
	}		}

	#mw-content {		#mw-content {
	flex: 1; /* Nội dung chính chiếm toàn bộ không gian còn lại */		flex: 1 !important; /* Nội dung chính chiếm toàn bộ không gian còn lại */
	}		}

Admin vào lúc 10:33, ngày 21 tháng 4 năm 2025

2025-04-21T10:33:47Z

@@ Dòng 35: / Dòng 35: @@
      position: fixed !important;
      top: 80px; /* Điều chỉnh theo chiều cao header */
-     left: 10px;
+     left: 10px; /* Giữ TOC cách viền trái một chút, có thể điều chỉnh */
      width: 220px;
      max-height: 80vh;
@@ Dòng 52: / Dòng 52: @@
      max-height: calc(80vh - 3em); /* Giảm chiều cao phần tiêu đề */
      padding-right: 0.5em; /* Để không che nội dung với scrollbar */
+}
@@ Dòng 79: / Dòng 84: @@
          margin-left: 0 !important;
+     }
+}

Admin vào lúc 10:30, ngày 21 tháng 4 năm 2025

2025-04-21T10:30:51Z

← Phiên bản cũ		Phiên bản lúc 17:30, ngày 21 tháng 4 năm 2025
Dòng 33:		Dòng 33:
	/* Khi được sticky, sẽ có lớp này thêm vào */		/* Khi được sticky, sẽ có lớp này thêm vào */
	#toc.sticky-toc {		#toc.sticky-toc {
	position: ~~-webkit-sticky~~; ~~/* Dùng sticky cho TOC */~~		position: fixed !important;
	~~position: sticky; /* Dùng sticky cho TOC */~~		top: 80px; /* Điều chỉnh theo chiều cao header */
	top: 80px; /* Điều chỉnh chiều cao header */		left: 10px;
	left: 0;
	width: 220px;		width: 220px;
	max-height: 80vh;		max-height: 80vh;
Dòng 45:		Dòng 44:
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	overflow: hidden; /* Ẩn ~~cuộn~~ ngoài, chỉ scroll nội dung */		overflow: hidden; /* Ẩn scroll ngoài, chỉ scroll nội dung */
	}		}

Dòng 80:		Dòng 79:
	margin-left: 0 !important;		margin-left: 0 !important;
	}		}
	}

	~~/* Đảm bảo #mw-content-container có position relative */~~
	~~#mw-content-container {~~
	~~position: relative; /* Giúp TOC bám vào vị trí chính xác trong nội dung */~~
	}

	~~/* Đảm bảo khung chính không bị thu nhỏ */~~
	~~#mw-content {~~
	~~padding-left: 240px; /* Tạo khoảng trống cho TOC */~~
	}		}

Admin vào lúc 10:30, ngày 21 tháng 4 năm 2025

2025-04-21T10:30:18Z

← Phiên bản cũ		Phiên bản lúc 17:30, ngày 21 tháng 4 năm 2025
Dòng 33:		Dòng 33:
	/* Khi được sticky, sẽ có lớp này thêm vào */		/* Khi được sticky, sẽ có lớp này thêm vào */
	#toc.sticky-toc {		#toc.sticky-toc {
	position: ~~fixed !important~~;		position: -webkit-sticky; /* Dùng sticky cho TOC */
	top: 80px; /* Điều chỉnh ~~theo~~ chiều cao header */		position: sticky; /* Dùng sticky cho TOC */
	left: ~~10px~~;		top: 80px; /* Điều chỉnh chiều cao header */
			left: 0;
	width: 220px;		width: 220px;
	max-height: 80vh;		max-height: 80vh;
Dòng 44:		Dòng 45:
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	overflow: hidden; /* Ẩn ~~scroll~~ ngoài, chỉ scroll nội dung */		overflow: hidden; /* Ẩn cuộn ngoài, chỉ scroll nội dung */
	}		}

Dòng 79:		Dòng 80:
	margin-left: 0 !important;		margin-left: 0 !important;
	}		}
			}

			/* Đảm bảo #mw-content-container có position relative */
			#mw-content-container {
			position: relative; /* Giúp TOC bám vào vị trí chính xác trong nội dung */
			}

			/* Đảm bảo khung chính không bị thu nhỏ */
			#mw-content {
			padding-left: 240px; /* Tạo khoảng trống cho TOC */
	}		}

Admin vào lúc 10:29, ngày 21 tháng 4 năm 2025

2025-04-21T10:29:04Z

← Phiên bản cũ		Phiên bản lúc 17:29, ngày 21 tháng 4 năm 2025
Dòng 33:		Dòng 33:
	/* Khi được sticky, sẽ có lớp này thêm vào */		/* Khi được sticky, sẽ có lớp này thêm vào */
	#toc.sticky-toc {		#toc.sticky-toc {
	position: ~~absolute~~ !important; ~~/* Thay 'fixed' bằng 'absolute' để TOC bám vào vùng nội dung */~~		position: fixed !important;
	top: 80px; /* Điều chỉnh theo chiều cao header */		top: 80px; /* Điều chỉnh theo chiều cao header */
	left: ~~-250px~~; ~~/* Điều chỉnh khoảng cách từ cạnh trái của vùng nội dung chính */~~		left: 10px;
	width: 220px;		width: 220px;
	max-height: 80vh;		max-height: 80vh;
Dòng 79:		Dòng 79:
	margin-left: 0 !important;		margin-left: 0 !important;
	}		}
	}

	~~/* Đảm bảo #mw-content-container có position relative */~~
	~~#mw-content-container {~~
	~~position: relative; /* Giúp TOC bám vào vị trí chính xác trong nội dung */~~
	}		}

Admin vào lúc 10:27, ngày 21 tháng 4 năm 2025

2025-04-21T10:27:47Z

← Phiên bản cũ		Phiên bản lúc 17:27, ngày 21 tháng 4 năm 2025
Dòng 33:		Dòng 33:
	/* Khi được sticky, sẽ có lớp này thêm vào */		/* Khi được sticky, sẽ có lớp này thêm vào */
	#toc.sticky-toc {		#toc.sticky-toc {
	position: ~~-webkit-sticky; /* Dùng sticky cho TOC */~~		position: absolute !important; /* Thay 'fixed' bằng 'absolute' để TOC bám vào vùng nội dung */
	~~position: sticky~~; /* ~~Dùng sticky cho~~ TOC */		top: 80px; /* Điều chỉnh theo chiều cao header */
	top: 80px; /* Điều chỉnh chiều cao header */		left: -250px; /* Điều chỉnh khoảng cách từ cạnh trái của vùng nội dung chính */
	left: 0;
	width: 220px;		width: 220px;
	max-height: 80vh;		max-height: 80vh;
Dòng 45:		Dòng 44:
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	overflow: hidden; /* Ẩn ~~cuộn~~ ngoài, chỉ scroll nội dung */		overflow: hidden; /* Ẩn scroll ngoài, chỉ scroll nội dung */
	}		}

Dòng 85:		Dòng 84:
	#mw-content-container {		#mw-content-container {
	position: relative; /* Giúp TOC bám vào vị trí chính xác trong nội dung */		position: relative; /* Giúp TOC bám vào vị trí chính xác trong nội dung */
	}

	~~/* Đảm bảo khung chính không bị thu nhỏ */~~
	~~#mw-content {~~
	~~padding-left: 240px; /* Tạo khoảng trống cho TOC */~~
	}		}