사용자:Hsl0/common.css

리버티게임, 모두가 만들어가는 자유로운 게임
< 사용자:Hsl0
imported>Hsl0님의 2023년 1월 29일 (일) 15:09 판

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

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
/* vector-2022.css */
.mw-body {
	/* 본문 여백 넓히기 (가독성 향상) */
    padding-left: 0.5em;
}

.vector-sitenotice-container {
	/* 공지 여백 넓히기 (가독성 향상) */
	padding: 0 0.25em;
}


@media screen and (max-width: 799px) {
	/* 작은 화면에서 화면 폭 늘리기 */
	.mw-page-container {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	
	/* 공지 여백 넓히기 (가독성 향상) */
	.vector-sitenotice-container {
		padding: 0 0.5em;
	}
}

/* 공지 숨기기 버튼이 공지 내용을 침범하지 않도록 위로 올리기 */
.mw-dismissable-notice-close {
    float: none;
    text-align: right;
    margin-top: -1.75em;
    margin-right: 0.5em;
}

@media screen and (max-width: 999px) {
	.mw-logo {
		min-width: 0; /* 최소 너비 해제 */
	}
}

/* 가능한 한 옵션 펼쳐두기 */
@media screen and (min-width: 430px) {
	.mw-article-toolbar-container .mw-portlet-views:not(.emptyPortlet) {
	    display: block;
	}
    .mw-article-toolbar-container .vector-more-collapsible-item {
        display: none;
    }
}

/* 모바일에서 검색할 때 다른 거 치우기 */
@media screen and (max-width: 500px) {
    .vector-header-search-toggled .vector-user-links {
        display: none;
    }
}

/* 더 작은 화면에서도 사이드바 펼쳐놓을 수 있음 */
/* 벡터 코드에서 가져옴 (GPL) */
@media screen and (min-width: 800px) {
	:not(.vector-toc-collapsed) #vector-toc-collapsed-button {
    	display: none;
	}
	
    .mw-table-of-contents-container .sidebar-toc {
		display: block;
		position: static;
		margin-left: -0.75em;
		border: none;
    }
	
	.vector-sticky-toc-container {
		position: sticky;
		top: 0;
	}
	
	.client-js .vector-sticky-header-visible .mw-sticky-header-element,.client-js .vector-sticky-header-visible .charts-stickyhead th {
		top: 3.125rem !important;
	}
		
	.vector-toc-not-collapsed #mw-sidebar-checkbox:not(:checked) ~ .mw-table-of-contents-container.mw-sticky-header-element {
		margin-top: 1.5em;
	}
	
	.client-js .vector-toc-collapsed.vector-below-page-title .mw-table-of-contents-container .sidebar-toc {
	    position: fixed;
	}
	
	.client-js .vector-toc-collapsed.vector-below-page-title .mw-table-of-contents-container .sidebar-toc {
		top: 36px;
		left: 6px;
	}
	
    @supports (display: grid) {
        .client-js .vector-toc-collapsed #vector-toc-collapsed-button {
            display:block
        }

        .client-js .vector-toc-collapsed .mw-table-of-contents-container.mw-sticky-header-element,.client-js .vector-toc-collapsed .vector-sticky-toc-container {
            position: relative
        }

        .client-js .vector-toc-collapsed .mw-table-of-contents-container .sidebar-toc {
            display: none;
            position: absolute;
            margin: 0;
            border: 1px solid #a2a9b1
        }

        .client-js .vector-toc-collapsed #vector-toc-collapsed-checkbox:checked ~ .mw-table-of-contents-container .sidebar-toc {
            display: block
        }

        .client-js .vector-toc-collapsed .mw-table-of-contents-container {
            grid-area: content
        }

        body:not(.vector-sticky-header-visible).vector-below-page-title.client-js .vector-toc-collapsed #vector-toc-collapsed-button,body:not(.vector-sticky-header-visible).vector-below-page-title.client-js .vector-toc-collapsed .sidebar-toc {
            position: fixed
        }

        .client-js .vector-toc-collapsed .vector-toc-uncollapse-button {
            display: inline-block
        }

        .client-js .vector-toc-not-collapsed .vector-toc-collapse-button {
            display: inline-block
        }
    }
}
/* 벡터 코드 끝 */

/* linktools.css */
@keyframes link-wait {
    from {
        background-position-x: 200%;
    }
    to {
        background-position-x: 0%;
    }
}

.link-modifier-cloak a,
.event-listener-cloak[data-target="link"] a,
.event-handler-cloak[data-target="link"] a {
    pointer-events: none;
    background-image: linear-gradient(
        135deg,
        #cccccc,
        #cccccc,
        #4d4d4d,
        #4d4d4d,
        #cccccc,
        #cccccc
    );
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    animation: 2s linear 0s infinite running link-wait;
}