How-To enhance Firefox with plugin - Stylish

Revision as of 21:37, 4 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

b

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("ums.wlink.com.np"), url-prefix("http://ums.wlink.com.np") {

/* whole doc box */
/*
#document {
height:100%;
margin:25px auto 0;
min-width:940px;
text-align:left;
width:90%;
}
*/
/* **** **** **** **** **** **** **** **** **** ****  */
/* Reclaim realestate on both sides of the window */
#document {
margin:5px auto 0 !important;
width:99% !important;
/*height:90% !important;*/
}

/* airControl Welcome .. box ... */ /*

1. header {

clear:both; height:36px; width:100%; }

• /

/* airControl logo */ /*

1. title {

float:left; margin-left:0; width:48%; }

• /

/* **** **** **** **** **** **** **** **** **** **** */ /* airControl height - no response*/ /*

1. title {

height: 35px !important; }

• /

/* Welcome ... Settings ... Logout */ /* .welcomeNav { color:#CCCCCC; font-family:Verdana,Arial,sans-serif; margin-bottom:10px; margin-left:12px; size:10px; }

• /

/* ... Device .... Firmware ... System Log */ /*

1. tabsDiv {

float:right; height:26px; margin:0; padding:20px 0 0; width:48%; }

• /

/* **** **** **** **** **** **** **** **** **** **** */ /* Move up the Devices | Firmware | System Log */

1. tabsDiv {

padding:0px 0 0; }

/* Tabs Devices | Firmware | System Log */ /*

1. tabs {

float:right; height:26px; list-style-type:none; margin:0 -5px; position:relative; width:243px; z-index:4; }

• /

/* black box that holds Scan ...Total, sidebar and main box- with ? */ /*

1. container{

clear: both; float: left; height: 100%; }

• /

/* **** **** **** **** **** **** **** **** **** **** */ /* adjust main window size - not used */ /*

1. container{

width: 100% !important; }

• /

/* Scan .. Total... box */ /*

1. controlarea {

float:left; min-width:892px; padding-bottom:3px; vertical-align:top; width:100%; }

1. controlarea {

width:100% !important; }

• /

/* sidebar box */ /*

1. sidebar {

float:left; height:100%; width:100%; }

• /

/* sidebar - horiz scroll */ /* .rich-tree { overflow-x:hidden; overflow-y:auto; }

• /

/* **** **** **** **** **** **** **** **** **** **** */ /* add horiz scrollbar to sidebar */ .rich-tree { overflow-x:auto !important; }

/* */ /* sidebar + centerarea

1. contentarea {

float:left; margin-bottom:0; white-space:nowrap; width:81%; }

• /

/* **** **** **** **** **** **** **** **** **** **** */ /* adjust main window size */

1. contentarea {

width:100% !important; }

} </code>