How-To enhance Firefox with plugin - Stylish

From Krm
(Difference between revisions)
Jump to: navigation, search
(Stylish for UBNT AirControl)
Line 19: Line 19:
 
  @-moz-document domain("aircontrol.keshav.com.np"), url-prefix("http://aircontrol.keshav.com.np") {
 
  @-moz-document domain("aircontrol.keshav.com.np"), url-prefix("http://aircontrol.keshav.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 */
 
  /* Reclaim realestate on both sides of the window */
 
  #document {
 
  #document {
 
  margin:5px auto 0 !important;
 
  margin:5px auto 0 !important;
 
  width:99% !important;
 
  width:99% !important;
/*height:90% !important;*/
 
 
  }
 
  }
 
   
 
   
/* airControl Welcome .. box ... */
 
/*
 
#header {
 
clear:both;
 
height:36px;
 
width:100%;
 
}
 
*/
 
 
/* airControl logo */
 
/*
 
#title {
 
float:left;
 
margin-left:0;
 
width:48%;
 
}
 
*/
 
/* **** **** **** **** **** **** **** **** **** ****  */
 
/* airControl height - no response*/
 
/*
 
#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 */
 
/*
 
#tabsDiv {
 
float:right;
 
height:26px;
 
margin:0;
 
padding:20px 0 0;
 
width:48%;
 
}
 
*/
 
/* **** **** **** **** **** **** **** **** **** ****  */
 
 
  /* Move up the Devices | Firmware | System Log */
 
  /* Move up the Devices | Firmware | System Log */
 
  #tabsDiv {
 
  #tabsDiv {
 
  padding:0px 0 0;
 
  padding:0px 0 0;
 
  }
 
  }
+
 
/* Tabs  Devices | Firmware | System Log */
+
/*
+
#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 ? */
+
/*
+
#container{
+
clear: both;
+
float: left;
+
height: 100%;
+
}
+
*/
+
/* **** **** **** **** **** **** **** **** **** ****  */
+
/* adjust main window size - not used */
+
/*
+
#container{
+
width: 100% !important;
+
}
+
*/
+
+
+
/* Scan .. Total... box */
+
/*
+
#controlarea {
+
float:left;
+
min-width:892px;
+
padding-bottom:3px;
+
vertical-align:top;
+
width:100%;
+
}
+
#controlarea {
+
width:100% !important;
+
}
+
*/
+
+
/* sidebar box */
+
/*
+
#sidebar {
+
float:left;
+
height:100%;
+
width:100%;
+
}
+
*/
+
+
/* sidebar - horiz scroll */
+
/*
+
.rich-tree {
+
overflow-x:hidden;
+
overflow-y:auto;
+
}
+
*/
+
/* **** **** **** **** **** **** **** **** **** ****  */
+
 
  /* add horiz scrollbar to sidebar */
 
  /* add horiz scrollbar to sidebar */
 
  .rich-tree {
 
  .rich-tree {
Line 156: Line 35:
 
  }
 
  }
 
   
 
   
/* */
 
/* sidebar + centerarea
 
#contentarea {
 
float:left;
 
margin-bottom:0;
 
white-space:nowrap;
 
width:81%;
 
}
 
*/
 
/* **** **** **** **** **** **** **** **** **** ****  */
 
 
  /* adjust main window size */
 
  /* adjust main window size */
 
  #contentarea {
 
  #contentarea {

Revision as of 23:53, 4 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

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

}
Personal tools