사용자:Hsl0/common.css: 두 판 사이의 차이

리버티게임, 모두가 만들어가는 자유로운 게임
imported>Hsl0
편집 요약 없음
편집 요약 없음
 
(사용자 2명의 중간 판 127개는 보이지 않습니다)
1번째 줄: 1번째 줄:
/* [[틀:DB2]]
/* 2안 적색 배경 */
* 제작자: [[사용자:hsl0|hsl0]]
/*.ns-3000 #content, .ns-3000 #p-cactions li a:hover, .ns-3000 #p-cactions li.selected a {
*/
  background-color: #fff0f0;
#gameDB-compare-header {
}*/
    display: flex;
    align-items: center;
}
.gameDB-compare {
    display: flex;
    align-items: center;
    margin: 0.5em 0;
}
#gameDB-select {
    text-align: center;
}
.gameDB-remote-select, #gameDB-remote-selectall {
    margin-right: 1em;
}
#gameDB-legend-remote, #gameDB-legend-local {
    flex: 5;
}
#gameDB-legend-keyname {
    flex: 4;
    font-weight: bold;
}
.gameDB-legend-title {
    font-weight: bold;
}
#gameDB-legend-remote time, #gameDB-legend-local time {
    font-size: 80%;
}
.gameDB-remote-content, .gameDB-local-content {
    margin: auto;
    flex: 10;
}
.gameDB-keyname {
    flex: 9;
    margin: 0 0.5em;
}
.gameDB-local-select, #gameDB-local-selectall {
    margin-left: 1em;
    margin-right: 0;
}


/*
/* linktools.css */
  [[틀:CGI보호]]
