새로운 아트위키를 열었습니다.
미디어위키:Common.css
(구)아트위키, 한국어판 창작아카이브
참고 - 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 갱신해야 합니다.
모질라 / 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R 을 입력 (매킨토시에서는 Command-R); 컨커러: 새로고침을 클릭하거나 F5를 입력; 오페라: 도구→설정에서 캐시를 비움; 인터넷 익스플로러: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
/* ====================================================================== 여기서부터는 대문에 적용되는 CSS입니다. 웹/모바일웹에 동시 적용되므로 신중(!)을 기해야 합니다. */ /* 메인 박스 스타일 */ .mainBox { positon: relative; float: left; width: 156px; height: 160px; border: 1px solid #ccc; margin-right: 4px; margin-bottom: 4px; padding-left: 8px; background: #FFFFCC; /* background-image:url(/images/postbg.png); */ background-repeat: no-repeat; } .mainBox2 { positon: relative; float: left; width: 326px; height: 160px; border: 1px solid #ccc; margin-right: 4px; margin-bottom: 4px; padding-left: 8px; } /* 새 글 목록에서 숫자 없애기 */ .mainBox2>ol , .mainBox2>ul { list-style: none; list-style-type: none; margin-left: 0; } /* 최근 바뀜 목록에서 날짜크기 줄이기*/ .mainBox2 h4 { display: none; margin-left: 0; } .mainBoxPost { positon: relative; float: left; width: 156px; height: 160px; border: 1px solid #ccc; margin-right: 4px; margin-bottom: 4px; padding-left: 4px; padding-right: 4px; background: #eee; /* background-image:url(/images/postbg.png); */ background-repeat: no-repeat; } .mainBoxPost > div { font-size: 90%; padding: 10px; } /* 여기까지가 대문에 적용되는 CSS입니다. ====================================================================== */ /** <references/> 관련 CSS **/ ol.references { font-size: smaller; } /* 선택된 항목에 배경색 씌우기 */ ol.references > li:target, sup.reference:target { background-color: #DEF; } /** 최근 바뀜, 주시 문서 목록에서 "되돌리기" 글자 크기 줄임 **/ .page-특수기능_최근바뀜 .mw-rollback-link, .page-특수기능_주시문서목록 .mw-rollback-link { font-size: smaller; } /* 최근 바뀜에서의 편집 관련 표시 작게. Monobook에서 옮김. */ /* ChongDae 2010년 3월 26일 (금) 22:32 */ .minor { font-size: smaller; color: #808080; } .newpage { font-size: smaller; color: #FF0000; } .bot { font-size: smaller; color: #3CB371; } /* 차이 보기에서 변화한 부분 모양 조절. (회색 점선의 사각형으로 둘러쌈) */ .diffchange { background-color: inherit; border: 1px dotted #888888; } /* 차이 보기의 글자 크기 조절. */ td.diff-addedline, td.diff-deletedline, td.diff-context { font-size: 85%; color: inherit; } /* 편집 요약, 이유의 모양 설정. (기울임 대신 글자 크기 약간 작게 하여 구별) */ .comment { font-style: normal !important; font-size: 9pt; } /* 최근 바뀜에서 문서 분량 변경에 색깔 넣기 (증가는 초록색 감소는 빨간색) */ .mw-plusminus-pos { color:green; } .mw-plusminus-neg { color:red; } /* 넘겨주기 링크 */ .allpagesredirect a, .watchlistredir a, .redirect-in-category a:link, .redirect-in-category a:visited { color:#888888; } .gradationBlue { background: rgb(87,134,214); /* Old browsers */ background: -moz-linear-gradient(left, rgb(87,134,214) 0%, rgb(255,255,255) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(87,134,214)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgb(87,134,214) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgb(87,134,214) 0%,rgb(255,255,255) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(left, rgb(87,134,214) 0%,rgb(255,255,255) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5786d6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ background: linear-gradient(left, rgb(87,134,214) 0%,rgb(255,255,255) 100%); /* W3C */ } /* 메인페이지 "대문" 제목 없애기 */ /* 대문에서 특정 요소를 숨김 */ body.page-대문 #t-cite, body.page-대문 #lastmod, body.page-대문 #siteSub, body.page-대문 #contentSub, 1body.page-대문 h1.firstHeading { display: none !important; } /* 이미지를 여러장 올려서 줄이 넘어갈 경우 위아래 이미지 여백 설정 & 최대크기 제한*/ p img { margin-bottom: 4px; max-width: 100%; height: auto; } /* ====================================================================== 여기서부터는 artwikiVer20스킨으로부터 가져온 CSS입니다. */ /* 인용구 시작 */ blockquote { font-size: 110%; text-indent: 12px; margin-left: 16px; padding-top: 4px; background-image:url(/images/blockquote_left.png); background-repeat:no-repeat; color: #59f; font-weight: bold; } #bodyContent blockquote a { text-decoration: underline; color: #59f; background: none; } #bodyContent blockquote a:visited { color: #59f; } #bodyContent blockquote a:active { color: #59f; } #bodyContent blockquote a:hover { text-decoration: underline; } #bodyContent blockquote a.stub { color: #59f; } #bodyContent blockquote a.new { color: #8bb9ff; } #bodyContent blockquote > a.external { font-size: 70%; color:#8bb9ff; text-decoration: none; } #bodyContent blockquote > a.external:visited { color:#8bb9ff; text-decoration: none; } /* 인용구 끝 */ /* 정보상자 스타일 */ .infobox { width: 310px; float: right; margin-left: 20px; margin-bottom: 12px; padding: 0px; border: 1px solid #ccc; background: #fff; font-family: 나눔고딕, 맑은고딕, 돋움; -moz-border-radius:4px; border-radius: 4px; } .infoImg { background: #fff; } .infoboxTitle { font-size: 120%; padding: 12px 12px; border-bottom: 1px solid #ccc; } .infoImg { font-size:95%; width: 320px; padding: 8px 0px; } .basicInfo { text-align: center; white-space: nowrap; border-top: 1px solid #999; border-bottom: 1px solid #ccc; } .infoboxCell { text-align: left; text-indent:2px; white-space: nowrap; width: 60px; border-bottom: 1px solid #ccc; } .infoboxCell2 { text-align: left; padding:0 0 0 4px; border-bottom: 1px solid #ccc; } .infoboxCell2 a { white-space: normal; word-break:break-alll; word-wrap:break-word } /* 라운드 박스 속성 */ .roundedBox { -moz-border-radius:5px; border-radius: 5px; } /* 틀 테이블 배경이미지 설정 */ .tplTable_wrap { background: #fff; border: 1px solid #ccc; width: 100%; margin-top: 24px; padding: 2px; -moz-border-radius:4px; border-radius: 4px; } .tplTable_top { color: #000; font-size:100%; font-weight: bold; text-align: center; padding: 8px; background-color: #eee; -moz-border-radius:4px; border-radius: 4px; } .tlpTable_body { font-size:90%; background-color: #fff; -moz-border-radius:4px; border-radius: 4px; } .tlpTable_body p { padding: 0px 16px; } .tplTable_bottom { font-size:60%; text-align:right; padding: 4px 8px; background-color: #eee; -moz-border-radius:4px; border-radius: 4px; } /* 알림에 사용되는 틀 속성 */ .noticeTmplt { width: 100%; text-align: center; color: #555555; border: 1px solid #999999; background-color: #f5f5f5; margin-bottom: 20px; -moz-border-radius:8px; border-radius: 8px; } /* 관리자 알림에 사용되는 틀 속성 */ .adminNotice { -moz-border-radius:8px; border-radius: 8px; margin: auto; padding: 4px; width: 80%; border: 1px solid #999999; background-color: #ff0; text-align: center; color: #555555; } .style { margin:/*\**/4px; /*ie8*/ *margin:4px; /*ie7*/ _margin:4px; /*ie6*/ } /* 구글맵 박스 */ #mapDiv { clear:both; float:right; margin-bottom: 4px; padding: 16px; border: 1px solid #ccc; -moz-border-radius:4px; border-radius: 4px; } /* 여기까지가 artwikiVer20스킨으로부터 가져온 CSS입니다. ====================================================================== */ /* 인풋박스 스타일 input:focus {background: #ff6;} */ /* 목차hover시 노란색으로 변경 .toctext:hover {background: #ff6;} */ /* 보이기/숨기기 시작*/ /** Collapsible tables ********************************************************* * * Description: Allows tables to be collapsed, showing only the header. See * http://www.mediawiki.org/wiki/Manual:Collapsible_tables. * Maintainers: [[en:User:R. Koot]] */ table.collapsed tr.collapsible { display: none; } .collapseButton { /* 'show'/'hide' buttons created dynamically by the */ float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */ font-weight: normal; /* are styled here so they can be customised. */ text-align: right; width: auto; } /* 보이기/숨기기 끝 */ /* ===== 목차 박스 접기/펴기 시작 ==== */ /* default skin for navigation boxes */ table.navbox { background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: left; width: 100%; } table.navbox th { background-color: #ccf; padding-left: 1em; padding-right: 1em; } table.navbox tr:not(:first-child) th { background-color: #ddf; } @media print { .navbox { display: none; } } /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]]. */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; } /* ===== 목차 박스 접기/펴기 끝 ==== */ /* 공지글 대문에서만 보이기 */ #siteNotice { display: none; } body.page-대문 #siteNotice { display: block; } /* 태그클라우드 */ #tagcloud, .tagcloud { width: 960px; padding: 20px; margin: 52px 0 32px -219px; border-top: 1px solid #EF3D3D; border-bottom: 1px solid #EF3D3D; background-color: #fdfdfd; box-sizing: border-box; }