미디어위키: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 */
}
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 */
/* 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 */
}
}
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 */
/* Other pages message box styles */
table.ombox {
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%;
     margin: 4px 10%;
     border-collapse: collapse;
     border-collapse: collapse;
     border: 1px solid #c0c090;   /* Default "notice" gray-brown */
     border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
    margin: 2px 0;              /* class ensures that this declaration overrides other */
    width: 100%;  /* For Safari and Opera */    /* styles (including mbox-small above) */
}
.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;
     background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}
}


358번째 줄: 228번째 줄:
}
}
.infobox caption {
.infobox caption {
   font-size: larger;
   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;
}
}
/* Style for "notices" */
 
/* 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 */
   clear: both;
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;
  border: 1px solid #aaa;
  background-color: #f9f9f9;
  font-size: smaller;
  text-align: center;
}
}
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 {
   background-color: #ccf;
   text-align: center;     /* Title and above/below styles */
   padding-left: 1em;
   padding-left: 1em;
   padding-right: 1em;
   padding-right: 1em;
}
}
table.navbox tr:not(:first-child) th {
.navbox-group {            /* Group style */
   background-color: #ddf;
  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 */
}
}
table.navbox + table.navbox {
.navbox-title,
   margin-top:-1px; /* single pixel border between adjacent navboxes (doesn't work for IE6) */
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
div.Boxmerge,
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
div.NavFrame {
  margin: 0px;
    margin: 0;
  padding: 4px;
    padding: 4px;
  border: 1px solid #aaa;
    border: 1px solid #aaa;
  border-collapse: collapse;
    text-align: center;
  text-align: center;
    border-collapse: collapse;
  font-size: smaller;
    font-size: 95%;
}
div.Boxmerge div.NavFrame {
  border-style: none;
  border-style: hidden;
}
}
div.NavFrame + div.NavFrame {
div.NavFrame + div.NavFrame {
  border-top-style: none;
    border-top-style: none;
  border-top-style: hidden;
    border-top-style: hidden;
}
}
div.NavPic {
div.NavPic {
  background-color: #fff;
    background-color: #fff;
  margin: 0px;
    margin: 0;
  padding: 2px;
    padding: 2px;
  float: left;
    float: left;
}
}
div.NavFrame div.NavHead {
div.NavFrame div.NavHead {
  height: 1.6em;
    height: 1.6em;
  font-weight: bold;
    font-weight: bold;
  background-color: #ccf;
    background-color: #ccf;
  position:relative;
    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%;
    font-size: 100%;
}
}
div.NavEnd {
div.NavEnd {
  clear: both;
    margin: 0;
  margin: 0px;
    padding: 0;
  padding: 0px;
    line-height: 1px;
  line-height: 1px;
    clear: both;
}
}
a.NavToggle {
a.NavToggle {
  position:absolute;
    position: absolute;
  top:0px;
    top: 0;
  right:3px;
    right: 3px;
  font-weight:normal;
    font-weight: normal;
  font-size:smaller;
    font-size: 90%;
}
}


651번째 줄: 575번째 줄:
/** PDF 링크 모양 **/
/** PDF 링크 모양 **/
/* {{PDF 링크}}에서 쓰임. [[위키백과:관리자_요청/2008년_9월#PDF 링크 틀 동작을 위한 내용 추가]], 영어 위키백과에서 들여옴. */
/* {{PDF 링크}}에서 쓰임. [[위키백과:관리자_요청/2008년_9월#PDF 링크 틀 동작을 위한 내용 추가]], 영어 위키백과에서 들여옴. */
#content span.PDFlink a,
span.PDFlink a {
#mw_content 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("http://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") center right no-repeat;
     padding-right: 17px !important;
     padding-right: 17px;
}
}


691번째 줄: 614번째 줄:
.page-특수기능_주시문서 .mw-rollback-link {font-size: smaller;}
.page-특수기능_주시문서 .mw-rollback-link {font-size: smaller;}


/** XXX 정체불명. **/
/* 최근 바뀜에서의 편집 관련 표시 작게. Monobook에서 옮김. */
.same-bg { background: none }
/* ~~~~ */
.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> */