미디어위키:Common.css: 두 판 사이의 차이
편집 요약 없음 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
/* <source lang="css"> */ | |||
/* | /* | ||
* 위키백과 모든 스킨에 적용되는 CSS입니다. | * 위키백과 모든 스킨에 적용되는 CSS입니다. | ||
* [[위키백과:위키프로젝트 시스템]] 참고 | * [[위키백과:위키프로젝트 시스템]] 참고 | ||
* | * | ||
* 편집 요약을 꼭 적어주고, 새 코드를 추가할 때에는 해당 코드의 출처, 간단한 설명, (요청이 있었을 경우) 해당 요청의 위치 등을 주석에 적어주세요. | * 편집 요약을 꼭 적어주고, 새 코드를 추가할 때에는 해당 코드의 출처, 간단한 설명, (요청이 있었을 경우) 해당 요청의 위치 등을 주석에 적어주세요. | ||
* 또한 각 코드 조각의 범위를 알아보기 쉽도록 정렬해주세요. | * 또한 각 코드 조각의 범위를 알아보기 쉽도록 정렬해주세요. | ||
| 8번째 줄: | 10번째 줄: | ||
* 인쇄용 css (@media print 부분)은 Print.css에 별도로 추가해주세요. | * 인쇄용 css (@media print 부분)은 Print.css에 별도로 추가해주세요. | ||
* 그렇지 않으면 인쇄용 문서를 웹에서 보는 것과 실제 인쇄하는 것이 다르게 나옵니다. | * 그렇지 않으면 인쇄용 문서를 웹에서 보는 것과 실제 인쇄하는 것이 다르게 나옵니다. | ||
* | * | ||
* 정리가 필요한 부분에는 XXX를 달아주세요. | * 정리가 필요한 부분에는 XXX를 달아주세요. | ||
*/ | */ | ||
| 91번째 줄: | 93번째 줄: | ||
clear: both; | clear: both; | ||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
line-height: 1.25em; | line-height: 1.25em; | ||
} | } | ||
.messagebox.small-talk { | .messagebox.small-talk { | ||
| 99번째 줄: | 101번째 줄: | ||
clear: both; | clear: both; | ||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
line-height: 1.25em; | line-height: 1.25em; | ||
background: #F8EABA; | background: #F8EABA; | ||
} | } | ||
| 105번째 줄: | 107번째 줄: | ||
/* ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox 스타일 */ | /* ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox 스타일 */ | ||
th.mbox-text, td.mbox-text { /* The message body cell(s) */ | th.mbox-text, td.mbox-text { /* The message body cell(s) */ | ||
border: none; | border: none; | ||
padding: 0.25em 0.9em; /* 0.9em left/right */ | padding: 0.25em 0.9em; /* 0.9em left/right */ | ||
width: 100%; /* Make all mboxes the same width regardless of text length */ | width: 100%; /* Make all mboxes the same width regardless of text length */ | ||
} | } | ||
td.mbox-image { /* The left image cell */ | td.mbox-image { /* The left image cell */ | ||
border: none; | border: none; | ||
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ | padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ | ||
text-align: center; | text-align: center; | ||
} | } | ||
td.mbox-imageright { /* The right image cell */ | td.mbox-imageright { /* The right image cell */ | ||
border: none; | border: none; | ||
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ | padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ | ||
text-align: center; | text-align: center; | ||
} | } | ||
td.mbox-empty-cell { /* An empty narrow cell */ | td.mbox-empty-cell { /* An empty narrow cell */ | ||
| 128번째 줄: | 130번째 줄: | ||
table.ambox { | table.ambox { | ||
margin: 0px 10%; /* 10% = Will not overlap with other elements */ | margin: 0px 10%; /* 10% = Will not overlap with other elements */ | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
border-left: 10px solid #1e90ff; /* Default "notice" blue */ | border-left: 10px solid #1e90ff; /* Default "notice" blue */ | ||
background: #fbfbfb; | background: #fbfbfb; | ||
} | } | ||
table.ambox + table.ambox { /* Single border between stacked boxes. */ | table.ambox + table.ambox { /* Single border between stacked boxes. */ | ||
| 144번째 줄: | 146번째 줄: | ||
.ambox td.mbox-imageright { /* The right image cell */ | .ambox td.mbox-imageright { /* The right image cell */ | ||
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ | padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ | ||
} | } | ||
/* Image message box styles */ | /* Image message box styles */ | ||
table.imbox { | table.imbox { | ||
margin: 4px 10%; | margin: 4px 10%; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border: 3px solid #1e90ff; /* Default "notice" blue */ | border: 3px solid #1e90ff; /* Default "notice" blue */ | ||
background: #fbfbfb; | background: #fbfbfb; | ||
| 217번째 줄: | 196번째 줄: | ||
margin: 3px 10%; | margin: 3px 10%; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
background: #DFE8FF; /* Default "notice" blue */ | background: #DFE8FF; /* Default "notice" blue */ | ||
} | } | ||
| 224번째 줄: | 203번째 줄: | ||
background: #D8E8FF; /* Blue */ | background: #D8E8FF; /* Blue */ | ||
} | } | ||
/* Other pages message box styles */ | /* Other pages message box styles */ | ||
table.ombox { | table.ombox { | ||
margin: 4px 10%; | margin: 4px 10%; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border: 1px solid # | border: 1px solid #aaa; /* Default "notice" gray */ | ||
background: #f9f9f9; | background: #f9f9f9; | ||
} | } | ||
| 358번째 줄: | 228번째 줄: | ||
} | } | ||
.infobox caption { | .infobox caption { | ||
font-size: | font-size: 135%; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| 401번째 줄: | 271번째 줄: | ||
text-align: left; | text-align: left; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
line-height: 1.2em; | line-height: 1.2em; | ||
font-size: smaller; | font-size: smaller; | ||
} | } | ||
| 430번째 줄: | 300번째 줄: | ||
padding: 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 { | .notice { | ||
margin: 1em; | margin: 1em; | ||
padding: 0.2em; | 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; | |||
} | } | ||
#disambig { | #disambig { | ||
border-top: 1px solid #ccc; | border-top: 1px solid #ccc; | ||
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | ||
} | } | ||
| 449번째 줄: | 337번째 줄: | ||
width: 100%; | width: 100%; | ||
margin: 1em auto 0; | margin: 1em auto 0; | ||
border-top: 1px solid #ccc; | border-top: 1px solid #ccc; | ||
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | ||
font-size: smaller; | font-size: smaller; | ||
| 475번째 줄: | 363번째 줄: | ||
} | } | ||
.polytonic { | .polytonic { | ||
font-family: "Athena Unicode", Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000; | font-family: "Athena Unicode", Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000; | ||
font-family /**/:inherit; | font-family /**/:inherit; | ||
} | } | ||
| 514번째 줄: | 402번째 줄: | ||
[[:en:MediaWiki:Common.css]]에서 가져옴 */ | [[:en:MediaWiki:Common.css]]에서 가져옴 */ | ||
table.navbox { | /* Default skin for navigation boxes */ | ||
table.navbox { /* Navbox container style */ | |||
border: 1px solid #aaa; | |||
width: 100%; | width: 100%; | ||
margin: auto; | margin: auto; | ||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
padding: 1px; | padding: 1px; | ||
} | } | ||
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ | |||
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ | |||
} | |||
.navbox-title, | |||
.navbox-abovebelow, | |||
table.navbox th { | table.navbox th { | ||
text-align: center; /* Title and above/below styles */ | |||
padding-left: 1em; | padding-left: 1em; | ||
padding-right: 1em; | padding-right: 1em; | ||
} | } | ||
.navbox-group { /* Group style */ | |||
background-color: # | white-space: nowrap; | ||
text-align: right; | |||
font-weight: bold; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | |||
.navbox, .navbox-subgroup { | |||
background: #fdfdfd; /* Background color */ | |||
} | |||
.navbox-list { | |||
border-color: #fdfdfd; /* Must match background color */ | |||
} | } | ||
.navbox-title, | |||
table.navbox th { | |||
background: #ccccff; /* Level 1 color */ | |||
} | } | ||
.navbox-abovebelow, | |||
.navbox-group, | |||
.navbox-subgroup .navbox-title { | |||
background: #ddddff; /* Level 2 color */ | |||
} | |||
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { | |||
background: #e6e6ff; /* Level 3 color */ | |||
} | |||
.navbox-even { | |||
background: #f7f7f7; /* Even row striping */ | |||
} | |||
.navbox-odd { | |||
background: transparent; /* Odd row striping */ | |||
} | |||
.collapseButton { /* 'show'/'hide' buttons created dynamically */ | |||
float: right; /* by the CollapsibleTables javascript in */ | |||
font-weight: normal; /* [[MediaWiki:Common.js]]are styled here */ | |||
text-align: right; /* so they can be customised. */ | |||
width: auto; | |||
} | |||
.navbox .collapseButton { /* In navboxes, the show/hide button balances */ | |||
width: 6em; /* the vde links from [[Template:Tnavbar]], */ | |||
} /* so they need to be the same width. */ | |||
/* [[위키백과:관리자 요청/2007년 5월#스크립트 추가 요청]]. ctrl+v from en: */ | /* [[위키백과:관리자 요청/2007년 5월#스크립트 추가 요청]]. ctrl+v from en: */ | ||
/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [Wikipedia:NavFrame]]. */ | /* Standard Navigationsleisten, aka box hiding thingy | ||
from .de. Documentation at [[Wikipedia:NavFrame]]. */ | |||
div.NavFrame { | div.NavFrame { | ||
margin: 0; | |||
padding: 4px; | |||
border: 1px solid #aaa; | |||
text-align: center; | |||
border-collapse: collapse; | |||
font-size: 95%; | |||
} | } | ||
div.NavFrame + div.NavFrame { | div.NavFrame + div.NavFrame { | ||
border-top-style: none; | |||
border-top-style: hidden; | |||
} | } | ||
div.NavPic { | div.NavPic { | ||
background-color: #fff; | |||
margin: 0; | |||
padding: 2px; | |||
float: left; | |||
} | } | ||
div.NavFrame div.NavHead { | div.NavFrame div.NavHead { | ||
height: 1.6em; | |||
font-weight: bold; | |||
background-color: #ccf; | |||
position: relative; | |||
} | } | ||
div.NavFrame p, | div.NavFrame p, | ||
div.NavFrame div.NavContent, | div.NavFrame div.NavContent, | ||
div.NavFrame div.NavContent p { | div.NavFrame div.NavContent p { | ||
font-size: 100%; | |||
} | } | ||
div.NavEnd { | div.NavEnd { | ||
margin: 0; | |||
padding: 0; | |||
line-height: 1px; | |||
clear: both; | |||
} | } | ||
a.NavToggle { | a.NavToggle { | ||
position: absolute; | |||
top: 0; | |||
right: 3px; | |||
font-weight: normal; | |||
font-size: 90%; | |||
} | } | ||
| 651번째 줄: | 575번째 줄: | ||
/** PDF 링크 모양 **/ | /** PDF 링크 모양 **/ | ||
/* {{PDF 링크}}에서 쓰임. [[위키백과:관리자_요청/2008년_9월#PDF 링크 틀 동작을 위한 내용 추가]], 영어 위키백과에서 들여옴. */ | /* {{PDF 링크}}에서 쓰임. [[위키백과:관리자_요청/2008년_9월#PDF 링크 틀 동작을 위한 내용 추가]], 영어 위키백과에서 들여옴. */ | ||
span.PDFlink a { | |||
background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important; | |||
background: url( | padding-right: 17px !important; | ||
padding-right: 17px; | |||
} | } | ||
| 691번째 줄: | 614번째 줄: | ||
.page-특수기능_주시문서 .mw-rollback-link {font-size: smaller;} | .page-특수기능_주시문서 .mw-rollback-link {font-size: smaller;} | ||
/** | /* 최근 바뀜에서의 편집 관련 표시 작게. Monobook에서 옮김. */ | ||
. | /* ~~~~ */ | ||
.minor { | |||
font-size: smaller; | |||
color: #808080; | |||
} | |||
.newpage { | |||
font-size: smaller; | |||
color: #FF0000; | |||
} | |||
.bot { | |||
font-size: smaller; | |||
color: #3CB371; | |||
} | |||
/* 대문에서 특정 요소 숨기기. 스킨 관계없이 공통으로. Monobook.css에서 가져옴 --[[사용자:Klutzy|klutzy]] ([[사용자토론:Klutzy|토론]]) 2009년 8월 9일 (일) 13:56 (KST) */ | /* 대문에서 특정 요소 숨기기. 스킨 관계없이 공통으로. Monobook.css에서 가져옴 --[[사용자:Klutzy|klutzy]] ([[사용자토론:Klutzy|토론]]) 2009년 8월 9일 (일) 13:56 (KST) */ | ||
| 725번째 줄: | 660번째 줄: | ||
/* 미디어 자료 관련 */ | /* 미디어 자료 관련 */ | ||
table.mw_metadata { font-size: smaller; } /* Vector.css에서 너무 작게 나오는 것 방지 --[[사용자:PuzzletChung|Puzzlet Chung]] ([[사용자토론:PuzzletChung|토론]]) 2010년 1월 5일 (화) 13:48 (KST) */ | table.mw_metadata { font-size: smaller; } /* Vector.css에서 너무 작게 나오는 것 방지 --[[사용자:PuzzletChung|Puzzlet Chung]] ([[사용자토론:PuzzletChung|토론]]) 2010년 1월 5일 (화) 13:48 (KST) */ | ||
/* 차이 보기에서 변화한 부분 모양 조절. | |||
(회색 점선의 사각형으로 둘러쌈) */ | |||
.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; | |||
} | |||
/* 문서 목록과 주시문서 목록에서 넘겨주기의 모양 설정 | |||
(연한 회색) */ | |||
.allpagesredirect a, | |||
.watchlistredir a { | |||
color:#888888; | |||
} | |||
/* toccolours 클래스: 일부 틀의 디자인에 사용됨 */ | |||
.toccolours { | |||
border:1px solid #aaaaaa; | |||
background-color: #f9f9f9; | |||
padding: 5px; | |||
font-size: 95%; | |||
} | |||
/* [[파일:Example.jpg|thumb]] 프레임이 붙어 있는 그림의 배경을 하얀색으로 */ | |||
div.thumb div a img { | |||
background-color:#ffffff; | |||
} | |||
/* 넘겨주기 표시 | |||
[[위키백과:사랑방/2010년 제28주#넘겨주기 문서에 분류.]] */ | |||
/* 분류 내 */ | |||
.redirect-in-category a:link, | |||
.redirect-in-category a:visited { | |||
color:#888888; | |||
} | |||
/* </source> */ | |||