미디어위키토론:Common.css

Common.css는 위키백과에서 사용하는 CSS 파일입니다. 이 파일은 모든 스킨에 공통적으로 사용됩니다. 자세한 내용은 위키백과:위키프로젝트 시스템을 참고해주세요.

시험

Title	Name	Etc
a	b	c

Title	Name	Etc
a	b	c

name	infobox
location	wikipedia

로고 변경

/** 로고 변경 **/
#p-logo a, #p-logo a:hover {
    background: url(http://......png) 35% 50% no-repeat !important;
}

위 방법으로 위키백과 로고를 15만 기념로고로 변경하였음을 기록해둡니다(m:Wikibooks/Logo/Update 참조). 제보해주신 Kwj2772님께서 감사드립니다. 기본 로고로 바꾸려면 본문에서 위 4줄을 삭제하면 됩니다. --김정정민(JM) (토론) 2010년 12월 15일 (수) 22:11 (KST)

wikitable 클래스

.wikitable 클래스가 미디어위키에 내장되었습니다.[1] 더이상 common.css에 유지할 필요가 없으니 제거해 주시기 바랍니다. prettytable 클래스는 wikitable로 바꾸어 두었습니다. Kwj2772 ^(msg) 2011년 2월 24일 (목) 21:45 (KST)

완료 - IRTC1015 (talk) 2011년 2월 24일 (목) 21:52 (KST)

바벨 상자 스타일 맞추기

이 글을 보려면 오른쪽 '펼치기' 버튼 클릭

/* Babel */
.mw-babel-box-level-N  {
        display: none;
}
 
div.mw-babel-box table th  {
        font-family: sans-serif;
        font-size:14pt;
        text-align:center;
        width:45px;
        height:45px; 
}
 
div.mw-babel-box table td {
        font-size:8pt;
        padding:4pt;
        line-height:1.25em;
}
 
div.mw-babel-box-N  {
        float: left;
        border:solid #6EF7A7 1px;
        margin:1px;
}
 
div.mw-babel-box-4  {
        float:left;
        border:solid #77E0E8 1px;
        margin:1px;
}
 
div.mw-babel-box-3  {
        float:left;
        border:solid #99B3FF 1px;
        margin:1px;
}
 
div.mw-babel-box-2  {
        float:left;
        border:solid #BCB9EF 1px;
        margin:1px;
}
 
div.mw-babel-box-1  {
        float:left;
        border:solid #E0C0E0 1px;
        margin:1px;
}
 
div.mw-babel-box-0  {
        float:left;
        border:solid #FFB3B3 1px;
        margin:1px;
}
 
div.mw-babel-box-N table  {
        background: #C5FCDC;
}
 
div.mw-babel-box-4 table {
        background: #D0F8FF;
}
 
div.mw-babel-box-3 table  {
        background: #E0E8FF;
}
 
div.mw-babel-box-2 table {
        background: #E9E5F9;
}
 
div.mw-babel-box-1 table {
        background: #F3E0F3;
}
 
div.mw-babel-box-0 table {
        background: #FFE0E8;
}
 
div.mw-babel-box-N table th  {
        background: #6EF7A7;
}
 
div.mw-babel-box-4 table th {
        background: #77E0E8;
}
 
div.mw-babel-box-3 table th  {
        background: #99B3FF;
}
 
div.mw-babel-box-2 table th {
        background: #BCB9EF;
}
 
div.mw-babel-box-1 table th {
        background: #E0C0E0;
}
 
div.mw-babel-box-0 table th {
        background: #FFB3B3;
}

바벨 확장 기능으로 만들어지는 상자의 스타일을 원래 있던 틀과 맞추어 보았습니다. 위 코드를 추가해주세요. Kwj2772 ^(msg) 2011년 11월 8일 (화) 00:22 (KST)

완료 추가하였습니다. -- Min's (토론) 2011년 11월 17일 (목) 20:33 (KST)

Diff style

Hello, we have noticed that after the deployment of MediaWiki 1.20wmf1 an old local customised diff style has not been removed from this page. 1.20 brings a new, greatly improved diff style which is no longer compatible with older customisations. To prevent the new release from worsening rather than improving your diffs, a global interface editor has agreed to help you by removing the old code in a week from now unless you object. You'll then be able to see if the new style suits you or needs a new customisation. I hope this helps, Nemo bis (토론) 2012년 8월 6일 (월) 05:56 (KST)

