미디어위키:Common.css

/* 이 CSS 설정은 모든 스킨에 적용됩니다 */

.liberty-content-main:not(.toc .toctitle) {
  counter-reset: h2counter;
}

.liberty-content-main h2::before {
  counter-increment: h2counter;
  content: counter(h2counter) ". ";
	color:#ec9f19;
	font-weight:bold;
}
.liberty-content-main h2 {
  counter-reset: h3counter;
}
.liberty-content-main h3::before {
  counter-increment: h3counter;
  content: counter(h2counter) "." counter(h3counter) ". ";
		color:#ec9f19;
		font-weight:bold;
}

.subpages::before {
    content: "";
    display: block;
    background: url("https://sosowiki.net/w/%ED%8C%8C%EC%9D%BC:Icon-up.png") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 3px 6px 0 0;
}

/* 글자 하이라이트 */
mark {
   border-radius: 4px!important;
	padding: 2px 5px 2px 5px;
	background-color:light-dark(#fcf4ca, #fcf8e3);
}

:root {
  color-scheme: light dark;
}

blockquote {
	  background-color: light-dark(#f9f9f9, #2d2f34);
  border-left:10px solid light-dark(#ccc, #666c75);
  margin:1.5em 10px;
  padding:1.0em 30px 1.0em 28px;
	border-radius: 10px;
  quotes:"\201C""\201D""\2018""\2019";
  text-align: left;
  font-style: normal;
	font-size: 0.99em;
}

blockquote::before {
font-family:Arial;
content: "\201C";
color: #9eaea9;
font-size: 3.5em;
position: absolute;
left: 5px;
top: 15px;
}

blockquote::after{
content: '';
}

blockquote p:not(:first-child) {
  display:inline-block;
  line-height: 1.65em;
  margin-bottom: 21px;
  text-transform: none;
}

blockquote p:first-child,
blockquote p:last-child {
  display:inline;
  line-height: 1.1em;
  text-transform: none;
}

blockquote cite {
padding-top: 20px;
display: block;
    font-style: italic;
    font-size: 15px;
}

blockquote:hover {
    transform: scale(1.03);
	  transition: all 0.20s ease-in-out;/* 호버 확대 속도 */
}

/* 펼치기 접기 */
.mw-collapsible-toggle-default .mw-collapsible-text {
    color: #ec9f19;
}

.mw-collapsible.mw-collapsed {
  background-color:light-dark(#fcf8f5, #2d2f34);
   border:3px solid light-dark(#ec9f19, black);
   border-radius: 10px;
   padding: 15px;
}
.mw-collapsible.mw-made-collapsible {
	background-color:light-dark(#fcf8f5, #2d2f34);
   border:3px solid light-dark(#ec9f19, black);
   border-radius: 10px;
   padding: 15px;
}

.mw-collapsible-content {
	margin-top: 15px;
}

/*표 */
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > th, .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > td {
    border: 1px solid light-dark(#e1e8ed, #40434a);
}


/* h2 상단 여백 */
.Liberty .content-wrapper .liberty-content .liberty-content-main h2 {
	margin-top: 30px;
}

/* 형광펜 */
.highlight-under {
	text-decoration: none;
	display: inline;
	box-shadow: inset 0 -9px 0 light-dark(#f8d374, #9c893e);
}

.highlight-under-orange {
	text-decoration: none;
	display: inline;
	box-shadow: inset 0 -9px 0 light-dark(#ffa374, #9c5d3e);
}

.highlight-under-pink {
	text-decoration: none;
	display: inline;
	box-shadow: inset 0 -9px 0 light-dark(#ff9797, #9c6776);
}

.highlight-under-mint {
	text-decoration: none;
	display: inline;
	box-shadow: inset 0 -9px 0 light-dark(#8ed2cd, #617d6d);
}

.highlight-under-skyblue {
	text-decoration: none;
	display: inline;
	box-shadow: inset 0 -9px 0 light-dark(#82cfed, #5a7596);
}

.highlight-under-gray {
	text-decoration: none;
	display: inline;
	box-shadow: inset 0 -9px 0 light-dark(#c8cfdb, #4b4f57);
}


.highlight-above {
    text-emphasis-style: dot;
    text-emphasis-color: #ec9f19;
    text-decoration-line: none;
}

body {
  background-color: #dedede;
}

/*------Container----------------------*/
.container {
  overflow: hidden;
}

/*-----------TITLES-------------------*/
/*-------heading--------*/

#heading h2 {
  font-size: 35px;
  color: #242525;
  margin: 15px 10px 5px 50px;
  text-align: center;
}

#heading p {
  text-align: center;
  font-size: 18px;
  color: #105cb1;
  text-shadow: none;
}

 h3 {
  color: #fff;
  color: #242525;
  text-decoration: underline;
}

/*------all button style--------*/


button:hover {
  cursor: pointer;
  transition: background-color 0.5s, color 0.5s;
  
}

/*------Rectangular Buttons-----------*/

.rectangular button {
  padding: 15px 64px;
  margin: 30px 25px 30px 25px;
  display: inline-block;
  font-family: segoe UI;
  font-size: 14px;
  outline: none;
  color: #fff;
  font-weight: bold;
}

/*----------Rectangular Buttons 2 ----------*/
.rectangular_2 button {
  padding: 15px 64px;
  margin: 30px 25px 30px 25px;
  display: inline-block;
  font-family: segoe UI;
  font-size: 14px;
  outline: none;
  color: #fff;
  font-weight: bold;
}


/*-----------button style--------*/

#Flamingo {
   background: #ef4836;
  border: 2px solid #ef4836;
}

#Flamingo:hover {
  background: #fff;
  border-color: #ef4836;
  color: #ef4836;
}

#Flamingo:active {
  background: #fff;
  border-color: #fff;
}

#Picton {
  background: #59abe3;
  border: 2px solid #59abe3;
  font-weight: bold;
}
#Picton:hover {
  background: #fff;
  color: #59abe3;
}
#Picton:active {
  background: #fff;
  border-color: #fff;
}

#Gossip {
  background: #87d37c;
  border: 2px solid #87d37c;
  font-weight: bold;
}
#Gossip:hover {
  background: #fff;
  color: #87d37c;
}
#Gossip:active {
  background: #fff;
  border-color: #fff;
}

#Edward {
  background: #abb7b7;
  border: 2px solid #abb7b7;
  font-weight: bold;
}
#Edward:hover {
  background: #fff;
  color: #abb7b7;
}
#Edward:active {
  background: #fff;
  border-color: #fff;
}

