--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/basic.css	Wed May 13 07:27:40 2015 +0300
@@ -0,0 +1,205 @@
+body {
+	color: #ded;
+	background: #121;
+	font-family: Verdana, Arial, helvetica, sans-serif;
+	font-size: 10pt;
+}
+
+a {
+	color: white;
+}
+
+a:hover {
+	text-decoration: none;
+	color: yellow;
+	text-shadow: 1px 1px 2px #000;
+}
+
+
+#contents {
+	background: #565;
+	border-radius: 0.5em;
+	padding: 0.5em;
+}
+
+#contents h1 {
+	font-size: 24pt;
+	font-family: helvetica;
+	margin-top: 0;
+	margin-bottom: 0.1em;
+	background: #343;
+	padding: 5pt;
+	color: white;
+	text-shadow: 2px 2px 2px #000;
+
+	border-radius: 8px;
+}
+
+h2,h3 {
+	padding: 5pt;
+	border-radius: 8px;
+	background: #343;
+	color: white;
+	text-shadow: 2px 2px 2px #000;
+}
+
+
+div.pageInfoFooter {
+	margin-top: 0.5em;
+	padding: 0.25em;
+	text-align: right;
+	font-size: 0.75em;
+	text-shadow: 1px 1px 1px black;
+	color: white;
+}
+
+
+/*
+ * Albums
+ */
+div.albumHeaderText {
+	padding: 0.5em;
+	font-size: 1.25em;
+}
+
+table {
+	width: 100%;
+}
+
+td {
+	width: 15%;
+	padding: 0.5em;
+	text-align: center;
+}
+
+table.albumTable {
+	background: #454;
+	border-radius: 0.5em;
+	border-top: 1px solid #343;
+	border-left: 1px solid #343;
+	border-bottom: 1px solid #787;
+	border-right: 1px solid #787;
+}
+
+table.imageTable td {
+}
+
+
+table a, table a:visited  {
+	text-decoration: none;
+	color: white;
+	outline: 0;
+}
+
+table a:hover, table a:active, table a:focus {
+	text-shadow: 1px 1px 2px #000;
+	text-decoration: underline;
+	color: #f00;
+}
+
+
+
+/*
+ *
+ */
+div.imageBox, div.imageFilename {
+	text-align: center;
+}
+
+div.imageBox img, div.imageCtrl img {
+	border: 0.2em solid black;
+	border-radius: 0.3em;
+	box-shadow: 4px 4px 4px black;
+}
+
+div.imageCtrl {
+	width: 15%;
+}
+
+div.imageBox a:hover img, div.imageBox a:active img, div.imageBox a:focus img,
+div.imageCtrl a:hover img, div.imageCtrl a:active img, div.imageCtrl a:focus img {
+	border: 0.2em solid white;
+}
+
+a:hover img.albumIcon, a:active img.albumIcon, a:focus img.albumIcon {
+	box-shadow: 0px 0px 4px black;
+	background: black;
+	transition: 0.15s;
+}
+
+div.imageCBox {
+	text-align: center;
+}
+
+div.imageCtrl, div.imageCBox div.imageBox {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+div.imageCtrl.next {
+	left: 0;
+}
+
+div.imageCaption {
+	text-align: center;
+	font-size: 1.5em;
+	text-shadow: 1px 1px 2px black;
+	padding: 0.5em;
+}
+
+td div.imageCaption {
+	text-align: center;
+	font-size: 1em;
+	text-shadow: 1px 1px 2px black;
+	padding: 0.5em;
+}
+
+
+div.infoBox {
+	text-align: center;
+	margin: 0.5em;
+	padding: 0.5em;
+	border: 0.2em solid white;
+	border-radius: 0.5em;
+}
+
+span.infoDateTime {
+	display: block;
+	color: white;
+	font-weight: bold;
+	text-shadow: 1px 1px 2px black;
+}
+
+/*
+ *
+ */
+div.naviControls {
+	font-size: 1.5em;
+	text-align: center;
+	margin: 0.5em;
+}
+
+span.naviBreadCrumbItem {
+	color: red;
+}
+
+span.naviBreadCrumbSep:before {
+	content: " → ";
+	color: #0f0;
+	font-weight: bold;
+	font-size: 1.5em;
+}
+
+div.naviBreadCrumbs {
+	text-shadow: 1px 1px 1px black;
+	padding: 0.5em;
+	padding-top: 0;
+	border-radius: 0.3em;
+	font-size: 1.2em;
+
+	background: #454;
+	border-top: 1px solid #343;
+	border-left: 1px solid #343;
+	border-bottom: 1px solid #787;
+	border-right: 1px solid #787;
+}