/*
  Zestaw stylów CSS używanych w całej dokumentacji ćwiczeń
*/

html {
    background-color: #eaefe0;
}

body {
/*    
    border-left: 2px solid #0000a0;
    background-color: #fafff0;
*/
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8em;
    padding-left: 1cm;
    padding-right: 1cm;
    padding-top: 1ex;
    padding-bottom: 1ex;
    background-color: #fefefe;

    width: 128ex;

}

/* informacje o autorstwie */
address {
    font-size: small; 
    text-align: right;
}

body>address {
    margin-top: 1em;
    border-top: 1px solid black;
    padding-top: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid black;
    padding-bottom: 1em;
}

/* warunki udostępniania i korzystania z materiałów */
.thanks,
.licencja  {
    font-family: sans-serif; 
    font-size: small;
}

/* spisy treści na początku rozdziałów */
.spis-tresci ul,
.spis-tresci ol {
    font-size: small; font-style: italic}
/* spis treści: centrowana lista haseł pod nagłówkiem rozdziału zamiast klasycznego wyliczenia */
.spis-tresci ul,
.spis-tresci ol {
    text-align: center; display: block; margin-left: -3em}
.spis-tresci ul li,
.spis-tresci ol li {
    margin-top: 0px; margin-bottom: 0px; display: inline}
.spis-tresci ul ul,
.spis-tresci ol ul,
.spis-tresci ol ol {display: none}
.spis-tresci ul li + li:before, 
.spis-tresci ol li + li:before, 
.spis-tresci ul ul + li:before,
.spis-tresci ol ul + li:before,
.spis-tresci ol ol + li:before {content: "\20\20\2022\20\20"}
/* */

ol.numbered {counter-reset: list-xitem} 
ol.numbered>li.nonumber {list-style-type: disc;}
ol.numbered>li.nonumber:before {counter-increment: none; content: ""; margin-left: 0em}

ol.numbered>li.nonumber li {list-style-type: circle}
ol.numbered>li.nonumber li:before {counter-increment: none; content: ""; margin-left: 1em}

ol.numbered>li {list-style-type: none}
ol.numbered>li:before {counter-increment: list-xitem; content: counter(list-xitem) ".\20"; margin-left: -1em}

ol.numbered>li li {list-style-type: none}
ol.numbered>li ul,
ol.numbered>li ol {counter-reset: list-xiitem}
ol.numbered>li li:before {counter-increment: list-xiitem; content: counter(list-xitem) "." counter(list-xiitem) ".\20"; margin-left: -1em}


/* elementy nawigacyjne */
.nawigacja {
    font-size: 8pt; 
    font-family: sans-serif; 
    border-bottom: 1px solid black;
    padding-bottom: 1em;
    padding-top: 1em;
}
.nawigacja span.href {
    color: #000080; 
    text-decoration: none;
}
.nawigacja span.href:hover {
    text-decoration: underline;
}
.nawigacja span,
.nawigacja a {
    margin-left: 0.25ex;
    margin-right: 0.25ex;    
}

/* podtytuł */
div.podtytul {font-size: large; font-weight: bold; margin-bottom: 1ex}

/* motta rozdziałów */
.motto {margin-left: 50%; font-size: small}
.motto div {margin-bottom: 1ex}

/* przypisy */
.przypis {font-size: 70%}
ol.przypis {list-style-type: lower-latin}

/* polonizacja cytatów */
q:before {content: "\201e"}
q:after  {content: "\201d"}
q q:before {content: "\bb"}
q q:after  {content: "\ab"}
.termin:before {content: "\2018"}
.termin:after {content: "\2019"}

/* akapity */
p {
    margin-top: 1ex;
    margin-bottom: 1ex;
    text-indent: 0em;
    -text-align: justify;
}
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p,
blockquote p, li p, dd p, p.cont {
    text-indent: 0px;
}

/* obrazki */
.obrazek {text-align: center}
.ekspozycja-danych {text-align: center}
.obrazek p {text-align: left}
div.obrazek {
    margin-left: 1cm;
}

