미디어위키:Common.css - 편집 역사

2024년 11월 30일 (토) 18:00에 Cat님의 편집

2024-11-30T18:00:00Z

← 이전 판		2024년 11월 30일 (토) 18:00 판
12번째 줄:		12번째 줄:
	text-decoration: none; /* 링크 밑줄 제거 */		text-decoration: none; /* 링크 밑줄 제거 */
	color: inherit; /* 부모 요소의 색상 사용 */		color: inherit; /* 부모 요소의 색상 사용 */
			}

			/* .image-cell 클래스를 사용하여 이미지 크기 조정 */
			.image-cell {
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
	}		}

17번째 줄:		26번째 줄:
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;
	object-fit: cover;		object-fit: cover; /* 셀 크기에 맞게 이미지 비율을 유지하면서 잘라냄 */
	}		}

2024년 11월 30일 (토) 17:58에 Cat님의 편집

2024-11-30T17:58:17Z

← 이전 판		2024년 11월 30일 (토) 17:58 판
12번째 줄:		12번째 줄:
	text-decoration: none; /* 링크 밑줄 제거 */		text-decoration: none; /* 링크 밑줄 제거 */
	color: inherit; /* 부모 요소의 색상 사용 */		color: inherit; /* 부모 요소의 색상 사용 */
			}

			.image-cell img {
			width: 100%;
			height: 100%;
			object-fit: cover;
	}		}

2024년 11월 29일 (금) 21:13에 Cat님의 편집

2024-11-29T21:13:29Z

← 이전 판		2024년 11월 29일 (금) 21:13 판
16번째 줄:		16번째 줄:
	.custom-toggle {		.custom-toggle {
	cursor: pointer;		cursor: pointer;
	~~display: inline; /* 제목은 인라인 요소로 설정 */~~
	}		}

	.custom-content {		.custom-content {
	display: none; /* ~~기본적으로 숨김~~ */		display: none; /* 초기 상태는 접힘 */
	~~white-space: nowrap; /* 줄바꿈 방지 */~~
	~~margin: 0;~~
	~~padding: 0;~~
	}		}

2024년 11월 29일 (금) 21:07에 Cat님의 편집

2024-11-29T21:07:20Z

← 이전 판		2024년 11월 29일 (금) 21:07 판
16번째 줄:		16번째 줄:
	.custom-toggle {		.custom-toggle {
	cursor: pointer;		cursor: pointer;
	display: inline~~-block~~; /* 제목은 인라인 요소로 ~~유지하면서 블록처럼 보이게~~ */		display: inline; /* 제목은 인라인 요소로 설정 */
	}		}

	.custom-content {		.custom-content {
	~~visibility~~: ~~hidden~~; /* 기본적으로 숨김 */		display: none; /* 기본적으로 숨김 */
	~~height: 0; /* 기본적으로 크기 없음 */~~		white-space: nowrap; /* 줄바꿈 방지 */
	~~overflow: hidden; /* 내용이 넘치지 않도록 처리 */~~		margin: 0;
	~~transition: height 0.3s ease, visibility 0s 0.3s; /* 부드러운 애니메이션~~ */		padding: 0;
	white-space: nowrap; /* 줄바꿈 ~~방지하여 인라인 흐름 유지~~ */
	}

	~~.custom-content.open {~~
	~~visibility~~: ~~visible; /* 펼쳤을 때 보이도록 설정 */~~
	~~height: auto~~; ~~/* 높이를 자동으로 설정하여 내용이 펼쳐짐 */~~
	~~transition~~: ~~height~~ 0~~.3s ease~~; ~~/* 펼쳤을 때 높이가 부드럽게 변화 */~~
	}		}

2024년 11월 29일 (금) 21:04에 Cat님의 편집

2024-11-29T21:04:40Z

← 이전 판		2024년 11월 29일 (금) 21:04 판
14번째 줄:		14번째 줄:
	}		}

	.custom-~~details {~~		.custom-toggle {
	~~display: inline-block; /* 전체 요소가 인라인 블럭처럼 보이도록 함 */~~
	}

	~~.custom-summary~~ {
	cursor: pointer;		cursor: pointer;
	display: inline; /* 제목은 인라인 요소로 ~~유지하여 일반 텍스트처럼~~ 보이게 ~~함 */~~		display: inline-block; /* 제목은 인라인 요소로 유지하면서 블록처럼 보이게 */
	~~font-weight: bold; /* 클릭 가능하다는 느낌을 주기 위해 굵게 표시~~ */
	}		}

	.custom-content {		.custom-content {
	~~display~~: ~~inline~~; /* ~~인라인 요소로 유지~~ */		visibility: hidden; /* 기본적으로 숨김 */
	white-space: nowrap; /* 줄바꿈 방지 */		height: 0; /* 기본적으로 크기 없음 */
			overflow: hidden; /* 내용이 넘치지 않도록 처리 */
			transition: height 0.3s ease, visibility 0s 0.3s; /* 부드러운 애니메이션 */
			white-space: nowrap; /* 줄바꿈 방지하여 인라인 흐름 유지 */
	}		}

			.custom-content.open {
			visibility: visible; /* 펼쳤을 때 보이도록 설정 */
			height: auto; /* 높이를 자동으로 설정하여 내용이 펼쳐짐 */
			transition: height 0.3s ease; /* 펼쳤을 때 높이가 부드럽게 변화 */
			}

	/* 빛나는 텍스트 효과를 위한 기본 클래스 */		/* 빛나는 텍스트 효과를 위한 기본 클래스 */

