How-To enhance Firefox with plugin - Stylish
From Krm
(Difference between revisions)
(→Stylish for UBNT AirControl) |
(→Stylish for Google MapMaker) |
||
Line 9: | Line 9: | ||
==Stylish for Google MapMaker== | ==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== | ==Stylish for UBNT AirControl== |
Revision as of 01:45, 5 January 2010
Stylish allows you to enhance web interfaces by allowing you to change/override css styles used in web pages.
Contents |
Stylish for Google MapMaker
a
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; } }