미디어위키:Chameleon.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 인터넷 익스플로러: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
• 오페라: 메뉴 → 설정(맥의 경우 오페라 → 환경 설정)으로 이동한 다음 개인 정보 보호 및 보안 → 검색 데이터 지우기 → 캐시한 영상 및 파일을 누름.

/* 캐릭터 틀 */
.simplebox {
    margin: 0.3em auto 0.8em;
}
.plainbox {
    width: 100%;
    position: relative;
}

.simplebox .title {
    font-weight: bold;
}

.thin {
    font-weight: normal !important;
}
.discrete {
    color: #888;
   font-size: 13px;
}

.simplebox.character .left {
    width: 100px;
    height: 100px;
    line-height: 100px;
}
.plainbox .upload-file {
    text-align: center;
}
.plainbox > .left {
    float: left;
    margin: 0px 8px 0px 0px;
}
.upload-file {
    position: relative;
    min-width: 100px;
    min-height: 80px;
}

.upload-file > a.new {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: none repeat scroll 0% 0% #5BC0DE;
    border: 1px solid #46B8DA;
    color: transparent !important;
    -moz-user-select: none;
    transition: all 0.1s linear 0s;
}

.upload-file > a.new::before {
    content: "";
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABr0lEQVR42u2Xzy8DURDHd3UTRYgERAgXJzeXxq34LzjpZU/+CP+DU489cuHUGy49OaBkOZDCgVTSpGwgkOc7zSRe2B/vrW03opN8ku2+2ZnvvteZaU0hhJGkdRgJ228FrDLRjY4gAhYoiC8r8D3tWFGSp8GW+GmbvNZUAb1gR/jbNvs0RcAg2BPhRj4DcQsYA45QN4efiUXAFLgQ+lbhZwPjmyGNqBusgQnpXgrM+/jvgg/p8zVYAc9+CcwInZBEPfqs9YCnf9UJ2wL+vgArYG2SS47sBrxoxu4Co3z9ziWptANDYANcgjOwDN7kAQoqPsg1/Qpy4BxcgXWOHTiObVDnTnYLshHHtUyWYwmObXu14nFQlNpoSbWXa8ySkhS/yDkbAmZBVVrMg84Yk8u/I/JSHsqZoVbs4CSmpfOte3wv7sBMUE/3aNf7YNhjrZ9GAF8fkzJXcbotarztkmLMe6qCE8W3ymmUoKrvqdXYBsPIKDgvgDnghvj1BYzr73ZEAg4UnVM87+O0QzqCcoKduExVQFtWBekWJ6eKGqEdeAA2qLUweY1zumb7z2nSAj4BJjNfCagDGiUAAAAASUVORK5CYII=") no-repeat scroll 0% 0% transparent;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0px 0px -16px;
}

.upload-file > a.new::after {
    content: "첨부";
    display: inline-block;
    text-align: center;
    width: 32px;
    font-size: 0.9em;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 8px 0px 0px -16px;
    color: #FFF !important;
}

/* [[MediaWiki:Edittools]] 편집 입력 도구의 버튼 */
.buttonline {
clear:both;
text-align:center;
position: relative;
/*display: inline-block;*/
}
.buttonline2{
float:none;
height:38px;
}
.edittools_outer
{
  display: table;
  width: 100%;
  height: 100%;
}

.edittools_inner
{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* 최근글 */
table.mw-enhanced-rc td:first-child {
    text-align: right;
    width: 100px;
}

table.mw-enhanced-rc td + td.mw-enhanced-rc {
    text-align: right;
    width: 80px;
}

table.mw-enhanced-rc td:first-child:not([class]) {
    width: 15px;
    padding-right: 5px;
}

td.mw-enhanced-rc {
    font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}


/* ssp help css */
table.QnA {
	margin: 0 auto 1em auto;
	width: 95%;
	border-collapse: separate;
	border-spacing: 2px;
}
table.QnA tr td {
	background-color: #ddddff;
	padding: 0.5em;
}
table.QnA tr:first-child td {
	background-color: transparent;
	border: #cc6666 1px dashed;
}
table.QnA tr td span.Head {
	font-weight: bold;
	color: #6666cc;
}
table.QnA tr:first-child td span.Head {
	font-weight: bold;
	color: #cc6666;
}
table.QnA td span.Undertone {
	color: #aaaabb;
	font-size: 95%;
}
table.Links {
	background-color: #aaaadd;
	margin: 0 auto 1em auto;
	width: 95%;
	border-collapse: separate;
	border-spacing: 2px;
}
table.Links td.Banner {
	width: 250px;
	text-align: center;
	vertical-align: middle;
}
table.Links td.Name,
table.Links td.Url {
	background-color: #ddddee;
	vertical-align: middle;
	padding: 0.5em;
}
table.Links td.Intro {
	background-color: #eeeeff;
	padding: 0.5em;
}
table.Links td.Intro .Undertone {
	color: #b0b0b0;
	font-size: 95%;
}
table.Links thead td {
	border: 1px dashed #669;
	background-color: #fef;
	padding: 0.5em;
}
table.Links thead th:first-child {
	background-color: #333399;
	color: #ffffff;
}
table.KeyboardShortcut,
table.CommandLineSwitch,
table#environment {
	background-color: #aaaabb;
	margin: 0 auto 1em auto;
	width: 95%;
	border-collapse: separate;
	border-spacing: 2px;
}
table.KeyboardShortcut td:first-child,
table.CommandLineSwitch td:first-child {
	width: 30%;
	padding: 0.2em;
	background-color: #ddddee;
}
table.KeyboardShortcut td + td,
table.CommandLineSwitch td + td {
	background-color: #eeeeff;
	padding: 0.2em;
}
table#environment th {
	padding: 0.2em;
	background-color: #ddddee;
	text-align: left;
}
table#environment td {
	background-color: #eeeeff;
	padding: 0.2em;
}
.Doing {
	color: Navy;
	font-weight: bold;
}
.Sentence,
.Recommend,
.Condition {
	color: Green;
	font-weight: bold;
}
.Note {
	font-size: small;
	padding-left: 5px;
	padding-right: 5px;
}
.System {
	color: #006600;
	font-weight: bold;
}
.Hint {
	margin: 5px;
	padding: 5px;
	border: 1px dashed #669;
	background-color: #fef;
	overflow: hidden;
}
.Hint:before {
	content: "HINT:";
}
.Figure {
	float: right;
}