Done - Hoo man (토론) 2012년 8월 19일 (일) 08:22 (KST)

틀:Link GA의 그림 교체

지금 틀:Link GA에서 쓰고 있는 그림을 파일:Monobook-bullet-ga.png에서 파일:Monobook-bullet-star-ga.png로 교체할 것을 제안해 봅니다. 각 언어판에서도 실제로 자국어판에서 쓰이고 있는 별 모양을 채택하는 경우가 많고, 현재 틀:Link FA에 쓰고 있는 파일:Monobook-bullet-star.png과도 통일성이 있습니다. --관인생략 토론·기여 2013년 4월 16일 (화) 11:41 (KST)

찬성찬성합니다.--Reiro (토론) 2013년 4월 20일 (토) 18:05 (KST)

반대할 이유가 없습니다. - IRTC1015 (talk) 2013년 4월 20일 (토) 18:12 (KST)

교체를 완료했습니다. --관인생략 토론·기여 2013년 6월 16일 (일) 13:36 (KST)

.jamocomposed_block 수정 요청

결론 강조를 위해 가립니다.

.jamocomposed_block이 유니코드 5.2에 새로 포함된 자모를 포함하지 않는 '돋움/바탕/굴림 옛한글'을 1순위로 지정하고 있어 유니코드 5.2 자모를 {{첫가끝}}을 사용하여 쓰는 데 애를 먹고 있습니다. 또한 '은 자모 바탕 확장'은 구할 수 없는 글꼴이 된 지 오래고요. Code2000 또한 오래된 글꼴이라 유니코드 5.2 자모가 없습니다. Code2001/2002는 한글 부분이 전무한 글꼴이고요. 또한 요즘은 '한/글 2010'을 사용하는 사람이 늘어 함초롬체가 설치된 컴퓨터도 늘어나고 있습니다. 함초롬체 또한 유니코드 5.2 한글 자모를 지원합니다. 하지만 마이크로소프트의 옛한글 글꼴을 지우기에는 완성자가 예쁘게 나옵니다. {{첫가끝2}}(유니코드 5.2 자모 지원)를 새로 만들고, 이에 해당하는 class를 새로 하나 만드는 건 어떨까요? 찾아보니, '은 자모 바탕'이 오래 된지라 누락된 자모가 있습니다. '은 바탕' - '함초롬돋움' - '함초롬바탕'으로 된 새 class를 만드는 것을 제안합니다. 원래 .jamocomposed_block에는 함초롬돋움과 함초롬바탕을 추가하는 정도로 하면 좋겠습니다. -半月 (ㅌ·ㅁ) 2013년 9월 29일 (일) 12:34 (KST)

의견 정리:

.jamocomposed_block {
  font-family: '돋움 옛한글', 'Dotum Old Hangul', '바탕 옛한글', 'Batang Old Hangul', '궁서 옛한글', 'Gungsuh Old Hangul', '굴림 옛한글', 'NewGulim Old Hangul', '은 자모 바탕 확장', 'Un Jamo Batang Ex', 'UnJamoBatangEx', '은 자모 바탕', 'Un Jamo Batang', 'UnJamoBatang', '은 바탕', 'Un Batang', 'UnBatang', Code2002, Code2001, Code2000;
}

를

.jamocomposed_block {
  font-family: '돋움 옛한글', 'Dotum Old Hangul', '바탕 옛한글', 'Batang Old Hangul', '궁서 옛한글', 'Gungsuh Old Hangul', '굴림 옛한글', 'NewGulim Old Hangul', '은 자모 바탕 확장', 'Un Jamo Batang Ex', 'UnJamoBatangEx', '은 자모 바탕', 'Un Jamo Batang', 'UnJamoBatang', '은 바탕', 'Un Batang', 'UnBatang', '함초롬돋움', '함초롬바탕', Code2000;
}

.jamocomposed_block_ext {
 font-family: '은 바탕', 'Un Batang', 'UnBatang', '함초롬돋움', '함초롬바탕', Code2000;
}

로 수정하자는 것입니다.

-半月 (ㅌ·ㅁ) 2013년 9월 29일 (일) 12:38 (KST)

생각해 보니, 유니코드 5.2 자모를 풀어서 첫가끝 틀에 집어넣는 방법을 생각하면 제가 추가하자고 했던 새 class와 새 틀은 필요가 없을 지도 모르겠습니다. 제 의견도 오락가락하니, 일단 위키백과토론:옛한글에서 의견을 모아 보죠. -半月 (ㅌ·ㅁ) 2013년 9월 29일 (일) 17:18 (KST):

