2008.05.14 08:07
오랜만에 Firefox 관련 글을 쓰네요.그 동안 플러그인과 그리스몽키, 스타일리쉬만 수백개 깔아 보며 써 본거 같네요. 제가 하나에 필 받으면 올인하는 스타일이라...

수백개 깔아서 써 보니 더 이상 신선한 것도 없고 해서 Firefox에 대한 관심이 요즘 쬐금 떨어져 있는 상태입니다.

Stylish에 무엇인지는 아래 글을 참고 해 주세요 ~

2008/01/01 - [Firefox] - 그리스몽키(greasemonkey)와 스타일리쉬(stylish)란 ?

종류: Stylish 스타일

주소: http://userstyles.org/styles/843

설명: 구글 검색 화면과 검색 결과 화면에 색을 변경시켜 줍니다.

사용자 삽입 이미지

사용자 삽입 이미지

http://userstyles.org에 접속하면, dark gray redesign 외에도 구글 서비스에 적용 할 수 있는 다양한 색깔의 스타일을 찾을 수가 있습니다. 거의 대부분 설치 후 바로 적용이 되나, 스타일에 따라서는 google.co.kr에서 적용이 안 되는 경우도 있습니다. 이때는 간단히 편집기를 열어 소스에 있는 Google.com Google.co.kr로 변경하면 google.co.kr 사용 시에도 사용 하실 수 있습니다. Stylish에 대한 사용법은 Greasemonkey와 동일하며 거의 대부분 디자인 변경이라 어려움 없이 사용 할 수 있습니다.
신고
Posted by 도이모이
2008.01.02 08:00

