미디어위키:Common.css

2014년 8월 17일 (일) 18:55 판

/* ======================================================================
 여기서부터는 대문에 적용되는 CSS입니다. 웹/모바일웹에 동시 적용되므로 신중(!)을 기해야 합니다. */

/* 메인 박스 스타일 */
.mainBox {
  positon: relative;
  float: left;
  width: 156px;
  height: 160px;
  border: 1px solid #ccc;
  margin-right: 4px;
  margin-bottom: 4px;
  padding-left: 8px;
  background: #FFFFCC;
/*  background-image:url(/images/postbg.png); */
  background-repeat: no-repeat;
}

.mainBox2 {
  positon: relative;
  float: left;
  width: 326px;
  height: 160px;
  border: 1px solid #ccc;
  margin-right: 4px;
  margin-bottom: 4px;
  padding-left: 8px;
}

/* 새 글 목록에서 숫자 없애기 */
.mainBox2>ol , .mainBox2>ul {
  list-style: none;
  list-style-type: none;
  margin-left: 0;
}

/* 최근 바뀜 목록에서 날짜크기 줄이기*/
.mainBox2 h4 {
  display: none;
  margin-left: 0;
}

.mainBoxPost {
  positon: relative;
  float: left;
  width: 156px;
  height: 160px;
  border: 1px solid #ccc;
  margin-right: 4px;
  margin-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  background: #eee;
/*  background-image:url(/images/postbg.png); */
  background-repeat: no-repeat;
}

.mainBoxPost > div {
 font-size: 90%;
 padding: 10px;
}

/* 여기까지가 대문에 적용되는 CSS입니다.
====================================================================== */

/** <references/> 관련 CSS **/
ol.references {
   font-size: smaller;
}

/* 선택된 항목에 배경색 씌우기 */
ol.references > li:target, sup.reference:target {
  background-color: #DEF;
}

/** 최근 바뀜, 주시 문서 목록에서 "되돌리기" 글자 크기 줄임 **/
.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;
}

/* 차이 보기에서 변화한 부분 모양 조절.
  (회색 점선의 사각형으로 둘러쌈)  */
.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,
.redirect-in-category a:link,
.redirect-in-category a:visited {
  color:#888888;
}

.gradationBlue {
  background: rgb(87,134,214); /* Old browsers */
  background: -moz-linear-gradient(left, rgb(87,134,214) 0%, rgb(255,255,255) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(87,134,214)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgb(87,134,214) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgb(87,134,214) 0%,rgb(255,255,255) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(left, rgb(87,134,214) 0%,rgb(255,255,255) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5786d6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
  background: linear-gradient(left, rgb(87,134,214) 0%,rgb(255,255,255) 100%); /* W3C */
}

/* 메인페이지 "대문" 제목 없애기 */
/* 대문에서 특정 요소를 숨김 */
body.page-대문 #t-cite,
body.page-대문 #lastmod,
body.page-대문 #siteSub,
body.page-대문 #contentSub,
1body.page-대문 h1.firstHeading {
  display: none !important;
}


/* 이미지를 여러장 올려서 줄이 넘어갈 경우 위아래 이미지 여백 설정 & 최대크기 제한*/
p img {
  margin-bottom: 4px;
  max-width: 100%;
  height: auto;
}


/* ======================================================================
 여기서부터는 artwikiVer20스킨으로부터 가져온 CSS입니다. */
/* 인용구 시작 */
blockquote {
	font-size: 110%;
	text-indent: 12px;
	margin-left: 16px;
	padding-top: 4px;
	background-image:url(/images/blockquote_left.png);
	background-repeat:no-repeat;
	color: #59f;
	font-weight: bold;
}

#bodyContent blockquote a {
	text-decoration: underline;
	color: #59f;
	background: none;
}
#bodyContent blockquote a:visited {
	color: #59f;
}
#bodyContent blockquote a:active {
	color: #59f;
}
#bodyContent blockquote a:hover {
	text-decoration: underline;
}
#bodyContent blockquote a.stub {
	color: #59f;
}

#bodyContent blockquote a.new {
	color: #8bb9ff;
}

#bodyContent blockquote > a.external {
	font-size: 70%;
	color:#8bb9ff;
	text-decoration: none;
}

#bodyContent blockquote > a.external:visited {
	color:#8bb9ff;
	text-decoration: none;
}
/* 인용구 끝 */

/* 정보상자 스타일 */
.infobox {
  width: 310px;
  float: right;
  margin-left: 20px;
  margin-bottom: 12px;
  padding: 0px;
  border: 1px solid #ccc;
  background: #fff;
  font-family: 나눔고딕, 맑은고딕, 돋움;
  -moz-border-radius:4px;
  border-radius: 4px;
 }