문단 나눔

.jamocomposed_block {
 font-family: '함초롬돋움 LVT', 'HCR Dotum LVT', '함초롬바탕 LVT', 'HCR Batang LVT', '은 돋움', 'Un Dotum', '은 바탕', 'Un Batang', '맑은 고딕', 'Malgun Gothic', '돋움 옛한글', 'Dotum Old Hangul', '바탕 옛한글', 'Batang Old Hangul', '굴림 옛한글', 'NewGulim Old Hangul', '궁서 옛한글', 'Gungsuh Old Hangul';
}

이렇게 하면 괜찮으리라 생각합니다. 유니코드 5.2 옛한글을 지원하는 글꼴들을 지원하지 않는 글꼴보다 앞에 넣는 게 낫다고 생각합니다. 그런데 맑은 고딕은 윈도 8/8.1에서만 옛한글을 지원하는지라··· -半月 (ㅌ·ㅁ) 2014년 1월 18일 (토) 20:06 (KST)

반영하되 맑은 고딕을 맨 뒤로 뺍니다. 혹 문제가 생기면 바로 말씀해 주세요. - IRTC1015 (talk) 2014년 1월 25일 (토) 18:06 (KST)

Code2001/2002는 한글 자모를 포함하지 않습니다. -半月 (ㅌ·ㅁ) 2014년 1월 25일 (토) 18:25 (KST)

[2] 이렇게 하면 되나요? - IRTC1015 (talk) 2014년 1월 25일 (토) 18:39 (KST)

네, 감사합니다. 맨 끝에 있는 Code2000처럼 단순한 방식으로 옛한글을 지원하는 글꼴이 있지만, 위에서 추가 요청한 글꼴로 충분하다 생각하네요. -半月 (ㅌ·ㅁ) 2014년 1월 25일 (토) 19:02 (KST)

재 요청

'Noto Sans Korean', 'Noto Sans CJK', 'Source Han Sans' 추가 부탁합니다. 함초롬 LVT 뒤가 좋을 듯하네요. 그리고 은 돋움을 Code2000 근처로 빼 주세요. 오늘 확인해 보니 한글 5.2 자모가 아예 없더군요. (은 바탕은 있습니다) -banwol (ㅌ·ㅁ) 2014년 8월 24일 (일) 15:45 (KST)

잠시 보류. 글꼴 좀 더 찾아보겠습니다. -반월 (ㅌ·ㅁ) 2014년 10월 3일 (금) 13:49 (KST)

.jamocomposed_block 수정

문단 새로 팝니다.

.jamocomposed_block {
 font-family: '함초롬돋움 LVT', 'HCR Dotum LVT', '함초롬바탕 LVT', 'HCR Batang LVT', '본고딕', 'Source Han Sans K', '본고딕 KR', 'Source Han Sans KR', 'Noto Sans CJK KR', '나눔바른고딕 옛한글', 'NanumBarunGothic YetHangul', '나눔명조 옛한글', 'NanumMyeongjo YetHangul', '은 바탕', 'Un Batang', '돋움 옛한글', 'Dotum Old Hangul', '바탕 옛한글', 'Batang Old Hangul', '굴림 옛한글', 'NewGulim Old Hangul', '궁서 옛한글', 'Gungsuh Old Hangul', '맑은 고딕', 'Malgun Gothic', '함초롬돋움', 'HCR Dotum', '함초롬바탕', 'HCR Batang', Code2000;
}

은 돋움은 미완성이라 뺐고, 요즘 새로 나온 옛한글 글꼴들 추가했습니다. ([3] 맑은 고딕, 나눔옛한글, 본고딕/Noto KR(사실상 같습니다), 함초롬 LVT를 테스트했습니다. 본고딕/Noto KR는 그냥 ClearType과 잘 안 맞는 것이지 글자 자체는 제대로 잘 나옵니다. 나눔옛한글은 ꥼ 조합 처리 빼고는 다 잘 되는 듯하고요.) 그럼 수정 요청하겠습니다. -반월 (ㅌ·ㅁ) 2014년 10월 3일 (금) 23:30 (KST)

완료--분당선M (토론) 2014년 10월 4일 (토) 00:26 (KST)

@분당선M: 기존에 이미 있던 걸 수정해달라 한 건데, 새로 붙이셨네요. 기존의 .jamocomposed_block은 지워주세요. -반월 (ㅌ·ㅁ) 2014년 10월 4일 (토) 08:16 (KST)

