How-To enhance Firefox with plugin - Stylish
From Krm
Stylish allows you to enhance web interfaces by allowing you to change/override css styles used in web pages.
Contents |
Stylish for Google MapMaker
Use this script for Stylish to enlarge the Google MapMaker window size.
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain('www.google.com'), url-prefix("http://www.google.com/mapmaker") { /* Let the search bar overlap top bar */ #topbar { margin-bottom:-1.5em !important; } /* search bar */ /* Reduce margin */ #search { margin-bottom:0px !important; } /* Hide search example */ #search .box .form .labels td { display: none; } /* Adjust padding for overlapped search box */ #search .box .form .input .ipt { padding-bottom:1px !important; padding-top:4px !important; } /* created to hide logo */ #search .logo { display:none; } /* My MapMaker | Search Results | Directions */ /* Reduce margins */ #tabs { margin-bottom:-2px; margin-top:-4px; } /* Space bet'n My MapMaker | Search Results | Directions and Print | Link to this page */ #tabs td { padding:2px 2px !important; } /* Change rectangular vertex markers to circle, Change hand selector to crosshair - by Manuel*/ div[id^='cp'] { width:5px !important; height:5px !important; margin-top:1px !important; margin-left:71px !important; -moz-border-radius:5px; cursor:crosshair !important; } }
Stylish for UBNT AirControl
Have you wished that UBNT would let us maximize the window size so that we could view more info on the AirControl window ? Here's my Stylish script which does the job.
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("aircontrol.keshav.com.np"), url-prefix("http://aircontrol.keshav.com.np") { /* Reclaim realestate on both sides of the window */ #document { margin:5px auto 0 !important; width:99% !important; } /* Move up the Devices | Firmware | System Log */ #tabsDiv { padding:0px 0 0; } /* add horiz scrollbar to sidebar */ .rich-tree { overflow-x:auto !important; } /* adjust main window size */ #contentarea { width:100% !important; } }
Stylish for eSupport
eSupport unnecessarily globbles up valuable space on left by duplicating menu and calls status. Here's my Stylish script which wipes them off.
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("esupport.keshav.com.np"), url-prefix("http://esupport.keshav.com.np") { /* Throw out left panel cause its taking valuable estate */ td[width="180"] { display:none; } /**/ br { /*display:none;*/ height:1px !important; font-size:0px; } /* */ /* td[width="108"] > td:first-child { font-size:12px !important; } td[align="center"] { display:none; font-size:12px !important; } */ }
Stylish for eBill
eBill unnessariy takes up spaces, heres Stylish script to reclaim them.
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("ebill.keshav.com.np"), url-prefix("http://ebill.keshav.com.np") { /* Reduce height of banner and shift it up */ .bannerBack { height:80px !important; margin-top:-20px; margin-bottom:-10px; } /* Remove br before Log Out */ br { display:none; } /* td[width="113"] { height:80px !important; } img[border="0"] { height:80px !important; } */ }
Stylish for RS
Hide ad bar for RS
/* Hide top bar */ #top { display:none !important; } }