/* pomocnicze elementy graficzne */
.logo      {
    text-align: center; 
    font-size: small;
/*
    border-top: 1px solid black;
    padding-top: 1em
*/
}
.logo a img {border: 0px}

.comment {
    text-align: left; 
    font-size: small;
}

p a img, 
li a img {border: 0px}

.demo { 
    background-color: #d0d0d0;
    margin-top: 1em;
    margin-bottom: 1em;
}
.obrazek table caption,
.tabelka caption,
.demo caption {font-size: small; text-align: left; font-weight: bold }
.tabelka th,
.demo th {
    font-size: small; 
    font-weight: bold;  
    text-align: left; 
    padding-left: 1em;
}
.demo .wiadomosc-text td {color: navy; background-color: #00a0a0}
.demo .wiadomosc-bin td {color: navy; background-color: silver}

table.demo {font-size: 8pt;
    margin-left: 4em;
}
table.tabelka {
    font-size: small; 
    margin-left: 4em;
}

/* liczby w tabelach*/
td.num,
td.liczby,
*.liczby td {
    text-align: right;
    padding-left: 2pt;
    padding-right: 2pt;
}

/* wariant A: z paskami na marginesie */
/*
.przyklad,
.uzupelnienie,
.info,
.organizacyjne,
.obsolete,
.modern,
.manpages,
.dogalerii { 
    padding-left: 2em; 
    margin-left: 2em;
}

.organizacyjne,
.dogalerii,
.manpages,
.info {
    font-size: small;
}

.przyklad .obrazek,
.info .obrazek,
.uzupelnienie .obrazek {
    margin-left: -2em;
    padding: 1em;
}
.uzupelnienie { 
    border-left: 2px solid #0000a0;
}
.manpages { 
    border-left: 2px solid #0000a0;
}
.organizacyjne { 
    border-left: 2px solid #0000a0;
}
.przyklad { 
    border-left: 2px solid #a0a0a0;
}
.dogalerii { 
    border-left: 2px solid #00a000;
}
*/
/* wariant B: graficzny */

.przyklad,
.info,
.uzupelnienie,
.manpages,
.organizacyjne,
.obsolete,
.modern,
.szkodliwe,
.dogalerii {
    padding-left: 4em;
    margin-left: 0pt;
    padding-top: 14px; 
    padding-bottom: 14px;
    background-repeat: no-repeat;
    background-position: left top;
/*
    border-left: 2px solid #a0a0a0;
*/
}
blockquote pre {
/*
    background-image: url('../IMG/icons/large/icon_file.png');
*/
}    
.przyklad {
    background-image: url('../IMG/icons/large/icon_example.png');
}
.manpages {
    background-image: url('../IMG/icons/large/icon_manpage.png');
}
.uzupelnienie {
    background-image: url('../IMG/icons/large/icon_extended.png');
}
.info {
    background-image: url('../IMG/icons/large/icon_info.png');
}
.dogalerii {
    background-image: url('../IMG/icons/large/icon_gallery.png');
}
.organizacyjne {
    background-image: url('../IMG/icons/large/icon_org.png');
}
.obsolete {
    background-image: url('../IMG/icons/large/icon_old.png');
}
.modern {
    background-image: url('../IMG/icons/large/icon_new.png');
}

/* wyróżnia opisy elementów i stylów pracy sprzecznych z przyjętymi założeniami */
.szkodliwe {
    background-image: url('../IMG/icons/large/icon_bad.png');
    color: #555555;
}

/* wstępne szkice robocze -- niedokończone */
.szkicwstepny {
    color: #404040; 
    border-left: 2px solid #a0a0a0;
    padding-left: 2px;
}
.szkicwstepny:before {
    content: " "; 
    background-image: url('../IMG/icons/large/icon_sketch.png');
    background-repeat: no-repeat;
    background-position: left top;

}
div.szkicwstepny:before {
    display: block; 
    height: 50px;
}

/* prezentacja komunikatu wysłanego na standardowe wyjście programu */
.wydruk-na-terminal {font-size: small}

/* prezentacja zawartości plików */
.opis-pliku pre, pre.opis-pliku, object.opis-pliku {color: navy; background-color: #00a0a0}

/* prezentacja poleceń systemu operacyjnego -- w blokach przykładów */
.polecenie-systemowe { }

pre.polecenie-systemowe + pre.wydruk-na-terminal {margin-top: -1ex}

/* prezentacja opisu algorytmicznego */
.algorytm { }
.schemat { }
.blackbox { padding: 1em; border: 1px solid black; }

/* */
.specyfikacja-danych {
    font-size: small; 
    font-style: italic
}

/* przykłady poprawności */
.przykladDobry { color: #008000}
.przykladZly   { color: #a00000}

.przykladDobry pre,
.przykladZly pre {
    font-size: small;
    margin-top: 0pt;
    margin-bottom: 0pt;
}

/* nazwy oprogramowania oraz innych produktów markowych i ich producentów */
span.firma { }
span.marka {font-style: italic}

/* 
    Logo TeX-a, LaTeX-a i XeTeX-a są na tyle fikuśne, że warto scentralizować ich tworzenie 
    // Thanks to http://ctan.org/ctan-portal/skin/logos.css for that 
*/
.TeXLogo sub {
    text-transform: uppercase;
    font-size: 87%;
    vertical-align: -0.45ex;
    margin-left: -0.2em;
    margin-right: -0.1em;
    line-height: 0;
}
/*
    unfortunately, css cannot flip inlines
    Ǝ
*/
.TeXLogo span:before {content: "\018e"}
.TeXLogo span {
    font-size: 87%;
    vertical-align: -0.45ex;
    margin-left: -0.1em;
    line-height: 0;
}
.TeXLogo sup {
    text-transform: uppercase;
    font-size: 75%;
    vertical-align: 0.45ex;
    margin-left: -0.36em;
    margin-right: -0.15em;
}

/* 
  zwroty obcojęzyczne 
*/
/* wsparcie dla atrybutu lang (XHTML-1.0 i wcześniej) oraz klas lang-xx (użytkownika) */
/* xml:lang dla korzystania z XHTML-1.1 */
*[xml\:lang], 
*[lang],
.lang-en, .lang-x-lacina, .lang-fr, .lang-de, .lang-ru, .lang-gr {font-style: italic}

*[xml\:lang="pl"], 
*[lang="pl"], 
.lang-pl                        {font-style: normal}

/*
  ale jeżeli ,,język'' dotyczy kodu, to nie wyróżniaj
*/
code[xml\:lang], 
code[lang], 
pre[xml\:lang], 
pre[lang]                       {font-style: normal}

/* nazwiska autorów w bibliografiach i nie tylko */
span.bib-autor {font-variant: small-caps; font-weight: bold}

/* zdejmujemy podkreślenia z odsyłaczy -- OHYDA! */
a {text-decoration: none; color: #0000d0}
a:hover {text-decoration: underline; color: #008000}
a:visited {color: #600080}
a.local:after {content: "\00a0\00bb"}

/* rozdział z pytaniami kontrolnymi */
div.powtorka,
div#powtorka { display: block }
div.powtorka ol li,
div#powtorka ol li {}

/* w zwiazku z numeracja rozdzialow */

h1, h2, h3, h4 {
    padding-top: 1ex;
    padding-bottom: 0.5ex;
    padding-left: 1ex;
    margin-left: -1ex;
    border-bottom: 1px solid #000080;
}

h1:before,
h2:before,
h3:before,
h4:before {
    float: left;
    position: relative; 
    margin-left: -3.5cm;
    margin-right: -2cm;
    width: 2cm;
    padding-left: 10px;
    padding-right: 8px;
    border-bottom: 1px solid #000080;
    margin-top: -1ex;
    padding-top: 1ex;
    padding-bottom: 0.5ex;
}

.uzupelnienie h1:before,
.uzupelnienie h2:before,
.uzupelnienie h3:before,
.uzupelnienie h4:before {
    margin-left: -6.3cm;
}

/**/
h1, h2, h3, h4,
h1:before,
h2:before,
h3:before,
h4:before,
th, table caption {
    color: #000080;
    border-color: black;
}

/*
  koniec koniec koniec
*/