Changeset 557


Ignore:
Timestamp:
07/14/08 22:15:37 (4 years ago)
Author:
kimparsell
Message:

All themes:
+ All pages validate XHTML Strict (ticket #166 -  http://dev.plogger.org/ticket/166)
+ Stylesheet validates to CSS level 2.1
+ Changed code for action= in comments form tag (original code would not validate due to the ampersand (&) in the url not being shown as & in the code)
+ Added alt tag for large image in picture.php per ticket #171 ( http://dev.plogger.org/ticket/171)
+ Added actions class to stylesheets for moderation message
+ Removed generate_slideshow_interface function from slideshow.php (now in plog-functions.php)
+ Reworked markup to conform to new theme code requirements
+ Cleaned up markup
Air theme - Added function to comments.php, if comments are moderated, to show moderation message
Lucid theme:
+ Added function to comments.php, if comments are moderated, to show moderation message
+ Cleaned up markup
+ Hyperlinked collection and album names per ticket #172 ( http://dev.plogger.org/ticket/172)
Default theme:
+ Confirmed fix in place to resolve ticket #163 ( http://dev.plogger.org/ticket/163)
+ Reorganized/commented gallery.css
+ Cleaned up markup
plog-functions.php:
+ Function added to provide meta-tags with keywords and descriptions using collection name/description, album name/description, image caption/description (default keyword is gallery name, default description is "This is my Plogger gallery" and can be changed by end user) (original code by sidetheduck in  http://plogger.org/forum/discussion/1954/how-to-get-dynamic-contents/#Item_9) (requested in per ticket #172 ( http://dev.plogger.org/ticket/172)
+ Added generate_slideshow_interface function (previously in slideshow.php in each theme)

Location:
trunk
Files:
3 added
43 edited

Legend:

Unmodified
Added
Removed

  • trunk/plog-admin/plog-admin-functions.php

    r556 r557  
    150150        $result['output'] .= sprintf(plog_tr('Your photo (%s) was uploaded successfully.'),$filename); 
    151151        $result['picture_id'] = mysql_insert_id(); 
    152          
     152 
    153153        // let's generate the thumbnail and the large thumbnail right away. 
    154154        // this way, the user won't see any latency from the thumbnail generation 
    … …  
    156156        // this also helps with the image pre-loading problem introduced 
    157157        // by a javascript slideshow. 
    158          
     158 
    159159        $thumbpath = generate_thumb($picture_path, $result['picture_id'],THUMB_SMALL); 
    160160        #$thumbpath = generate_thumb($picture_path, $result['picture_id'],THUMB_LARGE); 
    161          
     161 
    162162        return $result; 
    163163}; 
    … …  
    187187 
    188188        $errors = $output = ""; 
    189          
     189 
    190190        $picture_id = intval($picture_id); 
    191191        $value = mysql_real_escape_string(trim($value)); 
    192192 
    193193        $query = "UPDATE ".TABLE_PREFIX."pictures SET $field = '$value' WHERE id='$picture_id'"; 
    194          
     194 
    195195        $result = mysql_query($query); 
    196196        if ($result) { 
    … …  
    199199                return array('errors' => plog_tr('Could not modify selected picture')); 
    200200        }; 
    201          
     201 
    202202} 
    203203 
    … …  
    215215                return array('errors' => sprintf(plog_tr('There is no album with id %d'),$to_album)); 
    216216        }; 
    217                  
     217 
    218218        $new_collection = $row['parent_id']; 
    219219         
    … …  
    234234 
    235235        $new_path = mysql_real_escape_string($new_path); 
    236          
     236 
    237237        // update database 
    238238        $sql = "UPDATE ".TABLE_PREFIX."pictures SET 
    … …  
    480480                        return array('errors' => plog_tr('Collection directory still contains files after all albums have been deleted.')); 
    481481                } 
    482                  
     482 
    483483        } else { 
    484484                return array('errors' => plog_tr('Collection has invalid path, not deleting directory')); 
    … …  
    546546        $name = mysql_real_escape_string(SmartStripSlashes($name)); 
    547547        $description = mysql_real_escape_string(SmartStripSlashes($description)); 
    548          
    549548 
    550549         // first, get the album name and collection name of our source album 
    … …  
    826825} 
    827826 
    828 function edit_comment_form($comment_id) 
    829 { 
     827function edit_comment_form($comment_id) { 
    830828        $output = ''; 
    831829        $comment_id = intval($comment_id); 
    … …  
    12671265                </table>' . "\n"; 
    12681266        } else { 
    1269                 $output .= "\n\n\t\t" . '<p class="actions">' . sprintf(plog_tr('Sadly, there are no pictures yet.  Why don\'t you <a href="%s">upload some?</a>'),'plog-upload.php') . '</p>' . "\n"; 
     1267                $output .= "\n\n\t\t" . '<p class="actions">' . sprintf(plog_tr('Sadly, there are no pictures yet. Why don\'t you <a href="%s">upload some?</a>'),'plog-upload.php') . '</p>' . "\n"; 
    12701268        }; 
    12711269        return $output; 
    … …  
    14921490 
    14931491function generate_ajax_picture_editing_init() { 
    1494          
     1492 
    14951493        $output = '<script type="text/javascript">'; 
    14961494} 

  • trunk/plog-admin/plog-options.php

    r555 r557  
    125125        configure_mod_rewrite($config["use_mod_rewrite"]); 
    126126 
    127         if (!isset($error_flag)) $output .= '<p class="actions">' . plog_tr("You have updated your settings successfully.") . '</p>'; 
     127        if (!isset($error_flag)) $output .= "\n\t" . '<p class="actions">' . plog_tr("You have updated your settings successfully.") . '</p>' . "\n"; 
    128128 
    129129        $_SESSION["msg"] = $output; 
    … …  
    151151        ); 
    152152 
    153 $output .= ' 
    154         <h1>' . plog_tr("System Options") . '</h1> 
     153$output .= "\n\t" . '<h1>' . plog_tr("System Options") . '</h1> 
    155154 
    156155                <form action="'.$_SERVER["PHP_SELF"].'" method="post"> 
    … …  
    158157                                <table class="option-table"> 
    159158                                        <tr class="alt"> 
    160                                                 <td><label for="gallery_name">' . plog_tr("Gallery Name:") . '</label> ' . plog_tr("(optional)") . '</td> 
     159                                                <td><label for="gallery_name">' . plog_tr("Gallery Name:") . '</label><br /> ' . plog_tr("(optional)") . '</td> 
    161160                                                <td><input size="45" type="text" id="gallery_name" name="gallery_name" value="'.stripslashes($config['gallery_name']).'" /></td> 
    162161                                        </tr> 
    163162                                        <tr> 
    164                                                 <td><label for="gallery_url">' . plog_tr('Gallery URL:') . '</label> </td> 
     163                                                <td><label for="gallery_url">' . plog_tr('Gallery URL:') . '</label></td> 
    165164                                                <td><input size="45" type="text" id="gallery_url" name="gallery_url" value="'.stripslashes($config['gallery_url']).'" /></td> 
    166165                                        </tr> 
    … …  
    206205                                        </tr> 
    207206                                        <tr> 
    208                                                 <td><label for="generate_intermediate">' . plog_tr('Generate Intermediate Pictures?') . '</label>:</td> 
     207                                                <td><label for="generate_intermediate">' . plog_tr('Generate Intermediate Pictures?') . '</label></td> 
    209208                                                <td><input type="checkbox" id="generate_intermediate" name="generate_intermediate" value="1" '.$generate_intermediate.' /></td> 
    210209                                        </tr> 
    … …  
    218217                                        </tr> 
    219218                                        <tr class="alt"> 
    220                                                 <td><label for="image_quality">' . plog_tr('JPEG Image Quality') . '</label><br /> ' . plog_tr("(1=worst, 95=best, 75=default):") . '</label></td> 
     219                                                <td><label for="image_quality">' . plog_tr('JPEG Image Quality:') . '</label><br /> ' . plog_tr("(1=worst, 95=best, 75=default)") . '</label></td> 
    221220                                                <td><input size="5" type="text" id="image_quality" name="image_quality" value="'.$config['compression'].'" /></td> 
    222221                                        </tr> 
    … …  
    293292                                        </tr> 
    294293                                        <tr class="alt"> 
    295                                                 <td><label for="square_thumbs">' . plog_tr('Use Cropped Square Thumbnails?:') .'</label></td> 
     294                                                <td><label for="square_thumbs">' . plog_tr('Use Cropped Square Thumbnails?') .'</label></td> 
    296295                                                <td>'; 
    297296                                                if ($config['square_thumbs'] == 1) $checked = "checked='checked'"; else $checked = ""; 
    … …  
    305304                                        </tr> 
    306305                                        <tr class="alt"> 
    307                                                 <td><label for="thumb_nav_range">' . plog_tr('Thumbnail Navigation Range') . '</label><br /> ' . plog_tr('(0 for whole album):') . '</td> 
     306                                                <td><label for="thumb_nav_range">' . plog_tr('Thumbnail Navigation Range:') . '</label><br /> ' . plog_tr('(0 for whole album)') . '</td> 
    308307                                                <td><input size="5" type="text" id="thumb_nav_range" name="thumb_nav_range" value="'.$config['thumb_nav_range'].'" /></td> 
    309308                                        </tr> 
    … …  
    324323                                <table class="option-table"> 
    325324                                        <tr> 
    326                                                 <td><label for="date_format">' . plog_tr('Date Format') . '</label>:</td> 
     325                                                <td><label for="date_format">' . plog_tr('Date Format:') . '</label></td> 
    327326                                                <td> 
    328327                                                        <select id="date_format" name="date_format">'; 
    … …  
    336335                                        </tr> 
    337336                                        <tr class="alt"> 
    338                                                 <td><label for="allow_dl">' . plog_tr('Allow Compressed Recursive Downloads?') . '</label>:</td> 
     337                                                <td><label for="allow_dl" style="white-space: nowrap;">' . plog_tr('Allow Compressed Recursive Downloads?') . '</label></td> 
    339338                                                <td>'; 
    340339                                                if ($config['allow_dl'] == 1) $checked = "checked='checked'"; else $checked = ""; 
    … …  
    358357                                        </tr> 
    359358                                        <tr class="alt"> 
    360                                                 <td><label for="use_mod_rewrite">' . plog_tr('Generate Cruft-Free URLs') . '</label><br /> ' . plog_tr('(requires mod_rewrite)') . '</td> 
     359                                                <td><label for="use_mod_rewrite">' . plog_tr('Generate Cruft-Free URLs:') . '</label><br /> ' . plog_tr('(requires mod_rewrite)') . '</td> 
    361360                                                <td>'; 
    362361                                                $htaccess_file = $config["basedir"] . ".htaccess"; 

  • trunk/plog-admin/plog-upload.php

    r555 r557  
    134134                                                <input accesskey="n" id="userfile" name="userfile" value="Vali fail" type="file" onchange="checkArchive(this)" /> 
    135135                                                <label accesskey="c" for="caption">' . plog_tr('Picture <em>C</em>aption (optional):') . '</label> 
    136                                                 <input style="width: 320px" name="caption" id="caption" /> 
     136                                                <input style="width: 320px;" name="caption" id="caption" /> 
    137137                                                <label accesskey="d" for="description">' . plog_tr('<em>D</em>escription (optional):') . '</label> 
    138                                                 <textarea name="description" id="description" cols="53" rows="8"></textarea> 
     138                                                <textarea name="description" id="description" cols="53" rows="7"></textarea> 
    139139                                                </p> 
    140140                                        </div> 

  • trunk/plog-content/themes/air/album.php

    r552 r557  
    11<?php plogger_get_header(); ?> 
    22 
    3 <div id="thumbnail-container" class="clearfix"> 
     3        <div id="thumbnail-container" class="clearfix"> 
    44 
    55<?php if (plogger_has_pictures()) : ?> 
    6  
    7         <ul class="slides clearfix"> 
    8  
    9         <?php while(plogger_has_pictures()) : ?> 
    10  
    11                 <?php plogger_load_picture(); 
     6                <ul class="slides clearfix"> 
     7<?php while(plogger_has_pictures()) : ?> 
     8<?php plogger_load_picture(); 
    129                // set variables for the album 
    1310                $picture_caption = plogger_get_picture_caption(); 
    … …  
    1613                $thumb_width = $thumb_info[0]; // The width of the image. It is integer data type. 
    1714                $thumb_height = $thumb_info[1]; // The height of the image. It is an integer data type. 
    18                 ?> 
     15?> 
     16                        <li class="thumbnail"> 
     17                                <a href="<?php echo plogger_get_picture_url(); ?>"><img id="thumb-<?php echo plogger_get_picture_id(); ?>" class="photos" src="<?php echo plogger_get_picture_thumb(); ?>" width="<?php echo $thumb_width; ?>px" height="<?php echo $thumb_height; ?>px" title="<?php echo $picture_caption; ?>" alt="<?php echo $picture_caption; ?>" /></a> 
     18                                <div class="checkbox"><?php echo plogger_download_checkbox(plogger_get_picture_id()); ?></div> 
     19                                <p style="width: <?php echo $thumb_width; ?>px;"><?php echo $picture_caption; ?></p> 
     20                        </li><!-- /thumbnail --> 
     21<?php endwhile; ?> 
     22                </ul><!-- /slides --> 
     23<?php else : ?> 
     24                <p id="no-pictures-msg"><?php echo plog_tr('There are no pictures in this album')?>.</p> 
     25<?php endif; ?> 
    1926 
    20                 <li class="thumbnail"> 
    21                         <a href="<?php echo plogger_get_picture_url(); ?>"> 
    22                                 <img id="thumb-<?php echo plogger_get_picture_id(); ?>" class="photos" src="<?php echo plogger_get_picture_thumb(); ?>" width="<?php echo $thumb_width; ?>px" height="<?php echo $thumb_height; ?>px" title="<?php echo $picture_caption; ?>" alt="<?php echo $picture_caption; ?>" /> 
    23                         </a> 
    24                         <div class="checkbox"><?php echo plogger_download_checkbox(plogger_get_picture_id()); ?></div> 
    25                         <p style="width:<?php echo $thumb_width; ?>px;"><?php echo $picture_caption; ?></p> 
    26                 </li> 
    27         <?php endwhile; ?> 
    28  
    29         </ul> 
    30  
    31         <?php else : ?> 
    32  
    33         <p id="no-pictures-msg"><?php echo plog_tr('There are no pictures in this album')?>.</p> 
    34  
    35         <?php endif; ?> 
    36  
    37 </div> 
    38  
     27        </div><!-- /thumbnail container --> 
    3928<?php plogger_get_footer(); ?> 

  • trunk/plog-content/themes/air/collection.php

    r552 r557  
    11<?php plogger_get_header(); ?> 
    22 
    3 <div id="thumbnail-container" class="clearfix"> 
     3        <div id="thumbnail-container" class="clearfix"> 
    44 
    55<?php if (plogger_has_albums()) : ?> 
    6  
    7         <div id="collections"> 
    8  
    9         <?php while(plogger_has_albums()) : ?> 
    10  
    11                 <?php plogger_load_album(); 
     6                <div id="collections"> 
     7<?php while(plogger_has_albums()) : ?> 
     8<?php plogger_load_album(); 
    129                // set variables for the album 
    1310                $desc = plogger_get_album_description(); 
    1411                $name = plogger_get_album_name(); 
    1512                $num_albums = plogger_album_picture_count(); 
    16                 ?> 
     13?> 
     14                        <div class="collection"> 
     15                                <a class="collection-image-link" href="<?php echo plogger_get_album_url(); ?>"><img class="photos" src="<?php echo plogger_get_album_thumb(); ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a> 
     16                                <h2><a href="<?php echo plogger_get_album_url(); ?>"><?php echo $name; ?></a></h2> 
     17                                <?php echo plogger_download_checkbox(plogger_get_album_id()); ?> 
    1718 
    18                 <div class="collection"> 
    19                         <a class="collection-image-link" href="<?php echo plogger_get_album_url(); ?>"><img class="photos" src="<?php echo plogger_get_album_thumb(); ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a> 
    20                         <h2><a href="<?php echo plogger_get_album_url(); ?>"><?php echo $name; ?></a></h2> 
    21                         <?php echo plogger_download_checkbox(plogger_get_album_id()); ?> 
    22                         <span class="meta-header"><?php echo plog_tr('Contains'); ?> <?php echo $num_albums . ' '; echo ($num_albums == 1) ? plog_tr("Picture") : plog_tr("Pictures"); ?></span> 
    23                         <p class="description"><?php echo $desc; ?></p> 
    24                 </div> 
     19                                <span class="meta-header"><?php echo plog_tr('Contains'); ?> <?php echo $num_albums . ' '; echo ($num_albums == 1) ? plog_tr("Picture") : plog_tr("Pictures"); ?></span> 
     20                                <p class="description"><?php echo $desc; ?></p> 
     21                        </div><!-- /collection --> 
     22<?php endwhile; ?> 
     23                </div><!-- /collections --> 
    2524 
    26         <?php endwhile; ?> 
    27  
    28         </div> 
    29  
    30         <?php else : ?> 
    31  
    32         <p id="no-pictures-msg"><?php echo plog_tr('No albums yet')?>.</p> 
    33  
    34         <?php endif; ?> 
    35  
    36 </div> 
    37  
     25<?php else : ?> 
     26                <p id="no-pictures-msg"><?php echo plog_tr('No albums yet')?>.</p> 
     27<?php endif; ?> 
     28        </div><!-- /thumbnail-container --> 
    3829<?php plogger_get_footer(); ?> 

  • trunk/plog-content/themes/air/collections.php

    r552 r557  
    11<?php plogger_get_header(); ?> 
    22 
    3 <div id="thumbnail-container" class="clearfix"> 
     3        <div id="thumbnail-container" class="clearfix"> 
    44 
    55<?php if (plogger_has_collections()) : ?> 
    6  
    7         <div id="collections"> 
    8  
    9         <?php while(plogger_has_collections()) : ?> 
    10  
    11                 <?php plogger_load_collection(); 
     6                <div id="collections"> 
     7<?php while(plogger_has_collections()) : ?> 
     8<?php plogger_load_collection(); 
    129                // set variables for the collection 
    1310                $desc = plogger_get_collection_description(); 
    1411                $name = plogger_get_collection_name(); 
    1512                $num_albums = plogger_collection_album_count(); 
    16                 ?> 
    17  
    18                 <div class="collection"> 
    19                         <a class="collection-image-link" href="<?php echo plogger_get_collection_url(); ?>"><img class="photos" src="<?php echo plogger_get_collection_thumb(); ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a> 
    20                         <h2><a href="<?php echo plogger_get_collection_url(); ?>"><?php echo $name; ?></a></h2> 
    21                         <?php echo plogger_download_checkbox(plogger_get_collection_id()); ?> 
    22                         <span class="meta-header"><?php echo plog_tr('Contains'); ?> <?php echo $num_albums . ' '; echo ($num_albums == 1) ? plog_tr("Album") : Plog_tr("Albums"); ?></span> 
    23                         <p class="description"><?php echo $desc; ?></p> 
    24                 </div> 
    25  
    26                 <?php endwhile; ?> 
    27  
    28         </div> 
     13?> 
     14                        <div class="collection"> 
     15                                <a class="collection-image-link" href="<?php echo plogger_get_collection_url(); ?>"><img class="photos" src="<?php echo plogger_get_collection_thumb(); ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a> 
     16                                <h2><a href="<?php echo plogger_get_collection_url(); ?>"><?php echo $name; ?></a></h2> 
     17                                <?php echo plogger_download_checkbox(plogger_get_collection_id()); ?> 
     18                                <span class="meta-header"><?php echo plog_tr('Contains'); ?> <?php echo $num_albums . ' '; echo ($num_albums == 1) ? plog_tr("Album") : Plog_tr("Albums"); ?></span> 
     19                                <p class="description"><?php echo $desc; ?></p> 
     20                        </div><!-- /collection --> 
     21<?php endwhile; ?> 
     22                </div><!-- /collections --> 
    2923 
    3024        <?php else : ?> 
    31  
    32         <p id="no-pictures-msg"><?php echo plog_tr('No collections yet')?>.</p> 
    33  
     25                <p id="no-pictures-msg"><?php echo plog_tr('No collections yet')?>.</p> 
    3426        <?php endif; ?> 
    35  
    36 </div> 
    37  
     27</div><!-- /thumbnail-container --> 
    3828<?php plogger_get_footer(); ?> 

  • trunk/plog-content/themes/air/comments.php

    r556 r557  
     1<?php if (plogger_comments_on()) { ?> 
     2                        <a name="comments"></a> 
     3                        <h2 class="comment-heading"><?php echo plog_tr('Comments'); ?>:</h2> 
    14 
    2 <?php if (plogger_comments_on()) { ?> 
    3                 <a name="comments"></a><h2 class="comment-heading"><?php echo plog_tr('Comments'); ?>:</h2> 
     5<? if (plogger_picture_has_comments()) { ?> 
     6                                <ol class="comments"> 
     7<? $counter = 0; 
     8                while(plogger_picture_has_comments()) { 
     9                        plogger_load_comment(); 
     10                        $url = plogger_get_comment_url(); 
     11                        $author = plogger_get_comment_author(); 
     12                        // this code alternates the background color every other comment 
     13                        $comment_class = ($counter % 2) ? "comment_alt" : "comment"; 
     14?> 
     15                                        <li class="<?php echo $comment_class; ?>"> 
     16                                                <p><?php echo plogger_get_comment_text(); ?></p> 
     17                                                <cite><?php echo plog_tr('Comment by'); ?> <?php echo (trim($url) != '') ? "<a href=\"$url\" rel=\"nofollow\">$author</a>" : "$author"; ?> - <?php echo plog_tr('posted on'); ?> <?php echo plogger_get_comment_date(); ?></cite> 
     18                                        </li> 
     19<?php $counter++; 
     20                        } ?> 
     21                                </ol> 
     22<?php } else { ?> 
     23                                <p><?php echo plog_tr('No comments yet'); ?></p> 
     24<?php } ?> 
    425 
    5                 <? if (plogger_picture_has_comments()) { ?> 
    6                 <ol class="comments"> 
    7                         <? $counter = 0; 
    8                         while(plogger_picture_has_comments()) { 
    9                                 plogger_load_comment(); 
    10  
    11                                 $url = plogger_get_comment_url(); 
    12                                 $author = plogger_get_comment_author(); 
    13  
    14                                 // this code alternates the background color every other comment 
    15                                 $comment_class = ($counter % 2) ? "comment_alt" : "comment"; 
    16                         ?> 
    17  
    18                         <li class="$comment_class"> 
    19                                 <p>"<?php echo plogger_get_comment_text(); ?>"</p> 
    20                                 <cite>Comment by "<?php echo (trim($url) != '') ? "<a href=\"$url\" rel=\"nofollow\">$author</a>" : "$author"; ?> - posted on "<?php echo plogger_get_comment_date(); ?></cite> 
    21                         </li> 
    22  
    23                         <?php $counter++; 
    24                         } ?> 
    25                 </ol> 
    26                 <?php } else { ?> 
    27                 <p>"<?php echo plog_tr('No comments yet'); ?>"</p> 
    28                 <?php } ?> 
    29  
    30         <?php if (plogger_picture_allows_comments()) { 
     26<?php if (plogger_picture_allows_comments()) { 
    3127                global $config; 
    3228                if (plogger_comment_post_error()) { ?> 
    33                 <p class='errors'>"<?php echo plog_tr('Comment did not post!  Please fill in required fields.'); ?>"</p> 
     29                                <p class="errors">"<?php echo plog_tr('Comment did not post! Please fill in required fields.'); ?>"</p> 
     30                <?php } 
     31                if (plogger_comment_moderated()) { ?> 
     32                                <p class="actions"><?php echo plog_tr('Your comment was placed in moderation, please wait for approval. Do not submit your comment again!'); ?></p> 
    3433                <?php } ?> 
     34                        <a name="comment-post"></a> 
     35                        <h3 class="comment-heading"><?php echo plog_tr('Post a comment'); ?></h3> 
    3536 
    36                 <a name="comment-post"></a><h2 class="comment-heading"><?php echo plog_tr('Post a comment'); ?></h2> 
    37                 <form action="<?php echo $_SERVER['REQUEST_URI']; ?>" method="post" id="commentform"> 
    38                         <p> 
    39                                 <input type="text" name="author" id="author" class="textarea" value="" size="28" tabindex="1" /> 
    40                                 <label for="author"><?php echo plog_tr('Name'); ?></label> (<?php echo plog_tr('required'); ?>) 
     37                                <form action="<?php echo plogger_get_picture_url(); ?>" method="post" id="commentform"> 
     38                                        <p> 
     39                                                <input type="text" name="author" id="author" class="textarea" value="" size="28" tabindex="1" /> 
     40                                                <label for="author"><?php echo plog_tr('Name'); ?></label> (<?php echo plog_tr('required'); ?>) 
     41                                                <input type="hidden" name="comment_post_ID" value="40"/> 
     42                                                <input type="hidden" name="parent" value="<?php echo plogger_get_picture_id(); ?>" /> 
     43                                        </p> 
     44                                        <p> 
     45                                                <input type="text" name="email" id="email" value="" size="28" tabindex="2" /> 
     46                                                <label for="email"><?php echo plog_tr('E-mail'); ?></label> (<?php echo plog_tr('required, but not publicly displayed'); ?>) 
     47                                        </p> 
     48                                        <p> 
     49                                                <input type="text" name="url" id="url" value="" size="28" tabindex="3" /> 
     50                                                <label for="url"><?php echo plog_tr('Your Website (optional)'); ?></label> 
     51                                        </p> 
     52                                        <p> 
     53                                                <label for="comment"><?php echo plog_tr('Your Comment'); ?></label> 
     54                                                <br /><textarea name="comment" id="comment" cols="70" rows="4" tabindex="4"></textarea> 
     55                                        </p> 
     56                                        <p class="comment-input-button"><input class="submit" name="submit" type="submit" tabindex="5" value="<?php echo plog_tr('Post Comment'); ?>" /></p> 
     57                                </form> 
    4158 
    42                                 <input type="hidden" name="comment_post_ID" value="40"/> 
    43                                 <input type="hidden" name="parent" value="'.plogger_get_picture_id().'" /> 
    44                         </p> 
    45                         <p> 
    46                                 <input type="text" name="email" id="email" value="" size="28" tabindex="2" /> 
    47                                 <label for="email"><?php echo plog_tr('E-mail'); ?></label> (<?php echo plog_tr('required, but not publicly displayed'); ?>) 
    48                         </p> 
    49                         <p> 
    50                                 <input type="text" name="url" id="url" value="" size="28" tabindex="3" /> 
    51                                 <label for="url"><?php echo plog_tr('Your Website (optional)'); ?></label> 
    52                         </p> 
    53                         <p> 
    54                                 <label for="comment"><?php echo plog_tr('Your Comment'); ?></label> 
    55                                 <br /><textarea name="comment" id="comment" cols="70" rows="4" tabindex="4"></textarea> 
    56                         </p> 
    57                         <p class="comment-input-button"> 
    58                                 <input class="submit" name="submit" type="submit" tabindex="5" value="<?php echo plog_tr('Post Comment'); ?>" /> 
    59                         </p> 
    60                 </form> 
    61  
    62         <?php } else { ?> 
    63                 <p class="comments-closed"><?php echo plog_tr('Comments for this entry are closed'); ?></p> 
    64         <?php } ?> 
     59<?php } else { ?> 
     60                                <p class="comments-closed"><?php echo plog_tr('Comments for this entry are closed'); ?></p> 
    6561<?php } ?> 
     62<?php } ?> 

  • trunk/plog-content/themes/air/dynamics.js

    r552 r557  
    77                        } 
    88        } 
    9          
     9 
    1010        if (valid == false) { 
    1111                 alert('Nothing is selected!'); 

  • trunk/plog-content/themes/air/explorer.css

    r552 r557  
    22        height: 24px; /* IE 6 */ 
    33} 
     4 
    45a:visited { 
    5         color: #01B4E2; 
     6        color: #01b4e2; 
    67} 
     8 
    79.collection a { 
    810        display: inline; 
    911        background: #fff; 
    1012} 
     13 
    1114.collection h2 { 
    1215        display: block; 
    1316        height: 20px; 
    1417} 
     18 
    1519.collection h2 a, .collection h2 a:visited { 
    1620        border: none; 
    17         color: #01B4E2; 
     21        color: #01b4e2; 
    1822        display: block; 
    1923} 
     24 
    2025.collection h2 a:hover { 
    2126        border: none; 
    2227} 
     28 
    2329.collection input { 
    2430        float: left; 
    2531        display: block; 
    2632} 
     33 
    2734.meta-header { 
    2835        display: block; 
    … …  
    3037        padding: 4px 0 0 0; 
    3138} 
     39 
    3240.collection img, ul.slides li img, #thumb-nav li img { 
    33         margin: 0px; 
     41        margin: 0; 
    3442        border: none; 
    3543} 
     44 
    3645#thumb-nav li img { 
    3746        margin: 4px 0 0 0; 
    3847} 
     48 
    3949li.thumbnail a, .collection a, #picture-holder a, #thumb-nav a { 
    4050/*      border: 1px solid #dfded6; */ 
    41         border: 1px solid #01B4E2; 
     51        border: 1px solid #01b4e2; 
    4252} 
    4353 
    4454li.thumbnail a:hover, .collection a:hover, #picture-holder a:hover, #thumb-nav a:hover { 
    4555/*      border: 1px solid #b3b6b0; */ 
    46         border: 1px solid #ff6600; 
     56        border: 1px solid #f60; 
    4757} 
     58 
    4859#sort-control { 
    4960        width: 330px; 
    5061} 
     62 
    5163#download-selected input.submit { 
    52         background: #fff url('images/carrot_sel3.gif') no-repeat 0 50%; 
     64        background: #fff url("images/carrot_sel3.gif") no-repeat 0 50%; 
    5365} 

  • trunk/plog-content/themes/air/footer.php

    r552 r557  
    11 
    2 <div id="footer" class="clearfix"> 
     2        <div id="footer" class="clearfix"> 
    33 
    4         <?php if (plogger_pagination_control() != '') { ?> 
    5         <div id="pagination"> 
    6                 <?php echo plogger_pagination_control(); ?> 
    7         </div> 
    8         <?php } ?> 
     4<?php if (plogger_pagination_control() != '') { ?> 
     5                <div id="pagination"> 
     6                        <?php echo plogger_pagination_control(); ?> 
     7                </div><!-- /pagination --> 
     8<?php } ?> 
     9<?php if (plogger_download_selected_button() != '') { ?> 
     10                <div id="download-selected"><?php echo plogger_download_selected_button(); ?></div><!-- /download-selected --> 
     11<?php } ?> 
     12<?php if (generate_jump_menu() != '') { ?> 
     13                <div id="navigation-container"> 
     14                                <?php echo generate_jump_menu(); ?> 
     15                </div><!-- /navigation-container --> 
     16<?php } ?> 
     17<?php if (plogger_sort_control() != '') { ?> 
     18                <div id="sort-control"> 
     19<?php echo plogger_sort_control(); ?> 
     20                </div><!-- /sort-control --> 
     21<?php } ?> 
     22<?php if (plogger_rss_feed_button() != '') { ?> 
     23                <div id="rss-tag-container"><?php echo plogger_rss_feed_button(); ?></div><!-- /rss-tag-container --> 
     24<?php } ?> 
     25                <?php echo plogger_link_back(); ?> 
     26                <div class="credit"><a href="http://www.ardamis.com/"><?php echo plog_tr('Design by')?> ardamis.com</a></div> 
    927 
    10         <?php if (plogger_download_selected_button() != '') { ?> 
    11         <div id="download-selected"> 
    12                 <?php echo plogger_download_selected_button(); ?> 
    13         </div> 
    14         <?php } ?> 
    15  
    16         <?php if (generate_jump_menu() != '') { ?> 
    17         <div id="navigation-container"> 
    18                 <?php echo generate_jump_menu(); ?> 
    19         </div> 
    20         <?php } ?> 
    21  
    22         <?php if (plogger_sort_control() != '') { ?> 
    23         <div id="sort-control"> 
    24                 <?php echo plogger_sort_control(); ?> 
    25         </div> 
    26         <?php } ?> 
    27  
    28         <?php if (plogger_rss_feed_button() != '') { ?> 
    29         <div id="rss-tag-container"> 
    30                 <?php echo plogger_rss_feed_button(); ?> 
    31         </div> 
    32         <?php } ?> 
    33  
    34         <?php echo plogger_link_back(); ?> 
    35         <div class="credit"><a href="http://www.ardamis.com/"><?php echo plog_tr('Design by')?> ardamis.com</a></div> 
    36  
    37 </div> 
    38  
     28        </div><!-- /footer --> 
    3929<?php echo plogger_download_selected_form_end(); ?> 
    4030 
    41 </div> 
     31</div><!-- /wrapper --> 

  • trunk/plog-content/themes/air/gallery.css

    r552 r557  
    1  
     1/* Air Theme stylesheet */ 
    22/* Begin general styles for all pages */ 
    33 
    … …  
    66        padding: 0; 
    77} 
     8 
    89body { 
    910        /* body contains and controls all visible elements of the entire page, this is where you want to set things like the background of the page */ 
    … …  
    1516        text-align: center; 
    1617} 
     18 
    1719img { 
    1820        /* img controls anything that all of the images have in common; in this case, we make sure no images have borders (we can add borders to specific images later) */ 
    1921        border: 0; 
    2022} 
     23 
    2124a:link, a:visited { 
    2225        /* a:link, a:visited control the default link behavior for all of the links on the page (but most of the link behaviors are changed later in the CSS) */ 
    … …  
    2427        text-decoration: none; 
    2528} 
     29 
    2630a:hover { 
    2731        /* a:hover controls the default hover behavior of all links */ 
    2832        color: #404040; 
    2933} 
     34 
    3035#wrapper { 
    3136        /* #wrapper contains the entire content of the page; this is where one would center the page content, and give it a definite width, this is also where one would put borders around the content of the page */  
    … …  
    3439        position: relative; 
    3540} 
     41 
    3642#header { 
    3743        /* #header contains the gallery name, the search box, and the breadcrumbs */ 
    3844        text-align: left; 
    3945} 
     46 
    4047#header p { 
    4148        /* one can edit header.php, within the commented <p></p> tags, to add a few words below the breadcrumbs, in which case this controls that text */ 
    … …  
    4552        font-size: 1.2em; 
    4653} 
     54 
    4755#gallery-name { 
    4856        /* #gallery-name controls the name of the gallery */ 
    … …  
    5058        margin: 20px 0 0 0; 
    5159        padding: 0 0 10px 0; 
    52         color: #01B4E2; 
     60        color: #01b4e2; 
    5361        font-size: 2em; 
    5462        font-family: "Century Gothic", "Lucida Grande", Verdana, Arial, sans-serif; 
    5563} 
     64 
    5665#search-container { 
    5766        /* #search-container contains the seach box and the search button */ 
    … …  
    6170        height: 30px; 
    6271} 
     72 
    6373#search-container input { 
    6474        /* #search-container input is the search input box */ 
    … …  
    6878        vertical-align: top; 
    6979} 
     80 
    7081#search-container input.submit { 
    7182        /* #search-container input.submit is the search button */ 
    … …  
    7384        height: 30px; 
    7485        cursor: pointer; 
    75         background: #fff url('images/search-btn.png'); 
     86        background: #fff url("images/search-btn.png"); 
    7687        margin: 0 0 0 4px; 
    7788        padding: 0 0 4px 0; 
    7889        border: none; 
    7990} 
     91 
    8092#breadcrumbs { 
    8193        /* #breadcrumbs contains the breadcrumbs */ 
    … …  
    8597        min-height: 24px; 
    8698        border: 1px solid #039acb; 
    87         background: #01B4E2 url('images/blue-gradient.gif') repeat-x; 
     99        background: #01b4e2 url("images/blue-gradient.gif") repeat-x; 
    88100        color: #fff; 
    89101} 
     102 
    90103#breadcrumb_links { 
    91104        /* #breadcrumb_links controls the breadcrumbs text that isn't a link */ 
    … …  
    94107        padding: 4px 0 0 25px; 
    95108} 
     109 
    96110#breadcrumb_links a { 
    97111        /* #breadcrumb_links a controls the breadcrumbs text that is a link */ 
    … …  
    99113        text-decoration: underline; 
    100114} 
     115 
    101116#breadcrumb_links a:hover, #slideshow a:hover { 
    102117        /* #breadcrumb_links a:hover, #slideshow a:hover a controls hover behavior of the breadcrumbs text that is a link */ 
    … …  
    104119        text-decoration: none; 
    105120} 
     121 
    106122#slideshow a { 
    107123        /* #slideshow a controls the text of the View as Slideshow link */ 
    … …  
    112128        text-decoration: underline; 
    113129} 
     130 
    114131#no-pictures-msg { 
    115132        /* #no-pictures-msg controls the "no collections", "no albums", and "no picture" messages displayed when a visitor goes to a page without collections, albums, or a picture */ 
    … …  
    119136        text-align: center; 
    120137} 
     138 
    121139.checkbox { 
    122140        /* .checkbox controls the appearance of the checkbox on all pages */ 
    … …  
    126144} 
    127145 
    128  
    129                                         /* Begin collection and album page styles */ 
     146/* Begin collection and album page styles */ 
    130147 
    131148#thumbnail-container { 
    … …  
    134151        padding: 0; 
    135152} 
     153 
    136154#collections { 
    137155        /* #collections contains the entire list of all collections or the entire list of all albums, as appropriate (yes, it's redundant to #thumbnail-container) */ 
    138156} 
     157 
    139158.collection { 
    140159        /* .collection contains each individual collection or album in the list, as appropriate */ 
    … …  
    146165        width: 798px; /* set this width to be 2px less than the width of #wrapper to account for borders */ 
    147166} 
     167 
    148168.collection-image-link { 
    149169        margin: 0 0 0 25px; 
    150         border: 1px solid #01B4E2; 
     170        border: 1px solid #01b4e2; 
    151171        display: block; 
    152172        float: left; 
    … …  
    154174        padding: 3px; 
    155175} 
     176 
    156177.collection-image-link:hover { 
    157         border: 1px solid #ff6600; 
    158 } 
     178        border: 1px solid #f60; 
     179} 
     180 
    159181.photos { 
    160182        /* .photos controls the thumbnail picture on the collection(s) and album pages */ 
    161183        vertical-align: bottom; /* firefox hack to remove the gap below images surrounded by an anchor */ 
    162184} 
     185 
    163186.collection p { 
    164187        /* .collection p controls the collection or album description */ 
    … …  
    166189        line-height: 1.5em; 
    167190} 
     191 
    168192.collection h2 { 
    169193        /* .collection h2 controls the collection or album title */ 
    … …  
    172196        font-size: 1.4em; 
    173197} 
     198 
    174199.collection h2 a { 
    175200        /* .collection h2 controls the link behavior of the collection or album title */ 
    176         color: #01B4E2; 
    177 } 
     201        color: #01b4e2; 
     202} 
     203 
    178204.collection h2 a:hover { 
    179205        /* .collection h2:hover controls the hover behavior of the collection or album title */ 
    180         color: #ff6600; 
    181 } 
     206        color: #f60; 
     207} 
     208 
    182209.meta-header { 
    183210        /* .meta-header controls the "Contains X Albums" or "Contains X Pictures" text */ 
    … …  
    187214        font-size: 90%; 
    188215} 
     216 
    189217.thumbnail p { 
    190218        /* .thumbnail p controls the description of the Collection or Album, as appropriate */ 
    … …  
    198226} 
    199227 
    200                                         /* Begin album page styles */ 
     228/* Begin album page styles */ 
    201229 
    202230ul.slides { 
    … …  
    206234        border: 1px solid #bed2d2; 
    207235} 
     236 
    208237ul.slides li { 
    209238        /* ul.slides li controls each list item within the unordered list of the thumbnails of images within an album */ 
    … …  
    215244        text-align: center; 
    216245} 
     246 
    217247ul.slides li img { 
    218248        /* ul.slides li img controls the thumbnail image itself */ 
    219         border: 1px solid #01B4E2; 
     249        border: 1px solid #01b4e2; 
    220250        background: #fff; 
    221251        padding: 3px; 
    222252} 
     253 
    223254ul.slides li a { 
    224255        /* ul.slides li a controls the thumbnail image link behavior */ 
    225256        display: block; /* display:block required to make anchor tag's border surround img in Firefox */ 
    226257} 
     258 
    227259ul.slides li img:hover { 
    228260        /* ul.slides li img:hover controls the thumbnail image hover behavior */ 
    229261        background: #eaeae0; 
    230         border: 1px solid #ff6600; 
    231 } 
    232  
    233                                         /* Begin "picture" page styles */ 
     262        border: 1px solid #f60; 
     263} 
     264 
     265/* Begin "picture" page styles */ 
    234266 
    235267#big-picture-container { 
    … …  
    239271        padding: 10px 0 20px 0; 
    240272} 
     273 
    241274.picture-title { 
    242275        /* .picture-title controls the picture title */ 
    243         width: 70%; 
     276        width: 70%; 
    244277        margin: 0 auto 6px; 
    245278        text-align: center; 
    … …  
    247280        color: #4b4c57; 
    248281} 
     282 
    249283.date { 
    250284        /* .date controls the picture date */ 
    251         width: 70%; 
     285        width: 70%; 
    252286        margin: 0 auto 0; 
    253287        text-align: center; 
    … …  
    256290        letter-spacing: 1px; 
    257291} 
     292 
    258293#nav-link-img-prev, #nav-link-img-next { 
    259294        /* #nav-link-img-prev, #nav-link-img-next control those elements that both the prev and next buttons have in common */ 
    … …  
    262297        font-size: 1.1em; 
    263298} 
     299 
    264300#nav-link-img-prev { 
    265301        /* #nav-link-img-prev controls the prev button */ 
    … …  
    267303        display: inline; 
    268304} 
     305 
    269306#nav-link-img-next { 
    270307        /* #nav-link-img-next controls the next button */ 
    … …  
    272309        display: inline; 
    273310} 
     311 
    274312#nav-link-img-prev a { 
    275313        /* #nav-link-img-prev a controls the text of the prev button */ 
    276314        border: 1px solid #fff; 
    277315        padding: 5px 15px; 
    278         color: #01B4E2; 
    279 } 
     316        color: #01b4e2; 
     317} 
     318 
    280319#nav-link-img-next a { 
    281320        /* #nav-link-img-next a controls the text of the next button */ 
    282321        border: 1px solid #fff; 
    283322        padding: 5px 15px; 
    284         color: #01B4E2; 
    285 } 
     323        color: #01b4e2; 
     324} 
     325 
    286326#nav-link-img-prev a:hover, #nav-link-img-next a:hover { 
    287327        /* #nav-link-img-prev a:hover, #nav-link-img-next a:hover controls the common link behavior of the prev/next buttons  */ 
    288328        border: 1px solid #039acb; 
    289         background: #01B4E2 url('images/blue-gradient.gif') repeat-x; 
     329        background: #01b4e2 url("images/blue-gradient.gif") repeat-x; 
    290330        color: #fff; 
    291331} 
     332 
    292333#picture-holder { 
    293334        /* #picture-holder contains the picture */ 
    … …  
    295336        margin: 10px 0 0 0; 
    296337} 
     338 
    297339.photos-large { 
    298340        /* .photos-large controls the picture itself */ 
    … …  
    302344        border: 1px solid #dfded6; 
    303345} 
     346 
    304347#picture-holder a:hover { 
    305348        /* #picture-holder a:hover controls the hover behavior of the picture itself */ 
    306349        white-space: normal; 
    307350} 
     351 
    308352#picture-description { 
    309353        /* #picture-description controls the picture's description */ 
    310         width: 80%; 
     354        width: 80%; 
    311355        margin: 6px auto 6px; 
    312356        text-align: center; 
    … …  
    314358} 
    315359 
    316                                         /* exif stuff is for the 'camera details' table */ 
     360/* exif stuff is for the 'camera details' table */ 
    317361 
    318362#exif_toggle { 
    … …  
    320364        padding: 0; 
    321365} 
     366 
    322367#exif-toggle-container { 
    323368} 
     369 
    324370#exif_table { 
    325371} 
     372 
    326373#exif_data { 
    327374        margin: 0 auto 0; 
    328375        text-align: left; 
    329376} 
     377 
    330378#exif_data td { 
    331379        padding: 0 20px; 
    332380} 
    333381 
    334                                         /* Begin thumbnail navigation styles */ 
    335                                          
     382/* Begin thumbnail navigation styles */ 
     383 
    336384#thumb-nav { 
    337385        /* #thumb-nav controls the unordered list that comprises the thumbnail navigation */ 
    … …  
    339387        margin: 25px; 
    340388} 
     389 
    341390#thumb-nav li { 
    342391        /* #thumb-nav li controls each unordered list item that comprises the thumbnail navigation button */ 
    … …  
    344393        margin: 0 10px 0 0; 
    345394} 
     395 
    346396#thumb-nav li img { 
    347397        /* #thumb-nav li img controls the image within each unordered list item that comprises the thumbnail navigation button */ 
    348         border: 1px solid #01B4E2; 
     398        border: 1px solid #01b4e2; 
    349399        padding: 3px; 
    350400        display: inline; 
    351401        background: #fff; 
    352402} 
     403 
    353404#thumb-nav li img:hover { 
    354405        /* #thumb-nav li img:hover controls the hover behavior of the image within each unordered list item that comprises the thumbnail navigation button, wheee! */ 
    355406        background: #eaeae0; 
    356         border: 1px solid #ff6600; 
    357 } 
    358  
    359                                         /* Begin comment styles */ 
     407        border: 1px solid #f60; 
     408} 
     409 
     410/* Begin comment styles */ 
    360411 
    361412#comment-section { 
    … …  
    365416        text-align: left; 
    366417} 
     418 
    367419.comment-heading { 
    368420        /* .comment-heading controls the "Comments:" and "Post a comment:" headings */ 
    … …  
    370422        font-size: 1.4em; 
    371423} 
     424 
    372425#comment-section form p { 
    373426        /* #comment-section form p contains the "post a comment" input fields */ 
    374427        margin: 6px 0; 
    375428} 
     429 
    376430.comment, .comment_alt { 
    377431        /* .comment, .comment_alt control those elements that all comments have in common */ 
    … …  
    381435        list-style: none inside; 
    382436} 
     437 
    383438.comment_alt { 
    384439        /* .comment_alt controls those elements that every other comment has in common, eg: a different colored background */ 
    385440        background: #effbfb; 
    386441} 
     442 
    387443.comments p { 
    388444        /* .comments p controls paragraphs within each comment */ 
    … …  
    392448        padding: 0 0 15px; 
    393449} 
     450 
    394451.comments cite { 
    395452        /* .comments cite controls the "Comment by So-and-so - Posted on DATE" text */ 
    … …  
    397454        padding: 5px 5px 5px 23px; 
    398455        color: #000; 
    399         background: url('images/com-bubble.gif') no-repeat 0 5px ; 
     456        background: url("images/com-bubble.gif") no-repeat 0 5px ; 
    400457        font-size: 1.0em; 
    401458        text-transform: uppercase; 
    … …  
    403460        height: 28px; 
    404461} 
     462 
    405463.comments-closed { 
    406464        /* .comments-closed controls the "Comments closed." message if comments are disabled */ 
    … …  
    408466        text-align: center; 
    409467} 
     468 
    410469.comment-input-button input { 
    411470        /* .comment-input-button input controls the "Post Comment" submit button */ 
    412471        padding: 2px 6px; 
    413472} 
     473 
    414474.errors { 
    415475        /* .errors controls the error message when there is a problem with a comment */ 
    … …  
    419479        font-size: 1.1em; 
    420480        color: #000; 
    421         background: #f5a7ab url('images/null.gif') no-repeat 5px 5px; 
    422 } 
    423  
    424                                         /* Begin slideshow page styles */ 
     481        background: #f5a7ab url("images/null.gif") no-repeat 5px 5px; 
     482} 
     483 
     484.actions { 
     485        /* .actions controls the moderation message when a comment is submitted, if moderation is enabled */ 
     486        margin: 0 0 15px 0; 
     487        padding: 8px 8px 8px 30px; 
     488        border: 1px solid #bb0; 
     489        font-size: 1.1em; 
     490        color: #000; 
     491        background: #ffffe0 url("images/alert.gif") no-repeat 5px 8px; 
     492} 
     493 
     494/* Begin slideshow page styles */ 
    425495 
    426496.large-thumb-toolbar { 
    … …  
    428498        padding: 15px 0; 
    429499        text-align: center; 
    430 } 
     500        margin: auto; 
     501} 
     502 
    431503.large-thumb-toolbar a { 
    432504        /* .large-thumb-toolbar a controls the link behavior of the "Stop", "Rewind", "Fast-forward", etc. buttons on the slideshow page */ 
    … …  
    434506} 
    435507 
    436                                         /* Begin Footer Section */ 
     508/* Begin Footer Section */ 
    437509 
    438510#footer { 
    … …  
    442514        margin: 10px auto 0; 
    443515        border: 1px solid #bed2d2; 
    444         background: url('images/bg-field.png') repeat-x bottom left; 
     516        background: url("images/bg-field.png") repeat-x bottom left; 
    445517        width: 748px; /* width must be 52 pixels less than the width of #wrapper */ 
    446518} 
     519 
    447520#pagination { 
    448521        /* #pagination contains the pagination */ 
    … …  
    456529        clear: left; 
    457530} 
     531 
    458532.page_link { 
    459533        /* .page_link controls the page numbers (link and non-link) */ 
    … …  
    462536        text-decoration: none; 
    463537} 
     538 
    464539#pagination a { 
    465540        /* #pagination a controls the link behavior of the page numbers */ 
    … …  
    467542        color: #4dc4e6; 
    468543} 
     544 
    469545#pagination a:hover { 
    470546        /* #pagination a:hover controls the link hover behavior of the page numbers */ 
    471547        text-decoration: none; 
    472         color: #ff6600; 
    473 } 
     548        color: #f60; 
     549} 
     550 
    474551#download-selected { 
    475552        /* #download-selected contains the "Download Selected" button */ 
    … …  
    482559        clear: right; 
    483560} 
     561 
    484562#download-selected input.submit { 
    485563        /* #download-selected input.submit controls the "Download Selected" button itself */ 
    … …  
    489567        display: inline; 
    490568        cursor: pointer; 
    491         background: #fff url('images/carrot_sel3.png') no-repeat 0 50%; 
     569        background: #fff url("images/carrot_sel3.png") no-repeat 0 50%; 
    492570        border: none; 
    493571        font-weight: bold; 
    … …  
    496574        height: 23px; 
    497575} 
     576 
    498577#navigation-container { 
    499578        /* #navigation-container contains the "Jump to..." navigation drop down menu */ 
    … …  
    505584        clear: left; 
    506585} 
     586 
    507587#sort-control { 
    508588        /* #sort-control contains the "Sort by:" drop down menu */ 
    … …  
    514594        width: 47%; 
    515595} 
     596 
    516597option { 
    517598        /* option controls each item within the "Sort by:" drop down menu */ 
    518599        padding: 0 4px; 
    519600} 
     601 
    520602#sort-control span { 
    521603        /* #sort-control span contains the ["Sort by:" text and 'by which criteria' menu] and [ascending/descending menu] */ 
    … …  
    525607        font-size: 1.2em; 
    526608} 
     609 
    527610#change_sortby { 
    528611        /* #change_sortby controls the 'by which criteria' menu */ 
    529612        margin-left: 5px; 
    530613} 
     614 
    531615#rss-tag-container { 
    532616        /* #rss-tag-container contains the rss image and link */ 
    … …  
    536620        clear: right; 
    537621} 
     622 
    538623#rss-image { 
    539624        /* #rss-image controls the rss image */ 
    … …  
    542627        display: inline; 
    543628} 
     629 
    544630#link-back { 
    545631        /* #link-back controls the "Powered by Plogger" text */ 
    … …  
    548634        text-align: center; 
    549635} 
     636 
    550637#link-back a { 
    551638        /* #link-back a controls the link behavior of the "Powered by Plogger" text */ 
    552         color: #01B4E2; 
    553 } 
     639        color: #01b4e2; 
     640} 
     641 
    554642.credit { 
    555643        /* .credit controls the "Design by ardamis.com" text */ 
    … …  
    558646        text-align: center; 
    559647} 
     648 
    560649.credit a { 
    561650        /* .credit a controls the link behavior of the "Design by ardamis.com" text */ 
    562         color: #01B4E2; 
    563 } 
     651        color: #01b4e2; 
     652} 
     653 
    564654.credit a:hover { 
    565655        /* .credit a:hover controls the hover behavior of the "Design by ardamis.com" link text */ 
    566         color: #01B4E2; 
     656        color: #01b4e2; 
    567657} 
    568658 

  • trunk/plog-content/themes/air/head.php

    r550 r557  
    1 <link rel="stylesheet" href="<?php echo THEME_URL ?>gallery.css" type="text/css" media="screen" /> 
    2 <script src="<?php echo THEME_URL ?>dynamics.js" type="text/javascript" ></script> 
    3 <!--[if lte IE 6]> 
    4 <link rel="stylesheet" href="<?php echo THEME_URL ?>explorer.css" type="text/css" media="screen" /> 
    5 <![endif]--> 
     1<?php echo plogger_generate_seo_meta_tags();?> 
     2        <link rel="stylesheet" type="text/css" href="<?php echo THEME_URL ?>gallery.css" media="screen" /> 
     3        <script type="text/javascript" src="<?php echo THEME_URL ?>dynamics.js"></script> 
     4        <!--[if lte IE 6]> 
     5        <link rel="stylesheet" href="<?php echo THEME_URL ?>explorer.css" type="text/css" media="screen" /> 
     6        <![endif]--> 

  • trunk/plog-content/themes/air/header.php

    r552 r557  
    11<?php plogger_init(); ?> 
    2  
    32<div id="wrapper"> 
    43 
    … …  
    76 
    87                <div id="search-container"> 
    9                         <?php echo generate_search_box(); ?> 
    10                 </div> 
     8                                <?php echo generate_search_box(); ?> 
     9                </div><!-- /search-container --> 
    1110 
    1211                <div id="breadcrumbs"> 
    1312                        <div id="slideshow"> 
    1413                                <?php echo plogger_slideshow_link(); ?> 
    15                                 <?php echo plogger_print_button(); ?> 
     14<?php echo plogger_print_button(); ?> 
     15 
    1616                        </div> 
    1717                        <?php echo generate_breadcrumb(); ?> 
    18                 </div> 
    1918 
    20                 <!-- <p></p> --> 
     19                </div><!-- /breadcrumbs --> 
    2120 
    22         </div> 
    23  
     21        </div><!-- /header --> 
    2422        <?php echo plogger_download_selected_form_start(); ?> 

  • trunk/plog-content/themes/air/meta.php

    r552 r557  
    1515$author = "Oliver Baty"; 
    1616$url = "http://www.ardamis.com/2007/07/05/plogger-beta-3-theme-air/"; 
    17 $description = "This is a simple blue and white stand-alone theme.  It looks nearly identical in Firefox 2.0 and Internet Explorer 7, and generates a close approximation using conditional CSS for IE6."; 
     17$description = "This is a simple blue and white stand-alone theme. It looks nearly identical in Firefox 2.0 and Internet Explorer 7, and generates a close approximation using conditional CSS for IE6."; 
    1818 
    1919?> 

  • trunk/plog-content/themes/air/picture.php

    r552 r557  
    11<?php plogger_get_header(); ?> 
    22 
    3 <div id="big-picture-container"> 
     3        <div id="big-picture-container"> 
    44 
    55<?php if (plogger_has_pictures()) : ?> 
    6  
    7         <?php while(plogger_has_pictures()) : // equivalent to the Wordpress loop ?> 
    8  
    9                 <?php plogger_load_picture(); 
     6<?php while(plogger_has_pictures()) : // equivalent to the Wordpress loop ?> 
     7<?php plogger_load_picture(); 
    108                // set variables for the picture 
    119                $picture_caption = trim(plogger_get_picture_caption()); 
    … …  
    1614                $thumb_info = plogger_get_thumbnail_info(); 
    1715                $thumb_width = $thumb_info[0]; // The width of the image. It is integer data type. 
    18                 $thumb_height = $thumb_info[1]; // The height of the image. It is an integer data type. 
    19                 ?> 
    20  
     16                $thumb_height = $thumb_info[1]; // The height of the image. It is an integer data type. 
     17?> 
    2118                <div id="nav-link-img-prev"><?php echo $prev_link; ?></div> 
    2219                <div id="nav-link-img-next"><?php echo $next_link; ?></div> 
    2320 
    24                 <?php if ($picture_caption != '' || !isset($picture_caption)); ?> 
     21<?php if ($picture_caption != '' || !isset($picture_caption)); ?> 
    2522                <h2 class="picture-title"><?php echo $picture_caption; ?></h2> 
    2623                <h2 class="date"><?php echo plogger_get_picture_date(); ?></h2> 
    2724 
    28                 <?php // generate XHTML with picture and link to full raw picture ?> 
     25<?php // generate XHTML with picture and link to full raw picture ?> 
    2926                <div id="picture-holder"> 
    30                         <a accesskey="v" href="<?php echo plogger_get_source_picture_url(); ?>"> 
    31                                 <img class="photos-large" src="<?php echo plogger_get_picture_thumb(THUMB_LARGE); ?>" title="<?php echo $picture_caption; ?>" alt="<?php echo $picture_caption; ?>" /> 
    32                         </a> 
    33                 </div> 
     27                        <a accesskey="v" href="<?php echo plogger_get_source_picture_url(); ?>"><img class="photos-large" src="<?php echo plogger_get_picture_thumb(THUMB_LARGE); ?>" title="<?php echo $picture_caption; ?>" alt="<?php echo $picture_caption; ?>" /></a> 
     28                </div><!-- /picture-holder --> 
    3429 
    3530                <p id="picture-description"><?php echo plogger_get_picture_description(); ?></p> 
     31                <div id="exif_toggle"><?php echo $detail_link; ?></div> 
     32                <div id="exif-toggle-container"> 
     33<?php echo generate_exif_table(plogger_get_picture_id()); ?> 
     34                </div><!-- /exif-toggle-container --> 
     35<?php if (plogger_get_thumbnail_nav() != '') { ?> 
     36                <div class="clearfix"> 
     37<?php echo plogger_get_thumbnail_nav(); ?> 
     38                </div><!-- /clearfix --> 
     39<?php } ?> 
    3640 
    37                 <div id="exif_toggle"><?php echo $detail_link; ?></div> 
    38                 <div id="exif-toggle-container"><?php echo generate_exif_table(plogger_get_picture_id()); ?></div> 
     41                <div id="comment-section"> 
     42<?php echo plogger_display_comments(); ?> 
     43                </div><!-- /comment-section --> 
    3944 
    40                 <div class="clearfix"><?php echo plogger_get_thumbnail_nav(); ?></div> 
    41  
    42                 <div id="comment-section"><?php echo plogger_display_comments(); ?></div> 
    43  
    44                 <?php endwhile; ?> 
    45         <?php else : ?> 
    46  
    47         <p id="no-pictures-msg"><?php echo plog_tr('No such image')?>.</p> 
    48  
     45<?php endwhile; ?> 
     46<?php else : ?> 
     47                <p id="no-pictures-msg"><?php echo plog_tr('No such image')?>.</p> 
    4948        <?php endif; ?> 
    50  
    51 </div> 
    52  
     49        </div><!-- /big-picture-container --> 
    5350<?php plogger_get_footer(); ?> 

  • trunk/plog-content/themes/air/search.php

    r552 r557  
    11<?php plogger_get_header(); ?> 
    22 
    3 <div id="thumbnail-container" class="clearfix"> 
     3        <div id="thumbnail-container" class="clearfix"> 
    44 
    55<?php if (plogger_has_pictures()) : ?> 
    6  
    7         <ul class="slides clearfix"> 
    8  
    9         <?php while(plogger_has_pictures()) : ?> 
    10  
    11                 <?php plogger_load_picture(); 
     6                <ul class="slides clearfix"> 
     7<?php while(plogger_has_pictures()) : ?> 
     8<?php plogger_load_picture(); 
    129                // set variables for the thumbnails 
    1310                $picture_caption = plogger_get_picture_caption(); 
    … …  
    1512                $thumb_info = plogger_get_thumbnail_info(); 
    1613                $thumb_width = $thumb_info[0]; // The width of the image. It is integer data type. 
    17                 $thumb_height = $thumb_info[1]; // The height of the image. It is an integer data type. 
    18                 ?> 
    19  
    20                 <li class="thumbnail"> 
    21                         <a href="<?php echo plogger_get_picture_url(); ?>"> 
    22                                 <img id="thumb-<?php echo plogger_get_picture_id(); ?>" class="photos" src="<?php echo plogger_get_picture_thumb(); ?>" width="<?php echo $thumb_width; ?>px" height="<?php echo $thumb_height; ?>px" title="<?php echo $picture_caption; ?>" alt="<?php echo $picture_caption; ?>" /> 
    23                         </a> 
    24                         <div class="checkbox"><?php echo plogger_download_checkbox(plogger_get_picture_id()); ?></div> 
    25                         <p style="width:<?php echo $thumb_width; ?>px;"><?php echo $picture_caption; ?></p> 
    26                 </li> 
    27  
    28                 <?php endwhile; ?> 
    29  
    30         </ul> 
    31  
    32         <?php else : ?> 
    33  
    34         <p id="no-pictures-msg"><?php echo plog_tr('There are no pictures that match this search')?>.</p> 
    35  
     14                $thumb_height = $thumb_info[1]; // The height of the image. It is an integer data type. 
     15?> 
     16                        <li class="thumbnail"> 
     17                                <a href="<?php echo plogger_get_picture_url(); ?>"><img id="thumb-<?php echo plogger_get_picture_id(); ?>" class="photos" src="<?php echo plogger_get_picture_thumb(); ?>" width="<?php echo $thumb_width; ?>px" height="<?php echo $thumb_height; ?>px" title="<?php echo $picture_caption; ?>" alt="<?php echo $picture_caption; ?>" /></a> 
     18                                <div class="checkbox"><?php echo plogger_download_checkbox(plogger_get_picture_id()); ?></div> 
     19                                <p style="width:<?php echo $thumb_width; ?>px;"><?php echo $picture_caption; ?></p> 
     20                        </li><!-- /thumbnail --> 
     21<?php endwhile; ?> 
     22                </ul><!-- /slides --> 
     23<?php else : ?> 
     24                <p id="no-pictures-msg"><?php echo plog_tr('There are no pictures that match this search')?>.</p> 
    3625<?php endif; ?> 
    3726 
    38 </div> 
    39  
     27        </div><!-- /thumbnail-container --> 
    4028<?php plogger_get_footer(); ?> 

  • trunk/plog-content/themes/air/slideshow.php

    r556 r557  
    11<?php plogger_get_header(); ?> 
    22 
    3 <div id="big-picture-container"> 
     3        <div id="big-picture-container"> 
    44 
    55<?php if (plogger_has_pictures()) : ?> 
     6                <script type="text/javascript"> 
     7                        <!-- 
     8                        slides = new slideshow("slides"); 
     9                        slides.prefetch = 2; 
     10                        slides.timeout = 4000; 
     11<?php while(plogger_has_pictures()) : ?> 
     12<?php $pic = plogger_load_picture(); ?> 
     13                        // output a line of javascript for each image 
     14                        s = new slide("<?php echo plogger_get_picture_thumb(THUMB_LARGE); ?>", 
     15                        "<?php echo plogger_get_source_picture_url(); ?>", 
     16                        "<?php echo plogger_get_picture_caption(); ?>", 
     17                        "_self","","","<?php echo basename($pic['path']); ?>"); 
     18                        slides.add_slide(s); 
     19<?php endwhile; ?> 
     20                        // --> 
     21                </script> 
    622 
    7         <script type="text/javascript"> 
    8         <!-- 
    9         slides = new slideshow("slides"); 
    10         slides.prefetch = 2; slides.timeout = 4000; 
    11  
    12         <?php while(plogger_has_pictures()) : ?> 
    13  
    14                 <?php $pic = plogger_load_picture(); ?> 
    15                 // output a line of javascript for each image 
    16                 s = new slide("<?php echo plogger_get_picture_thumb(THUMB_LARGE); ?>", 
    17                 "<?php echo plogger_get_source_picture_url(); ?>", 
    18                 "<?php echo plogger_get_picture_caption(); ?>", 
    19                 "_self","","","<?php echo basename($pic['path']); ?>"); 
    20                 slides.add_slide(s); 
    21  
    22         <?php endwhile; ?> 
    23  
    24         // --> 
    25         </script> 
    26  
    27         <?php echo generate_slideshow_interface(); ?> 
    28  
     23<?php echo generate_slideshow_interface(); ?> 
    2924<?php else : ?> 
    30  
    31         <p id="no-pictures-msg"><?php echo plog_tr('There are no pictures to show')?>.</p> 
     25                <p id="no-pictures-msg"><?php echo plog_tr('There are no pictures to show')?>.</p> 
    3226 
    3327<?php endif; ?> 
    3428 
    35 </div> 
    36  
    37 <?php function generate_slideshow_interface() { 
    38         global $config, $thumbnail_config; 
    39         $large_link = ' 
    40         <a accesskey="v" title="' . plog_tr('View Large Image') . '" href="javascript:slides.hotlink()"> 
    41                 <img src="'.THEME_URL.'images/search.gif" width="16" height="16" alt="'. plog_tr('View Large Image') . '"/> 
    42         </a>'; 
    43  
    44         $prev_url = ' 
    45         <a accesskey="," title="' .plog_tr('Previous Image') . '" href="javascript:slides.previous();"> 
    46                 <img src="'.THEME_URL.'images/rewind.gif" width="16" height="16" alt="' . plog_tr('Previous Image') . '" /> 
    47         </a>'; 
    48  
    49         $next_url = ' 
    50         <a accesskey="." title="' . plog_tr('Next Image') . '" href="javascript:slides.next();"> 
    51                 <img src="'.THEME_URL.'images/fforward.gif" width="16" height="16" alt="' . plog_tr('Next Image') . '" /> 
    52         </a>'; 
    53  
    54         $stop_url = ' 
    55         <a accesskey="x" title="'. plog_tr('Stop Slideshow') . '" href="javascript:slides.pause();"> 
    56                 <img src="'.THEME_URL.'images/stop.gif" width="16" height="16" alt="' . plog_tr('Stop Slideshow') . '" /> 
    57         </a>'; 
    58  
    59         $play_url = ' 
    60         <a accesskey="s" title="'. plog_tr('Start Slideshow') . '" href="javascript:slides.play();"> 
    61                 <img src="'.THEME_URL.'images/play.gif" width="16" height="16" alt="' .  plog_tr('Start Slideshow') . '" /> 
    62         </a>'; 
    63  
    64         $output = '<div class="large-thumb-toolbar" style="width:'.$thumbnail_config[THUMB_LARGE]["size"].'">'.$large_link.$prev_url.$stop_url.$play_url.$next_url.'</div>'; 
    65  
    66         $imgtag = '<img id="slideshow_image" class="photos-large" src="about:blank" title="" alt="" />'; 
    67         $output .= '<div id="picture-holder"><a href="javascript:slides.hotlink()">'.$imgtag.'</a></div>'; 
    68  
    69         // activate slideshow object using javascript block 
    70         $output .=      ' 
    71                                 <script type="text/javascript"> 
    72                                 <!-- 
    73                                 if (document.images) 
    74                                 { 
    75                                         slides.set_image(document.images.slideshow_image); 
    76                                         slides.textid = "picture_caption"; // optional 
    77                                         slides.imagenameid = "image_name"; // optional 
    78                                         slides.update(); 
    79                                         slides.play(); 
    80                                 } 
    81                                 //--> 
    82                                 </script>'; 
    83          
    84         return $output; 
    85 } ?> 
    86  
     29        </div><!-- /big-picture-container --> 
    8730<?php plogger_get_footer(); ?> 
    88  

  • trunk/plog-content/themes/default/album.php

    r552 r557  
    1 <?php 
    2 plogger_get_header(); 
    3 print '<div id="thumbnail_container">'; 
    4 if (plogger_has_pictures()) { 
    5         print '<div id="overlay">&nbsp;</div>'; 
    6         print '<ul class="slides">'; 
    7          
    8         while(plogger_has_pictures()) { 
    9                  
    10                 plogger_load_picture(); 
     1<?php plogger_get_header(); ?> 
    112 
     3                <div id="thumbnail_container"> 
     4 
     5<?php if (plogger_has_pictures()) : ?> 
     6                        <div id="overlay">&nbsp;</div> 
     7                        <ul class="slides"> 
     8<?php while(plogger_has_pictures()) : ?> 
     9<?php plogger_load_picture(); 
    1210                // display thumbnails within album 
    1311                // generate XHTML with thumbnail and link to picture view. 
     12                // find thumbnail width 
     13                $thumb_info = plogger_get_thumbnail_info(); 
     14                $thumb_width = $thumb_info[0]; // The width of the image. It is integer data type. 
     15                $thumb_height = $thumb_info[1]; // The height of the image. It is an integer data type. 
     16                $div_width = $thumb_width + 20; // account for padding/border width 
     17                $div_height = $thumb_height + 65; // account for padding/border width 
     18                $picture_caption = plogger_get_picture_caption(); 
     19                $img_id = "thumb-".plogger_get_picture_id(); 
     20                $imgtag = '<img id="' . $img_id . '" onmouseout="document.getElementById(\'overlay\').style.visibility = \'hidden\';" onmouseover="display_overlay(\''.$img_id.'\', \''.plogger_picture_comment_count().'\')" class="photos" src="'.plogger_get_picture_thumb().'" width="'.$thumb_width.'px" height="'.$thumb_height.'px" title="'.$picture_caption.'" alt="'.$picture_caption.'" />'; 
     21?> 
     22                                <li class="thumbnail"> 
     23                                        <div style="width: <?php echo $div_width; ?>px; height: <?php echo $div_height; ?>px;" class="tag"> 
     24                                                <a href="<?php echo plogger_get_picture_url(); ?>"><?php echo $imgtag; ?></a><br /> 
     25                                                <span><?php echo $picture_caption; ?> <?php echo plogger_download_checkbox(plogger_get_picture_id()); ?></span> 
     26                                        </div><!-- /tag --> 
     27                                </li><!-- /thumbnail --> 
     28<?php endwhile; ?> 
     29                        </ul><!-- /slides --> 
     30<?php else : ?> 
     31                        <p id="no-pictures-msg"><?php echo plog_tr('There are no pictures in this album')?>.</p> 
    1432 
    15                 $capt = plogger_get_picture_caption(); 
    16                 $img_id = "thumb-".plogger_get_picture_id(); 
    17                 $imgtag = '<img id="' . $img_id  
    18                 . '" onmouseout="document.getElementById(\'overlay\').style.visibility = \'hidden\';"  
    19                 onmouseover="display_overlay(\''.$img_id.'\', \''.plogger_picture_comment_count().'\')" class="photos"  
    20                 src="'.plogger_get_picture_thumb().'" title="'.$capt.'" alt="'.$capt.'" />'; 
    21          
    22                 print '<li class="thumbnail"><div class="tag"><a href="' . plogger_get_picture_url() . '">' . $imgtag . "</a><br />"; 
    23                                                          
    24                 print plogger_download_checkbox(plogger_get_picture_id()); 
    25                                  
    26                 print '</div></li>'; 
    27         } 
    28          
    29          
    30         print '</ul>'; 
    31 } 
    32 else{ 
    33         print '<div id="no-pictures-msg">' . plog_tr('There are no pictures in this album') . '.</div>'; 
    34 } 
     33<?php endif; ?> 
     34                </div><!-- /thumbnail container --> 
    3535 
    36 print '</div>'; 
    37 plogger_get_footer(); 
    38 ?> 
     36<?php plogger_get_footer(); ?> 

  • trunk/plog-content/themes/default/collection.php

    r552 r557  
    1 <?php 
    2 plogger_get_header(); 
    3 print '<div id="thumbnail_container">'; 
    4 if (plogger_has_albums()) { 
    5         print '<ul class="slides">'; 
    6          
    7         while (plogger_has_albums()){ 
    8                 plogger_load_album(); 
     1<?php plogger_get_header(); ?> 
     2 
     3                <div id="thumbnail_container"> 
     4<?php if (plogger_has_albums()) : ?> 
     5                        <ul class="slides"> 
     6<?php while(plogger_has_albums()) : ?> 
     7<?php plogger_load_album(); 
     8                // set variables for the album 
     9                $name = plogger_get_album_name(); 
     10                $desc = plogger_get_album_description(); 
     11                $num_albums = plogger_album_picture_count(); 
    912                $num_pictures = plogger_album_picture_count(); 
     13?> 
     14                                <li class="thumbnail"> 
     15                                        <div class="tag"> 
     16                                                <a href="<?php echo plogger_get_album_url(); ?>"><img class="photos" src="<?php echo plogger_get_album_thumb(); ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a><br /> 
     17                                                <a href="<?php echo plogger_get_album_url(); ?>"><?php echo $name; ?></a> 
     18                                                <?php echo plogger_download_checkbox(plogger_get_album_id()); ?><br /> 
     19                                                <span class="meta-header">(<?php echo $num_albums . ' '; echo ($num_albums == 1) ? plog_tr("Picture") : plog_tr("Pictures"); ?>)</span> 
     20                                        </div> 
     21                                </li> 
     22<?php endwhile; ?> 
     23                        </ul><!-- /slides --> 
     24<?php else : ?> 
     25                        <p id="no-pictures-msg"><?php echo plog_tr('No albums yet')?>.</p> 
    1026 
    11                 print '<li class="thumbnail"><div class="tag"><a href="' . plogger_get_album_url() . '">'; 
     27<?php endif; ?> 
     28                </div><!-- /thumbnail container --> 
    1229 
    13                 $desc = plogger_get_album_description(); 
    14                 // generate XHTML with thumbnail and link to picture view. 
    15                 print '<img class="photos" src="'.plogger_get_album_thumb().'" title="'.$desc.'" alt="'.$desc.'" />'; 
    16                  
    17                 print '</a> <br />'; 
    18                          
    19                 print plogger_download_checkbox(plogger_get_album_id()); 
    20                          
    21                 print plogger_get_album_name().' <br /><div class="meta-header">('; 
    22                 print $num_pictures.' '; 
    23                 print ($num_pictures == 1) ? plog_tr("picture") : plog_tr("pictures"); 
    24                  
    25                 print ')</div></div></li>'; 
    26                                  
    27         } 
    28         print'</ul>'; 
    29 } 
    30 else 
    31 { 
    32         print plog_tr("No pictures in this collection!"); 
    33 } 
    34 print '</div>'; 
    35 plogger_get_footer(); 
    36 ?> 
    37  
     30<?php plogger_get_footer(); ?> 

  • trunk/plog-content/themes/default/collections.php

    r552 r557  
    1 <?php 
    2 plogger_get_header(); 
    3 print '<div id="thumbnail_container">'; 
    4 if (plogger_has_collections()) 
    5 { 
    6         print '<ul class="slides">'; 
    7         while(plogger_has_collections()) 
    8         { 
    9                 $row = plogger_load_collection(); 
     1<?php plogger_get_header(); ?> 
     2 
     3                <div id="thumbnail_container"> 
     4<?php if (plogger_has_collections()) : ?> 
     5                        <ul class="slides"> 
     6<?php while(plogger_has_collections()) : ?> 
     7<?php plogger_load_collection(); 
     8                // set variables for the collection 
    109                $desc = plogger_get_collection_description(); 
     10                $name = plogger_get_collection_name(); 
     11                $num_albums = plogger_collection_album_count(); 
     12?> 
     13                                <li class="thumbnail"> 
     14                                        <div class="tag"> 
     15                                                <a href="<?php echo plogger_get_collection_url(); ?>"><img class="photos" src="<?php echo plogger_get_collection_thumb(); ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a><br /> 
     16                                                <a href="<?php echo plogger_get_collection_url(); ?>"><?php echo $name; ?></a> 
     17                                                <?php echo plogger_download_checkbox(plogger_get_collection_id()); ?><br /> 
     18                                                <span class="meta-header">(<?php echo $num_albums . ' '; echo ($num_albums == 1) ? plog_tr("Album") : Plog_tr("Albums"); ?>)</span> 
     19                                        </div> 
     20                                </li> 
     21<?php endwhile; ?> 
     22                        </ul><!-- /slides --> 
     23<?php else : ?> 
     24                        <p id="no-pictures-msg"><?php echo plog_tr('No collections yet')?>.</p> 
    1125 
    12                 print '<li class="thumbnail"><div class="tag"><a href="' . plogger_get_collection_url() . '">'; 
    13                          
    14                 // generate XHTML with thumbnail and link to picture view. 
    15                 print '<img class="photos" src="'.plogger_get_collection_thumb().'" title="'.$desc.'" alt="'.$desc.'"/>'; 
    16                  
    17                 print '</a><br/>'; 
    18                          
    19                 print plogger_download_checkbox(plogger_get_collection_id()); 
    20                          
    21                 print plogger_get_collection_name().' <br/>'; 
    22                 print '<div class="meta-header">('; 
     26<?php endif; ?> 
     27                </div><!-- /thumbnail container --> 
    2328 
    24                 $num_albums = plogger_collection_album_count(); 
    25                 print $num_albums . ' '; 
    26                 print ($num_albums == 1) ? plog_tr("album") : plog_tr("albums"); 
    27                  
    28                 print ')</div></div></li>'; 
    29         } 
    30         print '</ul>'; 
    31 } else { 
    32         print plog_tr("No collections yet"); 
    33 } 
    34 print '</div>'; 
    35 plogger_get_footer(); 
    36 ?> 
     29<?php plogger_get_footer(); ?> 

  • trunk/plog-content/themes/default/comments.php

    r552 r557  
    1 <?php 
    2 if (plogger_comments_on()) { 
    3         print '<h2 id="comments" class="comment-heading">' . plog_tr('Comments:') . '</h2>'; 
    4        
    5         if (plogger_picture_has_comments()) { 
    6                 print "<ol class=\"comments\">"; 
    7                 $counter = 0; 
     1 
     2<?php if (plogger_comments_on()) { ?> 
     3                                <a name="comments"></a> 
     4                                <h2 class="comment-heading"><?php echo plog_tr('Comments') ; ?></h2> 
     5 
     6<? if (plogger_picture_has_comments()) { ?> 
     7                                        <ol class="comments"> 
     8<? $counter = 0; 
    89                while(plogger_picture_has_comments()) { 
    910                        plogger_load_comment(); 
    10                          
    1111                        $url = plogger_get_comment_url(); 
    1212                        $author = plogger_get_comment_author(); 
    13                  
    1413                        // this code alternates the background color every other comment 
    1514                        $comment_class = ($counter % 2) ? "comment" : "comment_alt"; 
    16                                          
    17                         print "<li class=\"$comment_class\">"; 
    18                         print "<p>".plogger_get_comment_text()."</p>"; 
    19                         print "<cite>" . plog_tr('Comment by') . " "; 
    20                         print (trim($url) != '') ? "<a href=\"$url\">$author</a>" : "$author"; 
    21                         print "- " . plog_tr('posted on') . " ".plogger_get_comment_date(); 
    22                                          
    23                         print "</cite></li>"; 
    24                         $counter++; 
    25                 } 
    26                 print "</ol>"; 
    27         } else { 
    28                 print "<p>" . plog_tr('No comments yet.') . "</p>"; 
    29         }; 
    30        
    31         if (plogger_picture_allows_comments()) { 
    32                 if (plogger_comment_post_error()) { 
    33                         print "<p class='errors'>" . plog_tr('Comment did not post!  Please fill in required fields.') . "</p>"; 
    34                 }; 
    35                  
    36                 if (plogger_comment_moderated()) { 
    37                         print "<p class='actions'>" . plog_tr('Your comment was placed in moderation, please wait for approval. Do not submit comment again!') . "</p>"; 
    38                 }; 
     15?> 
     16                                                <li class="<?php echo $comment_class; ?>"> 
     17                                                        <p><?php echo plogger_get_comment_text(); ?></p> 
     18                                                        <cite><?php echo plog_tr('Comment by'); ?> <?php echo (trim($url) != '') ? "<a href=\"$url\" rel=\"nofollow\">$author</a>" : "$author"; ?> - <?php echo plog_tr('posted on'); ?> <?php echo plogger_get_comment_date(); ?></cite> 
     19                                                </li> 
     20<?php $counter++; } ?> 
     21                                        </ol> 
    3922 
     23<?php } else { ?> 
     24                                <p><?php echo plog_tr('No comments yet'); ?></p> 
     25<?php } ?> 
     26<?php if (plogger_picture_allows_comments()) { 
    4027                global $config; 
    41          
    42                 print  '<a name="comment-post"></a><h2 class="comment-heading">' . plog_tr('Post a comment') . ':</h2> 
    43                       <form action="' . $_SERVER["REQUEST_URI"] . '" method="post" id="commentform"> 
    44                       <p> 
    45                         <input type="text" name="author" id="author" class="textarea" value="" size="28" tabindex="1" /> 
    46                         <label for="author">' . plog_tr('Name') . '</label> ' . plog_tr('(required)') . '<input type="hidden" name="comment_post_ID" value="40" /> 
    47                         <input type="hidden" name="parent" value="'.plogger_get_picture_id().'" /> 
    48                       </p> 
    49                       <p> 
    50                         <input type="text" name="email" id="email" value="" size="28" tabindex="2" /> 
    51                         <label for="email">' . plog_tr('E-mail') . '</label> ' . plog_tr('(required, but not publicly displayed)') . ' 
    52                       </p> 
    53                       <p> 
    54                         <input type="text" name="url" id="url" value="" size="28" tabindex="3" /> 
    55                         <label for="url">' . plog_tr('Your Website (optional)') . '</label> 
    56                       </p> 
    57                       <p> 
    58                         <label for="comment">' . plog_tr('Your Comment') . '</label> 
    59                         <br /><textarea name="comment" id="comment" cols="70" rows="4" tabindex="4"></textarea> 
    60                       </p> 
    61                       <p> 
    62                         <input class="submit" name="submit" type="submit" tabindex="5" value="' . plog_tr('Post Comment!') . '" /> 
    63                       </p> 
    64                       </form>'; 
    65          
    66         } else { 
    67                 print '<p class="comments-closed">' . plog_tr('Comments for this entry are closed') . '</p>'; 
    68         } 
    69 };  
    70 ?> 
     28                if (plogger_comment_post_error()) { ?> 
     29                                <p class="errors"><?php echo plog_tr('Comment did not post! Please fill in required fields.'); ?></p> 
     30                <?php } 
     31                if (plogger_comment_moderated()) { ?> 
     32                                <p class="actions"><?php echo plog_tr('Your comment was placed in moderation, please wait for approval.<br />Do not submit your comment again!'); ?></p> 
     33                <?php } ?> 
     34                                <a name="comment-post"></a> 
     35                                <h3 class="comment-heading"><?php echo plog_tr('Post a comment'); ?></h3> 
     36                                        <form action="<?php echo plogger_get_picture_url(); ?>" method="post" id="commentform"> 
     37                                                <p> 
     38                                                        <input type="text" name="author" id="author" value="" size="28" tabindex="1" /> 
     39                                                        <label for="author"><?php echo plog_tr('Name'); ?></label> (<?php echo plog_tr('required'); ?>) 
     40                                                        <input type="hidden" name="comment_post_ID" value="40" /> 
     41                                                        <input type="hidden" name="parent" value="<?php echo plogger_get_picture_id(); ?>" /> 
     42                                                </p> 
     43                                                <p> 
     44                                                        <input type="text" name="email" id="email" value="" size="28" tabindex="2" /> 
     45                                                        <label for="email"><?php echo plog_tr('E-mail'); ?></label> (<?php echo plog_tr('required, but not publicly displayed'); ?>) 
     46                                                </p> 
     47                                                <p> 
     48                                                        <input type="text" name="url" id="url" value="" size="28" tabindex="3" /> 
     49                                                        <label for="url"><?php echo plog_tr('Your Website (optional)'); ?></label> 
     50                                                </p> 
     51                                                <p> 
     52                                                        <label for="comment"><?php echo plog_tr('Your Comment'); ?></label><br /> 
     53                                                        <textarea name="comment" id="comment" cols="70" rows="4" tabindex="4"></textarea> 
     54                                                </p> 
     55                                                <p><input class="submit" name="submit" type="submit" tabindex="5" value="<?php echo plog_tr('Post Comment'); ?>" /></p> 
     56                                        </form><!-- /comment form --> 
     57<?php } else { ?> 
     58                                <p class="comments-closed"><?php echo plog_tr('Comments for this entry are closed'); ?></p> 
     59        <?php } ?> 
     60<?php } ?> 

  • trunk/plog-content/themes/default/dynamics.js

    r552 r557  
    11function validate_checkboxes(field){ 
    22        var valid = false; 
    3          
     3 
    44        for (i = 0; i < field.length; i++) { 
    55                        if (field[i].checked == true) { 
    … …  
    77                        } 
    88        } 
    9          
     9 
    1010        if (valid == false) { 
    1111                 alert('Nothing is selected!'); 
    … …  
    1414                 return true; 
    1515        } 
    16 }        
     16} 
    1717 
    1818function hide_details(){ 
    1919        var httpRequest; 
    20          
     20 
    2121        if (window.XMLHttpRequest) httpRequest = new XMLHttpRequest(); 
    2222        else if (window.ActiveXObject) httpRequest = new ActiveXObject('Msxml2.XMLHTTP'); 
    23          
     23 
    2424        httpRequest.open('GET', 'set_session_var.php?var=details&val=0', true); 
    25          
     25 
    2626        httpRequest.onreadystatechange = function (evt) { 
    2727                if (httpRequest.readyState == 4) { 
    2828                } 
    2929        }; 
    30          
     30 
    3131        httpRequest.send(null); 
    32          
     32 
    3333        document.getElementById('exif_data').style.display = 'none'; 
    3434        document.getElementById('hide_details').style.display = 'none';      // We have to switch visible tag 
    … …  
    3939function show_details(){ 
    4040        var httpRequest; 
    41          
     41 
    4242        if (window.XMLHttpRequest) httpRequest = new XMLHttpRequest(); 
    4343        else if (window.ActiveXObject) httpRequest = new ActiveXObject('Msxml2.XMLHTTP'); 
    44          
     44 
    4545        httpRequest.open('GET', 'set_session_var.php?var=details&val=1', true); 
    46          
     46 
    4747        httpRequest.onreadystatechange = function (evt) { 
    4848                if (httpRequest.readyState == 4) { 
    4949                } 
    5050        }; 
    51          
     51 
    5252        httpRequest.send(null); 
    53          
     53 
    5454        document.getElementById('exif_data').style.display = ''; 
    5555        document.getElementById('hide_details').style.display = 'inline';    // We have to switch visible tag 
    … …  
    6262        // change position of overlay div 
    6363        // move to upper left hand corner of image 
    64          
     64 
    6565        // only display overlay if more than one comment 
    6666        if (parseInt(content) > 0) { 

  • trunk/plog-content/themes/default/footer.php

    r552 r557  
    1 <?php 
    2          
     1        </div><!-- /main container --> 
     2<?php echo plogger_download_selected_form_end(); ?> 
    33 
    4         print '</div>'; 
     4        <div id="pagination"> 
     5                <table id="pagination-table"> 
     6                        <tr> 
     7                                <td><?php echo plogger_slideshow_link(); ?></td> 
     8                                <td><?php echo plogger_pagination_control(); ?></td> 
     9                                <td id="sortby-container"><?php echo plogger_sort_control(); ?></td>  
     10                                <td id="rss-tag-container"><?php echo plogger_rss_feed_button(); ?></td> 
     11                        </tr> 
     12                </table> 
     13        </div><!-- /pagination --> 
    514 
    6         print plogger_download_selected_form_end(); 
     15<?php echo plogger_link_back(); ?> 
    716 
    8         print ' <div id="pagination"> 
    9                                 <table style="width: 100%;"> 
    10                                         <tr> 
    11             <td>'.plogger_slideshow_link().'</td> 
    12                                                 <td>'.plogger_pagination_control().'</td> 
    13                                                 <td id="sortby-container">'.plogger_sort_control().'</td>  
    14                                                 <td id="rss-tag-container">'.plogger_rss_feed_button().'</td> 
    15                                         </tr> 
    16                                 </table> 
    17                         </div>'."\n"; 
    18  
    19         print plogger_link_back(); 
    20  
    21         print '</div>'; 
    22 ?> 
     17</div><!-- /wrapper --> 

  • trunk/plog-content/themes/default/gallery.css

    r552 r557  
     1/* Default Plogger theme by Mike Johnson */ 
     2 
     3/* Body and general styles */ 
     4 
     5body { /* if embedding in your own template, you can remove these style declarations to have the gallery inherit your website's preferences */ 
     6        background-color: #fff; 
     7        font-family: Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
     8        font-size: 13px; 
     9} 
     10 
     11a, a:link, a:visited, a:active { 
     12        color: #38c; 
     13        text-decoration: none; 
     14} 
     15 
     16a:hover { 
     17        color: #789; 
     18        text-decoration: underline; 
     19} 
     20 
    121form { 
    222        display: inline; 
     23} 
     24 
     25h1 { 
     26        font-size: 1.4em; 
     27} 
     28 
     29h2 { 
     30        font-size: 1.2em; 
     31} 
     32 
     33h3 { 
     34        font-size: 1.1em; 
    335} 
    436 
    … …  
    840} 
    941 
    10 input.submit 
    11 { 
    12         border: 3px double #999999; 
    13         border-top-color: #CCCCCC; 
    14         border-left-color: #CCCCCC; 
    15         background-color: #FFFFFF; 
    16         background-image: url('images/button-bg.gif'); 
     42input, select, textarea { 
     43        font-family: verdana, arial, sans-serif; 
     44        font-size: 13px; 
     45} 
     46 
     47input.submit { 
     48        border: 3px double #999; 
     49        border-top-color: #ccc; 
     50        border-left-color: #ccc; 
     51        background-color: #fff; 
     52        background-image: url("images/button-bg.gif"); 
    1753        background-repeat: repeat-x; 
    18         color: #333333; 
    19         font-size: 75%; 
     54        color: #333; 
     55        font-size: 85%; 
    2056        font-weight: bold; 
    21         font-family: Verdana, Helvetica, Arial, sans-serif; 
    22 } 
    23  
    24 .nomargin 
    25 { 
    26   display: inline; 
    27 } 
    28  
    29 .photos-large { 
    30         border-style: solid; 
    31         border-color: #778899; 
    32         border-width: 1px; 
    33         padding: 10px; 
    34         margin: 4px; 
    35 } 
    36  
    37 #picture-holder a:hover img{ 
    38     border-width: 2px; 
    39     border-color: #38c; 
    40         margin: 3px; 
    41 } 
    42  
    43 #gallery-name { 
    44         padding: 0; 
    45         margin: 0; 
    46 } 
    47  
    48 #picture_caption { 
    49         font-size: 12pt; 
    50 } 
     57        font-family: verdana, arial, sans-serif; 
     58} 
     59 
     60table { 
     61        border: 0; 
     62        padding: 0; 
     63} 
     64 
     65/* Page Structure */ 
    5166 
    5267#main_container { 
    5368        margin: 0; 
    54         padding-top: 10px; 
     69        padding-top: 20px; 
    5570        padding-bottom: 20px; 
     71} 
     72 
     73#wrapper { 
     74        margin: 5px auto; 
     75        width: 90%; 
    5676} 
    5777 
    … …  
    6181} 
    6282 
    63 #wrapper { 
    64         font-family: Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
    65         font-size: 10pt; 
     83/* Header Structure/Elements */ 
     84 
     85#header-table { 
     86        width: 100%; 
     87} 
     88 
     89#gallery-name h1 { 
     90        padding: 0; 
     91        margin: 0; 
     92} 
     93 
     94/* Menu Structure/Elements */ 
     95 
     96#breadcrumbs { 
     97        margin: 0; 
     98        padding: 2px; 
     99        border-top: 1px solid #cdcdcd; 
     100        border-bottom: 1px solid #cdcdcd; 
     101        /*border-style: solid; 
     102        border-width: 1px; 
     103        border-color: #000; 
     104        background-color: #ffc; */ 
     105} 
     106 
     107#breadcrumb-table { 
     108        width: 100%; 
     109} 
     110 
     111#breadcrumb_links { 
     112        margin: 2px;  
     113} 
     114 
     115a.print { 
     116        background-image: url("images/printer.gif"); 
     117        background-repeat: no-repeat; 
     118        background-position: left center; 
     119        padding-left: 20px; 
     120} 
     121 
     122/* Content Structure/Elements */ 
     123 
     124#thumbnail_container { /* this is the div that contains all the thumbnails in collection/album view */ 
     125        margin: 5px auto; 
     126} 
     127 
     128#overlay { /* this is the blue box that shows the total comments when hovering on a thumbnail in album view */ 
     129        position: absolute;  
     130        visibility: hidden;  
     131        background-color: #38c; 
     132        font-family: verdana, arial, sans-serif; 
     133        font-weight: bold; 
     134        font-size: 13px; 
     135        padding: 4px; 
     136        text-align: center; 
     137        width: 18px; 
     138        color: #fff; 
     139} 
     140 
     141ul.slides { /* this is the overall thumbnail container in collection/album view */ 
     142        margin: 0 auto; 
     143        margin-top: 15px; 
     144        margin-left: 15px; 
     145        padding: 0; 
     146        list-style: none; 
     147        line-height: 1.4em; 
     148} 
     149 
     150.slides li { /* this is the individual thumbnail container in collection/album view */ 
     151        display: block; 
     152        float: left; 
     153        margin: 0 10px 10px 0; 
     154        padding: 0; 
     155        width: auto; 
     156        height: auto; 
     157} 
     158 
     159.tag { /* this controls the text under a thumbnail in collection/album view with caption/download checkbox */ 
     160        text-align: center; 
     161        white-space: normal; 
     162} 
     163 
     164.meta-header { /* this controls the text under a thumbnail in collection view with total albums or pictures */ 
     165        font-size: 85%; 
     166        padding: 0; 
     167        margin: 0; 
     168        color: #8b0000; 
     169        text-align: center; 
     170} 
     171 
     172#caption-date-table, #prev-next-table { /* containers for the caption, date and prev/next links above the large image in picture view */ 
     173        width: 600px; 
     174        margin: auto; 
     175} 
     176 
     177#picture_caption, .date { /* this controls the caption and date above the large image in picture view */ 
     178        font-size: 1.0em; 
     179        font-weight: normal; 
     180        line-height: 1.4; 
     181        background-repeat: no-repeat; 
     182        text-transform: uppercase; 
     183        letter-spacing: 2px; 
     184        margin-left: 4px; 
     185        padding-bottom: 2px; 
     186} 
     187 
     188#prev-link-container { 
     189        width: 50%;  
     190        text-align: left; 
     191} 
     192 
     193#next-link-container { 
     194        width: 50%;  
     195        text-align: right; 
     196} 
     197 
     198#prev-button, #next-button { 
     199 
     200} 
     201 
     202a.nav-link-img-prev { 
     203        background-image: url("images/rewind.gif"); 
     204        background-repeat: no-repeat; 
     205        background-position: left 1px; 
     206        padding-left: 20px; 
     207        width: 40px; 
     208} 
     209a.nav-link-img-next { 
     210        background-image: url("images/fforward.gif"); 
     211        background-repeat: no-repeat; 
     212        background-position: right 1px; 
     213        padding-right: 20px; 
     214        width: 40px; 
    66215} 
    67216 
    … …  
    70219} 
    71220 
    72 #exif_toggle { 
    73         padding: 0; 
    74         margin: 0; 
    75 } 
    76  
    77 .thumbnail img { 
    78         padding: 5px; 
    79         text-align: center; 
     221#picture-holder a:hover img{ 
     222        border: 2px solid #38c; 
     223        background-color: #ededed; 
    80224        margin: 4px; 
    81         background: #FFF; 
    82         border-width: 1px; 
    83         border-color: #778899; 
    84 } 
    85  
    86  
    87 .thumbnail a:hover img { 
    88     border-width: 2px; 
    89     border-color: #38c; 
    90         margin: 3px; 
    91225} 
    92226 
    … …  
    94228        padding: 5px; 
    95229        margin: 3px; 
    96         border-style: solid; 
    97         border-width: 1px; 
    98         border-color: #000000; 
    99 } 
    100  
     230        border: 1px solid #000; 
     231} 
     232 
     233.photos-large { 
     234        border: 2px solid #789; 
     235        background-color: #efefef; 
     236        padding: 10px; 
     237        margin: 4px; 
     238} 
     239 
     240.thumbnail img { 
     241        padding: 5px; 
     242        text-align: center; 
     243        margin: 3px; 
     244        background-color: #efefef; 
     245        border: 2px solid #789; 
     246} 
     247 
     248.thumbnail a:hover img { 
     249        margin: 3px; 
     250        background-color: #ededed; 
     251        border: 2px solid #38c; 
     252} 
     253 
     254/* Form Structure/Elements */ 
    101255 
    102256#jump_menu { 
    … …  
    109263} 
    110264 
    111 #pagination { 
    112  
    113         padding: 2px; 
    114         margin: 0; 
    115         clear: both; 
    116         border-top:             1px solid #CDCDCD; 
    117         border-bottom:          1px solid #CDCDCD; 
    118 } 
    119  
    120 #breadcrumbs { 
    121         margin: 0; 
    122         padding: 2px; 
    123         border-top:             1px solid #CDCDCD; 
    124         border-bottom:          1px solid #CDCDCD; 
    125          
    126         /*border-style: solid; 
    127         border-width: 1px; 
    128         border-color: #000000; 
    129         background-color: #FFC; */ 
    130 }