comment on

Stylish - perldoc.perl.org - dynamic width pages

Or, this code can be appended to your userContent.css file (create if necessary). The file should be found/created in your FF profile's chrome directory.

What it does:

Disables the fixed-width page rules!
Prevents the title bar from jumping down the page at you even without saving a cookie or disabling javascript!
Rearranges the sidebars to take up less room. (The docs are now quite readable even with only a 500px wide window)
Moves the search box to the top left to allow window resizing
Removes graphics which looked bad when resizing

Note: This is surely ham-fisted CSS work, since I've never really done much CSS before, but it looks good on my FFv3, and does what it was intended to do. (points 1 and 2 above)

/* **********  perldoc.perl.org Fixes **********/ 
/* @group Layout */
@-moz-document domain(perldoc.perl.org) {
body {
    background-color: #FFFFFF!important;/*#1d3648;*/
}

div#page {
    background-color: #FFFFFF!important;
    width: auto !important; /*    width: 985px; */
}

/* @group Header */
div#header {
    background-image: url(combined-20090722.png)  !important;
    width: auto!important;/*985px;*/
    height: 0px!important;
}

/* @group Homepage link */
div#homepage_link {
    width: auto!important;/*340px;*/
}

/* @group Search form */
label.overTxtLabel {
    color: #404040!important;
    margin-top: 0px!important;
    margin-left: 0px!important;
}

div#search_form {
    top: 1px!important; /*48px;*/
    left: 16px !important;/*810px;*/
    float: left!important;
    width: 115px;
}

div#search_form input {
    border-style: solid!important;
    width: 130px!important;
    left: 5px;
}

/* @group Body */
div#body {
    background-image: url(X) !important; /*url(page_bg.png);*/
}

div#left_column {
    position: absolute;
    left: 0px;
    top: 50px;
}

div#centre_column {
    float: right !important;
    width: auto !important;
    left: 160px !important;
    top: 5px;
    position: absolute !important;
    background-color: #ffffff;
}

div#right_column {
    position: absolute;
    left: 8px;
    top: 1000px;
}

/* @group Footer */
div#footer {
    width: auto !important;
    background: url(X) !important;/*url(combined-20090722.png) 0 -105p
+x;*/
}

/* @group Content */
/* @group Header */
div#content_header {
    background: url(X) !important;
    top: 0;
    width: auto!important; /*648px;*/
    height: 90px;
    z-index: -1!important;
}

/* @group Title bar */
div#title_bar {
    height: 53px;
    position: relative;
    width: auto !important; /*648px;*/
    max-width: 648px;
}

/* @group Body */
div#content_body {
    color: #262626;
    position: relative;
    top: 0px;
    width: auto !important;
    background-image: url(X) !important;/*url(center_bg.png);*/
}

div.noscript {
    height: 0px;
    text-align: center;
    padding: 10px;
    margin-bottom: 15px;
    border: 5px solid #dc4c24;
    margin-right: 15px;
    margin-left: 15px;
}

/* @group Footer */
div#content_footer {
    height: 0px!important; /*height: 10px;*/
    width: auto!important;/*648px;*/
    background: url(X)!important;/* url(combined-20090722.png) 0 -206p
+x;*/
}
}
[download]

In reply to How to make perldoc.perl.org resizable too! by SuicideJunkie
in thread perldoc.perl.org -- keep the navigation header out of your way by hobbs

Are you posting in the right place? Check out Where do I post X? to know for sure.
Posts may use any of the Perl Monks Approved HTML tags. Currently these include the following:
<code> <a> <b> <big> <blockquote> <br /> <dd> <dl> <dt> <em> <font> <h1> <h2> <h3> <h4> <h5> <h6> <hr /> <i> <li> <nbsp> <ol> <p> <small> <strike> <strong> <sub> <sup> <table> <td> <th> <tr> <tt> <u> <ul>
Snippets of code should be wrapped in <code> tags not <pre> tags. In fact, <pre> tags should generally be avoided. If they must be used, extreme care should be taken to ensure that their contents do not have long lines (<70 chars), in order to prevent horizontal scrolling (and possible janitor intervention).
Want more info? How to link or How to display code and escape characters are good places to start.


Syntactic Confectionery Delight
	PerlMonks