미디어위키 : Gadget-Shortdesc-helper.css

위키百科, 우리 모두의 百科事典.

參考: 設定을 貯藏한 後에 바뀐 點을 確認하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다. 구글 크롬 , 파이어폭스 , 마이크로소프트 엣지 , 사파리 : ? Shift 키를 누른 채 "새로 고침" 버튼을 클릭하십시오. 더 仔細한 情報를 보려면 위키百科:캐시 無視하기 項目을 參考하십시오.

/*  _____________________________________________________________________________

 * |                                                                             |

 * |                    === WARNING: GLOBAL GADGET FILE ===                      |

 * |                  Changes to this page affect many users.                    |

 * | Please discuss changes on the talk page or on [[WT:Gadget]] before editing. |

 * |_____________________________________________________________________________|

 *

 */

/* v3.5.3 */


/* Stylings for missing description and links to wikidata */

.
sdh-missing-description
 {

	color
:
 DarkRed
;
 /* Using DarkRed rather than previous Red to meet WCAG AA */

}


.
sdh-wikidata-description
 a
 {

	color
:
 MediumVioletRed
;
 /* Using MediumVioletRed rather than previous HotPink to meet WCAG AA */

}


.
sdh-ve-hidden
 {

	display
:
 none
;

}


/**

 * Interestingly, Vector's stylesheet makes <a> elements without href have a pointer automatically

 * This is for other skins.

*/

.
sdh-clicky
 a
 {

	cursor
:
 pointer
;

}


.
sdh-clicky-disabled
 a
 {

	pointer-events
:
 none
;

}


/* Brackets and seperators for clickies */

.
sdh-clicky
 +
 .
sdh-clicky
::
before
 {

	content
:
 ' · '
;

}


.
sdh-clickies
::
before
 {

	content
:
 ' ('
;

}


.
sdh-clickies
::
after
 {

	content
:
 ')'
;

}


/* Used to hide display of description when switching to editing box */

.
sdh-showdescrip-hidden
 {

	display
:
 none
;

}


/* Styling for editing bar */

#
sdh-editbox
 {

	padding
:
 0
;

	margin
:
 0
;

	display
:
 flex
;

	flex-direction
:
 column
;

}


/* Make things flex to allow description input box size to be set exactly, and everything else to look good. */

#
sdh
 .
oo-ui-fieldLayout-field
 {

	display
:
 flex
;

	align-items
:
 center
;

}


#
sdh-descriptionbox
 {

	margin-right
:
 0
;

}


/* Styling for processing animation */

@
keyframes
 wave
 {

	0
%
 {
 transform
:
 translateY
(
 0
 );
 }

	20
%
 {
 transform
:
 translateY
(
 -0.25
em
 );
 }

	40
%
 {
 transform
:
 translateY
(
 0
 );
 }

	100
%
 {
 transform
:
 translateY
(
 0
 );
 }

}


.
sdh-processing
 {

	display
:
 inline-block
;

	margin-left
:
 0.5
em
;

}


.
sdh-processing-dot
 {

	display
:
 inline-block
;

	animation
:
 wave
 1
s
 ease-out
 infinite
;

}


.
sdh-processing-dot-1
 {

	animation-delay
:
 200
ms
;

}


.
sdh-processing-dot-2
 {

	animation-delay
:
 400
ms
;

}


.
sdh-processing-dot-3
 {

	animation-delay
:
 600
ms
;

}


/* Styling for character counter based on length */

.
sdh-too-long
 {

	color
:
 #d43900
;

}


.
sdh-very-long
 {

	color
:
 #e00000
;

	font-weight
:
 bold
;

}