How-To enhance Firefox with plugin - Stylish

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.

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;
}

}