참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* Drawer css start */ .mode-drawer #reference-drawer { position: fixed; bottom: 0; left: 0; right: 0; -webkit-transition: -webkit-transform .25s, opacity .25s, visibility 0s .25s; -ms-transition: -ms-transform .25s, opacity .25s, visibility 0s .25s; transition: transform .25s, opacity .25s, visibility 0s .25s; -webkit-transform: translate(0,100px); -ms-transform: translate(0,100px); transform: translate(0,100px); border: 1px solid #e1e8ed; z-index: 10000; opacity: 0; visibility: hidden; box-shadow: 0 -2px 5px rgba(0, 0, 0, .4); }
.mode-drawer #reference-drawer.visible { -webkit-transition: -webkit-transform .25s, opacity .25s; -ms-transition: -ms-transform .25s, opacity .25s; transition: transform .25s, opacity .25s; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); opacity: 1; visibility: visible; }
.mode-drawer #reference-drawer .settings-icon { display: none; } /* Drawer css end */
/* Tooltip css */ .mode-tooltip #reference-drawer { position: absolute; display: none; opacity: 0; font-size : 0.9em; max-width: 300px; border-radius: 4px; box-shadow: 0 0 12px rgba(0,0,0,.375); z-index: 10000; }
.mode-tooltip #reference-drawer .close-icon { display: none; }
/* common css */
- reference-drawer {
padding: 10px 15px; background: #fcfcfc; }
- reference-origin {
padding-right: 8px; }
- reference-settings {
position: fixed; top: 50%; left: 50%; width: 300px; height: 200px; margin-top: -100px; margin-left: -150px; padding: 10px; background: white; box-shadow: 0 0 6px gray; z-index: 1003; }
- reference-settings .content {
height: 150px; }
- reference-settings .content label > input {
margin-right: 4px; }
- reference-settings .foot {
text-align: right; }
- reference-settings .foot input {
margin-left: 4px; }
- reference-drawer .settings-icon {
margin: -5px -8px 0 5px; float: right; width: 14px; height: 14px; background: url(//upload.wikimedia.org/wikipedia/commons/thumb/1/13/Cog%2C_Web_Fundamentals.svg/14px-Cog%2C_Web_Fundamentals.svg.png); pointer: cursor; }
- reference-drawer .close-icon {
float: right; width: 16px; height: 16px; background: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/8d/VisualEditor_-_Icon_-_Close.svg/24px-VisualEditor_-_Icon_-_Close.svg.png); background-position: -4px -4px; }