/*
 * $Id:$
 * Custom style-sheet stuffs for the Ruby book in HTML form.
 * Copyright (c) 2007,2008 Radek Hnilica
 * All rights reserved.  Všechna práva vyhrazena.
 */

/*
body
{
	background: white;
	//margin:	0.5in;
	//font-family: arial,helvetica,sans-serif;
}

h1.title {
	font-size: 250%;
	font-style: normal;
	font-weight: bold;
	color: black;
}*/

body {
	margin:	0.5in;
        background: white;
}

/*.literallayout, .programlisting, .screen {
	margin: 1em 0.5in;
}*/

/*.literallayout {
	padding: 3px;
	background: #F1F1F1;
        border: #E0E0E0 dashed 1px;
        padding: 2px;
}*/

/*.programlisting {
	color: darkblue;
	background: #EFFFEF;
	border: #C0F0C0 dashed 1px;
	padding: 2px;
}*/

/* Externí linky */
a[href ^= "http:"], a[href ^= "https:"] {padding-right: 13px; background: url(images/ext-11.png) right 0 no-repeat;}

/* Licence v zápatí strany */
div.cc {
    font-size: 70%;
    /*border: 1px solid #ddd;*/
}

/*
 * Zobrazení ukázek na obrazovce, tedy tag <screen>.
 * Snažíme se napodobnit hastorickou monochromatickou (zelenou) obrazovku.
 */
.screen {
    background: #002800; color: #00C800;
    margin: 30px 40px; padding: 0.8em;
    border-radius: 0.6em;
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
}
.screen .command { color: rgb(16,255,75); }
.screen .prompt { color: #00C800; /*rgb(0,192,152)*/ }
.screen .replaceable { color: rgb(225,225,12); /*rgb(255,232,152)*/ }

/*
 * Zobrazení <literallayout role="monospaced"> které se transformuje
 * do <pre class="literallayout">.
 */
pre.literallayout {
    background: url(images/lined_paper.gif);
    margin: 30px 40px;  padding: 20px 1em 1em 3em;
    border: 0px none; border-left: 1px solid #ccc;
    font-family: monospace;
    color: #008; font-size: 14px;  line-height: 20px;
    overflow: auto;
}

/*
 * Zobrazení výpisů programů zapisovaných <programlisting>.  Tyto se
 * transformují do <pre class="programlisting">
 */
pre.programlisting {
    margin: 30px 40px;  padding: 0px 1em;
    border: 0px none;
    border-left: 1px dashed #ccc;  border-right: 1px dashed #ccc;
    background: url(images/programlisting.png);
    font-family: monospace;
    color: #333; font-size: 14px; line-height: 20px;
}

/*
 * Tag <literallayout></...> se transformuje na <div class="literallayout"></div>
 */
div.literallayout {
    background: url(images/srafy.gif);
    border: 1px solid #ddd; border-left: 8px solid #ddd;
    margin: 20px 40px;  padding-left: 20px;
}

/*
 * Ukázky kódu zapisované jako
 *   <example>
 *     <title></title>
 *     <programlisting>
 *     </programlisting>
 *   </example>
 *
 * Generují kód
 *  <div class="example">
 *    <a name=""></a>
 *    <p class="title"><b>TITULEK</b></p>
 *    <div class="example-contents">
 *      <pre class="programlisting">...</pre>
 *    </div>
 *  </div>
 */
div.example pre.programlisting {
   /* Předefinujeme jen pár hodnot */
   border-left: 1px dashed #aaa;  border-right: 1px dashed #aaa;
}

/* Stylování komentářů v kódů.  Komentáře jsou zapisovány jako <emphasis role="comment"> */
pre.programlisting span.comment { color: #060; font-style: italic; }


/**/
span.remove { text-decoration: line-through; color: #888; }

/*
 * Local variables:
 * coding: utf-8
 * mode: css
 * End:
 */