트위터 MonkeyFly용 스킨 결정!

egoing 님께서 개발하신 Monkeyfly는 웹기반 트위터의 기능을 극대화시키는 확장이다.
Monkeyfly에서는 css를 활용한 스킨 기능을 지원하는데, 많은 능력자분들께서 css를 공개해주셨다.

그 중 내가 주력으로 사용해온 것은 희주(@jugug) 님의 CSS였다.

한동안 사용하면서 느낀 단점은 지정된 배경색이 원래의 배경을 다 덮어버린다는 거.
(물론, 개발자가 의도한 것임. 내가 느끼기에 단점이라는 것 뿐임)

그래서, 글꼴은 그대로 두고, 배경 및 색깔 부분만 제거해서 쓰기로 했다.
아래는 그렇게 수정된 CSS다.

body #header #logo img
{
    padding-left: 0 !important;
}
#content,.wrapper
{
    border-radius: 5px !important;
}
ul.top-navigation
{
    padding: 0.5em 0;
}
ul.top-navigation a
{
    border-left: 1px solid #cde;
    font: bold 11px tahoma !important;
    margin-right: 1px;
    padding: 0 0 0 5px;
}
ul.top-navigation li:first-child a
{
    border-left: 0;
}
ul.top-navigation a:hover
{
    text-decoration: none;
}
#update_notifications
{
    height: 46px !important;
}
#globalTab
{
    margin-top: 17px;
}
.status-content,.entry-content
{
    font: 13px 나눔고딕 !important;
}
.status-body strong a
{
    font: bold 11px Meiryo !important;
}
td.tdnest:nth-child(even)
{
    background-color: #f5f5f8;
}
#side_base
{
    border-left: 0;
}
#side
{
    width: 198px !important;
}
#side a
{
    font-family: tahoma !important;
    font-size: 11px;
    font-weight: bold;
}
.list-header,.list-header-inner
{
    border-radius: 5px 5px 0 0;
}
#footer-container
{
    min-height: 0 !important;
}
.read-mark
{
    border-bottom: 0 !important;
}
#expand_sidebar
{
    position: fixed;
    top: 82px !important;
}
#pb-side-box
{
    left: 0;
    top: 150px !important;
}
#pb-side-content li
{
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
#pb-side-content li a
{
    font: 11px tahoma !important;
    padding: 1px !important;
}
#pb-side-content #primary_nav
{
    float: left;
    padding-right: 5px;
}
#pb-side-content #side_lists
{
    border-left: 1px solid #ddd;
    float: left;
    padding-left: 5px;
}
#pb-side-content .lock-icon
{
    width: 8px !important;
}
#pb-side
{
    border-style: solid;
    border-width: 1px 0 1px 1px !important;
}
#pb-side-top,#pb-side-bottom
{
    left: 0;
}

이렇게 수정된 CSS가 좀 길어보여서 압축해서 사용하기로 했다.
(사실, 이 CSS는 로컬에 저장되기 때문에 전혀 빨라지는 일은 없음 ㅎㅎ)

body #header #logo img{padding-left:0 !important;}#content,.wrapper{border-radius:5px !important;}ul.top-navigation{padding:0.5em 0;}ul.top-navigation a{font:bold 11px tahoma !important;margin-right:1px;padding:0 0 0 5px;border-left:1px solid #cde;}ul.top-navigation li:first-child a{border-left:0;}ul.top-navigation a:hover{text-decoration:none;}#update_notifications{height:46px !important;}#globalTab{margin-top:17px;}.status-content,.entry-content{font:13px 나눔고딕 !important; }.status-body strong a{font:bold 11px Meiryo !important;}td.tdnest:nth-child(even){background-color:#f5f5f8;}#side_base{border-left:0;}#side{width:198px !important;}#side a{font-weight:bold;font-family:tahoma !important;font-size:11px;}.list-header,.list-header-inner{border-radius:5px 5px 0 0;}#footer-container{min-height:0 !important;}.read-mark{border-bottom:0 !important;}#expand_sidebar{top:82px !important;position:fixed;}#pb-side-box{top:150px !important;left:0;}#pb-side-content li{padding:0 !important;border:0 !important;margin:0 !important;}#pb-side-content li a{padding:1px !important;font:11px tahoma !important;}#pb-side-content #primary_nav{padding-right:5px; float:left;}#pb-side-content #side_lists{border-left:1px solid #ddd;padding-left:5px; float:left;}#pb-side-content .lock-icon{width:8px !important;}#pb-side{border-width:1px 0 1px 1px !important;border-style:solid;}#pb-side-top,#pb-side-bottom{left:0;}

수정 및 배포를 허락해주신 희주(@jugug) 님께 다시 한번 고맙다는 말씀을 드립니다.
Trackback 0 Comment 7
  1. 세상여행 2010.08.24 23:20 address edit & delete reply

    생뚱맞은 댓글이지만 오늘 저녁 인셉션을 봤습니다.(인셉션 글이 워낙 멀리 떨어져 있어서 여기에 남깁니다.)
    저 역시 한 번으로는 엔딩이 이해가 되지 않아 저만의 결론을 살짝 냈습니다.

    첫째 예상되는 결론으로 마지막의 자식들과의 재회는 코브의 아버지에 의한 꿈 연출이 아닐까 합니다...같은 무리 안에서 코브 아버지와 인연이 있는 것은 코브 본인과 여제자입니다만 이 모든 상황을 설정할 수 있다는 부분에서는 다소 무리가 있고, 둘째는 코브 본인의 꿈 설계가 아닐런지요. 연쇄적인 '킥' 상황에서 코브 혼자만 수중 상황에서 킥을 받지 못한 부분을 생각하면 마지막 '심연(?)'과 연계된 꿈이 아닐까 생각해 봅니다. 마지막으로는 여제자만이 코브의 상황을 알고 있는 상황에서 어느 단계에서일지는 모르지만 미션 수행 자체가 어려울 경우를 대비한 여제자의 설계가 아니었을까 생각해 봅니다.
    진실은 재건축 아파트 단지 저 너머에...(언제 끝날지 모르는 제 집 앞 재개발이 있어서...)

    p.s. 블루님의 가족분들과의 여행기가 그립네요. 건강 유의하세요~~

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2010.08.24 23:33 address edit & delete

      이 영화의 해석은 그야말로 본 사람 스스로가 결정하는 것이니까요. ㅎㅎ

  2. Favicon of http://www.soondesign.co.kr BlogIcon 이정일 2010.08.25 00:38 address edit & delete reply

    덕분에 monkeyfly를 크롬용 확장으로 설치했습니다. 웹용으로는 Chromed Bird 사용하고 있었는데 이젠 그냥 monkeyfly 써도 되겠네요.

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2010.08.25 20:41 address edit & delete

      써드파티 어플들은 API를 쓰다보니 리밋에도 자주 걸리더군요.
      전 그저 순정이 젤 좋습니다. ㅎㅎ

  3. Favicon of http://minimonk.tistory.com BlogIcon 구차니 2010.08.25 19:12 address edit & delete reply

    트윗을 안하니 마음이 편해요 (응?)

  4. Favicon of http://oneniner.net BlogIcon oneniner 2010.11.01 13:25 address edit & delete reply

    늦게나마 이 글보구선 적용 완료~ 아주 깔끔하군~ ^^
    땡큐 함당~ ㅋㅋㅋ