obrazki/style.css

img {
	display: block;
	padding: 8px;
	margin: 8px;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	float: left;
}

img:hover {
	border-color: #88f;
	background-color: #ddf;
}

img.pelny {
	border-color: red;
	max-width: 95vw;
	max-height: 85vh;
	cursor: zoom-in;
	scroll-margin: 12px;
}

img.pelny.expanded {
	max-width: none;
	max-height: none;
	cursor: grab;
}

img.pelny.expanded.dragging {
	cursor: grabbing;
}

#poprz,#nast,.k4,.gora {
	width : 160px;
	height : 100px;
	display: block;
	margin: 3em;
	background-repeat: no-repeat;
}

#poprz {
	float:left;
	clear: both;
	background-image : url(poprz.png);
}

#poprz:hover {
	background-image : url(poprzh.png);
} 

#nast {
	margin-top: 17em;
	float:right;
	margin-right: 0;
	background-image : url(nast.png);
}

#nast:hover {
	background-image : url(nasth.png);
} 

.k4 {
	width: 210px;
	height : 130px;
	clear: both;
	background-image : url(k4.png);
}

.k4:hover {
	background-image : url(k4h.png);
} 

.gora {
	float: left;
	background-image : url(gora.png);
}

.gora:hover {
	background-image : url(gorah.png);
} 

#full-image-div {
	float: left;
	width: 200px;
}

#dirlist td,th {
	border-color: black;
	border-style: solid;
	border-width: 3px;
	text-align: center;
}

#dirlist th {
	border-width: 1px;
	padding: 3px;
}

#dirlist td a {
	display: block;
	padding: 5px;
	font-weight: bolder;
}

.dirlist td a:hover {
	background-color: #ddf;
}

#comments {
	clear: both;
}

#comment-form-table tr td.form-caption {
	text-align: right;
}

#comment-form-table textarea {
	width: 98%;
	height: 5em;
}

.comment-block {
	border: 1px solid gray;
	margin-bottom: .8em;
}

.comment-author {
	font-weight: bold;
}

.comment-date {
	font-weight: bold;
}

.comment-header {
	margin-bottom: .3em;
}