diff options
Diffstat (limited to 'templates/styles.css')
| -rw-r--r-- | templates/styles.css | 357 |
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; + +} |