From: Arun Persaud Date: Tue, 23 Feb 2010 08:04:14 +0000 (-0800) Subject: started my own theme X-Git-Url: https://git.nubati.net/cgi-bin/gitweb.cgi?p=phpfspot.git;a=commitdiff_plain;h=21e5440db59e4ee3ba71c3a8935a123cc48aea46 started my own theme need to clean this up, some code should perhaps go into main, other should stay in my theme --- diff --git a/themes/arun/stylesheet.css b/themes/arun/stylesheet.css new file mode 100644 index 0000000..14b52b9 --- /dev/null +++ b/themes/arun/stylesheet.css @@ -0,0 +1,342 @@ +body { + color: #000; + font-family: sans-serif; + font-style: normal; + margin: 0px; + padding: 0px; +} + +body.slideshow { + color: #000; + font-family: sans-serif; + font-style: normal; + border: none; + padding: 10px; + text-align: center; +} + +table, tr, td { + border-collapse: collapse; + padding: 0px; + empty-cells: show; + vertical-align: top; +} + +/* left column containg search and tag-selection */ +.options { + position: absolute; + left: 0px; + top: 40px; + width: 265px; + max-width: 265px; + min-width: 265px; + padding-top: 8px; + padding-bottom: 10px; + padding-left: 5px; + padding-right: 10px; + border-right: solid 1px #000000; +} + +/* main cell containing photo content */ +.content { + margin-top: 40px; + margin-left: 280px; + margin-right: 0px; + padding: 0px; +} + +div.searchfor { + padding-top: 10px; + padding-right: 10px; + padding-bottom: 10px; + line-height: 21px; + font-size: 12px; + vertical-align: middle; + border-bottom: solid 1px #000000; +} + +div.searchfor td.nowrap { + white-space: nowrap; +} + +.menu { + position: absolute; + left: 0px; + top: 0px; + height: 30px; + width: 100%; + margin: 0px; + padding: 5px 0px; + border-bottom: solid 1px #000000; +} + +.icons { + float: left; +} + +/* logo 'text' */ +.logo { + background-color: #fff; + font-size: larger; + font-size: larger; + font-weight: bolder; + text-align: center; +} + +div.header { + background-color: #fff; + padding: 10px; + vertical-align: middle; + white-space: nowrap; + text-align: left; + height: 2em; +} + +div.header_title { + white-space: nowrap; + text-align: left; + float: left; +} + +div.header_menu { + text-align: right; +} + +div.tagresult{ + height: 1px; + background-color: #ffffff; +} + +div.tagresulttags{ + padding: 5px 0px 5px 10px; + background-color: #eeeeec; + vertical-align: middle; +} + +div.tagresulttag{ + padding: 0 0 0 5px; + background-color: #eeeeec; + display: inline; +} + +div.photo{ + text-align: left; + margin-top: 20px; + margin-left: 20px; +} + +div.photonavigation{ + margin-left: 20px; +} + +div.indexnavigation{ + width: 100%; + margin-top: 20px; +} + +div.indexnavigationright{ + float: right; + width: 40px; + margin-right: 0px; + padding-right: 10px; +} + +div.indexnavigationleft{ + float: left; + margin: 0px; + padding-left: 10px; + width: 40px; +} + +div.indexnavigationcenter{ + text-align: center; +} + +div.welcome { + padding: 10px; + margin-left: 10px; + margin-right: 10px; +} + +div.welcome span { + float: left; + padding-right: 10px; + width: 150px; + text-align: center; +} + +img { + border: none; +} + +a { + font-size: 14px; + color: #e9b96e; + text-decoration: none; +} + +a:hover { + color: #729fcf; +} + +a.tag { + color: #000000; + text-decoration: underline; +} + +a.tag:hover { + color: #729fcf; +} + +a.smalltag { + font-size: 12px; + color: #000000; + text-decoration: underline; + font-style: italic; +} + +a.smalltag:hover { + color: #729fcf; +} + +div.thumb { + text-align: center; + vertical-align: top; + -moz-border-radius: 3px; + border-radius: 3px; + margin: 10px 0px 0px 10px; + background-color: #eeeeec; + padding: 10px; + float: left; +} +div.thumb:hover { + background-color: #729fcf; +} + +div.thumb img.thumb { + border: 0px; + padding: 0px; + margin: 0px; +} + +div.thumb a.thumblink { + font-size: 12px; + border: 0px; +} + +div.thumb a.thumblink:hover { + color: #eeeeec; +} + +.cb { + clear: both; +} + +#photo_details { + width: 150px; + font-size: 12px; + padding: 10px; + -moz-border-radius: 1em; + border-radius: 1em; + z-index: 100; + float: right; + margin-top: 20px; + margin-right: 20px; +} + +#HTML_AJAX_LOADING { + position: fixed; + z-index: 1000; + top: 10px; + right: 10px; + background-color: #e9b96e; + padding: 10px; + -moz-border-radius: 1em; + border-radius: 1em; +} + +#available_tags,#selected_tags { + clip: auto; + overflow: auto; + border-bottom: solid 1px #000000; + padding-top: 10px; + padding-bottom: 10px; + padding-right: 10px; + line-height: 21px; +} + +span.tags { + vertical-align: middle; + text-decoration: underline; +} + +div.credits{ + margin-top: 10px; + margin-left: 10px; +} + +/* + * calendar layer + */ + +a.calendar { + font-size: 14px; +} + +table.calendar tr td { + border: solid 1px #00aa00; + padding: 1px; + text-align: center; + font-size: 14px; +} + +.prevMonth { + font-size: 14px; + text-align: left; +} +.nextMonth { + font-size: 14px; + text-align: right; +} + +#calendar { + position: absolute; + background-color: #ffffff; + visibility: hidden; + z-index: 1000; + border: solid 3px #aaaaaa; +} + +#slide_navigation { + text-align: center; + padding: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + vertical-align: middle; +} + +#slide_close { + margin: 0 auto; + padding: 10px; +} + +#slide_close img { + padding: 15px; + background-color: #000000; +} + +input.submit,input.checkbox { + background-color: transparent; + border: 0px; +} + +input, select, textarea { + background-color: #eeeeee; + color: #333333; + border: 1px solid #888888; + border-collapse: collapse; +} + +#slider-1{ + margin: 0 auto; +} diff --git a/themes/arun/templates/calendar.tpl b/themes/arun/templates/calendar.tpl new file mode 100644 index 0000000..8c1d27e --- /dev/null +++ b/themes/arun/templates/calendar.tpl @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + {section name="row" loop=$rows step=1} + {section name="col" loop=8 step=1} + {if isset($matrix[row][col]) } + {$matrix[row][col]} + {/if} + {/section} + {/section} + +
<< + {$current_month} + >>
MTWTFSS
+ diff --git a/themes/arun/templates/credits.tpl b/themes/arun/templates/credits.tpl new file mode 100644 index 0000000..2bc7b28 --- /dev/null +++ b/themes/arun/templates/credits.tpl @@ -0,0 +1,20 @@ +
+ {$product} {$version}
+
+
+ by Andreas Unterkircher
+ Licensed under GPLv3, phpfspot +
+ Some extensions:

