Initial commitv0.99.0

1 files changed, 357 insertions, 0 deletions

diff --git a/templates/styles.css b/templates/styles.css
new file mode 100644
index 0000000..e0ae25e
--- /dev/null
+++ b/templates/styles.css
@@ -0,0 +1,357 @@
+body {
+   /*
+   margin: 0px 50px 0px 50px;
+   width: auto;
+   */
+   margin: 20px 0px 20px 0px;
+   font-family: "DejaVu Sans", "Bitstream Vera Sans", "Verdana", sans-serif;
+   font-size: 12px;
+   color: #EEEEEC;  
+   background: #343D42;
+}
+
+img {
+   border: 0px;
+}
+
+a:link {
+   color: #C9CED1;
+}
+
+a:visited {
+   color: #C9CED1;
+}
+
+a:hover {
+   color: #A3BED4;
+}
+
+div.navigation {
+    position: fixed;
+    z-index: 1;
+    top: 0px;
+    background-color: #606466;
+    width: 100%;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    font-size: 13px;
+    border-top: 10px solid #343D42;
+    border-bottom: 1px dotted #80878A;
+}
+
+.navigation tr td:first-child {
+	padding-left: 15px;
+}
+
+.navigation tr td:last-child {
+	padding-right: 20px;
+}
+
+div.desc {
+    margin-left: 15px;
+    margin-top: 60px;
+    margin-bottom: 40px;
+    font-size: 21px;
+    font-weight: bold;
+    color: #EEEEEC;
+}
+
+div.desc_date {
+    margin-top: 8px;
+    font-size: 12px;
+    font-weight: normal;
+    color: #D0D0D0;
+}
+
+div.footer {
+    text-align: center;
+    margin-top: 10px;
+    background-color: #4F5659;
+    width: 100%;
+    padding: 3px;
+    font-size: 11px;
+    font-family: "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
+    color: #9A9C97;
+    border-top: 1px dotted #7C8285;
+    position: fixed;
+    bottom: 0px;
+}
+
+a.footermail {
+   color: #B1B3AD;
+   text-decoration: none;
+}
+
+a.footermail:hover {
+   color: #C5C7C0;
+   text-decoration: underline;
+}
+
+img#preview {
+/*   border: 6px solid #384347;   */ 
+   background-color: #6b6c69;
+   padding: 1px;
+/*   -moz-border-radius: 5px;   */
+}
+
+img#preview:hover {
+/*   border: 6px solid #A3BED4;   */
+}
+
+div#img_preview {
+   text-align: center;
+}
+
+div.exif {
+    margin-left: 15px;
+    margin-top: 30px;
+    margin-bottom: 40px;
+    font-size: 12px;
+    color: #EEEEEC;
+}
+
+.exif tr td:first-child {
+	color: #babdb6;
+}
+
+.exif td + td {
+	text-align: left;
+	padding-left: 2px;
+}
+
+.exif table {
+  padding-left: 30px;
+  padding-top: 10px;
+  font-size: 9px;
+	
+}
+
+a.exif_line_a {
+/*   color: #B1B3AD;  */
+   text-decoration: none;
+   font-weight: bold;
+   border-bottom: 1px solid;
+}
+
+a.exif_line_a:hover {
+   color: #C5C7C0;
+   border-bottom: 1px dotted;
+}
+
+
+
+
+div.bigthumbnails {
+   text-align: left;
+   padding-left: 20px;
+   padding-right: 20px;
+   margin-bottom: 50px;	
+   color: #babdb6;
+   font-size: 11px;
+}
+
+
+div.bigthumbnails table {
+   float: left;
+   text-align: center;
+/*   text-decoration: none;   */
+   font-size: 11px;
+   border: 0px;
+}
+
+div.one_thumbnail {
+   float: left;
+   text-align: center;
+   width: 215px;
+   height: 232px;
+}
+
+div.bigthumbnails a {
+   position: relative;
+/*   display: block;  */
+   float: left;
+   width: 205px;
+   height: 220px;
+/*   text-align: center;   */
+   text-decoration: none;
+   background-color: #232729;
+   margin: 1px;     /*  Needs to be changed below in div.bigthumbnails a:hover */
+   border: 1px solid #6b6c69;
+   -moz-border-radius: 6px;
+}
+
+div.bigthumbnails a:hover {
+   background-color: #32332F;
+   margin: 0px;    /*  div.bigthumbnails a->margin - 1px  */ 
+   border: 2px solid #A3BED4;
+}
+
+div.bigthumbnails img {
+	/* landscape */
+   padding-top: 25px;
+   padding-bottom: 30px;
+}
+
+div.bigthumbnails img.portrait {
+	 /* portrait */
+   padding-top: 10px;
+   padding-bottom: 4px;
+}
+
+.thumb_name {
+   position: absolute;
+   bottom: 10px;
+   left: 65px;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+div.thumbnail_text {
+   padding-top: 3px;	
+}
+
+.thumbnail_text {
+   padding-top: 3px;	
+   font-size: 12px;
+}
+
+a#thumbnail_text_a {
+/*   color: #B1B3AD;  */
+   text-decoration: none;
+   font-weight: bold;
+   border-bottom: 1px solid;
+}
+
+a#thumbnail_text_a:hover {
+   color: #C5C7C0;
+   border-bottom: 1px dotted;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+div.albumlist {
+   text-align: left;
+   padding-left: 20px;
+   padding-right: 20px;
+   margin-bottom: 50px;	
+}
+
+div.one_album {
+   float: left;
+   width: 600px;
+   height: 230px;
+}
+
+div.albumlist a {
+   position: relative;
+   display: block;
+   float: left;
+   width: 580px;
+   height: 210px;
+   text-decoration: none;
+   background-color: #232729;
+   margin: 1px;     /*  Needs to be changed below in div.bigthumbnails a:hover */
+   border: 1px solid #6b6c69;
+   color: #babdb6;
+   -moz-border-radius: 4px;
+}
+
+div.albumlist img {
+    /* landscape */
+   position: absolute;
+   left: 15px;
+   top: 15px;
+}
+
+div.albumlist a:hover {
+   background-color: #32332F;
+   margin: 0px;    /*  div.bigthumbnails a->margin - 1px  */ 
+   border: 2px solid #A3BED4;
+   color: #A3BED4;
+}
+
+.album_text {
+   font-size: 20px;
+   font-weight: bold;
+   position: relative;
+   left: 215px;
+   top: 15px;
+}
+
+.album_subtext {
+   font-size: 16px;
+   font-weight: normal;
+   position: relative;
+   left: 215px;
+   top: 15px;
+}
+
+.album_note {
+   font-size: 11px;
+   font-weight: normal;
+   position: absolute;
+   right: 25px;
+   bottom: 20px;
+}
+
+.album_text_portrait {
+   font-size: 20px;
+   font-weight: bold;
+   position: relative;
+   left: 155px;
+   top: 15px;
+}
+
+.album_subtext_portrait {
+   font-size: 16px;
+   font-weight: normal;
+   position: relative;
+   left: 155px;
+   top: 15px;
+}
+
+
+
+div.contentx {
+	height: 200px;
+	width: 300px;
+	overflow: auto;
+	border: 1px solid #666;
+	background-color: #ccc;
+	padding: 8px;
+
+}