How-To enhance Firefox with plugin - Stylish
From Krm
(Difference between revisions)
(→Stylish for UBNT AirControl) |
|||
Line 17: | Line 17: | ||
@namespace url(http://www.w3.org/1999/xhtml); | @namespace url(http://www.w3.org/1999/xhtml); | ||
− | @-moz-document domain(" | + | @-moz-document domain("aircontrol.keshav.com.np"), url-prefix("http://aircontrol.keshav.com.np") { |
/* whole doc box */ | /* whole doc box */ | ||
Line 37: | Line 37: | ||
} | } | ||
− | /* airControl Welcome .. box ... */ | + | /* airControl Welcome .. box ... */ |
− | /* | + | /* |
− | #header { | + | #header { |
− | clear:both; | + | clear:both; |
− | height:36px; | + | height:36px; |
− | width:100%; | + | width:100%; |
− | } | + | } |
− | */ | + | */ |
− | + | ||
− | /* airControl logo */ | + | /* airControl logo */ |
− | /* | + | /* |
− | #title { | + | #title { |
− | float:left; | + | float:left; |
− | margin-left:0; | + | margin-left:0; |
− | width:48%; | + | width:48%; |
− | } | + | } |
− | */ | + | */ |
− | /* **** **** **** **** **** **** **** **** **** **** */ | + | /* **** **** **** **** **** **** **** **** **** **** */ |
− | /* airControl height - no response*/ | + | /* airControl height - no response*/ |
− | /* | + | /* |
− | #title { | + | #title { |
− | height: 35px !important; | + | height: 35px !important; |
− | } | + | } |
− | */ | + | */ |
− | + | ||
− | /* Welcome ... Settings ... Logout */ | + | /* Welcome ... Settings ... Logout */ |
− | /* | + | /* |
− | .welcomeNav { | + | .welcomeNav { |
− | color:#CCCCCC; | + | color:#CCCCCC; |
− | font-family:Verdana,Arial,sans-serif; | + | font-family:Verdana,Arial,sans-serif; |
− | margin-bottom:10px; | + | margin-bottom:10px; |
− | margin-left:12px; | + | margin-left:12px; |
− | size:10px; | + | size:10px; |
− | } | + | } |
− | */ | + | */ |
− | + | ||
− | /* ... Device .... Firmware ... System Log */ | + | /* ... Device .... Firmware ... System Log */ |
− | /* | + | /* |
− | #tabsDiv { | + | #tabsDiv { |
− | float:right; | + | float:right; |
− | height:26px; | + | height:26px; |
− | margin:0; | + | margin:0; |
− | padding:20px 0 0; | + | padding:20px 0 0; |
− | width:48%; | + | 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 Devices | Firmware | System Log */ |
− | /* | + | /* |
− | #tabs { | + | #tabs { |
− | float:right; | + | float:right; |
− | height:26px; | + | height:26px; |
− | list-style-type:none; | + | list-style-type:none; |
− | margin:0 -5px; | + | margin:0 -5px; |
− | position:relative; | + | position:relative; |
− | width:243px; | + | width:243px; |
− | z-index:4; | + | z-index:4; |
− | } | + | } |
− | */ | + | */ |
− | + | ||
− | + | ||
− | /* black box that holds Scan ...Total, sidebar and main box- with ? */ | + | /* black box that holds Scan ...Total, sidebar and main box- with ? */ |
− | /* | + | /* |
− | #container{ | + | #container{ |
− | clear: both; | + | clear: both; |
− | float: left; | + | float: left; |
− | height: 100%; | + | height: 100%; |
− | } | + | } |
− | */ | + | */ |
− | /* **** **** **** **** **** **** **** **** **** **** */ | + | /* **** **** **** **** **** **** **** **** **** **** */ |
− | /* adjust main window size - not used */ | + | /* adjust main window size - not used */ |
− | /* | + | /* |
− | #container{ | + | #container{ |
− | width: 100% !important; | + | width: 100% !important; |
− | } | + | } |
− | */ | + | */ |
− | + | ||
− | + | ||
− | /* Scan .. Total... box */ | + | /* Scan .. Total... box */ |
− | /* | + | /* |
− | #controlarea { | + | #controlarea { |
− | float:left; | + | float:left; |
− | min-width:892px; | + | min-width:892px; |
− | padding-bottom:3px; | + | padding-bottom:3px; |
− | vertical-align:top; | + | vertical-align:top; |
− | width:100%; | + | width:100%; |
− | } | + | } |
− | #controlarea { | + | #controlarea { |
− | width:100% !important; | + | width:100% !important; |
− | } | + | } |
− | */ | + | */ |
− | + | ||
− | /* sidebar box */ | + | /* sidebar box */ |
− | /* | + | /* |
− | #sidebar { | + | #sidebar { |
− | float:left; | + | float:left; |
− | height:100%; | + | height:100%; |
− | width:100%; | + | width:100%; |
− | } | + | } |
− | */ | + | */ |
− | + | ||
− | /* sidebar - horiz scroll */ | + | /* sidebar - horiz scroll */ |
− | /* | + | /* |
− | .rich-tree { | + | .rich-tree { |
− | overflow-x:hidden; | + | overflow-x:hidden; |
− | overflow-y:auto; | + | overflow-y:auto; |
− | } | + | } |
− | */ | + | */ |
− | /* **** **** **** **** **** **** **** **** **** **** */ | + | /* **** **** **** **** **** **** **** **** **** **** */ |
− | /* add horiz scrollbar to sidebar */ | + | /* add horiz scrollbar to sidebar */ |
− | .rich-tree { | + | .rich-tree { |
− | overflow-x:auto !important; | + | overflow-x:auto !important; |
− | } | + | } |
− | + | ||
− | /* */ | + | /* */ |
− | /* sidebar + centerarea | + | /* sidebar + centerarea |
− | #contentarea { | + | #contentarea { |
− | float:left; | + | float:left; |
− | margin-bottom:0; | + | margin-bottom:0; |
− | white-space:nowrap; | + | white-space:nowrap; |
− | width:81%; | + | width:81%; |
− | } | + | } |
− | */ | + | */ |
− | /* **** **** **** **** **** **** **** **** **** **** */ | + | /* **** **** **** **** **** **** **** **** **** **** */ |
− | /* adjust main window size */ | + | /* adjust main window size */ |
− | #contentarea { | + | #contentarea { |
− | width:100% !important; | + | width:100% !important; |
− | } | + | } |
− | + | ||
− | } | + | } |
− | + |
Revision as of 21:43, 4 January 2010
Contents |
How-To enhance Firefox with plugin - Stylish
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("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 */ #document { margin:5px auto 0 !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 */ #tabsDiv { 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 */ .rich-tree { overflow-x:auto !important; } /* */ /* sidebar + centerarea #contentarea { float:left; margin-bottom:0; white-space:nowrap; width:81%; } */ /* **** **** **** **** **** **** **** **** **** **** */ /* adjust main window size */ #contentarea { width:100% !important; } }