sql-vyuka: java/sql-vyuka/web/styl.css@b9a61f912f6a (annotated)

franta-hg@2	1	/** Obrázky s odkazem bez rámečku */
franta-hg@0	2	a img {
franta-hg@0	3	border: none;
franta-hg@0	4	}
franta-hg@0	5
franta-hg@2	6	/** Pozadí stránky a text */
franta-hg@0	7	html {
franta-hg@0	8	background: #42afdc;
franta-hg@0	9	color:black;
franta-hg@0	10	}
franta-hg@2	11
franta-hg@2	12	/** Bezpatkové písmo */
franta-hg@0	13	body {
franta-hg@0	14	font-family: sans-serif;
franta-hg@5	15	font-size: 12px;
franta-hg@0	16	}
franta-hg@0	17
fiki@46	18	/** České uvozovky: „ */
fiki@46	19	q:before {
fiki@46	20	content: "\201E";
fiki@46	21	}
fiki@46	22
fiki@46	23	/** České uvozovky: “ */
fiki@46	24	q:after {
fiki@46	25	content: "\201C";
fiki@46	26	}
fiki@46	27
franta-hg@2	28	/** Prostor pro logo a název programu */
franta-hg@0	29	#zahlavi {
franta-hg@0	30	height: 48px;
franta-hg@4	31	background-image: url('grafika/logo.png');
franta-hg@4	32	background-repeat: no-repeat;
franta-hg@4	33	margin-left: 5px;
franta-hg@4	34	}
franta-hg@0	35
franta-hg@4	36	#zahlavi h1 {
franta-hg@4	37	display: none;
franta-hg@0	38	}
franta-hg@0	39
franta-hg@0	40	/** Obal kolem bloků */
franta-hg@0	41	#bloky {
franta-hg@0	42	width: 1040px;
franta-hg@0	43	text-align: justify;
franta-hg@0	44	}
franta-hg@0	45
franta-hg@0	46	.blok {
franta-hg@0	47	margin: 10px;
franta-hg@0	48	}
franta-hg@0	49
franta-hg@0	50	/** Vstup, výstup nebo nápověda */
franta-hg@0	51	.vnitrekBloku {
franta-hg@0	52	background-image: url('grafika/blok-pozadi.gif');
franta-hg@0	53	margin: 0px;
franta-hg@0	54	padding: 10px;
franta-hg@0	55	}
franta-hg@0	56
franta-hg@0	57	#vstup .vnitrekBloku {
franta-hg@0	58	height: 150px;
franta-hg@1	59	text-align: right;
franta-hg@0	60	}
franta-hg@0	61
franta-hg@20	62	#stavovePole {
franta-hg@20	63	width: 300px;
franta-hg@20	64	border: none;
franta-hg@20	65	background-color: transparent;
franta-hg@20	66	color: gray;
franta-hg@20	67	font-size: 11px;
franta-hg@20	68	}
franta-hg@20	69
franta-hg@0	70	#vstup textarea {
franta-hg@0	71	width: 640px;
franta-hg@2	72	height: 108px;
franta-hg@0	73	padding: 8px;
franta-hg@2	74	border: 1px solid silver;
franta-hg@0	75	}
franta-hg@0	76
franta-hg@7	77	fieldset {
franta-hg@7	78	display: inline;
franta-hg@7	79	border: none;
franta-hg@7	80	padding: 0px;
franta-hg@7	81	margin: 0px;
franta-hg@7	82	}
franta-hg@7	83
franta-hg@1	84	#vstup button {
franta-hg@1	85	height: 20px;
franta-hg@1	86	border: none;
franta-hg@2	87	margin-right: 0px;
franta-hg@2	88	margin-top: 5px;
franta-hg@3	89	padding: 0px;
franta-hg@3	90	cursor: pointer;
franta-hg@5	91	background-repeat: no-repeat;
franta-hg@5	92	}
franta-hg@5	93
franta-hg@5	94	#vstup button.zobrazitHistorii {
franta-hg@10	95	background-image: url('grafika/tlacitko-historie.png');
franta-hg@5	96	background-color: transparent;
franta-hg@5	97	background-position: center;
franta-hg@5	98	width: 20px;
franta-hg@5	99	}
franta-hg@5	100
franta-hg@5	101	#vstup button.vykonatSQL {
franta-hg@5	102	background-image: url('grafika/tlacitko-sql.png');
franta-hg@5	103	width: 146px;
franta-hg@1	104	}
franta-hg@1	105
franta-hg@0	106	#vystup .vnitrekBloku {
franta-hg@0	107	overflow: auto;
franta-hg@0	108	height: 280px;
franta-hg@0	109	}
franta-hg@0	110
franta-hg@0	111	#napoveda .vnitrekBloku {
franta-hg@0	112	height: 484px;
franta-hg@0	113	}
franta-hg@0	114
franta-hg@50	115	#napovedniPole {
franta-hg@50	116	overflow: auto;
franta-hg@50	117	margin: 0px;
franta-hg@50	118	padding: 0px;
franta-hg@50	119	height: 460px;
franta-hg@50	120	}
franta-hg@50	121
franta-hg@38	122	#napoveda h1 {
franta-hg@38	123	font-size: 18px;
franta-hg@38	124	font-weight: bold;
franta-hg@38	125	}
franta-hg@38	126
franta-hg@2	127	/** Nadpisy bloků */
franta-hg@0	128	.blok h2 {
franta-hg@2	129	font-size: 12px;
franta-hg@0	130	padding: 2px;
franta-hg@2	131	padding-top: 4px;
franta-hg@0	132	padding-left: 32px;
franta-hg@0	133	margin: 0px;
franta-hg@0	134	color: gray;
franta-hg@2	135	height: 20px;
franta-hg@0	136	}
franta-hg@0	137
franta-hg@0	138	#napoveda h2 {
franta-hg@0	139	background-image: url('grafika/blok-nadpis-320.png');
franta-hg@0	140	}
franta-hg@0	141
franta-hg@59	142	#napoveda #napovedniPole h2 {
franta-hg@59	143	background-image: none;
franta-hg@59	144	font-size: 14px;
franta-hg@59	145	padding: 0px;
franta-hg@59	146	margin: 0px;
franta-hg@59	147	color: black;
franta-hg@59	148	height: auto;
franta-hg@59	149	}
franta-hg@59	150
franta-hg@59	151	#napoveda pre {
franta-hg@59	152	color: gray;
franta-hg@59	153	cursor: pointer;
franta-hg@59	154	}
franta-hg@59	155
franta-hg@63	156	#napoveda ol.obsah {
franta-hg@63	157	margin-top: -4px;
franta-hg@64	158	margin-bottom: -16px;
franta-hg@64	159
franta-hg@63	160	}
franta-hg@63	161
franta-hg@62	162	#napoveda a {
franta-hg@62	163	text-decoration: none;
franta-hg@62	164	}
franta-hg@62	165
franta-hg@62	166	#napoveda a:hover {
franta-hg@62	167	text-decoration: underline;
franta-hg@62	168	}
franta-hg@62	169
franta-hg@34	170	#navigace {
franta-hg@34	171	background-image: url('grafika/navigace-pozadi.png');
franta-hg@34	172	height: 21px;
franta-hg@34	173	width: 300px;
franta-hg@34	174	position: relative;
franta-hg@34	175	bottom: 32px;
franta-hg@34	176	left: 10px;
franta-hg@34	177	text-align: center;
franta-hg@34	178	}
franta-hg@34	179
franta-hg@34	180	#navigace button {
franta-hg@34	181	height: 20px;
franta-hg@34	182	border: none;
franta-hg@34	183	margin-right: 0px;
franta-hg@34	184	margin-top: 5px;
franta-hg@34	185	padding: 0px;
franta-hg@34	186	cursor: pointer;
franta-hg@34	187	background-repeat: no-repeat;
franta-hg@34	188	background-color: transparent;
franta-hg@34	189	background-position: center;
franta-hg@34	190	width: 20px;
franta-hg@34	191	position: relative;
franta-hg@34	192	top: -4px;
franta-hg@34	193	}
franta-hg@34	194
franta-hg@34	195	#navigace button.zpet {
franta-hg@34	196	background-image: url('grafika/navigace-zpet.png');
franta-hg@34	197	margin-right: 32px;
franta-hg@34	198	}
franta-hg@34	199
franta-hg@34	200	#navigace button.vpred {
franta-hg@34	201	background-image: url('grafika/navigace-vpred.png');
franta-hg@34	202	margin-left: 32px;
franta-hg@34	203	}
franta-hg@34	204
franta-hg@34	205	#navigace button.nasledujici {
franta-hg@34	206	background-image: url('grafika/navigace-nasledujici.png');
franta-hg@34	207	margin-left: 42px;
franta-hg@34	208	}
franta-hg@34	209
franta-hg@34	210	#navigace button.predchozi {
franta-hg@34	211	background-image: url('grafika/navigace-predchozi.png');
franta-hg@34	212	margin-right: 42px;
franta-hg@34	213	}
franta-hg@34	214
franta-hg@34	215	#navigace button.model {
franta-hg@34	216	background-image: url('grafika/navigace-model.png');
franta-hg@34	217	}
franta-hg@34	218
franta-hg@34	219	#navigace button.pruvodce {
franta-hg@34	220	background-image: url('grafika/navigace-pruvodce.png');
franta-hg@34	221	}
franta-hg@34	222
franta-hg@2	223	/** Vstupně-výstupní část */
franta-hg@2	224	#io {
franta-hg@2	225	float: left;
franta-hg@2	226	}
franta-hg@2	227
franta-hg@0	228	#io h2 {
franta-hg@0	229	background-image: url('grafika/blok-nadpis-680.png');
franta-hg@0	230	}
franta-hg@0	231
franta-hg@2	232	/** Blok vstupu */
franta-hg@0	233	#vstup {
franta-hg@0	234	width: 680px;
franta-hg@0	235	}
franta-hg@0	236
franta-hg@2	237	/** Blok výstupu */
franta-hg@0	238	#vystup {
franta-hg@0	239	width: 680px;
franta-hg@0	240	}
franta-hg@0	241
franta-hg@2	242	/** Blok nápovědy */
franta-hg@0	243	#napoveda {
franta-hg@0	244	float: right;
franta-hg@0	245	width: 320px;
franta-hg@2	246	}
franta-hg@2	247
franta-hg@2	248	/** Formátování (výstupní) tabulky */
franta-hg@2	249	table {
franta-hg@2	250	border: 1px solid green;
franta-hg@2	251	border-collapse:collapse;
franta-hg@5	252	background-color: white;
franta-hg@5	253	margin: 3px;
franta-hg@2	254	}
franta-hg@2	255
franta-hg@2	256	td {
franta-hg@2	257	border: 1px solid black;
franta-hg@2	258	padding: 4px;
franta-hg@2	259	padding-left: 8px;
franta-hg@2	260	padding-right: 8px;
franta-hg@5	261	vertical-align: top;
franta-hg@44	262	text-align: left;
franta-hg@2	263	}
franta-hg@2	264
franta-hg@2	265	td.cislo {
franta-hg@2	266	text-align: right;
franta-hg@2	267	}
franta-hg@2	268
franta-hg@2	269	thead {
franta-hg@5	270	background: gray;
franta-hg@2	271	font-weight:bold;
franta-hg@5	272	background-image: url('grafika/tabulka-zahlavi.png');
franta-hg@5	273	background-repeat: repeat-x;
franta-hg@5	274	height: 28px;
franta-hg@2	275	}
franta-hg@2	276
franta-hg@2	277	thead td a {
franta-hg@2	278	color: black;
franta-hg@2	279	text-decoration: none;
franta-hg@2	280	}
franta-hg@4	281
franta-hg@5	282	thead td {
franta-hg@5	283	vertical-align: middle;
franta-hg@5	284	}
franta-hg@5	285
franta-hg@4	286	/** Ikonky pro zprávu k výsledku */
franta-hg@4	287	#vystupniPole p {
franta-hg@4	288	background-repeat: no-repeat;
franta-hg@4	289	padding-left: 22px;
franta-hg@4	290	}
franta-hg@4	291
franta-hg@4	292	#vystupniPole p.vysledekOK {
franta-hg@4	293	background-image: url('grafika/vysledek-ok.png');
franta-hg@4	294	}
franta-hg@4	295
franta-hg@4	296	#vystupniPole p.vysledekVarovani {
franta-hg@4	297	background-image: url('grafika/vysledek-varovani.png');
franta-hg@4	298	}
franta-hg@4	299
franta-hg@4	300	#vystupniPole p.vysledekChyba {
franta-hg@4	301	background-image: url('grafika/vysledek-chyba.png');
franta-hg@4	302	}
franta-hg@4	303
franta-hg@4	304	#vystupniPole p.vysledekTip {
franta-hg@4	305	background-image: url('grafika/vysledek-tip.png');
franta-hg@4	306	color: gray;
franta-hg@4	307	font-style: italic;
franta-hg@4	308	}
franta-hg@22	309
franta-hg@22	310	/** Skrytý formulář sloužící pro lokalizaci JavaScriptu */
franta-hg@22	311	#lokalizace {
franta-hg@22	312	display: none;
franta-hg@22	313	}
franta-hg@38	314
franta-hg@38	315	/** Skrytý formulář sloužící pro uchování ID průvodce z databáze */
franta-hg@38	316	#pruvodceData {
franta-hg@38	317	display: none;
franta-hg@38	318	}

author	František Kučera <franta-hg@frantovo.cz>
	Mon Jul 27 22:53:01 2009 +0200 (2009-07-27)
changeset 64	b9a61f912f6a
parent 63	afc20221a495
child 67	d1d39e07d65b
permissions	-rw-r--r--