미디어위키:Common.css: 두 판 사이의 차이

편집 요약 없음
잔글 (신사(토론)의 편집을 Ben의 마지막 판으로 되돌림)
태그: 일괄 되돌리기
 
(같은 사용자의 중간 판 12개는 보이지 않습니다)
(차이 없음)

2024년 5월 21일 (화) 14:25 기준 최신판

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-jp.css");

body, h1, h2, h3, h4, h5, h6, b {
	font-family: "Pretendard JP Variable", "Pretendard JP", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Apple SD Gothic Neo", Meiryo, "Noto Sans JP", "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item {
	font-size: 0.85rem;
}

.info {
	width: 100%;
	text-align: center;
}

.pct-infobox {
	width: 360px;
	float: right;
	clear: right;
	padding: 0.2em;
}

@media (max-width: 768px){
	.pct-infobox {
		width: 100%;
		max-width: 450px;
		margin: 0 auto;
		
	}
}

@media (max-width: 540px){
	.pct-infobox {
		width: 100%;
		max-width: 100%;
		clear: both;
	}
}

.pct-fixedbox {
width:100%;
border-collapse:collapse;
margin-top: 12px;
}

.fixedbox-title {
height:60px;
color:white;
font-size:24px;
text-align:center;
vertical-align:middle;
border-bottom:1px solid#bbb;
}

.fixedbox-row-full {
	color:white;
	border-bottom:1px solid#bbb;
	text-align: center;
	padding:6px 6px;
	font-size:14px;
	vertical-align:middle;
}

.fixedbox-row-20 {
	width: 20%;
	color:white;
	border-top:1px solid#bbb;
	text-align: center;
	padding:6px 6px;
	font-size:14px;
	vertical-align:middle;
}

.fixedbox-row-20:last-child {
	border: 0px;
}

.fixedbox-row-30 {
	width: 30%;
	background-color:#eeeeee;
	border-top:1px solid#bbb;
	text-align: center;
	padding:8px 6px;
	font-size:14px;
	vertical-align:middle;
}

.fixedbox-row-30:last-child {
	border-bottom: 0px;
}

.fixedbox-row-40 {
	width: 40%;
	background-color:#fff;
	border-top:1px solid#bbb;
	text-align: center;
	padding:8px 6px;
	font-size:14px;
	vertical-align:middle;
}

.fixedbox-row-40:last-child {
	border: 0px;
}

.fixedbox-row-desc {
border-top:1px solid#bbb;
padding:6px 8px;
font-size:14px;
font-weight:500;
vertical-align:middle;
}

.fixedbox-row-desc:last-child {
	border-bottom:0px;
}

.pct-infobox-title {
height:80px;
color:white;
font-size:24px;
font-weight:500;
text-align:center;
vertical-align:middle;
}

.pct-infobox-image {
padding:24px;
vertical-align:middle;
text-align:center;
}

.pct-infobox-row-full {
color:white;
height:32px;
text-align:center;
vertical-align:middle;
font-size:13px;
}

.togglebutton {
	cursor:pointer;
	display:block;
	text-align:center;
}

#togglebutton, #togglecontent {
	height:0;
    overflow:hidden;
}

#togglebutton:checked + #togglecontent {
    height:auto;
    position:relative;
}

.portal-column-left {
    float: left;
    width: 50%;
}
.portal-column-right {
    float: right;
    width: 49%;
}
.portal-column-left-wide {
    float: left;
    width: 60%;
}
.portal-column-right-narrow {
    float: right;
    width: 39%;
}
.portal-column-left-extra-wide {
    float: left;
    width: 70%;
}
.portal-column-right-extra-narrow {
    float: right;
    width: 29%;
}
@media only screen and (max-width: 800px) {
    /* Decouple the columns on narrow screens */
    .portal-column-left,
    .portal-column-right,
    .portal-column-left-wide,
    .portal-column-right-narrow,
    .portal-column-left-extra-wide,
    .portal-column-right-extra-narrow {
        float: inherit;
        width: inherit;
    }
}

/**
 * Auto-number headings
 *
 * @source https://www.mediawiki.org/wiki/Snippets/Auto-number_headings
 * @author Krinkle
 * @version 2021-10-03
 */
/**
 * Fallback for pages without a TOC. This could in principle work for all pages,
 * but we don't to ensure consistency between the TOC and heading numbers 
 */
.tpl-autonum .mw-parser-output {
  counter-reset: autonum-h2 autonum-h3 autonum-h4 autonum-h5 autonum-h6;
}
.tpl-autonum .mw-parser-output h2 {
  counter-reset: autonum-h3 autonum-h4 autonum-h5 autonum-h6;
}
.tpl-autonum .mw-parser-output h3 {
  counter-reset: autonum-h4 autonum-h5 autonum-h6;
}
.tpl-autonum .mw-parser-output h4 {
  counter-reset: autonum-h5 autonum-h6;
}
.tpl-autonum .mw-parser-output h5 {
  counter-reset: autonum-h6;
}
.tpl-autonum .mw-parser-output h2 .mw-headline:before {
  counter-increment: autonum-h2;
  content: counter(autonum-h2) " ";
}
.tpl-autonum .mw-parser-output h3 .mw-headline:before {
  counter-increment: autonum-h3;
  content: counter(autonum-h2) "." counter(autonum-h3) " ";
}
.tpl-autonum .mw-parser-output h4 .mw-headline:before {
  counter-increment: autonum-h4;
  content: counter(autonum-h2) "." counter(autonum-h3) "." counter(autonum-h4) " ";
}
.tpl-autonum .mw-parser-output h5 .mw-headline:before {
  counter-increment: autonum-h5;
  content: counter(autonum-h2) "." counter(autonum-h3) "." counter(autonum-h4) "." counter(autonum-h5) " ";
}
.tpl-autonum .mw-parser-output h6 .mw-headline:before {
  counter-increment: autonum-h6;
  content: counter(autonum-h2) "." counter(autonum-h3) "." counter(autonum-h4) "." counter(autonum-h5) "." counter(autonum-h6) " ";
}

.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable th {
	word-break: break-all;
}

hr {
	border-top: 1px solid #CCC;
}

hr {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

span.mw-editsection {
	font-size: .8rem;
    margin-left: 1em;
    color: #0275D8;
    float: right;
    font-weight: bold;
}

.mw-headline {
	font-weight: bold;
}