"미디어위키:Common.css"의 두 판 사이의 차이
40번째 줄: | 40번째 줄: | ||
.toc { | .toc { | ||
float: left; margin-right: 20px; | float: left; margin-right: 20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /** 정보상자 **/ | ||
+ | .infobox { | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | margin: 0.5em 0 0.5em 1em; | ||
+ | padding: 0.2em; | ||
+ | border: 1px solid #aaa; | ||
+ | background: #f9f9f9; | ||
+ | font-size: small; | ||
+ | width: 25em; | ||
+ | } | ||
+ | .infobox td, | ||
+ | .infobox th { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | .infobox caption { | ||
+ | font-size: 125%; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .infobox caption.colored { | ||
+ | margin: 0.25em 0 0.5em 0; | ||
+ | border-top-style: solid; | ||
+ | border-bottom-style: solid; | ||
+ | border-top-width: 0.3em; | ||
+ | border-bottom-width: 0.3em; | ||
+ | /* 제목에 색이 필요할 때 class 지정 후 border-color 스타일 지정 */ | ||
+ | } | ||
+ | |||
+ | .infobox th { | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .infobox th[colspan="2"] { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .infobox.bordered { | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | .infobox.bordered td, | ||
+ | .infobox.bordered th { | ||
+ | border: 1px solid #aaa; | ||
+ | } | ||
+ | .infobox.bordered .borderless td, | ||
+ | .infobox.bordered .borderless th { | ||
+ | border: 0; | ||
+ | } | ||
+ | .infobox.sisterproject { | ||
+ | width: 20em; | ||
+ | font-size: smaller; | ||
+ | } | ||
+ | |||
+ | /* styles for bordered infobox with merged rows */ | ||
+ | .infobox.bordered .mergedtoprow td, | ||
+ | .infobox.bordered .mergedtoprow th { | ||
+ | border: 0; | ||
+ | border-top: 1px solid #aaa; | ||
+ | border-right: 1px solid #aaa; | ||
+ | } | ||
+ | .infobox.bordered .mergedrow td, | ||
+ | .infobox.bordered .mergedrow th { | ||
+ | border: 0; | ||
+ | border-right: 1px solid #aaa; | ||
+ | } | ||
+ | |||
+ | /* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */ | ||
+ | .infobox.geography { | ||
+ | text-align: left; | ||
+ | border-collapse: collapse; | ||
+ | line-height: 1.2em; | ||
+ | font-size: smaller; | ||
+ | } | ||
+ | .infobox.geography td, | ||
+ | .infobox.geography th { | ||
+ | border-top: solid 1px #aaa; | ||
+ | padding: 0.4em 0.6em; | ||
+ | } | ||
+ | .infobox.geography .mergedtoprow td, | ||
+ | .infobox.geography .mergedtoprow th { | ||
+ | border-top: solid 1px #aaa; | ||
+ | padding: 0.4em 0.6em 0.2em; | ||
+ | } | ||
+ | .infobox.geography .mergedrow td, | ||
+ | .infobox.geography .mergedrow th { | ||
+ | border: 0; | ||
+ | padding: 0 0.6em 0.2em; | ||
+ | } | ||
+ | .infobox.geography .mergedbottomrow td, | ||
+ | .infobox.geography .mergedbottomrow th { | ||
+ | border-top: 0; | ||
+ | border-bottom: solid 1px #aaa; | ||
+ | padding: 0 0.6em 0.4em; | ||
+ | } | ||
+ | .infobox.geography .maptable td, | ||
+ | .infobox.geography .maptable th { | ||
+ | border: 0; | ||
+ | padding: 0; | ||
} | } |
2015년 11월 2일 (월) 00:48 판
/* * KoPub Batang (Korean) http://www.google.com/fonts/earlyaccess */ @font-face { font-family: 'KoPub Batang'; font-style: normal; font-weight: 300; src: url(/fonts/KoPubBatang-Light.eot); src: url(/fonts/KoPubBatang-Light.eot?#iefix) format('embedded-opentype'), url(/fonts/KoPubBatang-Light.woff2) format('woff2'), url(/fonts/KoPubBatang-Light.woff) format('woff'), url(/fonts/KoPubBatang-Light.ttf) format('truetype'); } @font-face { font-family: 'KoPub Batang'; font-style: normal; font-weight: 400; src: url(/fonts/KoPubBatang-Regular.eot); src: url(/fonts/KoPubBatang-Regular.eot?#iefix) format('embedded-opentype'), url(/fonts/KoPubBatang-Regular.woff2) format('woff2'), url(/fonts/KoPubBatang-Regular.woff) format('woff'), url(/fonts/KoPubBatang-Regular.ttf) format('truetype'); } @font-face { font-family: 'KoPub Batang'; font-style: normal; font-weight: 700; src: url(/fonts/KoPubBatang-Bold.eot); src: url(/fonts/KoPubBatang-Bold.eot?#iefix) format('embedded-opentype'), url(/fonts/KoPubBatang-Bold.woff2) format('woff2'), url(/fonts/KoPubBatang-Bold.woff) format('woff'), url(/fonts/KoPubBatang-Bold.ttf) format('truetype'); } p, div, h1, h2, h3, h4, h5, h6, span, a, li { font-family: 楷体, 楷体_GB2312, KaiTi, KaiTi_GB2312, 华文楷体, STKaiti, 'AR PL UKai CN', 標楷體, DFKai-SB, 'AR PL UKai HK', 'AR PL UKai TW', 全字庫正楷體, TW-Kai, EUDCKAI, 'KoPub Batang'; } .toc { float: left; margin-right: 20px; } /** 정보상자 **/ .infobox { float: right; clear: right; margin: 0.5em 0 0.5em 1em; padding: 0.2em; border: 1px solid #aaa; background: #f9f9f9; font-size: small; width: 25em; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: 125%; font-weight: bold; } .infobox caption.colored { margin: 0.25em 0 0.5em 0; border-top-style: solid; border-bottom-style: solid; border-top-width: 0.3em; border-bottom-width: 0.3em; /* 제목에 색이 필요할 때 class 지정 후 border-color 스타일 지정 */ } .infobox th { white-space: nowrap; } .infobox th[colspan="2"] { text-align: center; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox.sisterproject { width: 20em; font-size: smaller; } /* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa; } .infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; border-right: 1px solid #aaa; } /* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */ .infobox.geography { text-align: left; border-collapse: collapse; line-height: 1.2em; font-size: smaller; } .infobox.geography td, .infobox.geography th { border-top: solid 1px #aaa; padding: 0.4em 0.6em; } .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th { border-top: solid 1px #aaa; padding: 0.4em 0.6em 0.2em; } .infobox.geography .mergedrow td, .infobox.geography .mergedrow th { border: 0; padding: 0 0.6em 0.2em; } .infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th { border-top: 0; border-bottom: solid 1px #aaa; padding: 0 0.6em 0.4em; } .infobox.geography .maptable td, .infobox.geography .maptable th { border: 0; padding: 0; }