diff -r 6dced8dcb2e6 -r 26a11fc8e3e4 html/styl.css --- a/html/styl.css Sat May 23 17:47:39 2009 +0200 +++ b/html/styl.css Sat May 23 20:16:03 2009 +0200 @@ -1,15 +1,20 @@ +/** Obrázky s odkazem bez rámečku */ a img { border: none; } +/** Pozadí stránky a text */ html { background: #42afdc; color:black; } + +/** Bezpatkové písmo */ body { font-family: sans-serif; } +/** Prostor pro logo a název programu */ #zahlavi { height: 48px; @@ -39,8 +44,9 @@ #vstup textarea { width: 640px; - height: 110px; + height: 108px; padding: 8px; + border: 1px solid silver; } #vstup button { @@ -50,7 +56,8 @@ background-image: url('grafika/tlacitko.png'); padding: 2px; font-size: 12px; - margin-right: 3px; + margin-right: 0px; + margin-top: 5px; } #vystup .vnitrekBloku { @@ -62,35 +69,69 @@ height: 484px; } +/** Nadpisy bloků */ .blok h2 { - font-size: medium; + font-size: 12px; padding: 2px; + padding-top: 4px; padding-left: 32px; margin: 0px; color: gray; + height: 20px; } #napoveda h2 { background-image: url('grafika/blok-nadpis-320.png'); } +/** Vstupně-výstupní část */ +#io { + float: left; +} + #io h2 { background-image: url('grafika/blok-nadpis-680.png'); } -#io { - float: left; -} - +/** Blok vstupu */ #vstup { width: 680px; } +/** Blok výstupu */ #vystup { width: 680px; } +/** Blok nápovědy */ #napoveda { float: right; width: 320px; -} \ No newline at end of file +} + +/** Formátování (výstupní) tabulky */ +table { + border: 1px solid green; + border-collapse:collapse; +} + +td { + border: 1px solid black; + padding: 4px; + padding-left: 8px; + padding-right: 8px; +} + +td.cislo { + text-align: right; +} + +thead { + background: silver; + font-weight:bold; +} + +thead td a { + color: black; + text-decoration: none; +}