source: documentation/trunk/packages/dokuwiki-2011-05-25a/lib/plugins/code/syntax_plugin_code.css@ 25027

/*  $Id: syntax_plugin_code.css,v 1.13 2008/07/22 09:22:45 matthias Exp $

    Cascading Style Sheet for CODE syntax plugin
    Copyright (C) 2006, 2008  M.Watermann, D-10247 Berlin, FRG
    EMail : <[email protected]>

    --- using mostly web-safe colours ---

    NOTE:
        The file "syntax_plugin_code.css" is _not_ used by DokuWiki!
        It is provided for informational purposes only.
        If you want to change the styling rules either change the settings
        in the file "style.css" or rename this file to "style.css".
*/

/*  The main preformatted block containing the highlighted code.
 */
div.dokuwiki pre.code,
pre.code,
div.dokuwiki pre.console,
pre.console {
    border:         thin dotted #ccc;
    margin:         1ex 0;
    line-height:    1.33;
    overflow:       auto;
    text-indent:    0;  /* for code snippets in footnotes */
    max-height:     40em;
    max-width:      99%;
}
div.dokuwiki pre.code,
pre.code {
    background: #fcfdfe none;
    color:      #000;
    padding:    0.4ex;
}

/*  The various code parts */

/*  DIFF (patch file) highlighting
    (Note: This are the same classnames as used with the DIFF syntax plugin.)
*/
.code .diff_addedline {
    background: #cfc none;
    color:      #000;
}
.code .diff_blockheader {
    background: #ccf none;
    color:      #000;
}
.code .diff_deletedline {
    background: #fcc none;
    color:      #000;
}

/*  Other code fragments.
 */
.code .br0 {
    background: inherit;
    color:  #369;
}
.code .co1,
.code .co2,
.code .coMULTI,
.code .kw2,
.code .lno {
    font-style: italic;
}
.code .br0,
.code .co2,
.code .es0,
.code .kw1,
.code .kw2,
.code .kw3,
.code .lno {
    font-weight:    600;
}
.code .co1,
.code .co2,
.code .coMULTI {
    background: inherit;
    color:      #666;
}
.code .es0 {
    background: inherit;
    color:      #c09;
}
.code .imp {
    background: inherit;
    color:      #909;
}
.code .kw1 {
    background: inherit;
    color:      #903;
}
.code .kw2 {
    background: inherit;
    color:      #036;
}
.code .kw3 {
    background: inherit;
    color:      #309;
}
.code .kw4 {
    background: inherit;
    color:      #933;
}
.code .kw5 {
    background: inherit;
    color:      #00f;
}
.code .lno {
    background: inherit;
    color:      #999;
    font-size:  smaller;
}
.code .me0 {
    background: inherit;
    color:      #060;
}
.code .nu0 {
    background: inherit;
    color:      #939;
}
.code .re0 {
    background: inherit;
    color:      #606;
}
.code .re1 {
    background: inherit;
    color:      #660;
}
.code .re2 {
    background: inherit;
    color:      #063;
}
.code .re3 {
    background: inherit;
    color:          #963;
    font-style:     italic;
    font-weight:    400;
}
.code .re4 {
    background: inherit;
    color:      #099;
}
.code .sc0 {
    background: inherit;
    color:      #069;
}
.code .sc1 {
    background: inherit;
    color:      #960;
}
.code .sc2 {
    background: inherit;
    color:      #090;
}
.code .st0 {
    background: inherit;
    color:      #900;
}
.code .sy0 {
    background: inherit;
    color:      #6c6;
}
pre.code a {
    border:     none;
}

/*  Pseudo language "console".
 */
div.dokuwiki pre.console,
pre.console {
    background:     #333 none;
    color:          #fff;
    font-weight:    900;
    padding:        0.4ex 0.3ex 0.6ex 0.6ex;
}
div.dokuwiki pre.console .lno,
pre.console .lno {
    background:     inherit;
    color:          #cff;
    font-size:      smaller;
    font-style:     italic;
}

/*  Footer/header related settings.
 */
div.code {
    margin:     0.4ex 0;    /* We use both to support even ... */
    padding:    0.4ex 0;    /* ... broken browsers like M$IE. */
}
div.code pre.code {
    margin:     0;  /* PRE inside DIV doesn't need a margin */
}
div.code p.codehead,
div.code p.codefoot {
    color:      #030;
    background: inherit;
    line-height:    1.33;
    text-align: left;
    padding:    0 0 0 1ex;
}
div.code p.codehead {
    margin:     0.6ex 0 0 0;
    text-decoration:    underline;
}
div.code p.codefoot {
    margin:     0 0 0.6ex 0;
    text-decoration:    underline;
}

/*  Classes to toggle visibility.
    The following settings are used only via JavaScript.
*/

/*  Graphical indicators for toggleable elements.
 */
div.code p.codeHidden {
    background-image:   url(img/plus-11x11.gif);
}
div.code p.codeShown {
    background-image:   url(img/minus-11x11.gif);
}
div.code p.codeHidden,
div.code p.codeShown {
    padding-left:   13px;
    background-repeat:  no-repeat;
    background-position: 0 50%; /* left middle */
    cursor:     pointer;
}

/*  Graphical feedback to indicate the clickable elements.
 */
div.code p.codeHidden:hover,
div.code p.codeShown:hover {
    background-color:   #ddffdd;
    color:      #030;
    text-decoration:    none;
}

div.code pre.codeHidden {
    display:    none;
}
div.code pre.codeShown {
    display:    block;
}

/*  An alternative to switching ON/OFF the whole block
    could be to set the max-height property, e.g.:

div.code pre.codeHidden {
    max-height: 3em;
}
div.code pre.codeShown {
    max-height: 50em;
}
*/

/* _EoF_ */