미디어위키:Gadget-ReferenceTooltips.css: 두 판 사이의 차이

(문서를 비움)
편집 요약 없음
1번째 줄: 1번째 줄:
@media (max-width: 767px) {
#reference-drawer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: transform .25s;
transition: transform .25s;
-webkit-transform: translate(0,100px);
-ms-transform: translate(0,100px);
transform: translate(0,100px);
z-index: 9999;
box-shadow: 0 -2px 5px rgba(0, 0, 0, .4);
}


#reference-drawer.visible {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
}
@media (min-width: 768px) {
#reference-drawer {
position: absolute;
-webkit-transition: opacity .25s, box-shadow .25s;
transition: opacity .25s, box-shadow .25s;
opacity: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, .7);
}
}
#reference-drawer {
padding: 10px 20px;
background: #fcfcfc;
}
#reference-origin {
padding-right: 8px;
}

2015년 6월 4일 (목) 00:21 판

@media (max-width: 767px) {
	#reference-drawer {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
-webkit-transition: transform .25s;
		transition: transform .25s;
		-webkit-transform: translate(0,100px);
		-ms-transform: translate(0,100px);
		transform: translate(0,100px);
		z-index: 9999;
		box-shadow: 0 -2px 5px rgba(0, 0, 0, .4);
	}

	#reference-drawer.visible {
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
	}
}

@media (min-width: 768px) {
	#reference-drawer {
		position: absolute;
		-webkit-transition: opacity .25s, box-shadow .25s;
		transition: opacity .25s, box-shadow .25s;
		opacity: 0;
		box-shadow: 0 0 10px rgba(0, 0, 0, .7);
	}
}

#reference-drawer {
	padding: 10px 20px;
	background: #fcfcfc;
}

#reference-origin {
	padding-right: 8px;
}