heise.de FF userContent.css customization with proxo instead?

[Guest]

Hi,

Please excuse the stupid question but I am completely new to css .
I am using the following code in my Firefox userContent.css to enhance heise.de:

Code:

@namespace url(http://www.w3.org/1999/xhtml);



@-moz-document domain("heise.de")

{

  body

  {

    background: #F8F8F8 !important;

  }

  div#navi_top

  {

    clear: both !important;

  }

  div#container

  {

    position: relative !important;

    top: -90px !important;

    width: 80% !important;

    margin: 0 auto !important;

  }

  div#container_content

  {

    background: #FFF !important;

    width: 100% !important;

    margin: 0;

    border: 1px solid #CCC;

  }

  div#login_suche input#q.textfield

  {

    width: 15em !important;

  }

  div.news_topteaser, div.trennlinie_6px, div.readspeaker, div.news_logo, h4#breadcrumb

  {

    display: none !important;

  }

  div#mitte

  {

    width:100% !important;

    margin-left: 0 !important;

    background: none !important;

  }

  div#mitte_links

  {

    width: 100% !important;

    background: none !important;

  }

  div#mitte_rechts

  {

    width: 0px !important;

    display: none !important;

  }

  div#mitte_news *

  {

    font-size: 1em !important;

    line-height: 1.35em !important;

  }

  div#mitte_news h1

  {

    font-size: 1.5em !important;

    line-height: 1.1em !important;

  }

  div.anrissliste h3

  {

    font-size: 1.2em !important;

    margin-bottom: 0.15em !important;

  }

  div.anrissliste p

  {

    margin-bottom: 1.5em !important;

  }

  span.bild_links, span.bild_rechts

  {

    margin-bottom: 0.5em !important;

  }

  div#mitte_news > a:visited

  {

    color: #BBB !important;

  }

  div#sitemap

  {

    display: none !important;

  }

  p.news_option

  {

    position: relative !important;

    top: 4em !important;

  }

  p.news_option a

  {

    font-size: 0.9em !important;

  }

  p.news_foren

  {

    position: relative;

    top: -2em !important;

  }

  ul.forum_navi li

  {

    margin-left: 0.5em !important;

  }

  ul.forum_navi li a

  {

    text-decoration: none !important;

  }

  ul.forum_navi li a:hover

  {

    text-decoration: underline !important;

  }



  div#bannerzone, div#bannerzone_top, div.cadv, div.cadv_start, div.bcadv, div.bcadv_start, div.adbottom, .banner, .sky, .skyscraper, .heise_advert, table.druck, .ISI_IGNORE

  {

    display: none !important;

  }

  div.meldung_wrapper p .ISI_IGNORE

  {

    display: inline !important;

  }

}



@-moz-document url-prefix("http://www.heise.de/ix/"),url-prefix("http://www.heise.de/mobil/"),url-prefix("http://www.heise.de/security/"),url-prefix("http://www.heise.de/netze/"),url-prefix("http://www.heise.de/open/"),url-prefix("http://www.heise.de/foto/"),url-prefix("http://www.heise.de/events/")

{

  div#container_content

  {

    width: 60em !important;

  }

  div#mitte

  {

    width: 47em !important;

  }

}



@-moz-document url-prefix("http://www.heise.de/foto/")

{

  body

  {

    background: #000 !important;

  }

  div#mitte

  {

    width: 60em !important;

    background: transparent url(http://www.heise.de/foto/icons/hintergrund_mitte.gif) repeat-y scroll 73% 0 !important;

  }

  div#mitte_links

  {

    width: 70% !important;

  }

  div#mitte_rechts

  {

    display: block !important;

    width: 27% !important;

  }

  p.news_option, p.news_foren

  {

    top: 0 !important;

  }

}



@-moz-document url-prefix("http://www.heise.de/ct/tv/")

{

  .ISI_IGNORE

  {

    display: block !important;

  }

}

@-moz-document url-prefix("http://www.heise.de/tp/")

{

  td.f-content

  {

    width: 70% !important;

  }

}



@-moz-document url-prefix("http://www.heise.de/events/")

{

  div#container

  {

    top: 0 !important;

  }

  div#mitte

  {

    position: relative !important;

    top: 20px;

    width: 47em !important;

  }

}



@-moz-document url-prefix("https://www.heise.de/abo/")

{

  div#container

  {

    top: 0px !important;

  }

}

credits: http://userstyles.org/styles/9597

How would I have to alter this code to include it as css in proxo instead of including it in the userContent.css?


Thanks for any help & regards,
Andy

P.S.: I think it is great that guest posting is enabled

[Kye-U]

Code:

[Patterns]
Name = "Heise.de CSS - Retro Style"
Active = TRUE
URL = "([^.]+.|)heise.de$TYPE(htm)"
Limit = 82
Match = "<link href="/stil/drucken.css" rel="stylesheet" type="text/css" media="print" />"
        "|$URL(http://([^.]+.|)heise.de/(ix|mobil|security|netze|open|foto|events)/)$SET(1="
        "  div#container_content"
        "  {"
        "    width: 60em !important;"
        "  }"
        "  div#mitte"
        "  {"
        "    width: 47em !important;"
        "  })"
        "|$URL(http://([^.]+.|)heise.de/foto/)$SET(1=\1"
        "  body"
        "  {"
        "    background: #000 !important;"
        "  }"
        "  div#mitte"
        "  {"
        "    width: 60em !important;"
        "    background: transparent url(http://www.heise.de/foto/icons/hintergrund_mitte.gif) repeat-y scroll 73% 0 !important;"
        "  }"
        "  div#mitte_links"
        "  {"
        "    width: 70% !important;"
        "  }"
        "  div#mitte_rechts"
        "  {"
        "    display: block !important;"
        "    width: 27% !important;"
        "  }"
        "  p.news_option, p.news_foren"
        "  {"
        "    top: 0 !important;"
        "  }"
        ")"
        "|$URL(http://([^.]+.|)heise.de/ct/tv/)$SET(1="
        "  .ISI_IGNORE"
        "  {"
        "    display: block !important;"
        "  })"
        "|$URL(http://([^.]+.|)heise.de/tp/)$SET(1="
        "    td.f-content"
        "  {"
        "    width: 70% !important;"
        "  })"
        "|$URL(http://([^.]+.|)heise.de/events/)$SET(1="
        "  div#container"
        "  {"
        "    top: 0 !important;"
        "  }"
        "  div#mitte"
        "  {"
        "    position: relative !important;"
        "    top: 20px;"
        "    width: 47em !important;"
        "  })"
        "|$URL(http://([^.]+.|)heise.de/abo/)$SET(1="
        "  div#container"
        "  {"
        "    top: 0px !important;"
        "  })"
Replace = "<link href="/stil/drucken.css" rel="stylesheet" type="text/css" media="print" />\r\n\r\n"
          ""
          "<style type="text/css">"
          "  body"
          "  {"
          "    background: #F8F8F8 !important;"
          "  }"
          "  div#navi_top"
          "  {"
          "    clear: both !important;"
          "  }"
          "  div#container"
          "  {"
          "    position: relative !important;"
          "    top: -90px !important;"
          "    width: 80% !important;"
          "    margin: 0 auto !important;"
          "  }"
          "  div#container_content"
          "  {"
          "    background: #FFF !important;"
          "    width: 100% !important;"
          "    margin: 0;"
          "    border: 1px solid #CCC;"
          "  }"
          "  div#login_suche input#q.textfield"
          "  {"
          "    width: 15em !important;"
          "  }"
          "  div.news_topteaser, div.trennlinie_6px, div.readspeaker, div.news_logo, h4#breadcrumb"
          "  {"
          "    display: none !important;"
          "  }"
          "  div#mitte"
          "  {"
          "    width:100% !important;"
          "    margin-left: 0 !important;"
          "    background: none !important;"
          "  }"
          "  div#mitte_links"
          "  {"
          "    width: 100% !important;"
          "    background: none !important;"
          "  }"
          "  div#mitte_rechts"
          "  {"
          "    width: 0px !important;"
          "    display: none !important;"
          "  }"
          "  div#mitte_news *"
          "  {"
          "    font-size: 1em !important;"
          "    line-height: 1.35em !important;"
          "  }"
          "  div#mitte_news h1"
          "  {"
          "    font-size: 1.5em !important;"
          "    line-height: 1.1em !important;"
          "  }"
          "  div.anrissliste h3"
          "  {"
          "    font-size: 1.2em !important;"
          "    margin-bottom: 0.15em !important;"
          "  }"
          "  div.anrissliste p"
          "  {"
          "    margin-bottom: 1.5em !important;"
          "  }"
          "  span.bild_links, span.bild_rechts"
          "  {"
          "    margin-bottom: 0.5em !important;"
          "  }"
          "  div#mitte_news > a:visited"
          "  {"
          "    color: #BBB !important;"
          "  }"
          "  div#sitemap"
          "  {"
          "    display: none !important;"
          "  }"
          "  p.news_option"
          "  {"
          "    position: relative !important;"
          "    top: 4em !important;"
          "  }"
          "  p.news_option a"
          "  {"
          "    font-size: 0.9em !important;"
          "  }"
          "  p.news_foren"
          "  {"
          "    position: relative;"
          "    top: -2em !important;"
          "  }"
          "  ul.forum_navi li"
          "  {"
          "    margin-left: 0.5em !important;"
          "  }"
          "  ul.forum_navi li a"
          "  {"
          "    text-decoration: none !important;"
          "  }"
          "  ul.forum_navi li a:hover"
          "  {"
          "    text-decoration: underline !important;"
          "  }"
          "  div#bannerzone, div#bannerzone_top, div.cadv, div.cadv_start, div.bcadv, div.bcadv_start, div.adbottom, .banner, .sky, .skyscraper, .heise_advert, table.druck, .ISI_IGNORE"
          "  {"
          "    display: none !important;"
          "  }"
          "  div.meldung_wrapper p .ISI_IGNORE"
          "  {"
          "    display: inline !important;"
          "  }"
          "\1"
          "</style>"

Here you go

[Guest]

Yay! That's too good to be true
Kye-U you're such a great guy.. thanks a million times for all your efforts to keep the proxomitron spirit alive!

Your filter is working just perfect! Another web2.0 crap-invention beaten by proxomitron

You might consider changing the name of this board to "The Best Proxomitron Forum EVER"
Going to reg myself and try to contribute to the community from now on.

Thanks again and Yours faithfully ,
Andy aka. John

[bugger]

Is there a possible way to make this more generic?

I have like 20 userstyles.org customization and would to make them all work in proxo. Proxo has the advantage it doesn't need to download element where {display:none!important } and much faster.

I think having put the CSS file the my_html folder and have proxo past over them?

[lnminente]

With my HTML zone filters, you can edit the "Start filters" adding a line to the part inserting style sheets

Code:

<!-- Inserting Style Sheet -->\r\n
<link rel="stylesheet" type="text/css" href="http://Local.ptron/Proxomitron.css" />\r\n

If you use Sidki's i think it has exclusively a filter for inserting user styles.

[bugger]

Oh really that would handy.

Fount this in

Quote:prox_menu.txt

Toggle "xxx" CSS:
Disables/enables all stylesheets - except the Proxomitron ones. "xxx" shows
the number of external and inline CSS entities - minus ours - including those
that are disabled by default (e.g. thru the "alternate stylesheet" flag).

That leads to try out the "toggle CSS" on the prox menu. No luck.

[whenever]

You need to insert it firstly in IncludeExclude-U.ptxt.

Code:

## insert user stylesheet            $SET(sUserCSS=CSS_NAME)
##
## By default, CSS_NAME can be one of the three included W3C core styles:
## chocolate, oldstyle, or steely.
##
## You may also write your own CSS, prefix the filename with "user-", e.g.
## "user-janedoe.css", copy it to "html\sidki_h_xxxx-xx-xx\CSS\", and invoke
## it with an entry like:
## mysite.com/                    $SET(sUserCSS=janedoe)

[bugger]

Wow it works! However some site mess up.

I have the following code for slashdot. However the formating comes out all distorted.

Code:

body {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIAAACgoKCAgICwAAAAAKAAoAAACagQShprX65iMEdqH59VpUw9mH0d+IliG6dmx61u5JozOtnrTMr7w+38DBjW64miI9CWFKuUyZXRaosyMtCq5UhXb56Gr1Xp72PEDzEQXxeEyW52EK9lYelS+w7/sT75Un2O25QdESAMIUgAAOw==") !important;
        margin: 0 !important;
        padding: 5px 0 !important;
        border: none !important;
    }

    #frame, #doc3 {
        width: 900px !important;
        background: transparent !important;
        margin: 0 auto !important;
        padding: 0 !important;
        border: none !important;
    }

    #contents        { margin: 0.5em 0.8em !important; }    /* Align page items correctly     */
    #wrapper, #bd        { padding: 0 !important; }        /* Align navbar with header     */
    #topnav, #hd        { margin: 0 !important; }        /* Make header fit rest of page     */
    #articles, .yui-b    { margin: 0 !important; }        /* Remove space for right column */
    .yui-u            { margin: 0 !important; }        /* Remove space for left column     */

    #hd form input.query    { position: relative !important; top: -10px !important; }

    /* Widen comments column */
    #commentlisting        { padding: 1em 0em !important; }
    #commentlisting > li    { margin: 1em 0em !important; }
    span.current        { left: -0.3em !important; }        /* Adjust D2 arrow indentation     */

    /* Move the 'from the ... dept' text to a less space wasting location */
    div[id^="details"] > b { float: right !important; }
    div[id^="details"] { height: 19px !important; padding: 3px 1em 0px 1em !important; }

    /* Removal of various elements */
    #links,                /* Sectionlinks on the left */
    .btmnav,            /* Footer navigation */
    .copyright,            /* Copyright statement */
    #ostgnavbar,            /* OSTG navbar on top (when not logged in, if it's even visible then) */
    #slashboxes,            /* Feed boxes */
    #footer, #ft,            /* Footer */
    div[id^="fad"],            /* Advertisements */
    #floating-slashbox-ad,        /* Ugly empty iframe that pops up when clicking a link */
    div[id^="details"] > br,    /* Remove the new line for the 'from the ... dept' text */
    div[class^="tag-widget"],    /* Tags below article (when not logged in and until slashdot preference is working for members ) */
    #hd > form input[type="submit"],/* Search button */
    .ad1, .ad2, .ad3, .ad4, .ad5, .ad6 { display: none !important; }

    /* Remove advertisement indentation on the right of first articles */
    #art1,
    #art2,
    #slink1,
    #slink2,
    #slink1 .comments,
    #slink2 .comments { margin-right: 0px !important;  }

    #indexhead { margin: 0px !important; padding: 0 !important; }

Anything to do with

Code:

@-moz-document url-prefix(http://slashdot.org/firehose.pl) {

    #hd form input.query    { position: relative !important; top: 0px !important; }