Post Reply 
heise.de FF userContent.css customization with proxo instead?
Aug. 24, 2008, 08:44 AM
Post: #1
heise.de FF userContent.css customization with proxo instead?
Hi,

Please excuse the stupid question but I am completely new to css Dead.
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 Smile!
Quote this message in a reply
Aug. 24, 2008, 03:01 PM
Post: #2
RE: heise.de FF userContent.css customization with proxo instead?
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 Smile!
Visit this user's website
Add Thank You Quote this message in a reply
Aug. 24, 2008, 07:13 PM
Post: #3
RE: heise.de FF userContent.css customization with proxo instead?
Yay! That's too good to be true Big Teeth Big Teeth Big Teeth
Kye-U you're such a great guy.. thanks a million times for all your efforts to keep the proxomitron spirit alive! Smile!

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

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

Thanks again and Yours faithfully Hail,
Andy aka. John
Quote this message in a reply
Jan. 01, 2009, 08:14 PM
Post: #4
RE: heise.de FF userContent.css customization with proxo instead?
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?
Add Thank You Quote this message in a reply
Jan. 03, 2009, 07:48 PM
Post: #5
RE: heise.de FF userContent.css customization with proxo instead?
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.
Add Thank You Quote this message in a reply
Jan. 04, 2009, 09:24 AM
Post: #6
RE: heise.de FF userContent.css customization with proxo instead?
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.
Add Thank You Quote this message in a reply
Jan. 04, 2009, 11:02 AM
Post: #7
RE: heise.de FF userContent.css customization with proxo instead?
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)
Add Thank You Quote this message in a reply
Jan. 04, 2009, 09:23 PM
Post: #8
RE: heise.de FF userContent.css customization with proxo instead?
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; }


Attached File(s)
.png  slashdot.PNG (Size: 48.89 KB / Downloads: 602)
Add Thank You Quote this message in a reply
Post Reply 


Forum Jump: