Image alignment fixes, nextgen video templates

diff --git a/nggallery/gallery-glmvideos.php b/nggallery/gallery-glmvideos.php
new file mode 100644 (file)
index 0000000..2803508
--- /dev/null
+++ b/nggallery/gallery-glmvideos.php
@@ -0,0 +1,74 @@
+<?php 
+/**
+Template Page for the gallery overview
+
+Follow variables are useable :
+
+       $gallery     : Contain all about the gallery
+       $images      : Contain all images, path, title
+       $pagination  : Contain the pagination content
+
+ You can check the content when you insert the tag <?php var_dump($variable) ?>
+ If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
+**/
+?>
+<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
+
+<ul id='gallery' class='gallery row small-block-grid-2 medium-block-grid-3 large-block-grid-4'>
+<?php if ($gallery->show_slideshow) { ?>
+       <!-- Slideshow link -->
+       <div class="slideshowlink">
+               <a class="slideshowlink" href="<?php echo nextgen_esc_url($gallery->slideshow_link) ?>">
+                       <?php echo $gallery->slideshow_link_text ?>
+               </a>
+       </div>
+<?php } ?>
+
+<?php if ($gallery->show_piclens) { ?>
+       <!-- Piclense link -->
+       <div class="piclenselink">
+               <a class="piclenselink" href="<?php echo nextgen_esc_url($gallery->piclens_link) ?>">
+                       <?php _e('[View with PicLens]','nggallery'); ?>
+               </a>
+       </div>
+<?php } ?>
+       
+       <!-- Thumbnails -->
+    <?php $i = 0; ?>
+       <?php foreach ( $images as $image ) : ?>
+       <li>
+            <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box imgBorderMe" <?php echo $image->style ?> >
+
+                <div class="ngg-gallery-thumbnail" >
+                    <a href="<?php echo nggcf_get_field($image->pid, "url") ?>"
+                    title="<?php echo esc_attr($image->description) ?>"
+                    data-src="<?php echo nextgen_esc_url($image->imageURL) ?>"
+                    data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
+                    data-image-id="<?php echo esc_attr($image->pid); ?>"
+                    data-title="<?php echo esc_attr($image->alttext); ?>"
+                    data-description="<?php echo esc_attr($image->description); ?>"
+                    data-url="<?php echo nggcf_get_field($image->pid, "url"); ?>"
+                    <?php echo $image->thumbcode ?> >
+                        <?php if ( !$image->hidden ) { ?>
+                        
+                        <div class="image_overlay">
+                            <img title="<?php echo esc_attr($image->alttext) ?>" alt="<?php echo esc_attr($image->alttext) ?>" src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>" <?php echo $image->size ?> />
+                        </div>
+                    <span class="photoTitle"><?php if (!$image->hidden) { echo esc_attr($image->alttext); }?></span>
+                    
+                            <?php } ?>
+                    </a>
+                </div>
+                
+            </div>
+        </li>
+       <?php if ( $image->hidden ) continue; ?>
+       <?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
+       <br style="clear: both" />
+       <?php } ?>
+       <?php endforeach; ?>
+       
+       <!-- Pagination -->
+       <?php echo $pagination ?>
+</ul>
+<?php endif; ?>

diff --git a/style.css b/style.css
index 43970e4..eb8a405 100755 (executable)
--- a/style.css
+++ b/style.css
@@ -508,4 +508,25 @@ ul, ol, dl {
 
 /* */
 
-/* End */
\ No newline at end of file
+/* End */
+
+
+/* Images */
+img.alignleft, img.alignright, img.aligncenter, div.wp-caption img {
+    border: 2px solid #b1b3b5;
+}
+
+.alignright {
+    float: right;
+}
+
+.alignleft {
+    float: left;
+}
+/* End Images */
+
+/* For fixing cellphones not showing phone numbers because of goofy auto-coloring */
+a[href^=tel]{
+    color:inherit;
+    text-decoration:none;
+}
\ No newline at end of file