How-To enhance Firefox with plugin - Stylish
From Krm
(Difference between revisions)
(→Stylish for Google MapMaker) |
(→Stylish for RS) |
||
(4 intermediate revisions by one user not shown) | |||
Line 3: | Line 3: | ||
__TOC__ | __TOC__ | ||
− | |||
− | |||
− | |||
==Stylish for Google MapMaker== | ==Stylish for Google MapMaker== | ||
Line 66: | Line 63: | ||
} | } | ||
+ | |||
+ | |||
==Stylish for UBNT AirControl== | ==Stylish for UBNT AirControl== | ||
Line 96: | Line 95: | ||
} | } | ||
+ | } | ||
+ | |||
+ | |||
+ | ==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; | ||
+ | } | ||
} | } |
Latest revision as of 12:39, 4 September 2013
Stylish allows you to enhance web interfaces by allowing you to change/override css styles used in web pages.
Contents |
[edit] 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; } }
[edit] 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; } }
[edit] 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; } */ }
[edit] 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; } */ }
[edit] Stylish for RS
Hide ad bar for RS
/* Hide top bar */ #top { display:none !important; } }