새로운 아트위키를 열었습니다.
미디어위키:Common.css
(구)아트위키, 한국어판 창작아카이브
(버전 사이의 차이)
1번째 줄: | 1번째 줄: | ||
− | /** | + | /* |
+ | * 위키백과 모든 스킨에 적용되는 CSS입니다. | ||
+ | * [[위키백과:위키프로젝트 시스템]] 참고 | ||
+ | * | ||
+ | * 편집 요약을 꼭 적어주고, 새 코드를 추가할 때에는 해당 코드의 출처, 간단한 설명, (요청이 있었을 경우) 해당 요청의 위치 등을 주석에 적어주세요. | ||
+ | * 또한 각 코드 조각의 범위를 알아보기 쉽도록 정렬해주세요. | ||
+ | * | ||
+ | * 인쇄용 css (@media print 부분)은 Print.css에 별도로 추가해주세요. | ||
+ | * 그렇지 않으면 인쇄용 문서를 웹에서 보는 것과 실제 인쇄하는 것이 다르게 나옵니다. | ||
+ | */ | ||
+ | |||
+ | /* 파비콘 달기 */ | ||
+ | <link rel="shortcut icon" href="/favicon.ico"> | ||
/* 폰트설정 */ | /* 폰트설정 */ | ||
− | body{font-family: Calibri, Helvetica, arial, 'malgun_gothic', sans-serif; line-height:20px; letter-spacing:0px; word-spacing:1px;} | + | body{ font-size: x-small; font-family: Calibri, Helvetica, arial, 'malgun_gothic', sans-serif; line-height:20px; letter-spacing:0px; word-spacing:1px;} |
h1, h2, h3, h4, h5, h6 { font-family: Calibri, Helvetica, arial, 'malgun_gothic', sans-serif;} | h1, h2, h3, h4, h5, h6 { font-family: Calibri, Helvetica, arial, 'malgun_gothic', sans-serif;} | ||
− | h1 { font-size: 24px; font-weight:700;} | + | h1 { font-size: 24px; font-weight:700; |
+ | border-width: 1px; | ||
+ | border-color: #f9f9f9;; | ||
+ | border-style: dotted; | ||
+ | } | ||
h2 { font-size: 20px; background:#f9f9f9;} | h2 { font-size: 20px; background:#f9f9f9;} | ||
h3 { font-size: 15px; background:#fbfbfb;} | h3 { font-size: 15px; background:#fbfbfb;} | ||
16번째 줄: | 32번째 줄: | ||
/** <references/> 관련 CSS **/ | /** <references/> 관련 CSS **/ | ||
+ | |||
ol.references { | ol.references { | ||
font-size: smaller; | font-size: smaller; | ||
24번째 줄: | 41번째 줄: | ||
background-color: #DEF; | background-color: #DEF; | ||
} | } | ||
+ | |||
+ | |||
+ | /** .messagebox 스타일 **/ | ||
+ | .messagebox { | ||
+ | border: 1px solid #aaa; | ||
+ | background: #f9f9f9; | ||
+ | width: 80%; | ||
+ | margin: 0 auto 1em auto; | ||
+ | padding: .2em; | ||
+ | text-align: justify; | ||
+ | font-size: smaller; | ||
+ | } | ||
+ | .messagebox.standard-talk { | ||
+ | border: 1px solid #c0c090; | ||
+ | background-color: #f8eaba; | ||
+ | } | ||
+ | |||
+ | .messagebox.small { | ||
+ | width: 238px; | ||
+ | font-size: smaller; | ||
+ | float: right; | ||
+ | clear: both; | ||
+ | margin: 0 0 1em 1em; | ||
+ | line-height: 1.25em; | ||
+ | } | ||
+ | .messagebox.small-talk { | ||
+ | width: 238px; | ||
+ | font-size: smaller; | ||
+ | float: right; | ||
+ | clear: both; | ||
+ | margin: 0 0 1em 1em; | ||
+ | line-height: 1.25em; | ||
+ | background: #F8EABA; | ||
+ | } | ||
+ | |||
+ | table.messagebox + table.messagebox { | ||
+ | margin-top: -1px; | ||
+ | } | ||
+ | |||
+ | /* 알림 상자용 CSS */ | ||
+ | |||
+ | /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ | ||
+ | th.mbox-text, td.mbox-text { /* The message body cell(s) */ | ||
+ | border: none; | ||
+ | padding: 0.25em 0.9em; /* 0.9em left/right */ | ||
+ | width: 100%; /* Make all mboxes the same width regardless of text length */ | ||
+ | font-size: smaller; | ||
+ | } | ||
+ | td.mbox-image { /* The left image cell */ | ||
+ | border: none; | ||
+ | padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ | ||
+ | text-align: center; | ||
+ | } | ||
+ | td.mbox-imageright { /* The right image cell */ | ||
+ | border: none; | ||
+ | padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ | ||
+ | text-align: center; | ||
+ | } | ||
+ | td.mbox-empty-cell { /* An empty narrow cell */ | ||
+ | border: none; | ||
+ | padding: 0px; | ||
+ | width: 1px; | ||
+ | } | ||
+ | |||
+ | /* Article message box styles */ | ||
+ | table.ambox { | ||
+ | margin: 0px 10%; /* 10% = Will not overlap with other elements */ | ||
+ | border: 1px solid #aaa; | ||
+ | border-left: 10px solid #1e90ff; /* Default "notice" blue */ | ||
+ | background: #fbfbfb; | ||
+ | } | ||
+ | table.ambox + table.ambox { /* Single border between stacked boxes. */ | ||
+ | margin-top: -1px; | ||
+ | } | ||
+ | .ambox th.mbox-text, | ||
+ | .ambox td.mbox-text { /* The message body cell(s) */ | ||
+ | padding: 0.25em 0.5em; /* 0.5em left/right */ | ||
+ | } | ||
+ | .ambox td.mbox-image { /* The left image cell */ | ||
+ | padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ | ||
+ | } | ||
+ | .ambox td.mbox-imageright { /* The right image cell */ | ||
+ | padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ | ||
+ | } | ||
+ | |||
+ | table.ambox-notice { | ||
+ | border-left: 10px solid #1e90ff; /* Blue */ | ||
+ | } | ||
+ | table.ambox-speedy { | ||
+ | border-left: 10px solid #b22222; /* Red */ | ||
+ | background: #fee; /* Pink */ | ||
+ | } | ||
+ | table.ambox-delete { | ||
+ | border-left: 10px solid #b22222; /* Red */ | ||
+ | } | ||
+ | table.ambox-content { | ||
+ | border-left: 10px solid #f28500; /* Orange */ | ||
+ | } | ||
+ | table.ambox-style { | ||
+ | border-left: 10px solid #f4c430; /* Yellow */ | ||
+ | } | ||
+ | table.ambox-move { | ||
+ | border-left: 10px solid #9932cc; /* Purple */ | ||
+ | } | ||
+ | table.ambox-protection { | ||
+ | border-left: 10px solid #bba; /* Gray-gold */ | ||
+ | } | ||
+ | |||
+ | /* Image message box styles */ | ||
+ | table.imbox { | ||
+ | margin: 4px 10%; | ||
+ | border-collapse: collapse; | ||
+ | border: 3px solid #1e90ff; /* Default "notice" blue */ | ||
+ | background: #fbfbfb; | ||
+ | } | ||
+ | .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */ | ||
+ | margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ | ||
+ | display: block; /* Fix for webkit to force 100% width. */ | ||
+ | } | ||
+ | .mbox-inside .imbox { /* For imboxes inside other templates. */ | ||
+ | margin: 4px; | ||
+ | } | ||
+ | |||
+ | table.imbox-notice { | ||
+ | border: 3px solid #1e90ff; /* Blue */ | ||
+ | } | ||
+ | table.imbox-speedy { | ||
+ | border: 3px solid #b22222; /* Red */ | ||
+ | background: #fee; /* Pink */ | ||
+ | } | ||
+ | table.imbox-delete { | ||
+ | border: 3px solid #b22222; /* Red */ | ||
+ | } | ||
+ | table.imbox-content { | ||
+ | border: 3px solid #f28500; /* Orange */ | ||
+ | } | ||
+ | table.imbox-style { | ||
+ | border: 3px solid #f4c430; /* Yellow */ | ||
+ | } | ||
+ | table.imbox-move { | ||
+ | border: 3px solid #9932cc; /* Purple */ | ||
+ | } | ||
+ | table.imbox-protection { | ||
+ | border: 3px solid #bba; /* Gray-gold */ | ||
+ | } | ||
+ | table.imbox-license { | ||
+ | border: 3px solid #88a; /* Dark gray */ | ||
+ | background: #f7f8ff; /* Light gray */ | ||
+ | } | ||
+ | table.imbox-featured { | ||
+ | border: 3px solid #cba135; /* Brown-gold */ | ||
+ | } | ||
+ | |||
+ | /* Category message box styles */ | ||
+ | table.cmbox { | ||
+ | margin: 3px 10%; | ||
+ | border-collapse: collapse; | ||
+ | border: 1px solid #aaa; | ||
+ | background: #DFE8FF; /* Default "notice" blue */ | ||
+ | } | ||
+ | |||
+ | table.cmbox-notice { | ||
+ | background: #D8E8FF; /* Blue */ | ||
+ | } | ||
+ | table.cmbox-speedy { | ||
+ | margin-top: 4px; | ||
+ | margin-bottom: 4px; | ||
+ | border: 4px solid #b22222; /* Red */ | ||
+ | background: #FFDBDB; /* Pink */ | ||
+ | } | ||
+ | table.cmbox-delete { | ||
+ | background: #FFDBDB; /* Red */ | ||
+ | } | ||
+ | table.cmbox-content { | ||
+ | background: #FFE7CE; /* Orange */ | ||
+ | } | ||
+ | table.cmbox-style { | ||
+ | background: #FFF9DB; /* Yellow */ | ||
+ | } | ||
+ | table.cmbox-move { | ||
+ | background: #E4D8FF; /* Purple */ | ||
+ | } | ||
+ | table.cmbox-protection { | ||
+ | background: #EFEFE1; /* Gray-gold */ | ||
+ | } | ||
+ | |||
+ | /* Other pages message box styles */ | ||
+ | table.ombox { | ||
+ | margin: 4px 10%; | ||
+ | border-collapse: collapse; | ||
+ | border: 1px solid #aaa; /* Default "notice" gray */ | ||
+ | background: #f9f9f9; | ||
+ | } | ||
+ | |||
+ | table.ombox-notice { | ||
+ | border: 1px solid #aaa; /* Gray */ | ||
+ | } | ||
+ | table.ombox-speedy { | ||
+ | border: 2px solid #b22222; /* Red */ | ||
+ | background: #fee; /* Pink */ | ||
+ | } | ||
+ | table.ombox-delete { | ||
+ | border: 2px solid #b22222; /* Red */ | ||
+ | } | ||
+ | table.ombox-content { | ||
+ | border: 1px solid #f28500; /* Orange */ | ||
+ | } | ||
+ | table.ombox-style { | ||
+ | border: 1px solid #f4c430; /* Yellow */ | ||
+ | } | ||
+ | table.ombox-move { | ||
+ | border: 1px solid #9932cc; /* Purple */ | ||
+ | } | ||
+ | table.ombox-protection { | ||
+ | border: 2px solid #bba; /* Gray-gold */ | ||
+ | } | ||
+ | |||
+ | /* Talk page message box styles */ | ||
+ | table.tmbox { | ||
+ | margin: 4px 10%; | ||
+ | border-collapse: collapse; | ||
+ | border: 1px solid #c0c090; /* Default "notice" gray-brown */ | ||
+ | background: #f8eaba; | ||
+ | } | ||
+ | .mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */ | ||
+ | margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */ | ||
+ | width: 100%; /* For Safari and Opera */ | ||
+ | } | ||
+ | .mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */ | ||
+ | line-height: 1.5em; /* also "nested", so reset styles that are */ | ||
+ | font-size: 100%; /* set in "mbox-small" above. */ | ||
+ | } | ||
+ | |||
+ | table.tmbox-speedy { | ||
+ | border: 2px solid #b22222; /* Red */ | ||
+ | background: #fee; /* Pink */ | ||
+ | } | ||
+ | table.tmbox-delete { | ||
+ | border: 2px solid #b22222; /* Red */ | ||
+ | } | ||
+ | table.tmbox-content { | ||
+ | border: 2px solid #f28500; /* Orange */ | ||
+ | } | ||
+ | table.tmbox-style { | ||
+ | border: 2px solid #f4c430; /* Yellow */ | ||
+ | } | ||
+ | table.tmbox-move { | ||
+ | border: 2px solid #9932cc; /* Purple */ | ||
+ | } | ||
+ | table.tmbox-protection, | ||
+ | table.tmbox-notice { | ||
+ | border: 1px solid #c0c090; /* Gray-brown */ | ||
+ | } | ||
+ | |||
+ | /* Disambig and set index box styles */ | ||
+ | table.dmbox { | ||
+ | clear: both; | ||
+ | margin: 0.9em 1em; | ||
+ | border-top: 1px solid #ccc; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | /* Footer and header message box styles */ | ||
+ | table.fmbox { | ||
+ | clear: both; | ||
+ | margin: 0.2em 0; | ||
+ | width: 100%; | ||
+ | border: 1px solid #aaa; | ||
+ | background: #f9f9f9; /* Default "system" gray */ | ||
+ | } | ||
+ | table.fmbox-system { | ||
+ | background: #f9f9f9; | ||
+ | } | ||
+ | table.fmbox-warning { | ||
+ | border: 1px solid #bb7070; /* Dark pink */ | ||
+ | background: #ffdbdb; /* Pink */ | ||
+ | } | ||
+ | table.fmbox-editnotice { | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | /* Div based "warning" style fmbox messages. */ | ||
+ | div.mw-warning-with-logexcerpt, | ||
+ | div.mw-lag-warn-high, | ||
+ | div.mw-cascadeprotectedwarning, | ||
+ | div#mw-protect-cascadeon { | ||
+ | clear: both; | ||
+ | margin: 0.2em 0; | ||
+ | border: 1px solid #bb7070; | ||
+ | background: #ffdbdb; | ||
+ | padding: 0.25em 0.9em; | ||
+ | } | ||
+ | /* Div based "system" style fmbox messages. | ||
+ | Used in [[MediaWiki:Readonly lag]]. */ | ||
+ | div.mw-lag-warn-normal, | ||
+ | div.fmbox-system { | ||
+ | clear: both; | ||
+ | margin: 0.2em 0; | ||
+ | border: 1px solid #aaa; | ||
+ | background: #f9f9f9; | ||
+ | padding: 0.25em 0.9em; | ||
+ | } | ||
+ | |||
+ | /* These mbox-small classes must be placed after all other | ||
+ | ambox/tmbox/ombox etc classes. "body.mediawiki" is so | ||
+ | they override "table.ambox + table.ambox" above. */ | ||
+ | body.mediawiki table.mbox-small { /* For the "크기=작게" option. */ | ||
+ | clear: right; | ||
+ | float: right; | ||
+ | margin: 4px 0 4px 1em; | ||
+ | width: 238px; | ||
+ | font-size: 88%; | ||
+ | line-height: 1.25em; | ||
+ | } | ||
+ | body.mediawiki table.mbox-small-left { /* For the "크기=작게" option. */ | ||
+ | margin: 4px 1em 4px 0; | ||
+ | width: 238px; | ||
+ | border-collapse: collapse; | ||
+ | font-size: 88%; | ||
+ | line-height: 1.25em; | ||
+ | } | ||
+ | |||
+ | /* 틀 설명문서 */ | ||
+ | .template-documentation { | ||
+ | clear: both; | ||
+ | margin: 1em 0 0 0; | ||
+ | border: 1px solid #aaa; | ||
+ | background-color: #ecfcf4; | ||
+ | padding: 1em; | ||
+ | } | ||
+ | |||
+ | /** 장소정보상자 **/ | ||
+ | .place_infobox { | ||
+ | /** float: left; **/ | ||
+ | clear: left; | ||
+ | margin: 0.5em 0 0.5em 1em; | ||
+ | padding: 0.2em; | ||
+ | border: 1px solid #aaa; | ||
+ | background: #f9f9f9; | ||
+ | font-size: smaller; | ||
+ | width: 50em; | ||
+ | } | ||
+ | |||
+ | /** 전시정보상자 **/ | ||
+ | .ex_infobox { | ||
+ | /** float: left; **/ | ||
+ | clear: left; | ||
+ | margin: 0.5em 0 0.5em 1em; | ||
+ | padding: 0.2em; | ||
+ | border: 1px solid #aaa; | ||
+ | background: #f9f9f9; | ||
+ | font-size: smaller; | ||
+ | width: 50em; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Footer and header message box styles */ | ||
+ | table.fmbox { | ||
+ | clear: both; | ||
+ | margin: 0.2em 0; | ||
+ | width: 100%; | ||
+ | border: 1px solid #aaa; | ||
+ | background: #f9f9f9; /* Default "system" gray */ | ||
+ | } | ||
+ | |||
+ | /** 정보상자 **/ | ||
+ | .infobox { | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | margin: 0.5em 0 0.5em 1em; | ||
+ | padding: 0.2em; | ||
+ | border: 1px solid #aaa; | ||
+ | background: #f9f9f9; | ||
+ | font-size: smaller; | ||
+ | width: 25em; | ||
+ | } | ||
+ | .infobox td, | ||
+ | .infobox th { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | .infobox caption { | ||
+ | font-size: 135%; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .infobox th { | ||
+ | white-space: nowrap; | ||
+ | background-color: #eee; | ||
+ | } | ||
+ | .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; | ||
+ | } | ||
+ | |||
+ | /* Footer and header message box styles */ | ||
+ | table.fmbox { | ||
+ | clear: both; | ||
+ | margin: 0.2em 0; | ||
+ | width: 100%; | ||
+ | border: 1px solid #aaa; | ||
+ | background: #f9f9f9; /* Default "system" gray */ | ||
+ | } | ||
+ | |||
+ | /* "notices" 스타일 */ | ||
+ | .notice { | ||
+ | margin: 1em; | ||
+ | padding: 0.2em; | ||
+ | } | ||
+ | |||
+ | .notice.section { | ||
+ | width: auto; | ||
+ | margin: 0 1em 0 1em; | ||
+ | border-top: 1px solid #aaa; | ||
+ | border-bottom: 1px solid #aaa; | ||
+ | font-size: smaller; | ||
+ | } | ||
+ | .notice.section + .notice.section { | ||
+ | margin-top: -1px; | ||
+ | border-top: 0; | ||
+ | } | ||
+ | |||
+ | #disambig { | ||
+ | border-top: 1px solid #ccc; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | .spoiler { | ||
+ | border-top: 2px solid #ddd; | ||
+ | border-bottom: 2px solid #ddd; | ||
+ | } | ||
+ | |||
+ | table.stub { | ||
+ | width: 100%; | ||
+ | margin: 1em auto 0; | ||
+ | border-top: 1px solid #ccc; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | font-size: smaller; | ||
+ | } | ||
+ | table.stub + table.stub { | ||
+ | margin-top: -1px; | ||
+ | border-top: 0; | ||
+ | } | ||
+ | |||
/** 최근 바뀜, 주시 문서 목록에서 "되돌리기" 글자 크기 줄임 **/ | /** 최근 바뀜, 주시 문서 목록에서 "되돌리기" 글자 크기 줄임 **/ | ||
+ | /* [[사용자:ITurtle|iTurtle]] ([[사용자토론:ITurtle|토론]]) 2009년 5월 8일 (금) 22:04 (KST) */ | ||
.page-특수기능_최근바뀜 .mw-rollback-link, | .page-특수기능_최근바뀜 .mw-rollback-link, | ||
.page-특수기능_주시문서목록 .mw-rollback-link { | .page-특수기능_주시문서목록 .mw-rollback-link { | ||
46번째 줄: | 568번째 줄: | ||
} | } | ||
+ | /* 미디어 자료 관련 */ | ||
+ | /* Vector.css에서 너무 작게 나오는 것 방지 PuzzletChung 2010년 1월 5일 (화) 13:48 (KST) */ | ||
+ | table.mw_metadata { | ||
+ | font-size: smaller; | ||
+ | } | ||
/* 차이 보기에서 변화한 부분 모양 조절. | /* 차이 보기에서 변화한 부분 모양 조절. | ||
74번째 줄: | 601번째 줄: | ||
.mw-plusminus-neg { | .mw-plusminus-neg { | ||
color:red; | color:red; | ||
+ | } | ||
+ | |||
+ | /* [[파일:Example.jpg|thumb]] 프레임이 붙어 있는 그림의 배경을 하얀색으로 */ | ||
+ | div.thumb div a img { | ||
+ | background-color:#ffffff; | ||
} | } | ||
82번째 줄: | 614번째 줄: | ||
.redirect-in-category a:visited { | .redirect-in-category a:visited { | ||
color:#888888; | color:#888888; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* 태그 클라우드를 위해 */ | ||
+ | .tagcloud { | ||
+ | width: 98%; | ||
+ | text-align: center; | ||
+ | background-color: #FDFDFD; | ||
+ | border: 1px solid #EEEEEE; | ||
+ | padding: 15px 10px 15px 10px; | ||
+ | } | ||
+ | .tagcloud a { | ||
+ | color: #0052CB; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | font-weight: bold; | ||
} | } |
2011년 7월 25일 (월) 16:42 판
/* * 위키백과 모든 스킨에 적용되는 CSS입니다. * [[위키백과:위키프로젝트 시스템]] 참고 * * 편집 요약을 꼭 적어주고, 새 코드를 추가할 때에는 해당 코드의 출처, 간단한 설명, (요청이 있었을 경우) 해당 요청의 위치 등을 주석에 적어주세요. * 또한 각 코드 조각의 범위를 알아보기 쉽도록 정렬해주세요. * * 인쇄용 css (@media print 부분)은 Print.css에 별도로 추가해주세요. * 그렇지 않으면 인쇄용 문서를 웹에서 보는 것과 실제 인쇄하는 것이 다르게 나옵니다. */ /* 파비콘 달기 */ <link rel="shortcut icon" href="/favicon.ico"> /* 폰트설정 */ body{ font-size: x-small; font-family: Calibri, Helvetica, arial, 'malgun_gothic', sans-serif; line-height:20px; letter-spacing:0px; word-spacing:1px;} h1, h2, h3, h4, h5, h6 { font-family: Calibri, Helvetica, arial, 'malgun_gothic', sans-serif;} h1 { font-size: 24px; font-weight:700; border-width: 1px; border-color: #f9f9f9;; border-style: dotted; } h2 { font-size: 20px; background:#f9f9f9;} h3 { font-size: 15px; background:#fbfbfb;} h4 { font-size: 13px;} h5 { font-size: 11px;} h6 { font-size: 9px;} .mw-headline {font-weight: bold;} .frontupdate { font-size: 85%; } .siteNotice { color:#555555; } pre { white-space: pre-line; } /** <references/> 관련 CSS **/ ol.references { font-size: smaller; } /* 선택된 항목에 배경색 씌우기 */ ol.references > li:target, sup.reference:target { background-color: #DEF; } /** .messagebox 스타일 **/ .messagebox { border: 1px solid #aaa; background: #f9f9f9; width: 80%; margin: 0 auto 1em auto; padding: .2em; text-align: justify; font-size: smaller; } .messagebox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .messagebox.small { width: 238px; font-size: smaller; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; } .messagebox.small-talk { width: 238px; font-size: smaller; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; background: #F8EABA; } table.messagebox + table.messagebox { margin-top: -1px; } /* 알림 상자용 CSS */ /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ th.mbox-text, td.mbox-text { /* The message body cell(s) */ border: none; padding: 0.25em 0.9em; /* 0.9em left/right */ width: 100%; /* Make all mboxes the same width regardless of text length */ font-size: smaller; } td.mbox-image { /* The left image cell */ border: none; padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; } td.mbox-imageright { /* The right image cell */ border: none; padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ text-align: center; } td.mbox-empty-cell { /* An empty narrow cell */ border: none; padding: 0px; width: 1px; } /* Article message box styles */ table.ambox { margin: 0px 10%; /* 10% = Will not overlap with other elements */ border: 1px solid #aaa; border-left: 10px solid #1e90ff; /* Default "notice" blue */ background: #fbfbfb; } table.ambox + table.ambox { /* Single border between stacked boxes. */ margin-top: -1px; } .ambox th.mbox-text, .ambox td.mbox-text { /* The message body cell(s) */ padding: 0.25em 0.5em; /* 0.5em left/right */ } .ambox td.mbox-image { /* The left image cell */ padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ } .ambox td.mbox-imageright { /* The right image cell */ padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ } table.ambox-notice { border-left: 10px solid #1e90ff; /* Blue */ } table.ambox-speedy { border-left: 10px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.ambox-delete { border-left: 10px solid #b22222; /* Red */ } table.ambox-content { border-left: 10px solid #f28500; /* Orange */ } table.ambox-style { border-left: 10px solid #f4c430; /* Yellow */ } table.ambox-move { border-left: 10px solid #9932cc; /* Purple */ } table.ambox-protection { border-left: 10px solid #bba; /* Gray-gold */ } /* Image message box styles */ table.imbox { margin: 4px 10%; border-collapse: collapse; border: 3px solid #1e90ff; /* Default "notice" blue */ background: #fbfbfb; } .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */ margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ display: block; /* Fix for webkit to force 100% width. */ } .mbox-inside .imbox { /* For imboxes inside other templates. */ margin: 4px; } table.imbox-notice { border: 3px solid #1e90ff; /* Blue */ } table.imbox-speedy { border: 3px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.imbox-delete { border: 3px solid #b22222; /* Red */ } table.imbox-content { border: 3px solid #f28500; /* Orange */ } table.imbox-style { border: 3px solid #f4c430; /* Yellow */ } table.imbox-move { border: 3px solid #9932cc; /* Purple */ } table.imbox-protection { border: 3px solid #bba; /* Gray-gold */ } table.imbox-license { border: 3px solid #88a; /* Dark gray */ background: #f7f8ff; /* Light gray */ } table.imbox-featured { border: 3px solid #cba135; /* Brown-gold */ } /* Category message box styles */ table.cmbox { margin: 3px 10%; border-collapse: collapse; border: 1px solid #aaa; background: #DFE8FF; /* Default "notice" blue */ } table.cmbox-notice { background: #D8E8FF; /* Blue */ } table.cmbox-speedy { margin-top: 4px; margin-bottom: 4px; border: 4px solid #b22222; /* Red */ background: #FFDBDB; /* Pink */ } table.cmbox-delete { background: #FFDBDB; /* Red */ } table.cmbox-content { background: #FFE7CE; /* Orange */ } table.cmbox-style { background: #FFF9DB; /* Yellow */ } table.cmbox-move { background: #E4D8FF; /* Purple */ } table.cmbox-protection { background: #EFEFE1; /* Gray-gold */ } /* Other pages message box styles */ table.ombox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #aaa; /* Default "notice" gray */ background: #f9f9f9; } table.ombox-notice { border: 1px solid #aaa; /* Gray */ } table.ombox-speedy { border: 2px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.ombox-delete { border: 2px solid #b22222; /* Red */ } table.ombox-content { border: 1px solid #f28500; /* Orange */ } table.ombox-style { border: 1px solid #f4c430; /* Yellow */ } table.ombox-move { border: 1px solid #9932cc; /* Purple */ } table.ombox-protection { border: 2px solid #bba; /* Gray-gold */ } /* Talk page message box styles */ table.tmbox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #c0c090; /* Default "notice" gray-brown */ background: #f8eaba; } .mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */ margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */ width: 100%; /* For Safari and Opera */ } .mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */ line-height: 1.5em; /* also "nested", so reset styles that are */ font-size: 100%; /* set in "mbox-small" above. */ } table.tmbox-speedy { border: 2px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.tmbox-delete { border: 2px solid #b22222; /* Red */ } table.tmbox-content { border: 2px solid #f28500; /* Orange */ } table.tmbox-style { border: 2px solid #f4c430; /* Yellow */ } table.tmbox-move { border: 2px solid #9932cc; /* Purple */ } table.tmbox-protection, table.tmbox-notice { border: 1px solid #c0c090; /* Gray-brown */ } /* Disambig and set index box styles */ table.dmbox { clear: both; margin: 0.9em 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: transparent; } /* Footer and header message box styles */ table.fmbox { clear: both; margin: 0.2em 0; width: 100%; border: 1px solid #aaa; background: #f9f9f9; /* Default "system" gray */ } table.fmbox-system { background: #f9f9f9; } table.fmbox-warning { border: 1px solid #bb7070; /* Dark pink */ background: #ffdbdb; /* Pink */ } table.fmbox-editnotice { background: transparent; } /* Div based "warning" style fmbox messages. */ div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon { clear: both; margin: 0.2em 0; border: 1px solid #bb7070; background: #ffdbdb; padding: 0.25em 0.9em; } /* Div based "system" style fmbox messages. Used in [[MediaWiki:Readonly lag]]. */ div.mw-lag-warn-normal, div.fmbox-system { clear: both; margin: 0.2em 0; border: 1px solid #aaa; background: #f9f9f9; padding: 0.25em 0.9em; } /* These mbox-small classes must be placed after all other ambox/tmbox/ombox etc classes. "body.mediawiki" is so they override "table.ambox + table.ambox" above. */ body.mediawiki table.mbox-small { /* For the "크기=작게" option. */ clear: right; float: right; margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; } body.mediawiki table.mbox-small-left { /* For the "크기=작게" option. */ margin: 4px 1em 4px 0; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; } /* 틀 설명문서 */ .template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #ecfcf4; padding: 1em; } /** 장소정보상자 **/ .place_infobox { /** float: left; **/ clear: left; margin: 0.5em 0 0.5em 1em; padding: 0.2em; border: 1px solid #aaa; background: #f9f9f9; font-size: smaller; width: 50em; } /** 전시정보상자 **/ .ex_infobox { /** float: left; **/ clear: left; margin: 0.5em 0 0.5em 1em; padding: 0.2em; border: 1px solid #aaa; background: #f9f9f9; font-size: smaller; width: 50em; } /* Footer and header message box styles */ table.fmbox { clear: both; margin: 0.2em 0; width: 100%; border: 1px solid #aaa; background: #f9f9f9; /* Default "system" gray */ } /** 정보상자 **/ .infobox { float: right; clear: right; margin: 0.5em 0 0.5em 1em; padding: 0.2em; border: 1px solid #aaa; background: #f9f9f9; font-size: smaller; width: 25em; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: 135%; font-weight: bold; } .infobox th { white-space: nowrap; background-color: #eee; } .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; } /* Footer and header message box styles */ table.fmbox { clear: both; margin: 0.2em 0; width: 100%; border: 1px solid #aaa; background: #f9f9f9; /* Default "system" gray */ } /* "notices" 스타일 */ .notice { margin: 1em; padding: 0.2em; } .notice.section { width: auto; margin: 0 1em 0 1em; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; font-size: smaller; } .notice.section + .notice.section { margin-top: -1px; border-top: 0; } #disambig { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .spoiler { border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; } table.stub { width: 100%; margin: 1em auto 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: smaller; } table.stub + table.stub { margin-top: -1px; border-top: 0; } /** 최근 바뀜, 주시 문서 목록에서 "되돌리기" 글자 크기 줄임 **/ /* [[사용자:ITurtle|iTurtle]] ([[사용자토론:ITurtle|토론]]) 2009년 5월 8일 (금) 22:04 (KST) */ .page-특수기능_최근바뀜 .mw-rollback-link, .page-특수기능_주시문서목록 .mw-rollback-link { font-size: smaller; } /* 최근 바뀜에서의 편집 관련 표시 작게. Monobook에서 옮김. */ /* ChongDae 2010년 3월 26일 (금) 22:32 */ .minor { font-size: smaller; color: #808080; } .newpage { font-size: smaller; color: #FF0000; } .bot { font-size: smaller; color: #3CB371; } /* 미디어 자료 관련 */ /* Vector.css에서 너무 작게 나오는 것 방지 PuzzletChung 2010년 1월 5일 (화) 13:48 (KST) */ table.mw_metadata { font-size: smaller; } /* 차이 보기에서 변화한 부분 모양 조절. (회색 점선의 사각형으로 둘러쌈) */ .diffchange { background-color: inherit; border: 1px dotted #888888; } /* 차이 보기의 글자 크기 조절. */ td.diff-addedline, td.diff-deletedline, td.diff-context { font-size: 85%; color: inherit; } /* 편집 요약, 이유의 모양 설정. (기울임 대신 글자 크기 약간 작게 하여 구별) */ .comment { font-style: normal !important; font-size: 9pt; } /* 최근 바뀜에서 문서 분량 변경에 색깔 넣기 (증가는 초록색 감소는 빨간색) */ .mw-plusminus-pos { color:green; } .mw-plusminus-neg { color:red; } /* [[파일:Example.jpg|thumb]] 프레임이 붙어 있는 그림의 배경을 하얀색으로 */ div.thumb div a img { background-color:#ffffff; } /* 넘겨주기 링크 */ .allpagesredirect a, .watchlistredir a, .redirect-in-category a:link, .redirect-in-category a:visited { color:#888888; } /* 태그 클라우드를 위해 */ .tagcloud { width: 98%; text-align: center; background-color: #FDFDFD; border: 1px solid #EEEEEE; padding: 15px 10px 15px 10px; } .tagcloud a { color: #0052CB; margin-left: 10px; margin-right: 10px; font-weight: bold; }