1 files changed, 386 insertions, 0 deletions
diff --git a/www/inc/styles/default/default.css b/www/inc/styles/default/default.css
new file mode 100644
index 0000000..4ff7fb6
--- /dev/null
+++ b/www/inc/styles/default/default.css
@@ -0,0 +1,386 @@
+/* Default stylesheet
+   ==================
+
+	 The default stylesheet needed a remake. Photos 
+	 simply look better on dark background. The color
+	 scheme is derived form the Novell palette.
+
+	 Should not crash Internet Explorer anymore.
+	 
+   stylesheet & artwork
+   (c) 2004 Jakub 'jimmac' Steiner
+
+*/
+
+body {
+   /*
+   margin: 0px 50px 0px 50px;
+   width: auto;
+   */
+   margin: 20px 20px 20px 100px;
+   font-family: Georgia, "Bitstream Vera Sans", sans-serif;
+   font-size: 13pt;
+	 color: #eeeeec;
+	 background: #2e3436 url('title.png') top left no-repeat fixed;
+}
+
+img {
+   border: 0px;
+}
+
+a:link {
+   color: #ffb02f;
+}
+
+a:visited {
+   color: #e88000;
+}
+
+a:hover {
+   color: #ffcc7a;
+}
+
+
+h1.title {
+	display: none;
+}
+
+/* mini thumbnails */
+
+div.thumbroll {
+   margin: 10px 0px 4px 0px;
+   min-height: 29px;
+}
+
+div.thumbroll img {
+	border: 1px solid #6b6c69;
+	-moz-border-radius: 3px; 
+	Filter: Gray; /* IE only */
+}
+
+div.thumbroll a:hover img {
+	border: 1px solid #ffb02f;
+	Filter: none;
+}
+
+a#minus,a#plus {
+   display: block;
+	 position: relative;
+   float: left;
+	 width:16px; 
+   height:16px;
+	 margin:0px; padding:0px;
+}
+
+a#minus {
+   background: url("minus-inactive.png") top left no-repeat;
+}
+
+a#minus:hover {
+   background: url("minus.png") top left no-repeat;
+}
+
+a#plus {
+   background: url("plus-inactive.png") top left no-repeat;
+}
+
+a#plus:hover {
+   background: url("plus.png") top left no-repeat;
+}
+
+a#zip {
+   display: inline-block; 
+	 position: relative;
+	 width:16px; 
+   height:16px;
+	 margin:0px; padding:0px;
+   font-size: 9px;
+	 color: #2e3436;
+}
+
+a#zip span {
+   background: url("zip-inactive.png") top left no-repeat;
+	 position:absolute; left:0; top:0; z-index:1; 
+	 width:16px; height:16px;
+}
+
+a#zip:hover span {
+   background: url("zip.png") top left no-repeat;
+}
+
+p span.desc, p span.author {
+	font-size: 10px;
+	margin-left: 10px;
+}
+
+p span.date {
+	font-size: 9px;
+	margin-left: 80px;
+	color: #777;
+}
+
+/* in the thumbnail page */
+
+div#info {
+	font-size: 11px;
+}
+
+div#info span.key {
+	font-weight: bold;
+}
+
+p.bigthumbnails {
+   text-align: left;
+}
+
+p.bigthumbnails img {
+   padding: 10px 4px;
+	 background-color: #232729;
+   margin: 1px;
+   border: 1px solid #6b6c69;
+	 -moz-border-radius: 3px;
+	 /* Neat, but too slow
+	 opacity: .5; 	
+	  */
+	 Filter: Gray; /* IE - I wish we had that in gecko */
+}
+
+p.bigthumbnails a:hover img {
+   margin: 0px;
+   border: 2px solid #ffb02f;
+	 Filter: none; /* IE */
+}
+
+
+
+
+div.navigation {
+	 margin-top: 20px;
+   background-color: #5b5c59;
+   width: 100%;
+   padding:  5px;
+   font-size: 12px;
+   -moz-border-radius: 3px; 
+}
+
+div.navigation a:first-child {
+	padding-left: 24px;
+	background: url('home-inactive.png') top left no-repeat;
+}
+
+div.navigation a:first-child:hover {
+	background: url('home.png') top left no-repeat;
+}
+
+div.footer {
+   font-size: 11px;
+   width: 100%;
+   margin-top: 20px;
+   padding: 5px 5px 20px 5px;
+   clear: both;
+   border-top: 1px dotted #6b6c69;
+	 color: #6b6c69;
+}
+
+div.year {
+	color: #6b6c69;
+   font-size: 13pt;
+   float: left;
+   margin: 10px;
+}
+
+div.month {
+	color: #babdb6;
+   margin: 0px 0px 0px 2em;
+   padding: 2px;
+}
+
+div.month h4 {
+   margin: 10px 0px 5px 0px;
+}
+
+/* ul won't work on safari with float: left */
+div.month p {
+   margin: 2px;
+   padding: 4px 4px 6px 6px;
+   list-style: none;
+   font-size: 12px;
+	 border: 1px solid #444;
+	 -moz-border-radius: 5px;
+}
+
+div.month p.restricted>a {
+	background: transparent url("restricted-inactive.png") top left no-repeat;
+  padding: 0px 0px 3px 14px;
+}
+
+
+div.month p.restricted>a:hover {
+	background: transparent url("restricted.png") top left no-repeat;
+}
+
+div#image {
+   /* width: 800px; */
+   display: block;
+   position: relative;
+   clear: both;
+}
+
+img#preview {
+	 position: absolute;
+   top: 0px;
+   right: 0px;
+   bottom: 0px;
+   border: 10px solid #232729; 
+	 background-color: #6b6c69;
+	 padding: 1px;
+   -moz-border-radius: 7px; 
+   left: 0px;
+   margin-left: auto;
+   margin-right: auto;
+}
+
+* html img#preview { /* should only match on IE; how pathetic */
+	margin-left: -320px;
+	left: 50%;
+}
+
+div.comment {
+   margin: 2px 0px;
+   color: #babdb6;
+   font-size: 12px;
+}
+
+div.comment span {
+   color: #6b6c69;
+   font-weight: bold;
+   font-size: 12px;
+}
+
+div.navbuttons {
+   display: none;
+}
+
+div.prevthumb {
+	position: absolute;
+  margin-bottom: 1em;
+  font-size: 10px;
+  top: 40%;
+  left: 0px;
+  text-align: right;
+	padding: 4px;
+	/* background-color: #2e3436; */
+	background-color: #232729;
+  -moz-border-radius: 5px; 
+	border: 1px solid #6b6c69;
+	opacity: .7; /* gecko, khtml */
+	filter: alpha(opacity=70); /* IE */
+}
+
+div.nextthumb {
+	position: absolute;
+  margin-bottom: 1em;
+	font-size: 10px;
+  right: 0px;
+  top: 40%;
+	margin-left: auto;
+	padding: 4px;
+	/* background-color: #2e3436; */
+	background-color: #232729;
+  -moz-border-radius: 5px; 
+	border: 1px solid #6b6c69;
+	opacity: .7; /* gecko, khtml */
+	filter: alpha(opacity=70); /* IE */
+}
+
+div.nextthumb img, div.prevthumb img {
+	margin: 1px;
+	border: 1px solid #6b6c69;
+  -moz-border-radius: 3px; 
+}
+
+div.prevthumb a {
+	display: block;
+  text-decoration: none;
+	background: transparent url('left-inactive.png') bottom left no-repeat;
+	padding: 2px;
+}
+
+div.nextthumb a {
+	display: block;
+  text-decoration: none;
+	background: transparent url('right-inactive.png') bottom right no-repeat;
+	padding: 2px;
+}
+
+div.prevthumb a:hover {
+	background: transparent url('left.png') bottom left no-repeat;
+}
+
+div.nextthumb a:hover {
+	background: transparent url('right.png') bottom right no-repeat;
+}
+
+div.nextthumb a img,div.prevthumb a img {
+	Filter: Gray; /* IE - I wish we had that in gecko */
+}
+
+div.nextthumb a:hover img,div.prevthumb a:hover img {
+	border: 2px solid #ffb02f;
+	margin: 0px;
+	Filter: none;
+}
+
+.exif {
+	margin-top: 20px;
+	font-size: 12px;
+	margin-left: auto;
+	margin-right: auto;
+	width: auto;
+	text-align: center;
+}
+
+.exif tr td:first-child {
+	color: #babdb6;
+}
+
+.exif td + td {
+	text-align: left;
+}
+
+.exif span {
+	cursor: help;
+	border-bottom: 1px dotted #6b6c69;
+}
+
+div#mqhq {
+   margin: 10px 2px 4px 0px;
+   height: 32px;
+}
+
+div#mqhq a {
+   display: block;
+   border: 2px solid #6b6c69;
+   padding: 2px;
+   font-size: 10px;
+   background-color: #ffb02f;
+   color: black;
+   float: left;
+   width: 48px;
+   text-align: center;
+   margin: 2px;
+   -moz-border-radius: 3px; 
+}
+
+div#mqhq a:hover {
+   background-color: #2e3436;
+   border: 2px solid #ffb02f;
+	 color: #ffb02f;
+}
+
+div.stylenavbar {
+   position:relative;
+   font-size: 9px; 
+   margin: 4px 0px;
+   padding-bottom: 0px;
+}