틀:변화의 시대/테마/styles.css

/* 배경 크기 */
.AOCBACKGROUND {
word-break: break-all; 
background: #FFFFFF; 
color: #252525; 
padding: 12px 18px 12px 18px; 
border-radius: 10px;
max-width: 1003px;
width: 1003px;
margin-left: -15px;
}

@media screen and (max-width: 768px) {
.AOCBACKGROUND {
 word-break: break-all; 
 background: #FFFFFF;
 color: #252525; 
 padding: 12px 15px 12px 15px; 
 border-radius: 10px;
 max-width: 768px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}
}

/* 글씨 (일반) */
.AOCTEMPLATE p {
    font-family: "SUITE Variable";
   	margin-bottom: 0.6rem;
	line-height: 24px;
    letter-spacing: -0.35px;
    font-size: 11.5pt;
    font-weight: 500;
}

.AOCTEMPLATE b {
    font-family: "SUITE Variable";
    font-weight: 800;
}

/* 글씨 (모바일) */
@media screen and (max-width: 768px) {
.AOCTEMPLATE p {
    font-family: "SUITE Variable";
   	margin-bottom: 0.6rem;
	line-height: 28px;
    letter-spacing: -0.35px;
    font-size: 10.5pt;
    font-weight: 500;
}
}

/* 글씨 (하이퍼링크) */
.AOCTEMPLATE a {
	color: #0F37A3;
	transition: all 0.3s;
}
.AOCTEMPLATE a:hover {
	color: #5B9BC7;
}
.AOCTEMPLATE a:active {
	color: #252525;
}
.AOCTEMPLATE a.new {
	transition: all 0.3s;
	color: #0F37A3;
}
.AOCTEMPLATE a.new:hover {
	color: #5B9BC7;
}
.AOCTEMPLATE a.new:active {
	color: #252525;
}
.AOCTEMPLATE a.external {
	transition: all 0.3s;
	color: #0F37A3;
}
.AOCTEMPLATE a.external:hover {
    color: #5B9BC7;
    font-weight: 700;
}
.AOCTEMPLATE a.external:active {
	color: #252525;
}

/* 글씨 (기타) */
.AOCTEMPLATE li {
    font-family: "SUITE Variable";
	line-height: 24px;
    letter-spacing: -0.35px;
    font-weight: 500;
    font-size: 11.5pt;
}

@media screen and (max-width: 768px) {
.AOCTEMPLATE li {
    font-family: "SUITE Variable";
	line-height: 28px;
    letter-spacing: -0.35px;
    font-size: 10.5pt;
    font-weight: 500;
}
}

/* 목록 개행 */
.AOCTEMPLATE dd {
    font-family: "SUITE Variable";
}

/* 테이블 글씨 */
.AOCTEMPLATE td {
    font-family: "Pretendard", "Pretendard JP Variable"
}
.AOCTEMPLATE td b {
    font-family: "Pretendard", "Pretendard JP Variable"
}
.AOCTEMPLATE th {
    font-family: "Pretendard", "Pretendard JP Variable"
}
.AOCTEMPLATE td a {
	font-family: "Pretendard", "Pretendard JP Variable";
	color: #0F37A3;
}
.AOCTEMPLATE td a:hover {
	color: #5B9BC7;
}
.AOCTEMPLATE td a:active {
	color: #191919;
}
.AOCTEMPLATE td a.new {
	color: #0F37A3;
}
.AOCTEMPLATE td a.new:hover {
	color: #5B9BC7;
}
.AOCTEMPLATE td a.new:active {
	color: #191919;
}
.AOCTEMPLATE td a.external {
	color: #0F37A3;
}
.AOCTEMPLATE td a.external:hover {
    color: #5B9BC7;
}
.AOCTEMPLATE td a.external:active {
	color: #191919;
}
.AOCTEMPLATE td p {
	font-family: "Pretendard", "Pretendard JP Variable";
	color: #191919;
}
.AOCTEMPLATE td li {
    font-family: "Pretendard", "Pretendard JP Variable";
   	line-height: 24px;
    letter-spacing: -0.35px;
    font-size: 11pt;
    font-weight: 500;
}

@media screen and (max-width: 768px) {
.AOCTEMPLATE td li {
    font-family: "Pretendard", "Pretendard JP Variable";
	line-height: 28px;
    letter-spacing: -0.35px;
    font-size: 10.5pt;
    font-weight: 500;
}
}

/* 문단 */
.AOCPARAGRAPH .number-link {
    color: #0F37A3;
    cursor: pointer;
    text-decoration: none;
    margin-right: 0.3rem;
    font-family: "SUITE Variable";
    font-weight: 800;
    user-select: none;
}

.AOCPARAGRAPH .mw-headline {
    color: #575757;
    font-family: "SUITE Variable";
    font-weight: 600;
    user-select: none;
}

.AOCPARAGRAPH .mw-editsection a {
	font-family: "SUITE Variable";
    white-space: nowrap;
    color: #0F37A3;
    transition: all 0.3s;
    font-weight: 700;
    user-select: none;
}

.AOCPARAGRAPH .mw-editsection a:hover {
	color: #5B9BC7;
}

/* 선택 모션 */
.set-image-ani {
  opacity: 0.6;
  user-select: none;
  transition: opacity 0.2s
}

.set-image-ani:hover {
  opacity: 1;
  transition: opacity 0.2s
}

/* 목차 디자인 */
.toctitle {
    padding: 0.5rem 1.2rem 0.2rem!important;
    background-color: transparent!important;
    border: 1px solid #252525!important;
    border-top-right-radius: 10px!important;
    border-top-left-radius: 10px!important;
    margin-bottom: -1px;
    background: #F5F5F5;

}

.toc li {
	background-color: #F5F5F5;
}

.toc ul {
	background-color: #F5F5F5;
	border-top: none!important;
    border-bottom-right-radius: 10px!important;
    border-bottom-left-radius: 10px!important;
}

.toc > ul {
	border: 1px solid #575757!important;
}

.toctitle h2 {
    font-family: SUITE Variable!important;
}

.toctext {
    color: #575757!important;
    font-weight: 600;
}

.tocnumber {
    color: #0F37A3!important;
    font-weight: 800;
}