미디어위키:Common.css
TRACE32
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
* 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R 을 입력 (Mac에서는 ⌘-R)
* 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
* 인터넷 익스플로러: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
* 오페라: 도구→설정에서 캐시를 비움
/* F12 개발자 도구로 작성. 원본 파일을 정확하게 표현한 것이 아닐 수도 있습니다. */ @import url( /css/malgun.css ); @import url( /css/layout_new.css ); @import url( /css/page_con.css ); html { margin: 0px; padding: 0px; color: rgb(118, 118, 118); line-height: 120%; font-family: "malgun","맑은고딕","dotum","verdana"; font-size: 12px; -ms-scrollbar-face-color: rgb(255, 255, 255); -ms-scrollbar-3dlight-color: rgb(255, 255, 255); -ms-scrollbar-shadow-color: rgb(216, 216, 216); -ms-scrollbar-highlight-color: rgb(216, 216, 216); -ms-scrollbar-darkshadow-color: rgb(255, 255, 255); -ms-scrollbar-arrow-color: rgb(127, 127, 127); -ms-scrollbar-track-color: rgb(248, 248, 248); -moz-scrollbar: #ffffff; -moz-scrollbar-highlight-color: #d8d8d8; -moz-scrollbar-3dlight-color: #ffffff; -moz-scrollbar-shadow-color: #d8d8d8; -moz-scrollbar-darkshadow-color: #ffffff; -moz-scrollbar-track-color: #ffffff; -moz-scrollbar-arrow-color: #7f7f7f; } body { margin: 0px; padding: 0px; color: rgb(118, 118, 118); line-height: 120%; font-family: "malgun","맑은고딕","dotum","verdana"; font-size: 12px; -ms-scrollbar-face-color: rgb(255, 255, 255); -ms-scrollbar-3dlight-color: rgb(255, 255, 255); -ms-scrollbar-shadow-color: rgb(216, 216, 216); -ms-scrollbar-highlight-color: rgb(216, 216, 216); -ms-scrollbar-darkshadow-color: rgb(255, 255, 255); -ms-scrollbar-arrow-color: rgb(127, 127, 127); -ms-scrollbar-track-color: rgb(248, 248, 248); -moz-scrollbar: #ffffff; -moz-scrollbar-highlight-color: #d8d8d8; -moz-scrollbar-3dlight-color: #ffffff; -moz-scrollbar-shadow-color: #d8d8d8; -moz-scrollbar-darkshadow-color: #ffffff; -moz-scrollbar-track-color: #ffffff; -moz-scrollbar-arrow-color: #7f7f7f; } * { margin: 0px; padding: 0px; } img { border: 0px currentColor; } table { border-collapse: collapse; } table th { font-size: 12px; } p { margin: 0px; padding: 0px; } form { margin: 0px; padding: 0px; } ul { list-style: none; margin: 0px; padding: 0px; } dl { list-style: none; margin: 0px; padding: 0px; } dl dt { margin: 0px; padding: 0px; } ul li { list-style: none; margin: 0px; padding: 0px; } ol li { list-style: none; margin: 0px; padding: 0px; } h1 { margin: 0px; padding: 0px; } h2 { margin: 0px; padding: 0px; } h3 { margin: 0px; padding: 0px; } h4 { margin: 0px; padding: 0px; } h5 { margin: 0px; padding: 0px; } h6 { margin: 0px; padding: 0px; } .hidden { display: none; } textarea { font-size: 12px; } fieldset { border: currentColor; } fieldset legend { display: none; } table caption { display: none; } hr { display: none; } a { color: rgb(51, 51, 51); text-decoration: none; } select { border: 1px solid rgb(127, 157, 185); color: rgb(118, 118, 118); font-size: 12px; vertical-align: middle; } option { display: block !important; } textarea { padding: 5px !important; border: 1px solid rgb(193, 193, 193); width: 96%; color: rgb(118, 118, 118); } input[type='text'] { padding: 2px; border: 1px solid rgb(214, 214, 214); vertical-align: middle; } input[type='radio'] { vertical-align: middle; } input[type='check'] { vertical-align: middle; } input[type='file'] { border: 1px solid rgb(212, 212, 212); width: 300px; vertical-align: middle; } .skip_menu { display: none; } .hide { display: none; } .clear { clear: both; } .hide { display: none; } .border_none { border: currentColor; background-image: none; } ul li.border_none { border: currentColor; background-image: none; } .skiplist { margin: 0px; padding: 0px; position: relative; z-index: 9999; } .skip { margin: 0px; padding: 0px; text-align: left; font-family: "돋움", dotum; display: none; position: absolute; } .skip { display: block; } :root .skip { display: block; } .skip a { padding: 0px 0.5em; left: -200em; width: 14em; text-decoration: none; display: inline; position: absolute; z-index: 1000; } .skip a:focus { background: rgb(0, 0, 0); padding: 10px; border: 1px solid rgb(51, 51, 51); left: 0px; color: rgb(255, 255, 255); position: absolute; } .skip a:active { background: rgb(0, 0, 0); padding: 10px; border: 1px solid rgb(51, 51, 51); left: 0px; color: rgb(255, 255, 255); position: absolute; } .skip a:hover { cursor: default; } td.align_left { text-align: left; padding-left: 10px !important; } form > span > select { height: 26px; } .btn_boot { padding: 6px 12px; border-radius: 4px; border: 1px solid transparent; text-align: center; line-height: 1.4285; font-size: 14px; font-weight: normal; margin-bottom: 0px; vertical-align: middle; display: inline-block; white-space: nowrap; cursor: pointer; -ms-user-select: none; background-image: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .btn_boot:focus { outline: dotted thin; outline-offset: -2px; } .btn:hover { color: rgb(51, 51, 51); text-decoration: none; } .btn:focus { color: rgb(51, 51, 51); text-decoration: none; } .btn-primary { border-color: rgb(53, 126, 189); color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); } .btn-primary:hover { border-color: rgb(40, 94, 142); color: rgb(255, 255, 255); background-color: rgb(50, 118, 177); } .btn-primary:focus { border-color: rgb(40, 94, 142); color: rgb(255, 255, 255); background-color: rgb(50, 118, 177); } .btn-primary:active { border-color: rgb(40, 94, 142); color: rgb(255, 255, 255); background-color: rgb(50, 118, 177); } .active.btn-primary { border-color: rgb(40, 94, 142); color: rgb(255, 255, 255); background-color: rgb(50, 118, 177); } .open .btn-primary.dropdown-toggle { border-color: rgb(40, 94, 142); color: rgb(255, 255, 255); background-color: rgb(50, 118, 177); } .btn-primary:active { background-image: none; } .active.btn-primary { background-image: none; } .open .btn-primary.dropdown-toggle { background-image: none; } .disabled.btn-primary { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } [disabled].btn-primary { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } fieldset[disabled] .btn-primary { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } .disabled.btn-primary:hover { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } [disabled].btn-primary:hover { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } fieldset[disabled] .btn-primary:hover { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } .disabled.btn-primary:focus { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } [disabled].btn-primary:focus { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } fieldset[disabled] .btn-primary:focus { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } .disabled.btn-primary:active { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } [disabled].btn-primary:active { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } fieldset[disabled] .btn-primary:active { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } .active.disabled.btn-primary { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } [disabled].active.btn-primary { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } fieldset[disabled] .active.btn-primary { border-color: rgb(53, 126, 189); background-color: rgb(66, 139, 202); } .btn-primary .badge { color: rgb(66, 139, 202); background-color: rgb(255, 255, 255); } .btn-cancel { background: rgb(52, 156, 26); padding: 5px; color: rgb(255, 255, 255); font-family: Arial; font-size: 12px; text-decoration: none; } .btn-cancel:hover { background: rgb(85, 140, 23); text-decoration: none; } table.list_tb > tbody > tr > td { font-size: 12.5px; } div.rcont > div.viewDivClass.view_div > div.text { font-size: 12.5px; } span.box_tab { margin: 0px; padding: 8px; border: 1px solid rgb(204, 204, 204); color: rgb(204, 204, 204); font-size: 14px; } span.on.box_tab { margin: 0px; padding: 8px; border: 1px solid rgb(204, 204, 204); color: rgb(39, 87, 176); background-color: rgb(243, 246, 252); } span.on.box_tab > a { color: rgb(39, 87, 176); } div.box_edu { margin: 3px; padding: 5px; border: 2px solid rgb(204, 204, 204); width: 228px; height: 63px; text-align: center; float: left; display: inline; cursor: pointer; postion: relative; } div.box_edu:hover { background-color: rgb(35, 138, 196); } div.box_edu a { color: rgb(0, 102, 153); line-height: 150%; font-family: "malgun","맑은고딕","dotum","verdana"; font-size: 14px; font-weight: bold; } div.box_edu:hover a { color: rgb(255, 255, 255); } span.btn_rightgo { width: 19px; height: 19px; padding-left: 205px; } div.box_edu span.btn_rightgo { background: url("/images/common/btn_rightgo.png") repeat-y right top; display: inline-block; } div.box_edu:hover span.btn_rightgo { background: url("/images/common/btn_rightgo_on.png") repeat-y right top; display: inline-block; } .button { font: 1em/normal "malgun", "Trebuchet MS", Arial, Helvetica; margin: 10px; padding: 0.1em 0.5em 0.2em; border: 1px solid rgba(0, 0, 0, 0.3); text-align: center; color: rgb(255, 255, 255); text-decoration: none; display: inline-block; font-size-adjust: none; font-stretch: normal; box-shadow: 0px 0px 0.05em rgba(0,0,0,0.4); text-shadow: 0px 1px 0px rgba(0,0,0,0.4); } .button { border-radius: 0.3em; -moz-border-radius: .3em; } .button span { border-radius: 0.3em; -moz-border-radius: .3em; } .button span { padding: 0.5em 2.5em; border-top-color: rgba(255, 255, 255, 0.5); border-top-width: 1px; border-top-style: solid; display: block; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%); background-size: 3px 3px; } .button:hover { box-shadow: 0px 0px 0.1em rgba(0,0,0,0.4); } .button:active { top: 1px; position: relative; } .button-blue { background: rgb(68, 119, 161); } .button-blue:hover { background: rgb(129, 168, 203); } .button-blue:active { background: rgb(68, 119, 161); }
