미디어위키:Common.css

TRACE32
Admin (토론 | 기여) 사용자의 2015년 3월 25일 (수) 15:10 판

(비교) ← 이전 판 | 최신판 (비교) | 다음 판 → (비교)
이동: 둘러보기, 검색
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다. * 파이어폭스 / 사파리: 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);
}