.infoImg {  background: #fff; }
.infoboxTitle {
  font-size: 120%;
  padding: 12px 12px;
  border-bottom: 1px solid #ccc;
}

.infoImg {
  font-size:95%;
  width: 320px;
  padding: 8px 0px;
} 

.basicInfo {
  text-align: center;
  white-space: nowrap;
  border-top: 1px solid #999;
  border-bottom: 1px solid #ccc;
} 

.infoboxCell {
  text-align: left;
  text-indent:2px;
  white-space: nowrap;
  width: 60px;
  border-bottom: 1px solid #ccc;
}

.infoboxCell2 {
  text-align: left;
  padding:0 0 0 4px;
  border-bottom: 1px solid #ccc;
}
	
.infoboxCell2 a {
  white-space: normal;
  word-break:break-alll;
  word-wrap:break-word
}

/* 라운드 박스 속성 */
.roundedBox {
  -moz-border-radius:5px;
  border-radius: 5px;
}

/* 틀 테이블 배경이미지 설정 */
.tplTable_wrap { 
	background: #fff;
	border: 1px solid #ccc;
	width: 100%; 
	margin-top: 24px;
	padding: 2px;
	-moz-border-radius:4px; 
	border-radius: 4px;
}

.tplTable_top {
	color: #000;
	font-size:100%;
	font-weight: bold;
	text-align: center;
	padding: 8px;
	background-color: #eee;
	-moz-border-radius:4px;
	border-radius: 4px;
}


.tlpTable_body {
	font-size:90%;
	background-color: #fff;
	-moz-border-radius:4px;
	border-radius: 4px;
}

.tlpTable_body p {
	padding: 0px 16px;
}

.tplTable_bottom {
	font-size:60%;
	text-align:right;
	padding: 4px 8px;
	background-color: #eee;
	-moz-border-radius:4px;
	border-radius: 4px;
}

/* 알림에 사용되는 틀 속성 */
.noticeTmplt { 
	width: 100%;
	text-align: center;
	color: #555555;
	border: 1px solid #999999;
	background-color: #f5f5f5;
	margin-bottom: 20px;
	-moz-border-radius:8px; border-radius: 8px;
}

/* 관리자 알림에 사용되는 틀 속성 */
.adminNotice { 
  -moz-border-radius:8px; border-radius: 8px;
  margin: auto;
  padding: 4px;
  width: 80%;
  border: 1px solid #999999;
  background-color: #ff0;
  text-align: center;
  color: #555555;
}

.style {
margin:/*＼**/4px; /*ie8*/
*margin:4px;  /*ie7*/
_margin:4px;  /*ie6*/
}  

/* 구글맵 박스 */
#mapDiv {
  clear:both;
  float:right; 
  margin-bottom: 4px;
  padding: 16px;  
  border: 1px solid #ccc;
  -moz-border-radius:4px;
  border-radius: 4px;
}

/* 여기까지가 artwikiVer20스킨으로부터 가져온 CSS입니다.
====================================================================== */

/* 인풋박스 스타일 
input:focus {background: #ff6;} */

/* 목차hover시 노란색으로 변경 
.toctext:hover {background: #ff6;} */

/* 보이기/숨기기 시작*/
/** Collapsible tables *********************************************************
 *
 *  Description: Allows tables to be collapsed, showing only the header. See
 *                         http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
 *  Maintainers: [[en:User:R. Koot]]
 */
 
table.collapsed tr.collapsible {
        display: none;
}
 
.collapseButton {                /* 'show'/'hide' buttons created dynamically by the               */
        float: right;               /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;        /* are styled here so they can be customised.               */
        text-align: right;
        width: auto;
}

/* 보이기/숨기기 끝 */

/* ===== 목차 박스 접기/펴기 시작 ==== */
/* default skin for navigation boxes */
table.navbox {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    clear: both;
    font-size: 90%;
    margin: 1em 0em 0em;
    padding: 2px;
    text-align: left;
    width: 100%;
}

table.navbox th {
    background-color: #ccf;
    padding-left: 1em;
    padding-right: 1em;
}

table.navbox tr:not(:first-child) th {
    background-color: #ddf;
}

@media print {
    .navbox {
        display: none;
    }
}

/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */

div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 4px;
        border: 1px solid #aaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #fff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        background-color: #ccccff;
        position:relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
a.NavToggle {
        position:absolute;
        top:0px;
        right:3px;
        font-weight:normal;
        font-size:smaller;
}
/* ===== 목차 박스 접기/펴기 끝 ==== */

/* 공지글 대문에서만 보이기 */
#siteNotice {  display: none; }
body.page-대문 #siteNotice {  display: block; }


/* 태그클라우드 */
#tagcloud { width: 960px; margin: 60px 0 32px -219px; }