@keyframes link-wait {
  제작자: [[사용자:hsl0]]
    from {
*/
        background-position-x: 200%;
.protectCGI {
    }
display: none;
    to {
        background-position-x: 0%;
    }
}
}
/* 링크 로딩 */
.link-modifier-cloak,
/* TODO: 여기 !important, .plainlinks !important 지우기 */
.event-listener-cloak[data-target="link"],
body:not(.protectCGI-link-done) .protectCGI-link-container > a,
.event-handler-cloak[data-target="link"] {
body:not(.protectCGI-link-done) .protectCGI-link-container :not(.protectCGI-link-no) a {
cursor: wait;
pointer-events: none;
     background-image: linear-gradient(135deg, #cccccc, #cccccc, #4d4d4d, #4d4d4d, #cccccc, #cccccc) !important;
/* 그라데이션 애니메이션 */
     background-size: 200% auto !important;
     background-image: linear-gradient(
     background-clip: text !important;
        135deg,
     -webkit-background-clip: text !important;
        #cccccc,
     -moz-background-clip: text !important;
        #cccccc,
     text-fill-color: transparent;
        #4d4d4d,
    -webkit-text-fill-color: transparent;
        #4d4d4d,
    -moz-text-fill-color: transparent;
        #cccccc,
        #cccccc
    );
     background-size: 200% auto;
     background-clip: text;
     -webkit-background-clip: text;
     -moz-background-clip: text;
     color: transparent;
     animation: 2s linear 0s infinite running link-wait;
     animation: 2s linear 0s infinite running link-wait;
}
/* [[틀:CGI보호]] 끝 */
.mw-notification-type-pending, .oo-ui-flaggedElement-pending > [role="button"], .oo-ui-flaggedElement-pending > button {
  background-color: #eaecf0;
  background-image: -webkit-linear-gradient(135deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(135deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
  background-size: 1.42857143em 1.42857143em;
  -webkit-animation: oo-ui-pendingElement-stripes 650ms linear infinite;
  -moz-animation: oo-ui-pendingElement-stripes 650ms linear infinite;
  animation: oo-ui-pendingElement-stripes 650ms linear infinite;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 .oo-ui-bookletLayout {
background: white;
display: flex;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 #mw-content-text .oo-ui-panelLayout [class^="oo-ui-"]:not(.oo-ui-iconElement-icon) {
position: relative;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 .oo-ui-menuLayout-content {
width: 100%;
left: 0;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 .oo-ui-bookletLayout .oo-ui-outlineSelectWidget .oo-ui-outlineOptionWidget:first-child {
margin-bottom: 1em;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 .key-default, .key-empty {
font-style: italic;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 .key-empty {
text-align: center;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 .removed {
background: #FF7777;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 tr {
transition: background-color 0.3s;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 .content {
margin: 0;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 td:nth-child(3) {
padding: 0;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 .oo-ui-inputWidget,
body.mw-special-Blankpage.page-특수_빈문서_DB2 .oo-ui-buttonWidget {
margin-right: 0;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 .hidden {
display: none;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 td:last-child {
width: 1px;
text-align: center;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 h2{
border: none;
    margin-bottom: 1em;
    margin-top: -0.1em;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 .buttons {
height: 2em;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 .buttons-left {
float: left;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 .buttons-right {
float: right;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 #globalbuttons {
text-align: right;
margin-bottom: 0.5em;
}
@media (min-width: 1000px) {
body.mw-special-Blankpage.page-특수_빈문서_DB2 td:last-child {
white-space: nowrap;
}
body.mw-special-Blankpage.page-특수_빈문서_DB2 :not(.oo-ui-buttonGroupWidget) > .oo-ui-inputWidget:not(.hidden):not(:first-child),
body.mw-special-Blankpage.page-특수_빈문서_DB2 :not(.oo-ui-buttonGroupWidget) > .oo-ui-buttonWidget:not(.hidden):not(:first-child) {
margin-left: 0.2em;
}
}
}


/*
.link-modifier-cloak a,
* class="useronly" 로그인한 상태에만 표시됩니다.
.event-listener-cloak[data-target="link"] a,
* class="anononly" 비로그인 상태에만 표시됩니다.
.event-handler-cloak[data-target="link"] a {
* class="user-unknown" 스크립트가 실행되기 전이나, 확인이 불가능한 경우 표시됩니다.
    pointer-events: none;
*/
    color: inherit;
body:not(.user-login) .useronly, body:not(.user-anon) .anononly {
display: none;
}
body.user-login .user-unknown, body.user-anon .user-unknown {
display: none;
}
}


/* [[틀:주석|주석]] */
/* 애니메이션 줄이기가 켜진 경우 (vector 스킨 important 덮어쓰기) */
.ref-symbol {
@media (prefers-reduced-motion: reduce) {
    border-bottom: 1px dashed #3399FF;
.link-modifier-cloak,
    cursor: help;
.event-listener-cloak[data-target="link"],
}
.event-handler-cloak[data-target="link"] {
.ref-symbol::after {
animation: 4s linear 0s infinite running link-wait !important;
    content: "?";
}
    color: #0000FF;
    vertical-align: super;
    font-size: smaller;
    text-decoration: none;
    display: inline-block;
}
/* [[틀:주석|주석]] 끝 */
 
/* [[틀:툴팁|툴팁]]
* 제작자: [[사용자:hsl0|hsl0]]
*/
.tooltip {
display: inline-block;
}
.tooltip:hover .tooltip-msg {
    display: block;
    position: absolute;
    padding: 0.25em 0.75em;
}
.tooltip-msg {
    display: none;
    width: auto;
    font-size: 100%;
    cursor: auto;
}
.tooltip-msg img {
    margin-right: 0.5em !important;
}
/* [[틀:툴팁|툴팁]] */
 
/* [[틀:링크경고|링크경고]]
* 제작자: [[사용자:hsl0|hsl0]]
*/
.linkwarn a {
    border-bottom: 1px dashed #ff3399;
}
.linkwarn a::after {
    content: "!";
    color: #ff0000;
    vertical-align: super;
    font-size: smaller;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}
}
/* [[틀:링크경고|링크경고]] */

2024년 2월 27일 (화) 20:37 기준 최신판

/* 2안 적색 배경 */
/*.ns-3000 #content, .ns-3000 #p-cactions li a:hover, .ns-3000 #p-cactions li.selected a {
  background-color: #fff0f0;
}*/

/* linktools.css */
@keyframes link-wait {
    from {
        background-position-x: 200%;
    }
    to {
        background-position-x: 0%;
    }
}
.link-modifier-cloak,
.event-listener-cloak[data-target="link"],
.event-handler-cloak[data-target="link"] {
	cursor: wait;
	
	/* 그라데이션 애니메이션 */
    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;
    color: transparent;
    animation: 2s linear 0s infinite running link-wait;
}

.link-modifier-cloak a,
.event-listener-cloak[data-target="link"] a,
.event-handler-cloak[data-target="link"] a {
    pointer-events: none;
    color: inherit;
}

/* 애니메이션 줄이기가 켜진 경우 (vector 스킨 important 덮어쓰기) */
@media (prefers-reduced-motion: reduce) {
	.link-modifier-cloak,
	.event-listener-cloak[data-target="link"],
	.event-handler-cloak[data-target="link"] {
		animation: 4s linear 0s infinite running link-wait !important;
	}
}