( 이 글은 월간 PC사랑 2007년 12월호 기고한 글의 일부입니다

그 동안에 인터넷은 사용이자 입장에서는 사이트 운영자가 만들어 주는 기능과 구성에 따라 사용 하는 수 밖에 없었습니다. 해당 사이트에 구성을 바꾸고 싶거나 기능을 추가하고 싶으면 고객문의 게시판 등을 통해 요구 사항을 전달 하는 수 밖에 없습니다. Greasemonkey Stylish가 나오기 전까지 해당 사이트에 대한 모든 권한은 운영자가 가지고 있었던 셈입니다. 물론, 커뮤니티 사이트에서는 사용자가 운영자가 되어 동호회를 운영할 수 있게 하여 운영 권한에 일부를 넘겨 주거나, 일부 사이트에서는 개인화 페이지 기능을 사용 해 웹페이지에 기능을 일부 변경시켜 주는 옵션을 제공 해 주는 경우도 있었지만, 결국 이것도 기획자에 치밀한 계산에 따른 또 다른 기능과 UI에 불과하였습니다.


하지만, Greasemonkey Stylish에 등장으로 새로운 전환기를 맞이하게 되었습니다. 이들에 등장으로 사용자는 수동적인 입장에 사용자가 아니라, 사이트에 기능과 디자인을 직접 만들어 사용 할 수 있는 방법이 생김으로써 과거 운영자들만 가지고 있었던 권한에 일부를 빼았아 올 수 있게 되었습니다.


좀 더 구체적으로 설명 드리면 다음과 같습니다. 기존에는 구글 (Google) 서비스를 사용 하다가 기능에 부족함을 느낀다거나 구성이 맘에 들지 않으면 그냥 참고 사용하던가 아님 다른 서비스를 찾아 보던가 혹은 좀 더 적극적인 사용자는 고객 제안을 하는 수 밖에 없었는데 Greasemonkey Stylish로 구글에서 제공하는 않는 기능을 내가 만들거나 다른 사용자가 만들어 놓은 것을 사용 할 수 있게 되었습니다. 심지어, 국내 1위 포탈인 네이버에 경우 복잡한 메인페이지 구성에 불만을 토로하시는 분들이 많은데, 이럴 경우 네이버 메인 페이지에 잡다한 기능을 모두 빼 버리고 구글처럼 검색 부분만 달랑 위치하게 구성해 사용 할 수 도 있게 된 것입니다. 사용자를 사용자로 머무르지 하지 않고, 운영자 역할을 일부 수행 할 수 있는 새로운 위치로 사용자에 위치를 변화 시킴으로써 Greasemonkey Stylish에 등장은 혁명이라고 많은 사람들이 이야기 하고 있습니다.

 

< Greasemonkey를 사용하면 네이버를 구글처럼 상단만 남기고 모든 부분을 지워 깔끔하게 사용 할 수 있습니다. 자세한 내용은 http://minicube.tistory.com/45 를 참고 하시면 됩니다 >

Greasemonkey Stylish ?

 

Greasemonkey Stylish를 사용하기 위해서는 Firefox처럼 브라우저 자체에서 지원을 해 줘야 하는데, 아직은 Internet Explorer은 공식적으로 지원해 주고 있지 않습니다. (비공식적으로 사용 할 수 있는 방법으로는 IEToy이 있습니다). 그렇기 때문에 현재는 Greasemonkey Stylish를 사용하기 위해서는 Firefox를 사용해야 합니다. Firefox는 플랫폼이 오픈 되어 있어 전 세계 수 많은 개발자들에 상상력이 결합되면서 계속적으로 살아서 발전하는 브라우저이기 때문에, 우리가 상상한 기능은 이미 누군가가 상상해 개발까지 끝 마쳐 부가 기능으로 (Extension) 제공하기 있기에 Internet Explorer와는 비교 할 수 없는 수 많은 기능을 제공하기에 필자는 주로 Firefox를 사용하고 있습니다. 그렇기에 이 글을 읽는 독자 분들에게도 Firefox를 사용 해 볼 것을 권해 드립니다. 설치 후 Firefox에 확장 기능인 Greasemonkey Stylish를 설치하시면 웹사이트를 자신에 입맛에 맞게 설정해 가면 사용 하실 수 있습니다.

 

<다운로드 주소>

이름

주소

Firefox

http://www.mozilla.or.kr/

Greasemonkey

https://addons.mozilla.org/ko/firefox/addon/748

Stylish

https://addons.mozilla.org/ko/firefox/addon/2108

 

그럼, 본격적으로 Greasemonkey Stylish에 대해 설명 드리기 전에 어떻게 운영자가 제공하지도 않는 기능을 사용자가 변경해 가면 자기 입맛에 맞게 사용 가능한지 설명 드리면, 웹사이트에 소스에는 많이 알려진 것처럼 HTML외에도 Javascript로 대표되는 스크립트와 CSS로 대표 되는 스타일이 같이 있습니다. 주로 HTML에 내용이 들어가 있다면, Javascript에는 창크기를 변경하거나 경고 메시지를 보여주거나 하는 등 주로 기능적인 부분을 제어하는데 사용합니다. 또한, CSS는 주로 배치와 디자인을 담당합니다.

그래서, HTML + Javascript + CSS 이렇게 3개가 모여 우리가 접속 한 페이지가 보이는 것입니다. Greasemonkey Stylish 를 사용하기 전에는 서버 쪽에서 보내주는 이 3개를 모두 받아서 사용 할 수 밖에 없었는데, Greasemonkey Stylish 설치하면 필요한 부분만 서버에서 받고, 나머지는 내가 PC에 설치해 놓은 스크립트와 CSS를 가져와 사용 할 수 있습니다. 주로, Greasemonkey Javascript를 제어하기에 기능에 변경을 주는 스크립트들이 많고, Stylish는 주로 CSS를 제어하기에 UI와 디자인을 변경 할 수 있는 스타일들이 많습니다.  

관련글
2007/11/08 - [Firefox] - 국내 그리스몽키 (Greasemonkey) 스크립트
2007/11/26 - [Firefox] - 지메일 업그레이드와 Firefox
2007/11/07 - [Firefox] - google.co.kr 배경색 파란색으로 변경하는 stylish 스크립트
2007/11/06 - [Firefox] - Greasemonkey와 Greased Lightbox

신고
Posted by 도이모이
2007.11.19 08:57

PC사랑에 Firefox Greasemonkey / Stylish에 대한 글을 기고했습니다.

컴퓨터 잡지에 인터넷 소프트웨어에 대한 글을 쓰는 것은 거의 10 년 만인거 같습니다. 요즘은 해외 인터넷 서비스에 대한 글만 쓰고 있으니까요.

근데, 정말 오랜만에 자진해서 인터넷 소프트웨어라고 할 수 있는 Firefox Greasemonkey/Stylish 에 대한 주제로 글을 기고 했습니다.

이유인즉, 저는 Firefox를 단순히 브라우저로 보지 않았습니다. 저는 Firefox를 MS 에 대항하는 대항마로 MS에 맞서 싸우는 자유진영의 무기로 보고 있습니다.

인터넷 초장기 시절 Netscape 플랫폼을 중심으로 SUN 등 여러 연합군들과 동맹 해 거대 제국인 Microsoft에 Active 플랫폼 ( Internet explorer )과 싸웠지만, 결국은 Microsoft는 Windows 에 Internet Explorer를 탑재 시켜, Netscape 진영을 초토화 시켜 버려 싸움을 끝내 버렸습니다.




당시에는 이것으로 Netscape 진영이 사라지는 거 같았지만, 오픈 소스 정책으로 변경함으로서, 수 많은 자발적인 용병들과 여러 지원 단체들이 Netscape의 망령으로 다시 살아 나 Microsoft를 괴롭히기 시작했습니다.

이런 과정 속에서 나온 결과물 중에 하나가 Firefox이기 때문에 저는 10 년 전 Netscaspe와 Micrsoft에 전쟁이 다시 재현되는 거 같아서 너무 기쁘고 반갑습니다. 저에게 Firefox는 돌아 온 영웅이나 마찬가지입니다.

마치, 빈라덴은 사라졌지만 그의 추종자들이 새로운 단체를 만들어 미국을 괴롭히는 것처럼, 마크앤드리슨은 사라졌지만 Netscape를 추종했던 사람들이 모여 Firefox라는 것을 만들어 Microsoft를 괴롭히는 모습은 참으로 고소하고 재미 있습니다.

이런 이유 때문에, 많은 사람들이 Firefox를 사용 해서 Firefox가 좀 더 힘을 받았으면 좋겠습니다.

하지만, 일반인들은 역사적인 이유 뭐 이런것에는 관심이 없을 것입니다. 단지, 편하고 기능이 좋아야 사용을 할 것입니다.

이런 점에서도 Firefox는 Internet Explorer에 비해 우월합니다. 크게 두 가지인데,첫번째는, 이미 많은 분들을 통해 알려진 것처럼 확장 기능이죠. 수 많은 확장 기능을 통해 Firefox 기능을 무한정 확대 할 수 있다는 것이겠죠.

두번째는, 아직 잘 알려지지 않아 많이 사용하지 않지만 (확장기능 중에 하나인) Greasemonkey와 Stylish 라고 생각합니다. Greasemonkey와 Stylish 는 Firefox에 확장 기능 중에 하나일 수 있지만, 다른 확장 기능과  틀린 점은 여기에 다른 프로그램을 설치 할 수 있기에 플랫폼 역할을 수행 한다는 점입니다. (Firefox 위에서 돌아 가는 더 높은 레벨의 플랫폼이죠 )

Greasemonkey와 Stylish 는 인터넷을 혁명적으로 바꾼 프로그램이지만, 문제는 스크립트와 스타일에 대한 정보가 국내에 거의 없어 어떻게 사용하는지에 대해서 모르시는 분들이 많은 거 같더군요.

그래서, 제가 사용 하는 Greasemonkey 스크립트와 Stylish 스타일을 정리 해12 월 PC사랑과 내년 1 월달 PC사랑에 글을 기고 했습니다.

Firefox 가 여러 사람들에게 알려지는데 작은 도움이라도 되었으면 좋겠습니다.
신고
Posted by 도이모이
2007.11.09 08:00
Greasemonkey에 대한 글을 몇개 포스팅 했는데, 국내에서 사용 할 수 있는 Greasemonkey가 거의 없더군요. 그래서, 그거라도 모아서 소개를 해 드리는 것이 국내 Greasemonkey 활성화에 조금이라도 도움이 된다고 생각해 조사를 해 보았습니다.

제가 웹서핑 하면서 찾은 것은 이 정도 되네요. 혹시, 더 아시는 거 있음 댓글에 남겨 주세요. 추가 해 놓겠습니다.


< IE Toy에서 사용 할 수 있는 Greasemonkey 스크립트  >
- SLR 클럽에 게시판에서 a와 s로 글간 이동
http://trueno.kr/73

- 제로보드 다음글 보기 스크립트 외
http://teslamint.egloos.com/1610972

<Firefox Greasemonkey 스크립트>
- 미투데이에서 댓글,퍼머링크,미투리스트 등의 링크에서 마우스를 올릴때 해당 회원의 프로필 이미지를 보여주는 스크립트
http://steelheart.kr/tc/143

- 네이버 메인페이지를 구글 메인페이지처럼 깔끔하게 정리
http://minicube.tistory.com/45

< 관련글 >
2007/11/06 - [Firefox] - Greasemonkey와 Greased Lightbox
2007/11/07 - [Firefox] - google.co.kr 배경색 파란색으로 변경하는 stylish 스크립트



신고
Posted by 도이모이
2007.11.07 08:47

Greasemonkey가 스크립트를 사용자가 맘껏 변경해 주는 확장 기능이라면, CSS를 사용자가 맘껏 변경해 주는 확장으로는 stylish라는 확장 기능이 있습니다. Firefox, Flock, Thunderbird에서 작동합니다.

Javascript가 주로 기능적인 부분을 제어하기 때문에 특정 사이트에 기능을 내 맘데로 변경 해 웹서핑 할 수 있다면, stylish라는 확장 기능은 CSS를 제어하기 때문에 디자인적인 요소를 변경해 웹서핑을 할 수 있습니다.

Greasemonkey도 아직 국내에서는 그렇게 많이 보급이 안 되어, 국내 웹사이트에 적용 할 수 있는 스크립트가 많지 않은 것처럼, 마찬가지로 stylish도 국내 웹사이트 관련 스크립트가 별로 없습니다.

다만, 해외에 구글과 야후 관련 스크립트가 많기 때문에 이것들을 수정 해 google.co.kr과 yahoo.co.kr 를 접속 할 때 사용 할 수 있습니다.

아래는, 제가 Valacar님이 만든 것을 약간 수정해 google.co.kr에서 사용 할 수 있게 한 stylish 스크립트입니다.

stylish를 설치 후, 아래 스크립트를 복사 해 넣으시면 됩니다.

설치 후 모습은 다음과 같습니다.

사용자 삽입 이미지

먼저, https://addons.mozilla.org/ko/firefox/addon/2108 에 접속해 stylish를 설치 후 아래 스크립트를 추가 하시면 됩니다.

/*
 * Google Web Search - dark blue redesign
 *
 * Author      : Valacar
 * Updated     : October 18th, 2007
 * Website     : http://www.valacar.com/userstyles/
 * Description : Modifies the colors, logos, and a few other images on Google Web Search (http://www.google.co.kr/)
 * Usage       : Use with Stylish Firefox extension (http://userstyles.org/) or copy to your Firefox userContent.css file
 * Thanks to   : pile0nades, mobius, and gzusphish for helping find/fix bugs
 */

@namespace url(http://www.w3.org/1999/xhtml);

/* Common rules
--------------- */

@-moz-document url(http://www.google.co.kr/), url-prefix(http://www.google.co.kr/webhp), url-prefix(http://www.google.co.kr/search?), url-prefix(http://www.google.co.kr/advanced_search), url-prefix(http://www.google.co.kr/preferences), url-prefix(http://www.google.co.kr/language_tools), url-prefix(http://images.google.co.kr/webhp), url(http://www.google.co.kr/intl/en/) {

body {
 background: #253960 url("http://cfile5.uf.tistory.com/image/2774CD3956E63D98085893") top left repeat-x !important;
 color: #FFF !important;
 font-family: Tahoma, Arial, Helvetica, sans-serif !important;
}

/* defaults for all links */
a:link { color: #82BDFF !important; }
a:visited { color: #72ADDF !important; }
a:active { color: #92CDFF !important; }

/* change color of lots of text */
font, div, td { color: #fff !important; }

/* fix for google suggest colors */
.aAutoComplete .cAutoComplete, .google-ac-a .google-ac-c { color: #000 !important; }
.aAutoComplete .dAutoComplete, .google-ac-a .google-ac-d { color: green !important; }
.google-ac-e td { color: blue !important; }


/* make sure web forms (and google suggest) don't get their colors changed */
input *, textarea *, .aAutoComplete { background-color: -moz-Field !important; color: -moz-fieldtext !important; }


/* Box that pops up when you click the "more >>" link */
span#more, #gbar .gbard, #gbar [class^="gb"] { background: #08274f !important; border: none !important; }
#gbar .gbard a:hover, #gbar [class^="gb"] a:hover { background: #385690 !important; }
#gbi { border: none !important; background: transparent !important; }


/* superscripted "New!" text */
sup font[color="red"] { color: #0F0 !important; }

/* hide gbar border */
[id^="gbar"], #gbh { border: none !important; }

}


/* Front page
------------- */

@-moz-document url(http://www.google.co.kr/), url-prefix(http://www.google.co.kr/webhp), url-prefix(http://images.google.co.kr/webhp), url(http://www.google.co.kr/intl/en/) {

/* Replace main logo image */
img[src*="/logos/"], img[src$="logo.gif"], div[style*="logo_plain.png"], img[src$="logo_google_suggest.gif"] {
 margin-top: 5em !important;
 width: 0 !important;
 height: 103px !important;
 padding-left: 281px !important;
 background-image: url("http://cfile28.uf.tistory.com/image/2338C14C56E63D9913CF33") !important;
}

/* country name overlaying main logo */
div[style="color: rgb(111, 111, 111); font-size: 16px; font-weight: bold; left: 208px; position: relative; top: 78px;"] {
 display: none !important;  /* if you want your country name to show, remove this line */
 color: #33537f !important;
 left: 0 !important;
}

/* delete some crap after input box and buttons */
form + br + table { display: none !important; }

/* move buttons down a bit */
input[type="submit"] { margin-top: .5em !important; }

}


/* Shared Images and Selectors
------------------------------ */

@-moz-document url-prefix(http://www.google.co.kr/search?), url-prefix(http://www.google.co.kr/advanced_search), url-prefix(http://www.google.co.kr/preferences), url-prefix(http://www.google.co.kr/language_tools) {

/* Replace small upper left logo images */
#logo span, img[src*="/logos/"][width="150"], img[src$="logo_sm.gif"][width="150"], img[src$="logo_google_suggest_sm.gif"] {
 background: url("http://cfile23.uf.tistory.com/image/2461104D56E63D991C6F58") top left no-repeat !important;
}
img[src*="/logos/"][width="150"], img[src*="logo_sm.gif"][width="150"], img[src$="logo_google_suggest_sm.gif"] {
 width: 0 !important;
 height: 51px !important;
 padding-left: 135px !important;
}

/* Hide logo text link */
a#logo { font-size: 0 !important; }

/* top bar on search results, adv.search, prefs, lang.tools page */
table.t.bt, td[bgcolor="#E5ECF9"] { background: #405882 url("http://cfile26.uf.tistory.com/original/2208714656E644CA161B1D") top left repeat-x !important; }
.t { padding: 2px !important; }

/* change color of links in top bars */
td[bgcolor="#e5ecf9"] a, .t.bt a.q { color: #fff !important; }

/* hide top border on top bar */
td[bgcolor="#3366cc"] { display: none !important; }

}


/* Search results
----------------- */

@-moz-document url-prefix(http://www.google.co.kr/search?) {

.g { margin-left: .5em !important; }

/* title of search result */
.g .l { font-size: 1.1em !important; }
.g a:hover { color: #98c9ff !important; }
.g a:visited { color: #6282a5 !important; }

/* description of search result */
.g .j font {
 line-height: 1.4 !important;
}

/* text URL that usually appears in dark green below the link description */
.g font[color="green"], .g font[color="#008000"], .e font[color="green"], .a { color: #DACA7D !important; }

/* "Cached", "Similar pages", "More results", and "View as HTML" links */
.g .fl, .j font a, .f { color: #AAA !important; }
.g .fl:hover, .j font a:hover { color: #CCC !important; }

/* File type (ex: [PDF]) next to link */
.g .w b { color: #FF6 !important; }

/* make each search result a bit wider (34em is default) */
.j {
 width: 50em !important;
 color: #fff !important;
}

/*%[ Bars ]%*/

/* bottom bars */
table.t.bt.bb,
table.t.bt.n,
td[bgcolor="#e5ecf9"]
{
 background: #3d557f !important;
}

/* remove border on top and bottom bar */
.bt, .bt { border: none !important; }

/* copyright + google links at bottom of page */
.ft.t.n, table.ft.t.bb.bt { background: transparent !important; border: none !important; }

.t.n.bt { background: transparent !important; }


/*%[ Navbar ]%*/

/* Hide the "Gooooooooooogle" image in the Result Page block...text is good enough */
#navbar img { visibility: hidden !important; }
#navbar * { background-image: none !important; }

/* Current page number that comes after "Result Page:" */
#navbar .i {
 color: #FFF !important;
 font-weight: bold !important;
 font-size: 1.5em !important;
}

/* page number links that come after "Result Page:" */
#navbar a {
 font-size: 1em !important;
}

/* modify the navbar links a bit */
#navbar a:hover { color: #98c9ff !important; }
#navbar a:visited { color: #6282a5 !important; }
/* spreads out navbar numbers and aligns to baseline */
#navbar br { display: none !important; }

/*%[ Notifications ]%*/

/* "Did you mean" text */
p > font.p { color: #0f0 !important; }

/* note at end about omitted results */
.g + p i, blockquote.g + p i { color: #fff !important; }

/* Refine results for ... */
#po td { color: #fff !important; }

/* See results for: */
p.g { color: #fff !important; }

/*%[ Advertisements ]%*/

/* hide right column of ads */
table[width="25%"][align="right"] { display: none !important; }

/* hide google toolbar image ad at bottom...text is still there */
img[src$="firefox_toolbar.gif"] { display: none !important; }

/* sponsored links above search results (sometimes they're useful) */
.ch, div[id^="tpa"] {
 background: #2c4573 !important;
 padding: 0.3em 0.5em !important;
}

.mbl1, img.ch { background: transparent !important; }

.g img { border: none !important; }

/* hide block after navbar advertising google products */
#res + center table[cellpadding="10"], #res + center br:first-child { display: none !important; }

/* hide all siblings after copyright at bottom */
div.ft ~ * { display: none !important; }

/*%[ Wikipedia info ]%*/

#pfe {
 background: #2c4573 !important;
 color: #fff !important;
 -moz-border-radius: 7px !important;
 border: 1px solid #3e547c !important;
 padding: 0.3em 0.5em !important;
}

#pfrl { background: #2c4573 !important; }
#pfe div { color: #fff !important; }

img[src="/images/newspaper.gif"] {
 width: 0 !important;
 height: 30px !important;
 padding-left: 40px !important;
 background: url("http://cfile2.uf.tistory.com/image/224B673956E63D992F5E00") no-repeat !important;
}

img[src="/images/shopbag.gif"] {
 width: 0 !important;
 height: 30px !important;
 padding-left: 40px !important;
 background: url("http://cfile23.uf.tistory.com/image/23211A4956E63D990316EC") no-repeat !important;
}

/* film reel */
img[src="/images/showtimes-onebox.gif"] {
 width: 0 !important;
 height: 30px !important;
 padding-left: 40px !important;
 background: url("http://cfile23.uf.tistory.com/image/2747E53956E63D9A32AB06") no-repeat !important;
}

/* Shopping cart "image" */
.tfb td.c, .tb td.c{background:#999 !important;}
.tfb td.b, .tb td.b{background:#ccc !important;}
.tfb td.a, .tb td.a{background:#fff !important;}


/* movie rating stars */
img[src="/images/showtimes-star-on.gif"], img[src="/images/showtimes-star-off.gif"], img[src="/images/showtimes-star-half.gif"] {
 width: 0 !important;
 height: 10px !important;
 padding-left: 10px !important;
 background: url("http://cfile23.uf.tistory.com/image/2610283C56E63D9A33C59D") no-repeat !important;
}

/* half star */
img[src="/images/showtimes-star-half.gif"] {
 background-position: -10px 0 !important;
}

/* no star */
img[src="/images/showtimes-star-off.gif"] {
 background-position: -20px 0 !important;
}


}


/* Google Advanced Search page
------------------------------ */

@-moz-document url-prefix(http://www.google.co.kr/advanced_search) {

/* table colors/borders */
tr[bgcolor="#cbdced"] { background: #50668d !important; }
tr[bgcolor="#ffffff"] { background: #405882 !important; }

}


/* Google Search preferences page
--------------------------------- */

@-moz-document url-prefix(http://www.google.co.kr/preferences) {

/* Change color of top and bottom bars */
tr[bgcolor="#E5ECF9"] { background: #415983 !important; }

/* form tables */
form p table[width="100%"][cellspacing="0"][cellpadding="0"][border="0"] {
 background: #415983 !important;
 border: 3px solid #50668d !important;
 margin: 3px !important;
}

/* left columns of the form tables */
form p table[width="100%"][cellspacing="0"][cellpadding="0"][border="0"] td[width="175"] {
 background: #50668d !important;
 border-right: 1em solid #415983 !important;
}

/* hide form table borders */
form p table td[bgcolor="#cbdced"] { display: none !important; }

}


/* Language Tools page
---------------------- */

@-moz-document url-prefix(http://www.google.co.kr/language_tools) {

/* table colors/borders */
table[bgcolor="#ffffff"] { background: #415983 !important; } /* flag table */
tr[bgcolor="#ffffff"] { background: #415983 !important; }   /* most all tables and table headers */
tr[bgcolor="#cbdced"] { background: #50668d !important; }  /* table borders */

/* table headers of all tables */
p > table > tbody > tr:first-child { background: #50668d !important; }

}

-----------------------
여기까지 복사해 붙여 넣으세요

<관련글>
2007/11/06 - [Firefox] - Greasemonkey와 Greased Lightbox

신고
Posted by 도이모이