#Sandstorm {
  background: #f9bf3b;
  border: 2px solid #f9bf3b;
  font-weight: bold;
}
#Sandstorm:hover {
  background: #fff;
  color: #f9bf3b;
}
#Sandstorm:active {
  background: #fff;
  border-color: #fff;
}

/*-----------=====================---------*/

#Flamingo_2 {
  background: #fff;
  border: 2px solid #ef4836;
  color: #ef4836;
}
#Flamingo_2:hover {
  background: #ef4836;
  border-color: #ef4836;
  color: #fff;
}
#Flamingo_2:active {
  background: #ef4836;
  border-color: #fff;
}

#Picton_2 {
  background: #fff;
  border: 2px solid #59abe3;
  color: #59abe3;
}
#Picton_2:hover {
  background: #59abe3;
  color: #fff;
}
#Picton_2:active {
  background: #59abe3;
  border-color: #fff;
}
#Gossip_2 {
  background: #fff;
  border: 2px solid #87d37c;
  color: #87d37c;
}
#Gossip_2:hover {
  background: #87d37c;
  color: #fff;
}
#Gossip_2:active {
  background: #87d37c;
  border-color: #fff;
}
#Edward_2 {
  background: #fff;
  border: 2px solid #abb7b7;
  color: #abb7b7;
}
#Edward_2:hover {
  background: #abb7b7;
  color: #fff;
}
#Edward_2:active {
  background: #abb7b7;
  border-color: #fff;
}
#Sandstorm_2 {
  background: #fff;
  border: 2px solid #f9bf3b;
  font-weight: bold;
  color: #f9bf3b;
}
#Sandstorm_2:hover {
  background: #f9bf3b;
  color: #f9bf3b;
  color: #fff;
}
#Sandstorm_2:active {
  background: #f9bf3b;
  border-color: #fff;
}

/*-------FOOTER--------*/
#credit {
  text-align: center;
  margin-top: 50px;
}
#credit a {
  text-decoration: none;
  font-size: 20px;
  color: #105cb1;
}