+ HTML_AJAX - AJAX communication with the server +
+ Jenny Ferenc - PHP tag-cloud code +
+ Silvestre Herrera's - the most icons are from the Nuovo icon kit. +
+ Lightbox2 - photo preview +
+ Ajax Auto Suggest - Auto-Completion +
+ F-Spot database version: {$db_version} +
diff --git a/themes/arun/templates/export.tpl b/themes/arun/templates/export.tpl new file mode 100644 index 0000000..d7443de --- /dev/null +++ b/themes/arun/templates/export.tpl @@ -0,0 +1,14 @@ +{include file="header.tpl"} + +
+
+ + +
+
+ +{include file="footer.tpl"} diff --git a/themes/arun/templates/footer.tpl b/themes/arun/templates/footer.tpl new file mode 100644 index 0000000..70723d9 --- /dev/null +++ b/themes/arun/templates/footer.tpl @@ -0,0 +1,2 @@ + + diff --git a/themes/arun/templates/header.tpl b/themes/arun/templates/header.tpl new file mode 100644 index 0000000..9e6fce5 --- /dev/null +++ b/themes/arun/templates/header.tpl @@ -0,0 +1,21 @@ + + + + + {$page_title} + + + + + + { if isset($use_lightbox) } + + + + + { /if } + { if isset($use_autocomplete) } + + + { /if } + diff --git a/themes/arun/templates/index.tpl b/themes/arun/templates/index.tpl new file mode 100644 index 0000000..c4378b2 --- /dev/null +++ b/themes/arun/templates/index.tpl @@ -0,0 +1,46 @@ +{include file="header.tpl"} + + + + +
+ Loading...  Loading... +
+ + + +
+
+ +photo index + + +reset tags + + +about + +
+ +
+ + +
+ +
+
+ {include file="search.tpl"} +
+
+ {include file="tags.tpl"} +
+
+ + + +
+ { $initial_content } +
+
+ +{include file="footer.tpl"} diff --git a/themes/arun/templates/photo_index.tpl b/themes/arun/templates/photo_index.tpl new file mode 100644 index 0000000..9e4fbb0 --- /dev/null +++ b/themes/arun/templates/photo_index.tpl @@ -0,0 +1,179 @@ + + + + +
+
+ Photo Index + {if isset($searchfor) } + {if $count == 1} + {$count} image is the result for your search about "{$searchfor}". + {else} + {$count} images are the result for your search about "{$searchfor}". + {/if} + {elseif isset($tag_result)} + {if $count == 1} + {$count} image has been found for the selected tags. + {else} + {$count} images have been found for the selected tags. + {/if} + {else} + {if $count == 1} + {$count} image has been found. + {else} + {$count} images have been found. + {/if} + {/if} + {if isset($from_date) && isset($to_date) } +
+ Results are limited to a date within {$from_date} to {$to_date}. + {/if} +
+
+ {if isset($rss_link) } + + {/if} +
+
+ + + +{ if isset($tag_result) } + +
+ +
+ Tags: +
+
+ { $selected_tags } +
+{ /if } + + + +
+ + {section name="thumb" loop=$thumbs step=1} + + {if isset($images[thumb]) } + +
+ { if isset($user_friendly_url) } + + { else } + + { /if } + +
+ {$img_name[thumb]} + + + { if isset($use_lightbox) } + + { /if } + + { if isset($img_rating[thumb]) } +
+ {section name="rating" loop=$img_rating[thumb] step=1} + + {/section} + { /if } +
+ + {/if} + + {/section} + +
+
+
+ + +
+ { if !isset($next_url) || $next_url == "" } + { if $count != 0 } + last page reached + { /if } + { else } + + next photo + + { /if} +
+ + +
+ { if !isset($previous_url) || $previous_url == "" } + { if $count != 0 } + first page reached + { /if } + { else } + + previous photo + + { /if } +
+ + +
+ { if isset($page_selector) && $page_selector != "" } + {$page_selector} + { /if} +
+
+
+ + diff --git a/themes/arun/templates/search.tpl b/themes/arun/templates/search.tpl new file mode 100644 index 0000000..acbcf3d --- /dev/null +++ b/themes/arun/templates/search.tpl @@ -0,0 +1,72 @@ + +Search: + +
+
+ + + + + + + + + + + + + + + + + + + + + { if isset($has_rating) } + { /if } + + + + + +
Tag: + { if isset($use_autocomplete) } + + { literal } + + { /literal } + { else } + + { /if } + + +
Date: + { if ! isset($date_search_enabled) } + + { else } + + { /if } + consider date-range +  
 {$search_from_date} from
 {$search_to_date} to + +
