미디어위키:Common.css
둘러보기로 이동
검색으로 이동
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* 미디어 위키 엔진은 속도를 빠르게 처리하기 위해서 핵심이 되는 디자인 요소는 그때그때 내용을 처리하지 않고,
미리 저장한 페이지를 보여주는 기술을 사용합니다. 따라서 원래는 미디어위키:Common.css 파일의 내용을 변경하면,
바뀌어야 하는 디자인 요소가 실제로는 시간이 지연된 다음에 바뀌는 경우가 있습니다. 지연 시간은 불규칙합니다.
이것은 위키를 보는 사람의 컴퓨터에 있는 저장내용을 지워서 해결되기도 하지만, 그렇지 않은 경우도 있으므로
이 경우에는 여유를 가지고 다른 작업을 하시기 바랍니다.*/
body {
background: radial-gradient(circle farthest-corner at 22% 50%, #fffdfb 2%, #fff8f0 0, #f4e0cd 10%, #a39b9c 65%, #7f7f87 100%);
background-repeat: no-repeat;
background-attachment: fixed;
}
/* 폰트 조정 */
body, div, input { font-size: 12pt; font-family: "Open Sans", Helvetica, arial, 'Apple SD Gothic Neo', '나눔바른고딕', 'NanumBarunGothic', '나눔고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', sans-serif; }
.mw-body h1 { font-size: 26pt; font-family: "Open Sans", Helvetica, arial, 'Apple SD Gothic Neo', '나눔바른고딕', 'NanumBarunGothic', '나눔고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', sans-serif; }
.mw-body h2 { font-size: 16pt; font-family: "Open Sans", Helvetica, arial, 'Apple SD Gothic Neo', '나눔바른고딕', 'NanumBarunGothic', '나눔고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', sans-serif; }
.mw-body h3 { font-size: 15pt; font-family: "Open Sans", Helvetica, arial, 'Apple SD Gothic Neo', '나눔바른고딕', 'NanumBarunGothic', '나눔고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', sans-serif; text-decoration: none; text-decoration-style: solid;}
/* 대문에서 대문이라는 현판을 떼어낸다. */
body.page-대문.action-view h1.firstHeading, body.page-대문.action-submit h1.firstHeading { display: none; }
/* Colors the tabs across the top of the page */
/* 전체 컨텐츠 색상 */
#content { background : transparent !important; }
#content { color : #23313c !important; }
#content { border: 0px solid #002000 !important; }
/* 링크색상을 변경한다 */
a { color: navy; text-decoration: underline; text-decoration-style: solid;}
a:visited { color: navy; text-decoration:underline; text-decoration-style: solid;}
a:active, a.new { color: navy; text-decoration:underline; text-decoration-style: solid;}
a.interwiki, a.external { color: navy; text-decoration:underline; text-decoration-style: solid;}
a.stub { color: navy; text-decoration:underline; text-decoration-style: solid;}
/* 마우스를 링크 위에 올렸을 때의 행동입니다. */
a:hover { color: #00cc66;
text-decoration: underline;
text-decoration-style: solid;}
#firstHeading { /* 페이지의 타이틀 색상을 변경한다 */
color: #404040;
}
/*#mw-head-base { opacity:0.5;}*/
/*#mw-head { opacity:0.5;}*/
#mw-page-base { opacity:0.1;}
#left-navigation {display:none;}
#right-navigation { background : transparent !important; opacity:0.7;}
#p-personal {opacity:0.7;}
#p-cactions { background : transparent !important; }
#p-cactions-label { background : transparent !important; }
#mw-indicators {display:none;}
/*로고 부근 색상을 검게 만든다.*/
#p-logo { background-color: #000000;
border: 0px solid #ffffff ;
}
/*왼쪽패널 색상 변경*/
#mw-panel .portal a, #mw-panel .portal a:visited {
background-color: #000000;
font-size:12px!important;
color: #00ee00!important;
border: 0px solid #ffffff ;
}
#ca-edit{ background : transparent !important; } /* '편집' 버튼 */
#ca-edit span{ background : transparent !important; } /* '편집' 버튼 */
#ca-viewsource{ background : transparent !important; } /* 소스보기 버튼 (편집권한 없으면 이렇게 뜸)*/
#ca-viewsource span{ background : transparent !important; } /* 소스보기 버튼 (편집권한 없으면 이렇게 뜸)*/
/* '토론' 버튼 없애기 */
#ca-talk { display:none!important; }
/* '역사' 버튼 */
#ca-history { display: none ;}
/* 편집버튼의 배경 */
#p-views { background : transparent !important; }
#p-views-label { background : transparent !important; }
#p-views ul { background : transparent !important; }
/* 대문이니 어쩌니 하고 왼쪽에 나오는 것 */
#ca-nstab-main a { display: none ;
}
/*특수문서*/
#ca-nstab-special a {
display:none;
}
#ca-nstab-user a {
display:none;
}
#ca-nstab-category a {
display:none;
}
#ca-nstab-help a {
display:none;
}
#ca-nstab-image a { display: none ;
}
#ca-nstab-media a {
display:none;
}
#ca-nstab-project a {
display:none;
}
#ca-nstab-template a {
display:none;
}
/*메시지*/
#ca-nstab-mediawiki a { display: none ;
}
/* '읽기' 버튼 색상 */
#ca-view a { display: none ;
}
#ca-watch { display: none ;}/* '별모양(주시하기)' 버튼 색상 */
#ca-unwatch { display: none ;}
/* 밑에 '분류'다!!!!! */
#catlinks{
color: #E0F2F1;
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.4);
}
/* 링크색상을 변경한다 */
#catlinks a { color: #E0F2F1; text-decoration: none; text-decoration-style: solid;}
#catlinks a:visited { color: #E0F2F1; text-decoration: none; text-decoration-style: solid;}
#catlinks a:active { color: #E0F2F1; text-decoration: none; text-decoration-style: solid;}
#catlinks a.new { color: #E0F2F1; text-decoration: none; text-decoration-style: solid;}
#catlinks a.interwiki, a.external { color: #E0F2F1; text-decoration: none; text-decoration-style: solid;}
#catlinks a.stub { color: #E0F2F1; text-decoration: none; text-decoration-style: solid;}
#catlinks a:hover { color: white; text-decoration: none; text-decoration-style: solid;} /* 마우스를 링크 위에 올렸을 때의 행동입니다. */
/* 흐린 취소선 패치 */
s, del, strike{color:Slategray;}
#mirae-container {
display: flex;
display: -webkit-flex; /* Safari 8 */
flex-wrap: wrap;
-webkit-flex-wrap: wrap; /* Safari 8 */
justify-content: space-between;
-webkit-justify-content: space-between; /* Safari 8 */
border: 0px solid red;
}
#mirae-future-box
{
border:1px solid #f5f8fa;
width:294px!important;
text-align:left!important;
background: linear-gradient(45deg, rgba(248, 248, 255, 0.6), rgba(248, 248, 255, 0.4), rgba(248, 248, 255, 0.6));
padding: 15px; /* 테두리와 본문 사이의 간격이다. */
margin: 20px; /* 박스와 박스 사이의 간격이다.*/
float: left;
}
#mirae-blue-box
{
border:1px solid #f5f8fa;
width:294px!important;
text-align:left!important;
background: linear-gradient(45deg, rgba(248, 248, 255, 0.6), rgba(186, 255, 255, 0.8), rgba(248, 248, 255, 0.6));
padding: 15px; /* 테두리와 본문 사이의 간격이다. */
margin: 20px; /* 박스와 박스 사이의 간격이다.*/
float: left;
}
#mirae-black-box
{
color: white;
border:1px solid #5B3D3D;
width:294px!important;
text-align:left!important;
background: linear-gradient(45deg, rgba(0, 0, 0, 0.8), rgba(13, 13, 13, 1.0), rgba(0, 0, 0, 0.8));
padding: 15px; /* 테두리와 본문 사이의 간격이다. */
margin: 20px; /* 박스와 박스 사이의 간격이다.*/
float: left;
}
#mirae-black-box a:link { color: #A579FF}
#mirae-black-box a:visited { color: #A579FF}
#mirae-future-center {
border:1px solid #f5f8fa;
width:1000px!important;
text-align:left!important;
background: linear-gradient(45deg, rgba(248, 248, 255, 0.6), rgba(248, 248, 255, 0.4), rgba(248, 248, 255, 0.6));
padding: 15px; /* 테두리와 본문 사이의 간격이다. */
margin: 20px; /* 박스와 박스 사이의 간격이다.*/
float: left;
}
#mirae-future-full {
border:1px solid #f5f8fa;
width:100%!important;
text-align:left!important;
background: linear-gradient(45deg, rgba(248, 248, 255, 0.6), rgba(248, 248, 255, 0.4), rgba(248, 248, 255, 0.6));
padding: 15px; /* 테두리와 본문 사이의 간격이다. */
margin: 20px; /* 박스와 박스 사이의 간격이다.*/
float: left;
}
#mirae-box {
border: 1px solid #f5f8fa;
width: 294px !important;
height: 600px !important;
text-align: left !important;
background: linear-gradient(45deg, white, rgba(248, 248, 255, 0.6), white) !important;
padding: 15px; /* 테두리와 본문 사이의 간격이다. */
margin: 10px; /* 박스와 박스 사이의 간격이다.*/
float: left;
}
#admin { display: none ;
}
#mobile { display: none ;
}
@media ( max-width: 900px ) {
#mirae-box{float: none; width: auto;}
}
@media ( max-width: 480px ) {
#jb-container {
width: auto;
}
#jb-content {
float: none;
width: auto;
}
#jb-sidebar {
float: none;
width: auto;
}
}