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

편집 요약 없음
편집 요약 없음
12번째 줄: 12번째 줄:
}
}


/* 1024px 이하에서 content-tools을 제목 우하단에 배치 */
/* Right menu */
@media (max-width: 1024px) {
.nav .nav-item .nav-link {
    .content-wrapper .liberty-content .liberty-content-header .content-tools {
  padding: 0;
        position: absolute; /* 절대 위치 지정 */
        right: 0; /* 우측으로 위치 */
        bottom: 0; /* 하단으로 위치 */
        margin-bottom: 10px; /* 하단 여백 추가 */
        margin-right: 10px; /* 우측 여백 추가 */
    }
}
}


/* 1024px 이상에서 content-tools 위치를 기본으로 유지 */
.Liberty .content-wrapper .liberty-sidebar {
@media (min-width: 1025px) {
  float: right;
    .content-wrapper .liberty-content .liberty-content-header .content-tools {
  width: 20rem;
        position: relative; /* 기본적인 배치 방식으로 돌아갑니다 */
  position: relative;
        margin-top: 10px; /* 원하는 여백을 추가 */
    }
}
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper, .Liberty .content-wrapper .liberty-sidebar .everest-rss {
  z-index: 1;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 20px rgba(0,0,0,.05);
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent, .Liberty .content-wrapper .liberty-sidebar .everest-rss {
  width: 100%;
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
}
.Liberty .content-wrapper .liberty-sidebar .everest-rss {
  margin-top: 1rem;
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav,
.Liberty .content-wrapper.liberty-sidebar .nav {
  border: 0;
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link,
.Liberty .content-wrapper .liberty-sidebar .nav {
  padding-bottom: 1.125rem;
  text-align: left;
  font-size: 1.1rem;
  color: #000;
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item {
  width: 8.03125rem;
  border: 0 solid transparent;
  background-color: transparent;
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item
  + .nav-item {
  margin-left: 0;
  border-left: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0.5rem;
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link {
  border: 0;
  color: #6e7478;
  position: relative;
  border-radius: 0;
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .na  .nav-item  + .nav-item .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0.5rem;
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link.active,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:hover,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:focus,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:active {
  color: #000;
  background-color: transparent;
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link.active::before,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:hover::before,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:focus::before,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:active::before {
  position: absolute;
  left: -1px;
  bottom: -1px;
  content: " ";
  width: 8.03125rem;
  display: block;
}
.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-content {
  border: 0 solid transparent;
  border-top: 0;
  z-index: 1;
}
.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-content
  .Rssfeed-list {
  display: block;
  list-style: none;
}
.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list
  li,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-content
  .Rssfeed-list
  li {
  margin: 0 0 .4rem;
}
.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list
  li:last-of-type,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-content
  .Rssfeed-list
  li:last-of-type {
  margin-bottom: 0;
}
.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list
  li:last-child,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-content
  .Rssfeed-list
  li:last-child {
  border-bottom: none;
}
.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list
  .recent-item,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-content
  .Rssfeed-list
  .Rssfeed-item {
  font-size: 1em;
  display: flex;
}
.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list
  .recent-item-timestamp {
  font-size: 0.75rem;
}
.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list
  .recent-item
  .new {
  font-size: 0.75rem;
  color: #b73333;
}
.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-footer
  .label,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-footer
  .label {
  padding: 0.375rem 0.6rem;
  font-size: 0.75rem;
  font-weight: 400;
  border-radius: 1.0rem;
}
.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-footer
  .label:hover,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-footer
  .label:hover {
  transition: 0.3s;
}
.Liberty .content-wrapper .liberty-sidebar .right-ads {
  position: absolute;
  top: 24.121875rem;
  width: 14.0625rem;
}
/* Right menu End */

2024년 12월 2일 (월) 16:03 판

/* 이 CSS 설정은 리버티 스킨을 사용하는 사용자에게 적용됩니다 */
.mw-headline-number { color: #0275d8; }
.mw-headline-number::after { content: "."; }

.content-wrapper {
    margin-top: 72px !important; /* 본문 위쪽 간격 */
}

/* 문서 제목 영역에 상대적인 포지셔닝 설정 */
.content-wrapper .liberty-content .liberty-content-header {
    position: relative; /* 제목 영역에 상대적인 포지셔닝 설정 */
}

/* Right menu */
.nav .nav-item .nav-link {
  padding: 0;
}

.Liberty .content-wrapper .liberty-sidebar {
  float: right;
  width: 20rem;
  position: relative;
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper, .Liberty .content-wrapper .liberty-sidebar .everest-rss {
  z-index: 1;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 20px rgba(0,0,0,.05);
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent, .Liberty .content-wrapper .liberty-sidebar .everest-rss {
  width: 100%;
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
}

.Liberty .content-wrapper .liberty-sidebar .everest-rss {
  margin-top: 1rem;
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav,
.Liberty .content-wrapper.liberty-sidebar .nav {
  border: 0;
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link,
.Liberty .content-wrapper .liberty-sidebar .nav {
  padding-bottom: 1.125rem;
  text-align: left;
  font-size: 1.1rem;
  color: #000;
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item {
  width: 8.03125rem;
  border: 0 solid transparent;
  background-color: transparent;
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item
  + .nav-item {
  margin-left: 0;
  border-left: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0.5rem;
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link {
  border: 0;
  color: #6e7478;
  position: relative;
  border-radius: 0;
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .na  .nav-item  + .nav-item .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0.5rem;
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link.active,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:hover,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:focus,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:active {
  color: #000;
  background-color: transparent;
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link.active::before,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:hover::before,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:focus::before,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:active::before {
  position: absolute;
  left: -1px;
  bottom: -1px;
  content: " ";
  width: 8.03125rem;
  display: block;
}

.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-content {
  border: 0 solid transparent;
  border-top: 0;
  z-index: 1;
}

.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-content
  .Rssfeed-list {
  display: block;
  list-style: none;
}

.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list
  li,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-content
  .Rssfeed-list
  li {
  margin: 0 0 .4rem;
}

.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list
  li:last-of-type,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-content
  .Rssfeed-list
  li:last-of-type {
  margin-bottom: 0;
}

.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list
  li:last-child,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-content
  .Rssfeed-list
  li:last-child {
  border-bottom: none;
}

.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list
  .recent-item,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-content
  .Rssfeed-list
  .Rssfeed-item {
  font-size: 1em;
  display: flex;
}

.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list
  .recent-item-timestamp {
  font-size: 0.75rem;
}

.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-content
  .live-recent-list
  .recent-item
  .new {
  font-size: 0.75rem;
  color: #b73333;
}

.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-footer
  .label,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-footer
  .label {
  padding: 0.375rem 0.6rem;
  font-size: 0.75rem;
  font-weight: 400;
  border-radius: 1.0rem;
}

.Liberty
  .content-wrapper
  .liberty-sidebar
  .live-recent-wrapper
  .live-recent
  .live-recent-footer
  .label:hover,
.Liberty
  .content-wrapper
  .liberty-sidebar
  .everest-rss
  .Rssfeed-footer
  .label:hover {
  transition: 0.3s;
}

.Liberty .content-wrapper .liberty-sidebar .right-ads {
  position: absolute;
  top: 24.121875rem;
  width: 14.0625rem;
}
/* Right menu End */