"미디어위키:Chameleon.css"의 두 판 사이의 차이

/* iframe 유튜브 */
.youtube-m {
  width: 480px;
  height: 360px;
  min-height: 0 !important;
}

.youtube-s {
  width: 340px;
  height: 255px;
  min-height: 0 !important;
}

.youtube-ss {
  width: 290px;
  height: 218px;
  min-height: 0 !important;
}

@media (max-width: 991px) {
.youtube-m {
  width: 340px;
  height: 255px;
  min-height: 0 !important;
}
}

@media (max-width: 767px) {
.youtube-m, .youtube-s, .youtube-ss {
  width: 100%;
  height: 100%;
  min-height: 0 !important;
}
}

/* 댓글 새로고침 안내 */
.purge-cache-link {
  display: none;
}

/* 파일 업로드 폼 */
td.mw-label {
  width: 8em;
}

/* 고스트 정보상자 테이블 조절 */
.fixbox1 {
 table-layout:fixed;
}

.fixbox1 th {
 width: 33%;
}

.fixbox1 td {
 width: 67%;
} 

/* 캐릭터 틀 */
.clear {
}

.plainbox p {
    margin: 0px !important;
}
.text p {
    text-indent: 0.5em;
}
.text p, .text ul, .text ol, .text dl {
    text-align: justify;
}

.simplebox.character .right {
    min-height: 100px;
}

.simplebox {
    margin: 0.3em auto 0.8em;
}
.plainbox {
    width: 100%;
}

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

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

.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;
}
.plainbox > .right {
}

.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% #ddd;
    border: 1px solid #ccc;
    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:30px;
}
.edittools_outer
{
  display: table;
  width: 100%;
  height: 100%;
}

.edittools_inner
{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.edittools_inner hr {
  margin-top:2px;
  margin-bottom:5px;
}

/* 최근글 */
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;
}