다시 했습니다.--분당선M (토론) 2014년 10월 4일 (토) 09:14 (KST)

2015년 1월 15일의 편집 요청

.infobox th {
  white-space: nowrap;
}

정보상자 css에 해당 부분이 있는데 해당 부분을 지우는 것이 다음과 같이 표가 더욱 깔끔합니다. 이미지--Namoroka (토론) 2015년 1월 15일 (목) 19:34 (KST)

미완료 해당 코드는 내용칸에 너무 긴 내용이 들어갔을 때 제목칸의 폭이 지나치게 좁아지는 경우를 막기 위한 것입니다. 제목칸에 부득이 긴 내용을 쓸 경우라도 수동으로 줄바꿈을 하여 칸이 적당한 폭으로 유지되도록 해야지, 자동으로 정해지도록 하면 가독성이 저해될 수 있습니다. - IRTC1015 2015년 1월 15일 (목) 22:39 (KST)

PDF 아이콘 추가

/** PDF 링크 모양 **/
/* {{PDF 링크}}에서 쓰임. [[위키백과:관리자_요청/2008년_9월#PDF 링크 틀 동작을 위한 내용 추가]], 영어 위키백과에서 들여옴. */
span.PDFlink a {
  background: url(//upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
  padding-right: 17px !important;
}

현재는 위와 같이 되어있으나 아래와 같이 바꾸면 굳이 틀:PDF 링크를 쓰지 않더라도 PDF 아이콘이 생깁니다.

/* PDF 아이콘 추가 */
#content span.PDFlink a,
#mw_content span.PDFlink a {
    background: url("http://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") center right no-repeat;
    padding-right: 18px;
}

--Namoroka (토론) 2015년 2월 7일 (토) 23:10 (KST)

틀:PDF 링크는 span.PDFlink를 적용하기 위한 틀로, 이 틀을 안 쓰면 PDFlink라는 클래스가 부여되지 않으므로 아이콘이 표시되지 않습니다. 다시 말해, 말씀하시는 대로 스타일시트를 변경한대도 아이콘의 크기와 위치가 다소 달라질 뿐 실질적으로 변하는 것이 없습니다. - IRTC1015 2015년 2월 7일 (토) 23:57 (KST)

다른 것과 착각했습니다.

div#content a[href$=".pdf"].external,
div#content a[href*=".pdf?"].external,
div#content a[href*=".pdf#"].external,
div#content a[href$=".PDF"].external,
div#content a[href*=".PDF?"].external,
div#content a[href*=".PDF#"].external,
div#mw_content a[href$=".pdf"].external,
div#mw_content a[href*=".pdf?"].external,
div#mw_content a[href*=".pdf#"].external,
div#mw_content a[href$=".PDF"].external,
div#mw_content a[href*=".PDF?"].external,
div#mw_content a[href*=".PDF#"].external {
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
    /* @noflip */
    padding-right: 18px;
}

--Namoroka (토론) 2015년 2월 8일 (일) 00:22 (KST)

$=나 *=를 쓴 셀렉터는 부하 측면에서 별로 바람직하지는 않지 않나요? 일반적인 PC라면야 큰 부담은 아니겠지만 다른 장치에서 열람할 경우도 고려해야 한다고 봅니다. - IRTC1015 2015년 2월 8일 (일) 01:34 (KST)

CSS에 대해 잘 모르지만, 영어판에서 적용되어 있기에 유용하다 싶어 추가해달라고 한 것입니다. 찾아보니 CSS 성능 비교에서 속성 선택자가 다른 요소들과 비교했을 때 큰 차이가 없는 것으로 나옵니다.

덧붙여 영어판에서 w:Template:PDFlink도 당시에(대략 2006년) IE에서 속성 선택자를 지원하지 않아 생긴 것이고, 현재는 더 이상 쓰지 않는 틀입니다. 틀 자체를 쓰는 것이 서버에 부하를 주는 것이고, 사용자들의 편집에 있어서 불편한 점도 있다고 생각듭니다.--Namoroka (토론) 2015년 2월 8일 (일) 14:27 (KST)

조금 변형해서 반영합니다. 틀:PDF 링크는 단지 아이콘만 표시하는 데서 그치지 않는 만큼, 이에 대한 조치는 별도로 논의가 필요할 것 같습니다. - IRTC1015 2015년 2월 8일 (일) 18:58 (KST)