sql-vyuka: html/styl.css@cc77526f46cf

     1 /** Obrázky s odkazem bez rámečku */

     2 a img {

     3     border: none;

4 }

     6 /** Pozadí stránky a text */

     7 html {

     8     background: #42afdc;

     9     color:black;

    10 }

    12 /** Bezpatkové písmo */

    13 body {

    14     font-family: sans-serif;

    15     font-size: 12px;

    16 }

    18 /** Prostor pro logo a název programu */

    19 #zahlavi {

    20     height: 48px;

    21     background-image: url('grafika/logo.png');

    22     background-repeat: no-repeat;

    23     margin-left: 5px;

    24 }

    26 #zahlavi h1 {

    27     display: none;

    28 }

    30 /** Obal kolem bloků */

    31 #bloky {

    32     width: 1040px;

    33     text-align: justify;

    34 }

    36 .blok {

    37     margin: 10px;

    38 }

    40 /** Vstup, výstup nebo nápověda */

    41 .vnitrekBloku {

    42     background-image: url('grafika/blok-pozadi.gif');

    43     margin: 0px;

    44     padding: 10px;

    45 }

    47 #vstup .vnitrekBloku {

    48     height: 150px;

    49     text-align: right;

    50 }

    52 #vstup textarea {

    53     width: 640px;

    54     height: 108px;

    55     padding: 8px;

    56     border: 1px solid silver;

    57 }

    59 fieldset {

    60     display: inline;

    61     border: none;

    62     padding: 0px;

    63     margin: 0px;

    64 }

    66 #vstup button {

    67     height: 20px;

    68     border: none;

    69     margin-right: 0px;

    70     margin-top: 5px;

    71     padding: 0px;

    72     cursor: pointer;

    73     background-repeat: no-repeat;

    74 }

    76 #vstup button.zobrazitHistorii {

    77     background-image: url('grafika/historie.png');

    78     background-color: transparent;

    79     background-position: center;

    80     width: 20px;

    81 }

    83 #vstup button.vykonatSQL {

    84     background-image: url('grafika/tlacitko-sql.png');

    85     width: 146px;

    86 }

    88 #vystup .vnitrekBloku {

    89     overflow: auto;

    90     height: 280px;

    91 }

    93 #napoveda .vnitrekBloku {

    94     height: 484px;

    95 }

    97 /** Nadpisy bloků */

    98 .blok h2 {

    99     font-size: 12px;

   100     padding: 2px;

   101     padding-top: 4px;

   102     padding-left: 32px;

   103     margin: 0px;

   104     color: gray;

   105     height: 20px;

   106 }

   108 #napoveda h2 {

   109     background-image: url('grafika/blok-nadpis-320.png');

   110 }

   112 #navigace {

   113     background-image: url('grafika/navigace-pozadi.png');

   114     height: 21px;

   115     width: 300px;

   116     position: relative;

   117     bottom: 32px;

   118     left: 10px;

   119     text-align: center;

   120 }

   122 #navigace button {

   123     height: 20px;

   124     border: none;

   125     margin-right: 0px;

   126     margin-top: 5px;

   127     padding: 0px;

   128     cursor: pointer;

   129     background-repeat: no-repeat;

   130     background-color: transparent;

   131     background-position: center;

   132     width: 20px;

   133     position: relative;

   134     top: -4px;

   135 }

   137 #navigace button.zpet {

   138     background-image: url('grafika/navigace-zpet.png');

   139     margin-right: 32px;

   140 }

   142 #navigace button.vpred {

   143     background-image: url('grafika/navigace-vpred.png');

   144     margin-left: 32px;

   145 }

   147 #navigace button.nasledujici {

   148     background-image: url('grafika/navigace-nasledujici.png');

   149     margin-left: 42px;

   150 }

   152 #navigace button.predchozi {

   153     background-image: url('grafika/navigace-predchozi.png');

   154     margin-right: 42px;

   155 }

   157 #navigace button.model {

   158     background-image: url('grafika/navigace-model.png');

   159 }

   161 #navigace button.pruvodce {

   162     background-image: url('grafika/navigace-pruvodce.png');

   163 }

   165 /** Vstupně-výstupní část */

   166 #io {

   167     float: left;

   168 }

   170 #io h2 {

   171     background-image: url('grafika/blok-nadpis-680.png');

   172 }

   174 /** Blok vstupu */

   175 #vstup {

   176     width: 680px;

   177 }

   179 /** Blok výstupu */

   180 #vystup {

   181     width: 680px;

   182 }

   184 /** Blok nápovědy */

   185 #napoveda {

   186     float: right;

   187     width: 320px;

   188 }

   190 /** Formátování (výstupní) tabulky */

   191 table {

   192     border: 1px solid green;

   193     border-collapse:collapse;

   194     background-color: white;

   195     margin: 3px;

   196 }

   198 td {

   199     border: 1px solid black;

   200     padding: 4px;

   201     padding-left: 8px;

   202     padding-right: 8px;

   203     vertical-align: top;

   204 }

   206 td.cislo {

   207     text-align: right;

   208 }

   210 thead {

   211     background: gray;

   212     font-weight:bold;

   213     background-image: url('grafika/tabulka-zahlavi.png');

   214     background-repeat: repeat-x;

   215     height: 28px;

   216 }

   218 thead td a {

   219     color: black;

   220     text-decoration: none;

   221 }

   223 thead td {

   224     vertical-align: middle;

   225 }

   227 /** Ikonky pro zprávu k výsledku */

   228 #vystupniPole p {

   229     background-repeat: no-repeat;

   230     padding-left: 22px;

   231 }

   233 #vystupniPole p.vysledekOK {

   234     background-image: url('grafika/vysledek-ok.png');

   235 }

   237 #vystupniPole p.vysledekVarovani {

   238     background-image: url('grafika/vysledek-varovani.png');

   239 }

   241 #vystupniPole p.vysledekChyba {

   242     background-image: url('grafika/vysledek-chyba.png');

   243 }

   245 #vystupniPole p.vysledekTip {

   246     background-image: url('grafika/vysledek-tip.png');

   247     color: gray;

   248     font-style: italic;

   249 }

author	František Kučera <franta-hg@frantovo.cz>
	Wed, 03 Jun 2009 02:09:23 +0200
changeset 40	cc77526f46cf
parent 34	8a75d9b4f88a
permissions	-rw-r--r--