+ Sort-Order:  + + + +   +
+
+
+
diff --git a/themes/arun/templates/single_photo.tpl b/themes/arun/templates/single_photo.tpl new file mode 100644 index 0000000..25235df --- /dev/null +++ b/themes/arun/templates/single_photo.tpl @@ -0,0 +1,135 @@ + +
+
+ Photo {$image_name}
+ {if $photo_count > 0} + {$photo_number} of {$photo_count} + {if $photo_count == 1} + Photo + {else} + Photos + {/if} + {if isset($description) && $description != "" } + - {$description}
+ {/if} + {/if} +
+
+ + + +  Auto-Browse + {if isset($extern_link) } +  External Link + {/if} + original resolution Fullsize +
+
+ +

+ +

+ { if isset($ExifMadeWith) } + camera icon Image taken with:
+ {$ExifMadeWith}
+ { /if } + { if isset($ExifMadeOn) } + calendar icon Image made on:
+ {$ExifMadeOn}
+ { /if } + { if isset($ExifOrigResolution) } + resolution icon Original resolution:
+ {$ExifOrigResolution}px
+ { /if } + Size: {$ExifFileSize}
+ { if isset($image_rating) && $image_rating > 0 } + rating Rating:
+ {section name="rating" loop=$image_rating step=1} + + {/section} +
+ { /if } + { if isset($has_versions) } +
+ Versions:
+ +
+ { /if } + { if isset($tags) } +
+ available tags Tagged with:
+ { foreach from=$tags key=id item=name } + {$name}
+ { /foreach } + { /if } +
+ { if isset($prev_img) && isset($previous_url) } + photo icon Previous:
+ +
+ + { /if} + { if isset($next_img) && isset($next_url) } + photo icon Next:
+ +
+ + { /if} +
+ + + +
+ { if !isset($next_url) || $next_url == "" } + + { else } + + { /if } + {$image_filename} + +
+ + + +
+ + + { if !isset($previous_url) || $previous_url == "" } + first photo reached + { else } + + previous photo + + { /if } + + + + photo index + + + + { if !isset($next_url) || $next_url == "" } + last photo reached + { else } + + next photo + + { /if} +
+

+ + diff --git a/themes/arun/templates/slideshow.tpl b/themes/arun/templates/slideshow.tpl new file mode 100644 index 0000000..1e64dbc --- /dev/null +++ b/themes/arun/templates/slideshow.tpl @@ -0,0 +1,28 @@ +{include file="header.tpl"} + + + + + +
+ + + + +
+
+ + slideshow_img + +
+
+
+ +
+
+
+ + +{include file="footer.tpl"} diff --git a/themes/arun/templates/tags.tpl b/themes/arun/templates/tags.tpl new file mode 100644 index 0000000..e36ddda --- /dev/null +++ b/themes/arun/templates/tags.tpl @@ -0,0 +1,15 @@ + +Selected Tags: + +   + || + && +{ if isset($preset_selected_tags) } +
{ $preset_selected_tags }
+{ else } +
no tags selected
+{ /if } + +Available Tags: + +
{ $preset_available_tags }
diff --git a/themes/arun/templates/welcome.tpl b/themes/arun/templates/welcome.tpl new file mode 100644 index 0000000..b169343 --- /dev/null +++ b/themes/arun/templates/welcome.tpl @@ -0,0 +1,32 @@ + +
+Welcome, these are some of my pictures. +
+
+ + +

+ + random image + + + random image + + + random image + + + random image + + + random image + + + random image + +

+

+ Index of all photos. +

+
+