2024년 11월 29일 (금) 21:03에 Cat님의 편집

2024-11-29T21:03:38Z

← 이전 판		2024년 11월 29일 (금) 21:03 판
14번째 줄:		14번째 줄:
	}		}

	.custom-~~toggle~~ {		.custom-details {
			display: inline-block; /* 전체 요소가 인라인 블럭처럼 보이도록 함 */
			}

			.custom-summary {
	cursor: pointer;		cursor: pointer;
	display: inline; /* 제목은 ~~인라인으로~~ 유지하여 ~~자연스럽게~~ 보이게 함 */		display: inline; /* 제목은 인라인 요소로 유지하여 일반 텍스트처럼 보이게 함 */
			font-weight: bold; /* 클릭 가능하다는 느낌을 주기 위해 굵게 표시 */
	}		}

	.custom-content {		.custom-content {
	display: ~~none~~; /* ~~기본적으로 숨김~~ */		display: inline; /* 인라인 요소로 유지 */
	white-space: nowrap; /* 줄바꿈 방지 */		white-space: nowrap; /* 줄바꿈 방지 */
	~~transition: all 0.3s ease; /* 부드러운 전환 효과 */~~
	}

	~~.custom-content.open {~~
	~~max-width: 100%; /* 보이도록 넓이 설정 */~~
	~~opacity: 1; /* 투명도를 정상으로 설정 */~~
	}		}

2024년 11월 29일 (금) 21:01에 Cat님의 편집

2024-11-29T21:01:07Z

← 이전 판		2024년 11월 29일 (금) 21:01 판
16번째 줄:		16번째 줄:
	.custom-toggle {		.custom-toggle {
	cursor: pointer;		cursor: pointer;
	display: inline; /* ~~인라인 요소로 유지~~ */		display: inline; /* 제목은 인라인으로 유지하여 자연스럽게 보이게 함 */
	}		}

	.custom-content {		.custom-content {
	display: ~~inline~~; /* 기본적으로 ~~인라인 요소 */~~		display: none; /* 기본적으로 숨김 */
	~~opacity: 0; /* 초기에는 보이지 않음 */~~
	~~max-width: 0; /* 공간을 차지하지 않도록 */~~
	~~overflow: hidden; /* 넘치는 내용을~~ 숨김 */
	~~transition: max-width 0.5s ease-out, opacity 0.5s ease-out; /* 부드러운 전환 효과~~ */
	white-space: nowrap; /* 줄바꿈 방지 */		white-space: nowrap; /* 줄바꿈 방지 */
			transition: all 0.3s ease; /* 부드러운 전환 효과 */
	}		}

2024년 11월 29일 (금) 20:59에 Cat님의 편집

2024-11-29T20:59:38Z

← 이전 판		2024년 11월 29일 (금) 20:59 판
16번째 줄:		16번째 줄:
	.custom-toggle {		.custom-toggle {
	cursor: pointer;		cursor: pointer;
	display: inline; /* ~~제목은~~ 인라인 요소로 ~~설정하여 자연스럽게 보이도록~~ */		display: inline; /* 인라인 요소로 유지 */
	}		}

	.custom-content {		.custom-content {
	display: ~~none~~; /* 기본적으로 숨김 */		display: inline; /* 기본적으로 인라인 요소 */
			opacity: 0; /* 초기에는 보이지 않음 */
			max-width: 0; /* 공간을 차지하지 않도록 */
			overflow: hidden; /* 넘치는 내용을 숨김 */
			transition: max-width 0.5s ease-out, opacity 0.5s ease-out; /* 부드러운 전환 효과 */
	white-space: nowrap; /* 줄바꿈 방지 */		white-space: nowrap; /* 줄바꿈 방지 */
	}		}

			.custom-content.open {
			max-width: 100%; /* 보이도록 넓이 설정 */
			opacity: 1; /* 투명도를 정상으로 설정 */
			}


	/* 빛나는 텍스트 효과를 위한 기본 클래스 */		/* 빛나는 텍스트 효과를 위한 기본 클래스 */

2024년 11월 29일 (금) 20:58에 Cat님의 편집

2024-11-29T20:58:30Z

← 이전 판		2024년 11월 29일 (금) 20:58 판
16번째 줄:		16번째 줄:
	.custom-toggle {		.custom-toggle {
	cursor: pointer;		cursor: pointer;
			display: inline; /* 제목은 인라인 요소로 설정하여 자연스럽게 보이도록 */
	}		}

	.custom-content {		.custom-content {
	display: none; /* ~~초기 상태는 접힘~~ */		display: none; /* 기본적으로 숨김 */
			white-space: nowrap; /* 줄바꿈 방지 */
	}		}

2024년 11월 29일 (금) 20:36에 Cat님의 편집

2024-11-29T20:36:53Z

← 이전 판		2024년 11월 29일 (금) 20:36 판
16번째 줄:		16번째 줄:
	.custom-toggle {		.custom-toggle {
	cursor: pointer;		cursor: pointer;
	~~display: inline; /* 여전히 인라인 요소로 유지 */~~
	}		}

	.custom-content {		.custom-content {
	display: none; /* ~~기본적으로 숨겨둠~~ */		display: none; /* 초기 상태는 접힘 */
	~~white-space: nowrap; /* 줄바꿈 방지하여 인라인 형태로 유지 */~~
	~~margin: 0;~~
	~~padding: 0;~~
	}		}



	/* 빛나는 텍스트 효과를 위한 기본 클래스 */		/* 빛나는 텍스트 효과를 위한 기본 클래스 */