How-To enhance Firefox with plugin - Stylish

From Krm
Revision as of 03:20, 5 January 2010 by Keshav (Talk | contribs)

Jump to: navigation, search

Stylish allows you to enhance web interfaces by allowing you to change/override css styles used in web pages.

Stylish for Google MapMaker

Stylish for Google MapMaker

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>

Personal tools