Firefox─Stylish

14八月08

Stylish
讓你自己決定網站的外觀樣式該長什麼樣子！

這個套件懂得怎麼用的人就會懂，不多說了。

Bloglines OS X：用來美化Bloglines的閱讀版面模仿Mac。
http://www.hicksdesign.co.uk/journal/bloglines-skin-14
套用後記得把下面這一段拿掉。

.item {
margin: 20px 0 0 0;
padding: 0 20px;
}


Gmail 2.0 Cleaner and Tweaker：Nelson學長寫的，對GMail做去廣告跟版面調整。
http://userstyles.org/styles/4211

下面列出所有我用的樣式，需要的請直接取用。

Yahoo! Kimo Dictionary
http://blog.kidwm.net/22

Yahoo! Kimo News
http://blog.kidwm.net/63

Bloglines：我自己寫的，用來加強Bloglines的閱讀對比效果，並且把字放大。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.bloglines.com/myblogs) {
td.article{
-moz-border-radius:10px !important;
line-height : 1.6em !important;
font-size: 1.3em !important;
padding: 10px !important;
background-color: #B9DBEA !important;
}
p.author{
display: block !important;
text-align:right !important;
-moz-border-radius:10px !important;
padding-right: 10px !important;
background-color: #B7E8DE !important;
}
h3{
display: block !important;
-moz-border-radius:5px !important;
background-color: #B7E8DE !important;
}
}


Bloglines Beta：跟上面的效果差不多，不過是給Bloglines Beta版用的。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("beta.bloglines.com") {
.fullviewTemplate .templateText {
color: #000 !important;
font-size: 1.2em !important;
-moz-border-radius:10px !important;
padding: 10px!important;
background-color: #B9DBEA !important;
}
.fullviewTemplate .bl_datetime {
font-size: 1.1em !important;
}
.fullviewTemplate .bl_title {
background-color: #B7E8DE !important;
}
.fullviewTemplate .bl_title a{
color: #000077 !important;
font-size: 1.3em !important;
padding: 10px 0px !important;
height: auto !important;
}
.fullviewTemplate .bl_byline {
background-color: #B7E8DE !important;
font-size: 1.1em !important;
padding: 10px !important;
margin-bottom: 10px !important;
}
.unread span{
color: #163F5B !important;
}
}


Kimo Clubs：用來去除奇摩家族的廣告，不過現在會逛奇摩家族的人應該很少了，而且雅虎奇摩好像也不再投放廣告在上面了，就當參考吧。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(tw.msg.club.yahoo.com) , domain(tw.my.club.yahoo.com){
center + img[usemap="#Map"],
center + table[width="728"],
center + iframe[width="728"]{
display: none !important;
}
}
@-moz-document domain(tw.webfile.yahoo.com) {
center{
display: none !important;
}
}


Live.com：去除Live Mail跟Live Space上面的橫幅廣告。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(spaces.live.com) {
div[id="AdContainer"] {
display: none !important;
}
}
@-moz-document domain(mail.live.com) {
.cAdBannerContainer {
display: none !important;
}
}


MSFN Forum：之前我常逛的論壇，一樣是去廣告。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.msfn.org/board/), url-prefix(http://msfn.org/board/) {
div#navstrip + div[align="center"],
#userlinksguest iframe,
br + div[align="center"]
{
display: none !important;
}
}


udn.com：清空聯合新聞網的廣告，不過沒辦法做得很乾淨整齊就是。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://udn.com),
url-prefix(http://www.udn.com) {
tr > td.text11,
form[name="grad"],
#top1 iframe[width="154"],
td[width="15"] + td[width="150"],
td[height="70"] > table[width="468"],
table.searchs img[width="82"],
table[width="149"],
iframe[width="470"],
td[width="478"] iframe,
/* 對付首頁 */
td[height="70"][valign="middle"] > table,
td[bgcolor="#EDEDED"] + td > table:first-child,
#top1 iframe[height="610"],
#adsense,
.bg_homeitem,
.mainbg iframe,
td.bd_leftbg,
td.note
{
display: none !important;
}
/* 以上去廣告，以下為版面調整 */
td[width="240"]
{
display: none;
}
table[width="760"]
{
text-align:center !important;
margin:auto !important;
width:100% !important;
}
td[background][height="120"],
table[width="760"] tr
{
background-repeat:no-repeat !important;
}
table.searchs
{
position: absolute !important;
left: 50px !important;
margin-top:-50px !important;
margin-left:200px !important;
}
img[width="760"][height="13"]
{
position: relative !important;
left: 0px !important;
display: block !important;
}
#top1
{
width:1% !important;
}
tr[valign="top"] > td[align="left"]
{
width: 1% !important;
}
td[width="30"][align="right"]
{
text-align: left !important;
}
td[width="134"] #pulldownmenus
{
padding-top: 75px !important;
}
td[width="134"]
{
width: 95px !important;
}
}
@-moz-document url(http://udn.com/NEWS/main.html) {
table.searchs
{
left: 250px !important;
margin-left:0px !important;
}
.mainbg iframe,
td[width="158"][valign="top"]
{
display: none !important;
}
}
@-moz-document url-prefix(http://mag.udn.com) {
a.right_item img,
a.right_item iframe,
img[height="5"],
img[width="240"][height="80"],
table[cellpadding="2"] table.border
{
display:none !important;
}
td[width="560"],
table[width="560"]
{
width: 100% !important;
}
td[width="158"]
{
width:158px !important;
display:block !important;
}
table.border[cellpadding="3"]
{
height: auto !important;
}
table[width="996"]
{
width: 100% !important;
}
td[width="240"]
{
width:auto !important;
}
tr.statistics
{
display: none !important;
}
td#act_board
{
display: none !important;
}
}
@-moz-document url-prefix(http://stars.udn.com) {
td[valign="top"] > iframe:first-child,
td[width="240"] iframe,
table[cellpadding="5"],
table[cellpadding="5"] + table
{
display: none !important;
}
}
@-moz-document domain(udn.com) {
#top1 iframe[width="154"],#Layer1
{
display:none !important;
}
}


Reload & Stop Button：要先把停止按鈕移到重新整理的左邊才會生效。

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* 將「停止」與「重新讀取」合併成一個按鈕 */
#stop-button[disabled="true"] { display:none; }
#stop-button:not([disabled]) + #reload-button { display:none; }


Japan DATA：就是這個站的去廣告。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("japandata.tv") {
#zoomtext iframe {
display: none !important;
}
}


Badongo：便當狗的去廣告。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(badongo.com) {
.adLeaderboard, .adSquare, .adUnder, .adPopunder, .adLeaderboard2 {
display: none !important;
}
}


Comic Sky-Fire: SF漫畫的去廣告。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(sky-fire.com) {
#pframe iframe{
display: none !important;
}
}


Roodo Blog: 樂多網誌的去廣告。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://blog.roodo.com) {
.adbox{
display:none;
}
}


Engadget Chinese：癮科技的去廣告

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("chinese.engadget.com") {
.topleader, .bottomleader, .medrect, hr[size="1"], #sponsoredlinks{
display: none !important;
}
}

最後值得一提的是，Stylish的樣式紀錄其實就是設定檔資料夾裡的stylish.rdf，新開設定檔後，如果懶得一項一項輸入的話，直接複製舊版的覆蓋過去就可以了。

Filed under: 教學   |  1 Comment
Tags: firefox