(문서를 비움) |
편집 요약 없음 |
||
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;
}