Merge branch 'master' of git://github.com/3nids/gallery3-contrib

Conflicts:
	themes/3nids_theme/3nids/css/jquery.fancybox.css
	themes/3nids_theme/README
	themes/3nids_theme/modules/tagsmap/css/tagsmap.css
	themes/3nids_theme/modules/theme_3nids/helpers/theme_3nids_theme.php

themes/3nids/3nids/js/ui.init.js

@@ -1,139 +0,0 @@
-/**
- * Initialize jQuery UI and Gallery Plugin elements
- */
-
-var short_forms = new Array(
-  "#gQuickSearchForm",
-  "#gAddTagForm",
-  "#gSearchForm"
-);
-
-$(document).ready(function() {
-	$(".fancyclass").fancybox();
-
-  // Initialize Superfish menus
-  $("ul.gMenu").addClass("sf-menu");
-  $('ul.sf-menu').superfish({
-    delay: 500,
-    animation: {
-      opacity:'show',
-      height:'show'
-    },
-    speed: 'fast'
-  });
-  $("#gSiteMenu").css("display", "block");
-
-  // Initialize status message effects
-  $("#gMessage li").gallery_show_message();
-
-  // Initialize dialogs
-  $("#gLoginLink").addClass("gDialogLink");
-  $(".gDialogLink").gallery_dialog();
-
-  // Initialize view menu
-  if ($("#gViewMenu").length) {
-    $("#gViewMenu ul").removeClass("gMenu").removeClass("sf-menu");
-    $("#gViewMenu a").addClass("ui-icon");
-  }
-
-  // Initialize short forms
-  for (var i in short_forms) {
-	short_form_init(short_forms[i]);
-	$(short_forms[i]).addClass("gShortForm");
-  }
-  $(".gShortForm input[type=text]").addClass("ui-corner-left");
-  $(".gShortForm input[type=submit]").addClass("ui-state-default ui-corner-right");
-
-  // Apply jQuery UI button css to submit inputs
-  $("input[type=submit]:not(.gShortForm input)").addClass("ui-state-default ui-corner-all");
-
-  // Apply styles and icon classes to gContextMenu
-  if ($(".gContextMenu").length) {
-    $(".gContextMenu li").addClass("ui-state-default");
-    $(".gContextMenu a").addClass("gButtonLink ui-icon-left");
-    $(".gContextMenu a").prepend("<span class=\"ui-icon\"></span>");
-    $(".gContextMenu a span").each(function() {
-      var iconClass = $(this).parent().attr("class").match(/ui-icon-.[^\s]+/).toString();
-      $(this).addClass(iconClass);
-    });
-  }
-
-  // Album view only
-  if ($("#gAlbumGrid").length) {
-    // Vertical align thumbnails/metadata in album grid
-    $(".gItem").gallery_valign();
-
-    // Initialize context menus
-    $(".gItem").hover(
-      function(){
-        // Insert invisible placeholder to hold the item's position in the grid
-        var placeHolder = $(this).clone();
-        $(placeHolder).attr("id", "gPlaceHolder");
-        $(placeHolder).css("visibility", "hidden");
-        $(this).after($(placeHolder));
-        // Style and position the item
-        $(this).addClass("gHoverItem");
-        var position = $(this).position();
-        $(this).css("position", "absolute");
-        $(this).css("top", position.top);
-        $(this).css("left", position.left);
-        $(this).css("z-index", "1000");
-        // Initialize the contextual menu
-        $(this).gallery_context_menu();
-        // Set height based on height of descendents
-        var title = $(this).find("h2");
-        var meta = $(this).find(".gMetadata");
-        var context_label = $(this).find(".gContextMenu li:first");
-        var item_ht = $(this).height();
-        var title_ht = $(title).gallery_height();
-        var meta_ht = $(meta).gallery_height();
-        var context_label_ht = $(context_label).gallery_height();
-        $(this).height(item_ht + title_ht + meta_ht + context_label_ht);
- 	      $(".fancyclass").fancybox();
-     },
-      function() {
-        // Reset item height, position, and z-index
-if ($(this).next().height()) {
-          var sib_height = $(this).next().height();
-        } else {
-          var sib_height = $(this).prev().height();
-        }
-        if ($.browser.msie && $.browser.version >= 8) {
-          sib_height = sib_height + 1;
-		}
-        $(this).css("height", sib_height);
-        $(this).css("position", "relative");
-        $(this).css("top", null);
-        $(this).css("left", null);
-        $(this).css("z-index", 1);
-        // Remove the placeholder and hover class from the item
-        $("#gPlaceHolder").remove();
-        $(this).removeClass("gHoverItem");
-	            $(".fancyclass").fancybox();
-      }
-    );
-  }
-
-  // Photo/Item item view
-  if ($("#gItem").length) {
-    // Ensure the resized image fits within its container
-    $("#gItem").gallery_fit_photo();
-
-    // Initialize context menus
-    var resize = $("#gItem").gallery_get_photo();
-    $(resize).hover(function(){
-      $(this).gallery_context_menu();
-    });
-
-    // Add scroll effect for links to named anchors
-    $.localScroll({
-      queue: true,
-      duration: 1000,
-      hash: true
-    });
-  }
-
-  // Initialize button hover effect
-  $.fn.gallery_hover_init();
-
-});

themes/3nids/3nids/views/album.html.php

@@ -1,76 +0,0 @@
-<?php defined("SYSPATH") or die("No direct script access.") ?>
-<? // @todo Set hover on AlbumGrid list items for guest users ?>
-<div id="gInfo">
-  <?= $theme->album_top() ?>
-  <h1><?= html::purify($item->title) ?></h1>
-  <div class="gDescription"><?= nl2br(html::purify($item->description)) ?></div>
-</div>
-<? $children_all = $item->viewable()->children();
-     $theme->pagination = new Pagination();
-		$theme->pagination->initialize(array("query_string" => "page","total_items" => $children_count,"items_per_page" => $page_size,"style" => "classic"));
-	$children_offset = ($theme->pagination->current_page -1) * $page_size ; ?>
-  
-<ul id="gAlbumGrid">
-<? if (count($children)): ?>
-<? for($i=0;$i<$children_offset;$i++): ?>
-	  <? $child = $children_all[$i] ?>
-	  <? if ($child->is_photo()): ?>
-			<? $fancymodule = ""; ?>
-			<? if (module::is_active("exif")){$fancymodule .= "exif::" . url::site("exif/show/{$child->id}") . ";;";} ?>
-			<? if (module::is_active("comment") && module::is_active("comment_3nids")){$fancymodule .= "comment::" . url::site("comments_3nids?item_id={$child->id}") . ";;comment_count::" . comment_3nids::count($child) . ";;" ;} ?>
-			<a href="<?=$child->file_url()?>" rel="fancygroup" class="fancyclass" title="<?= $child->parent()->title ?>, <?=$child->parent()->description?>" name="<?=$fancymodule  ?>"></a>
-	  <? endif	 ?>
-<? endfor ?>
-  <? foreach ($children as $i => $child): ?>
-    <? $item_class = "gPhoto"; ?>
-    <? if ($child->is_album()): ?>
-      <? $item_class = "gAlbum"; ?>
-    <? endif ?>
-  <li id="gItemId-<?= $child->id ?>" class="gItem <?= $item_class ?>">
-    <?= $theme->thumb_top($child) ?>
-    <? if ($child->is_photo()): ?>
-		<? $fancymodule = ""; ?>
-		<? if (module::is_active("exif")){$fancymodule .= "exif::" . url::site("exif/show/{$child->id}") . ";;";} ?>
-		<? if (module::is_active("comment") && module::is_active("comment_3nids")){$fancymodule .= "comment::" . url::site("comments_3nids?item_id={$child->id}") . ";;comment_count::" . comment_3nids::count($child) . ";;" ;} ?>
-		<a href="<?=$child->file_url()?>" rel="fancygroup" class="fancyclass" title="<?= $child->parent()->title ?>, <?=$child->parent()->description?>" name="<?=$fancymodule  ?>">
-         <?= $child->thumb_img(array("class" => "gThumbnail")) ?></a>
-         <? if ($user->admin): ?>
-	  <br><a href="<?=$child->url()?>">view/edit</a>
-         <? endif ?>
-    <? else: ?>
-      <a href="<?= $child->url() ?>">
-        <?= $child->thumb_img(array("class" => "gThumbnail")) ?>
-       <h2><span></span><?= html::clean($child->title) ?></h2>
-      </a>
-    <? endif ?>
-    <?= $theme->thumb_bottom($child) ?>
-    <?= $theme->context_menu($child, "#gItemId-{$child->id} .gThumbnail") ?>
-    <? if ($child->is_photo() && module::is_active("comment") && module::is_active("comment_3nids")) :?>
-	<ul class="gMetadata">
-		<li><a href="<?=url::site("comments_3nids?item_id={$child->id}")?>" class="iframe fancyclass"><?=comment_3nids::count($child) ?> <?=t("comments")?></a></li>   
-	</ul>
-     <? endif ?>
-  </li>
-  <? endforeach ?>
-	<? for($i=$children_offset+$page_size;$i<$children_count;$i++): ?>
-		  <? $child = $children_all[$i] ?>
-		  <? if ($child->is_photo()): ?>
-			<? $fancymodule = ""; ?>
-			<? if (module::is_active("exif")){$fancymodule .= "exif::" . url::site("exif/show/{$child->id}") . ";;";} ?>
-			<? if (module::is_active("comment") && module::is_active("comment_3nids")){$fancymodule .= "comment::" . url::site("comments_3nids?item_id={$child->id}") . ";;comment_count::" . comment_3nids::count($child) . ";;" ;} ?>
-			<a href="<?=$child->file_url()?>" rel="fancygroup" class="fancyclass" title="<?= $child->parent()->title ?>, <?=$child->parent()->description?>" name="<?=$fancymodule  ?>"></a>
-		  <? endif	 ?>
-	<? endfor ?>
-<? else: ?>
-  <? if ($user->admin || access::can("add", $item)): ?>
-  <? $addurl = url::file("index.php/simple_uploader/app/$item->id") ?>
-  <li><?= t("There aren't any photos here yet! <a %attrs>Add some</a>.",
-            array("attrs" => html::mark_clean("href=\"$addurl\" class=\"gDialogLink\""))) ?></li>
-  <? else: ?>
-  <li><?= t("There aren't any photos here yet!") ?></li>
-  <? endif; ?>
-<? endif; ?>
-</ul>
-<?= $theme->album_bottom() ?>
-
-<?= $theme->pager() ?>

themes/3nids/3nids/views/dynamic.html.php

@@ -1,78 +0,0 @@
-<?php defined("SYSPATH") or die("No direct script access.") ?>
-<div id="gAlbumHeader">
-  <div id="gAlbumHeaderButtons">
-    <?= $theme->dynamic_top() ?>
-  </div>
-  <h1><?= html::clean($title) ?></h1>
-</div>
-<? $children_all = $tag->items();
-     $theme->pagination = new Pagination();
-		$theme->pagination->initialize(array("query_string" => "page","total_items" => $children_count,"items_per_page" => $page_size,"style" => "classic"));
-	$children_offset = ($theme->pagination->current_page -1) * $page_size ; ?>
-
-
-<ul id="gAlbumGrid">
-  <? for($i=0;$i<$children_offset;$i++): ?>
-	  <? $child = $children_all[$i] ?>
-	  <? if ($child->is_photo()): ?>
-		<? $fancymodule = ""; ?>
-		<? if (module::is_active("exif")){$fancymodule .= "exif::" . url::site("exif/show/{$child->id}") . ";;";} ?>
-		<? if (module::is_active("comment") && module::is_active("comment_3nids")){$fancymodule .= "comment::" . url::site("comments_3nids?item_id={$child->id}") . ";;comment_count::" . comment_3nids::count($child) . ";;" ;} ?>
-		<a href="<?=$child->file_url()?>" rel="fancygroup" class="fancyclass" title="<?= $child->parent()->title ?>, <?=$child->parent()->description?>" name="<?=$fancymodule  ?>"></a>
-	  <? endif	 ?>
-<? endfor ?>
-
-  <? foreach ($children as $i => $child): ?>
-  
-  <!--<li class="gItem <?= $child->is_album() ? "gAlbum" : "" ?>">!-->
-  <li id="gItemId-<?= $child->id ?>" class="gItem gAlbum">
-    <?= $theme->thumb_top($child) ?>
-    <? if (!($child->is_album())): ?>
-    <? if ($child->is_photo()): ?>
-		<? $fancymodule = ""; ?>
-		<? if (module::is_active("exif")){$fancymodule .= "exif::" . url::site("exif/show/{$child->id}") . ";;";} ?>
-		<? if (module::is_active("comment") && module::is_active("comment_3nids")){$fancymodule .= "comment::" . url::site("comments_3nids?item_id={$child->id}") . ";;comment_count::" . comment_3nids::count($child) . ";;" ;} ?>
-		<a href="<?=$child->file_url()?>" rel="fancygroup" class="fancyclass" title="<?= $child->parent()->title ?>, <?=$child->parent()->description?>" name="<?=$fancymodule  ?>">
-    <? else: ?>
-      <a href="<?= $child->url() ?>">
-    <? endif ?>
-	      <img id="gPhotoId-<?= $child->id ?>" class="gThumbnail"
-		   alt="photo" src="<?= $child->thumb_url() ?>"
-		   width="<?= $child->thumb_width ?>"
-		   height="<?= $child->thumb_height ?>" />
-       </a>
-    <a href="<?= $child->parent()->url() ?>?show=<?= $child->id?>"><h2><span></span><?= $child->parent()->title ?></h2></a>
-     <? if ($user->admin): ?>
-	<a href="<?=$child->url()?>">view</a>
-     <? endif ?>
-   <? else: ?>
-           <a href="<?= $child->url() ?>">
-	      <img id="gPhotoId-<?= $child->id ?>" class="gThumbnail"
-		   alt="photo" src="<?= $child->thumb_url() ?>"
-		   width="<?= $child->thumb_width ?>"
-		   height="<?= $child->thumb_height ?>" />
-                <h2><span></span><?= html::clean($child->title) ?></h2>
-	 </a>   
- <? endif ?>
-<?= $theme->thumb_bottom($child) ?>
-<?= $theme->context_menu($child, "#gItemId-{$child->id} .gThumbnail") ?>
-    <? if ($child->is_photo() && module::is_active("comment") && module::is_active("comment_3nids")) :?>
-	<ul class="gMetadata">
-		<li><a href="<?=url::site("comments_3nids?item_id={$child->id}")?>" class="iframe fancyclass"><?=comment_3nids::count($child) ?> <?=t("comments")?></a></li>   
-	</ul>
-     <? endif ?>
-  </li>
-  <? endforeach ?>
-<? for($i=$children_offset+$page_size;$i<$children_count;$i++): ?>
-	  <? $child = $children_all[$i] ?>
-	  <? if ($child->is_photo()): ?>
-		<? $fancymodule = ""; ?>
-		<? if (module::is_active("exif")){$fancymodule .= "exif::" . url::site("exif/show/{$child->id}") . ";;";} ?>
-		<? if (module::is_active("comment") && module::is_active("comment_3nids")){$fancymodule .= "comment::" . url::site("comments_3nids?item_id={$child->id}") . ";;comment_count::" . comment_3nids::count($child) . ";;" ;} ?>
-		<a href="<?=$child->file_url()?>" rel="fancygroup" class="fancyclass" title="<?= $child->parent()->title ?>, <?=$child->parent()->description?>" name="<?=$fancymodule  ?>"></a>
-	  <? endif	 ?>
-<? endfor ?>
-</ul>
-<?= $theme->dynamic_bottom() ?>
-
-<?= $theme->pager() ?>

themes/3nids/3nids/views/image_block_block.html.php

@@ -1,17 +0,0 @@
-<?php defined("SYSPATH") or die("No direct script access.") ?>
-
-<? $fancymodule = ""; ?>
-<? if (module::is_active("exif")){$fancymodule .= "exif::" . url::site("exif/show/{$item->id}") . ";;";} ?>
-<? if (module::is_active("comment") && module::is_active("comment_3nids")){$fancymodule .= "comment::" . url::site("comments_3nids?item_id={$item->id}") . ";;comment_count::" . comment_3nids::count($item) . ";;" ;} ?>
-
-<div class="gImageBlock">
-   <a href="<?= $item->file_url() ?>" class="fancyclass" title="<?= $item->parent()->title ?>, <?=$item->parent()->description?>" name="<?=$fancymodule?>">
-   <?= $item->thumb_img(array("class" => "gThumbnail")) ?>
-  </a>
-
- 
-   <div class="gParentAlbum">
-       <a href="<?= $item->parent()->url() ?>?show=<?= $item->id?>"><h4><span></span><?= $item->parent()->title ?></h4></a>
-  </div>
-</div>
-

themes/3nids/3nids/views/movie.html.php

@@ -1,37 +0,0 @@
-<?php defined("SYSPATH") or die("No direct script access.") ?>
-<div id="gItem">
-  <?= $theme->photo_top() ?>
-
-<? /*
-  <ul class="gPager">
-    <li>
-      <? if ($previous_item): ?>
-      <a href="<?= $previous_item->url() ?>" class="gButtonLink ui-icon-left ui-state-default ui-corner-all">
-      <span class="ui-icon ui-icon-triangle-1-w"></span><?= t("previous") ?></a>
-      <? else: ?>
-      <a class="gButtonLink ui-icon-left ui-state-disabled ui-corner-all">
-      <span class="ui-icon ui-icon-triangle-1-w"></span><?= t("previous") ?></a>
-      <? endif; ?>
-    </li>
-    <li class="gInfo"><?= t("%position of %total", array("position" => $position, "total" => $sibling_count)) ?></li>
-    <li class="txtright">
-      <? if ($next_item): ?>
-      <a href="<?= $next_item->url() ?>" class="gButtonLink ui-icon-right ui-state-default ui-corner-all">
-      <span class="ui-icon ui-icon-triangle-1-e"></span><?= t("next") ?></a>
-      <? else: ?>
-      <a class="gButtonLink ui-icon-right ui-state-disabled ui-corner-all">
-      <span class="ui-icon ui-icon-triangle-1-e"></span><?= t("next") ?></a>
-      <? endif ?>
-    </li>
-  </ul>
-*/ ?>
-
-  <?= $item->movie_img(array("class" => "gMovie", "id" => "gMovieId-{$item->id}")) ?>
-
-  <div id="gInfo">
-    <h1><?= html::purify($item->title) ?></h1>
-       <div><?= nl2br(html::purify($item->description)) ?></div>
-  </div>
-
-  <?= $theme->context_menu($item, "#gMovieId-{$item->id}") ?>
-</div>

themes/3nids/3nids/views/search.html.php

@@ -1,80 +0,0 @@
-<?php defined("SYSPATH") or die("No direct script access.") ?>
-<? // @todo Set hover on AlbumGrid list items ?>
-
-<? list($children_count_true, $children_all) = search::search($q,1000,0);
-     $theme->pagination = new Pagination();
-		$theme->pagination->initialize(array("query_string" => "page","total_items" => $children_count_true,"items_per_page" => $page_size,"style" => "classic"));
-	$children_offset = ($theme->pagination->current_page -1) * $page_size ; ?>
-
-<div id="gSearchResults">
-  <h2><?= t("Results for <b>%term</b>", array("term" => $q)) ?></h2>
-
-  <? if (count($items)): ?>
-  <ul id="gAlbumGrid">
-   <? for($i=0;$i<$children_offset;$i++): ?>
-	  <? $child = $children_all[$i] ?>
-	  <? if ($child->is_photo()): ?>
-		<? $fancymodule = ""; ?>
-		<? if (module::is_active("exif")){$fancymodule .= "exif::" . url::site("exif/show/{$child->id}") . ";;";} ?>
-		<? if (module::is_active("comment") && module::is_active("comment_3nids")){$fancymodule .= "comment::" . url::site("comments_3nids?item_id={$child->id}") . ";;comment_count::" . comment_3nids::count($child) . ";;" ;} ?>
-		<a href="<?=$child->file_url()?>" rel="fancygroup" class="fancyclass" title="<?= $child->parent()->title ?>, <?=$child->parent()->description?>" name="<?=$fancymodule  ?>"></a>
-	  <? endif	 ?>
-<? endfor ?>
-   <? foreach ($items as $child): ?>
-  <li id="gItemId-<?= $child->id ?>" class="gItem gAlbum">
-    <?= $theme->thumb_top($child) ?>
-    <? if (!($child->is_album())): ?>
-    <? if ($child->is_photo()): ?>
-		<? $fancymodule = ""; ?>
-		<? if (module::is_active("exif")){$fancymodule .= "exif::" . url::site("exif/show/{$child->id}") . ";;";} ?>
-		<? if (module::is_active("comment") && module::is_active("comment_3nids")){$fancymodule .= "comment::" . url::site("comments_3nids?item_id={$child->id}") . ";;comment_count::" . comment_3nids::count($child) . ";;" ;} ?>
-		<a href="<?=$child->file_url()?>" rel="fancygroup" class="fancyclass" title="<?= $child->parent()->title ?>, <?=$child->parent()->description?>" name="<?=$fancymodule  ?>">
-    <? else: ?>
-      <a href="<?= $child->url() ?>">
-    <? endif ?>
-	      <img id="gPhotoId-<?= $child->id ?>" class="gThumbnail"
-		   alt="photo" src="<?= $child->thumb_url() ?>"
-		   width="<?= $child->thumb_width ?>"
-		   height="<?= $child->thumb_height ?>" />
-       </a>
-    <a href="<?= $child->parent()->url() ?>?show=<?= $child->id?>"><h2><span></span><?= $child->parent()->title ?></h2></a>
-     <? if ($user->admin): ?>
-	<a href="<?=$child->url()?>">view</a>
-     <? endif ?>
-   <? else: ?>
-           <a href="<?= $child->url() ?>">
-	      <img id="gPhotoId-<?= $child->id ?>" class="gThumbnail"
-		   alt="photo" src="<?= $child->thumb_url() ?>"
-		   width="<?= $child->thumb_width ?>"
-		   height="<?= $child->thumb_height ?>" />
-                <h2><span></span><?= html::clean($child->title) ?></h2>
-	 </a>   
- <? endif ?>
-<?= $theme->thumb_bottom($child) ?>
-<?= $theme->context_menu($child, "#gItemId-{$child->id} .gThumbnail") ?>
-    <? if ($child->is_photo() && module::is_active("comment") && module::is_active("comment_3nids")) :?>
-	<ul class="gMetadata">
-		<li><a href="<?=url::site("comments_3nids?item_id={$child->id}")?>" class="iframe fancyclass"><?=comment_3nids::count($child) ?> <?=t("comments")?></a></li>   
-	</ul>
-     <? endif ?>
-  </li>
-  <? endforeach ?>
-<? for($i=$children_offset+$page_size;$i<$children_count;$i++): ?>
-	  <? $child = $children_all[$i] ?>
-	  <? if ($child->is_photo()): ?>
-		<? $fancymodule = ""; ?>
-		<? if (module::is_active("exif")){$fancymodule .= "exif::" . url::site("exif/show/{$child->id}") . ";;";} ?>
-		<? if (module::is_active("comment") && module::is_active("comment_3nids")){$fancymodule .= "comment::" . url::site("comments_3nids?item_id={$child->id}") . ";;comment_count::" . comment_3nids::count($child) . ";;" ;} ?>
-		<a href="<?=$child->file_url()?>" rel="fancygroup" class="fancyclass" title="<?= $child->parent()->title ?>, <?=$child->parent()->description?>" name="<?=$fancymodule  ?>"></a>
-	  <? endif	 ?>
-<? endfor ?>
-</ul>
-  <?= $theme->pager() ?>
-
-  <? else: ?>
-  <p>
-    <?= t("No results found for <b>%term</b>", array("term" => $q)) ?>
-  </p>
-
-  <? endif; ?>
-</div>

themes/3nids/modules/comment_3nids/module.info

@@ -1,3 +0,0 @@
-name = "Comments for 3nids theme"
-description = "Allows the use of comments within 3nids theme"
-version = 1

themes/3nids_theme/3nids/css/3nids.css

@@ -0,0 +1,54 @@
+/* 3nids specific */
+.g-movie {
+	padding-top: 10px;
+}
+
+.g-map-head img {
+  display: block;
+  margin: 3px;
+}
+
+.g-map-head a {
+	float: right;
+}
+
+.g-comment-thumb{
+    padding: 5px;
+	text-align: left;
+}
+
+.g-fancy-iframe-body{
+  background-color: #333333;
+  height: auto;
+}
+
+#mod_frame{
+  background-color: #333333;
+  }
+
+ .g-comment-box  {	
+  border-bottom: 1px solid #555;
+}
+
+.g-comment-box:hover{
+	background-color: black;
+	color: #ffffcc;
+}
+
+ #g-comment-detail {
+	width: 360px;
+	height: 100%;
+	background-color: #333333;
+	padding: 10px;
+	text-align: left;
+	margin-top: 30px;
+}
+
+.g-block-content .g-parent-album h4 span {
+  background: transparent url('../images/ico-album.png') no-repeat top left;
+  display: inline-block;
+  height: 16px;
+  margin-right: 5px;
+  width: 16px;
+}
+

themes/3nids_theme/3nids/css/fix-ie.css

@@ -2,15 +2,7 @@
  * Fix display in IE 6, 7
  */
 
-#gBanner,
-.gBreadcrumbs,
-#gAlbumGrid,
-#gPager,
-#gViewMenu  {
-  zoom: 1;
-}
-
-#gBanner {
+#g-banner {
   z-index: 2;
 }
 
@@ -19,19 +11,19 @@ input.submit {
   display: inline !important;
 }
 
-#gAddTagForm input.textbox {
+#g-add-tag-form input.textbox {
   width: 110px;
 }
 
-#gDialog a.gCancel {
+#g-dialog .g-cancel {
   display: inline-block !important;
   float: none !important;
 }
 
-.gPager .txtright {
+.g-pager .g-text-right {
   width: 29%;
 }
 
-.gPager .ui-icon-right {
+.g-pager .ui-icon-right {
   width: 60px;
 }

themes/3nids_theme/3nids/css/screen.css

@@ -0,0 +1,831 @@
+/**
+ * Gallery 3 Default Theme Screen Styles
+ *
+ * @requires YUI reset, font, grids CSS
+ *
+ * Sheet organization:
+ *  1)  Basic HTML elements
+ *  2)  Reusable content blocks
+ *  3)  Page layout containers
+ *  4)  Content blocks in specific layout containers
+ *  5)  Navigation and menus
+ *  6)  Browser hacks
+ *  7)  jQuery and jQuery UI
+ *  8)  Right-to-left language styles
+ */
+
+/** *******************************************************************
+ * 1) Basic HTML elements
+ **********************************************************************/
+
+body, html {
+  background-color: #ccc;
+  font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+  color: #e8e8e8;
+}
+
+p {
+  margin-bottom: 1em;
+}
+
+em {
+  font-style: oblique;
+}
+
+h1, h2, h3, h4, h5, strong, th {
+  font-weight: bold;
+}
+
+h1 {
+  font-size: 1.5em;
+}
+
+#g-search-results h1 {
+  margin-bottom: 1em;
+}
+
+#g-progress h1 {
+  font-size: 1.1em;
+}
+
+h2 {
+  font-size: 1.2em;
+}
+
+#g-sidebar .g-block h2 {
+  font-size: 1.2em;
+}
+
+#g-sidebar .g-block li {
+  margin-bottom: .6em;
+}
+
+h3 {
+  font-size: 1.2em;
+}
+h4 {
+  font-size: 0.9em;
+}
+
+/* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+a,
+.g-menu a,
+#g-dialog a,
+.g-button,
+.g-button:hover,
+.g-button:active,
+a.ui-state-hover,
+input.ui-state-hover,
+button.ui-state-hover {
+  color: #ffffcc !important;
+  cursor: pointer !important;
+  text-decoration: none;
+  -moz-outline-style: none;
+}
+
+a:hover,
+#g-dialog a:hover {
+  text-decoration: underline;
+}
+
+.g-menu a:hover {
+  text-decoration: none;
+}
+
+#g-dialog #g-action-status li {
+  width: 400px;
+  white-space: normal;
+  padding-left: 32px;
+}
+
+/* Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+table {
+  width: 100%;
+}
+
+#g-content table {
+  margin: 1em 0;
+}
+
+caption,
+th {
+  text-align: left;
+}
+
+th,
+td {
+  border: none;
+  border-bottom: 1px solid #ccc;
+  padding: .5em;
+  vertical-align: top;
+}
+
+/* Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+fieldset {
+  border: 1px solid #ccc;
+  padding-bottom: .8em;
+}
+
+#g-banner fieldset,
+#g-sidebar fieldset,
+.g-short-form fieldset {
+  border: none;
+}
+
+legend {
+  font-weight: bold;
+  margin-left: 1em;
+  color: #e8e8e8;
+}
+
+#g-banner legend,
+#g-sidebar legend,
+#g-content #g-search-form legend,
+input[type="hidden"],
+.g-short-form label {
+  display: none;
+}
+
+label {
+  cursor: help;
+}
+
+input[type="text"],
+input[type="password"] {
+  width: 50%;
+}
+
+input[type="text"],
+input[type="password"],
+textarea {
+  border: 1px solid #e8e8e8;
+  border-top-color: #ccc;
+  border-left-color: #ccc;
+  color: #333;
+}
+
+textarea {
+  width: 90%;
+  height: 12em;
+}
+
+input:focus,
+textarea:focus,
+option:focus {
+  background-color: #ffc;
+  color: #000;
+}
+
+/* Form layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+form li {
+  margin: 0 !important;
+  padding: .3em 1.5em .3em 1em;
+}
+
+form ul ul {
+  clear: both;
+}
+
+form ul ul li {
+  float: left;
+}
+
+input,
+select,
+textarea {
+  display: block;
+  clear: both;
+  padding: .2em;
+}
+
+input[type="submit"],
+input[type="reset"] {
+  display: inline;
+  clear: none;
+  float: left;
+}
+
+/* Form validation ~~~~~~~~~~~~~~~~~~~~~~~ */
+
+form.g-error input[type="text"],
+li.g-error input[type="text"],
+form.g-error input[type="password"],
+li.g-error input[type="password"],
+form.g-error input[type="checkbox"],
+li.g-error input[type="checkbox"],
+form.g-error input[type="radio"],
+li.g-error input[type="radio"],
+form.g-error textarea,
+li.g-error textarea,
+form.g-error select,
+li.g-error select {
+  border: 2px solid red;
+}
+
+/** *******************************************************************
+ * 2) Reusable content blocks
+ *********************************************************************/
+
+.g-block h2 {
+  background-color: #333;
+  padding: .3em .8em;
+}
+
+.g-block-content {
+  margin-top: 1em;
+}
+
+/* Status messages ~~~~~~~~~~~~~~~~~~~~~~~ */
+
+/* Inline layout (forms, lists) ~~~~~~~~~~ */
+
+.g-short-form li {
+  float: left;
+  padding: .4em 0;
+}
+
+.g-short-form input[type="text"] {
+  color: #666;
+  padding: .3em .6em;
+  width: 11em;
+}
+
+/*** ******************************************************************
+ * 3) Page layout containers
+ *********************************************************************/
+
+/* View container ~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.g-view {
+  background-color: #333333;
+  border: 1px solid #e8e8e8;
+  border-bottom: none;
+}
+
+/* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */
+
+#g-header {
+  margin-bottom: 1em;
+  background-color: #484848;
+  border-bottom: 1px solid #e8e8e8;
+}
+
+#g-banner {
+  background-color: #333333;
+  border-bottom: 1px solid #e8e8e8;
+  font-size: .8em;
+  min-height: 5em;
+  padding: 1em 20px;
+  position: relative;
+}
+
+#g-content {
+  font-size: 1.2em;
+  padding-left: 20px;
+  position: relative;
+  width: 600px;
+}
+
+#g-sidebar {
+   background-color: #333333;
+ font-size: .9em;
+  padding: 0 20px;
+  width: 220px;
+}
+
+#g-footer {
+  background-color: #484848;
+  border-top: 1px solid #ccc;
+  font-size: .8em;
+  margin-top: 20px;
+  padding: 10px 20px;
+}
+
+/** *******************************************************************
+ * 4) Content blocks in specific layout containers
+ *********************************************************************/
+
+/* Header  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#g-banner #g-logo img {
+  margin: 0;
+}
+
+#g-banner #g-quick-search-form {
+  clear: right;
+  float: right;
+  margin-top: 1em;
+}
+
+#g-banner #g-quick-search-form input[type='text'] {
+  width: 17em;
+}
+
+#g-content .g-block h2 {
+  background-color: transparent;
+  padding-left: 0;
+}
+
+#g-sidebar .g-block-content {
+  padding-left: 1em;
+}
+
+/* Album content ~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#g-content #g-album-grid {
+  margin: 1em 0;
+  position: relative;
+  z-index: 1;
+}
+
+#g-content #g-album-grid .g-item {
+  background-color: #484848;
+  border: 1px solid #e8e8e8;
+  float: left;
+  font-size: .7em;
+  padding: .6em 8px;
+  position: relative;
+  text-align: center;
+ width: 180px;
+ height: 210px;
+  z-index: 1;
+}
+
+#g-content #g-album-grid .g-item h2 {
+  margin: 5px 0;
+}
+
+#g-content .g-photo h2,
+#g-content .g-item .g-metadata {
+   color: #ffffcc;
+ display: none;
+  margin-bottom: .6em;
+}
+
+#g-content #g-album-grid .g-album {
+  background-color: #484848;
+}
+
+#g-content #g-album-grid .g-album h2 span {
+  background: transparent url('../images/ico-album.png') no-repeat top left;
+  display: inline-block;
+  height: 16px;
+  margin-right: 5px;
+  width: 16px;
+}
+
+#g-content #g-album-grid .g-hover-item {
+  background-color: #000;
+  position: absolute !important;
+  z-index: 1000 !important;
+  border: 1px solid #f9bd01;
+}
+
+#g-content .g-hover-item h2,
+#g-content .g-hover-item .g-metadata {
+  display: block;
+}
+
+#g-content #g-album-grid #g-place-holder {
+  position: relative;
+  visibility: hidden;
+  z-index: 1;
+}
+
+/* Individual photo content ~~~~~~~~~~~~~~ */
+
+#g-content #g-item {
+  position: relative;
+  width: 100%;
+}
+
+#g-content #g-photo {
+  position: relative;
+}
+
+#g-content #g-item .g-fullsize-link img {
+  display: block;
+  margin: 1em auto !important;
+}
+
+#g-comments {
+  margin-top: 2em;
+  position: relative;
+}
+
+#g-comments ul li {
+  margin: 1em 0;
+}
+
+#g-comments .g-author {
+  border-bottom: 1px solid #ccc;
+  color: #999;
+  height: 32px;
+  line-height: 32px;
+}
+
+#g-comments ul li div {
+  padding: 0 8px 8px 43px;
+}
+
+#g-comments ul li #g-recaptcha {
+  padding: 0;
+}
+
+#g-comments ul li #g-recaptcha div {
+  padding: 0;
+}
+
+#g-comments .g-avatar {
+  height: 32px;
+  margin-right: .4em;
+  width: 32px;
+}
+
+#g-admin-comment-button {
+  position: absolute;
+  right: 0;
+  top: 2px;
+}
+
+#g-content #g-comment-form {
+  margin-top: 2em;
+}
+
+/* Footer content ~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#g-footer #g-credits li {
+  padding-right: 1.2em;
+}
+
+#g-content #g-search-results {
+  margin-top: 1em;
+  padding-top: 1em;
+}
+
+/* In-line editing  ~~~~~~~~~~~~~~~~~~~~~ */
+#g-in-place-edit-message {
+  background-color: #FFF;
+}
+
+/** *******************************************************************
+ * 5) Navigation and menus
+ *********************************************************************/
+
+#g-site-menu,
+#g-tag-cloud ul {
+  font-size: 1.2em;
+}
+
+/* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#g-banner #g-login-menu {
+  color: #999;
+  float: right;
+}
+
+#g-banner #g-login-menu li {
+  padding-left: 1.2em;
+}
+
+/* Site Menu  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#g-site-menu {
+  bottom: 0;
+  display: none;
+  left: 300px;
+  position: absolute;
+}
+
+#g-site-menu ul {
+  margin-bottom: 0 !important;
+}
+
+/* Context Menu  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.g-context-menu {
+  background-color: #fff;
+  bottom: 0;
+  left: 0;
+  position: absolute;
+}
+
+.g-item .g-context-menu {
+  display: none;
+  margin-top: 2em;
+  width: 100%;
+}
+
+#g-item .g-context-menu {
+  font-size: .7em;
+}
+
+#g-item .g-context-menu ul {
+  display: none;
+}
+
+.g-context-menu li {
+  border-left: none;
+  border-right: none;
+  border-bottom: none;
+}
+
+.g-context-menu li a {
+  display: block;
+  line-height: 1.6em;
+}
+
+.g-hover-item .g-context-menu {
+  display: block;
+}
+
+.g-hover-item .g-context-menu li {
+  text-align: left;
+}
+
+.g-hover-item .g-context-menu a:hover {
+  text-decoration: none;
+}
+
+/* View Menu  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#g-view-menu {
+  margin-bottom: 1em;
+}
+
+#g-view-menu a {
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  height: 28px !important;
+  width: 43px !important;
+}
+
+#g-view-menu #g-slideshow-link {
+  background-image: url('../images/ico-view-slideshow.png');
+}
+
+#g-view-menu .g-fullsize-link {
+  background-image: url('../images/ico-view-fullsize.png');
+}
+
+#g-view-menu #g-comments-link {
+  background-image: url('../images/ico-view-comments.png');
+}
+
+#g-view-menu #g-print-digibug-link {
+  background-image: url('../images/ico-print.png');
+}
+
+/* Tags and cloud ~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#g-tag-cloud ul {
+  text-align: justify;
+}
+
+#g-tag-cloud ul li {
+  display: inline;
+  line-height: 1.5em;
+  text-align: justify;
+}
+
+#g-tag-cloud ul li a {
+  text-decoration: none;
+}
+
+#g-tag-cloud ul li span {
+  display: none;
+}
+
+#g-tag-cloud ul li.size1 a {
+  color: #9cf;
+  font-size: 80%;
+  font-weight: 100;
+}
+
+#g-tag-cloud ul li.size2 a {
+  color: #69f;
+  font-size: 90%;
+  font-weight: 300;
+}
+
+#g-tag-cloud ul li.size3 a {
+  color: #69c;
+  font-size: 100%;
+  font-weight: 500;
+}
+
+#g-tag-cloud ul li.size4 a {
+  color: #369;
+  font-size: 110%;
+  font-weight: 700;
+}
+
+#g-tag-cloud ul li.size5 a {
+  color: #0e2b52;
+  font-size: 120%;
+  font-weight: 900;
+}
+
+#g-tag-cloud ul li.size6 a {
+  color: #0e2b52;
+  font-size: 130%;
+  font-weight: 900;
+}
+
+#g-tag-cloud ul li.size7 a {
+  color: #0e2b52;
+  font-size: 140%;
+  font-weight: 900;
+}
+
+#g-tag-cloud ul li a:hover {
+  color: #f30;
+  text-decoration: underline;
+}
+
+#g-welcome-message p {
+  padding-bottom: 1em;
+}
+
+/** *******************************************************************
+ * 6) jQuery and jQuery UI
+ *********************************************************************/
+
+/* Superfish menu overrides ~~~~~~~~~~~~~~ */
+
+.sf-menu a {
+	border-left:	1px solid #e8e8e8;
+	border-top:		1px solid #e8e8e8;
+}
+
+.sf-menu li {
+  color: #fff;
+  background-color: #333;
+}
+
+.sf-menu li li, .sf-menu li li ul li {
+  color: #fff;
+  background-color: #333;
+}
+
+.sf-menu li:hover {
+  color: #fff;
+  background-color: #777;
+}
+
+.sf-menu li:hover, .sf-menu li.sfHover,
+.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
+	background:		#777;
+}
+
+/* jQuery UI Dialog ~~~~~~~~~~~~~~~~~~~~~~ */
+
+.ui-widget-overlay {
+  background: #000;
+  opacity: .7;
+}
+
+/* jQuery UI ThemeRoller buttons */
+
+.g-buttonset {
+  padding-left: 1px;
+}
+
+.g-buttonset li {
+  float: left;
+}
+
+.g-buttonset .g-button {
+  margin: 0;
+}
+
+.ui-icon-left .ui-icon {
+  float: left;
+  margin-right: .2em;
+}
+
+.ui-icon-right .ui-icon {
+  float: right;
+  margin-left: .2em;
+}
+
+.ui-icon-rotate-ccw {
+  background-position: -192px -64px;
+}
+
+.ui-icon-rotate-cw {
+  background-position: -208px -64px;
+}
+
+/* STUFF THAT NEEDS A HOME */
+
+#g-move ul {
+  padding-left: 1em;
+}
+
+#g-move .selected {
+  background: #999;
+}
+
+
+/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#g-edit-permissions-form {
+	clear: both;
+}
+
+#g-edit-permissions-form td {
+  background-image: none;
+}
+
+#g-edit-permissions-form fieldset {
+	border: 1px solid #ccc;
+	padding: 0;
+}
+
+#g-permissions .g-denied,
+#g-permissions .g-allowed {
+  text-align: center;
+  vertical-align: middle;
+}
+
+#g-permissions .g-denied {
+  background-color: #fcc;
+}
+
+#g-permissions .g-allowed {
+  background-color: #cfc;
+}
+
+/*************** STUFF THAT NEEDS A HOME ****************/
+
+#g-admin-g2-import-notes {
+  padding-bottom: 20px;
+}
+
+#g-admin-g2-import-details {
+  padding-top: 20px;
+}
+
+#g-admin-g2-import-details .g-warning {
+  margin-top: 4px;
+}
+
+#g-admin-g2-import-details .g-info {
+  padding: 2px;
+  border: 1px solid #999;
+  margin-bottom: 10px;
+}
+
+#g-admin-g2-import-notes p,
+#g-admin-g2-import-details .g-info p {
+  padding: 0;
+  margin: 0;
+}
+
+#g-admin-g2-import-notes ul li,
+#g-admin-g2-import .g-info ul li {
+  padding-left: 0;
+  margin-left: 20px;
+  list-style-type: disc;
+}
+
+/* Right to left styles ~~~~~~~~~~~~~~~~~~~~ */
+
+.rtl {
+  direction: rtl;
+}
+
+.rtl caption,
+.rtl th,
+.rtl #g-dialog {
+  text-align: right;
+}
+
+.rtl .g-right,
+.rtl #g-header #g-quick-search-form,
+.rtl #g-header #g-login-menu,
+.rtl .ui-icon-right .ui-icon {
+  clear: left;
+  float: left;
+}
+
+.rtl .g-left,
+.rtl #g-dialog .g-cancel,
+.rtl form ul ul li,
+.rtl input[type="submit"],
+.rtl input[type="reset"],
+.rtl .g-short-form li,
+.rtl #g-header #g-logo img,
+.rtl #g-content #g-album-grid .g-item,
+.rtl #g-site-menu,
+.rtl .g-breadcrumbs li,
+.rtl .g-pager li,
+.rtl .g-buttonset li,
+.rtl .ui-icon-left .ui-icon {
+  float: right;
+}

themes/3nids_theme/3nids/js/jquery.fancybox.js

@@ -25,6 +25,7 @@
 			}
 		});
 	};
+	
 
 	var elem, opts, busy = false, imagePreloader = new Image, loadingTimer, loadingFrame = 1, imageRegExp = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i;
 	var isIE = ($.browser.msie && parseInt($.browser.version.substr(0,1)) < 8);
@@ -60,7 +61,7 @@
 				var item = {};
 
 				if (!elem.rel || elem.rel == '') {
-					var item = {href: elem.href, title: elem.title, modules: elem.name};
+					var item = {href: elem.href, title: elem.title, modules: elem.name, fancyclass: elem.className};
 
 					if ($(elem).children("img:first").length) {
 						item.orig = $(elem).children("img:first");
@@ -75,7 +76,7 @@
 					var item = {};
 
 					for (var i = 0; i < subGroup.length; i++) {
-						item = {href: subGroup[i].href, title: subGroup[i].title, modules: subGroup[i].name};
+						item = {href: subGroup[i].href, title: subGroup[i].title, modules: subGroup[i].name, fancyclass: subGroup[i].className};
 
 						if ($(subGroup[i]).children("img:first").length) {
 							item.orig = $(subGroup[i]).children("img:first");
@@ -105,7 +106,7 @@
 			$("#fancy_right, #fancy_left, #fancy_close, #fancy_title, #fancy_modules").hide();
 
 			var href = opts.itemArray[ opts.itemCurrent ].href;
-
+						
 			if (href.match(/#/)) {
 				var target = window.location.href.split('#')[0]; target = href.replace(target, ''); target = target.substr(target.indexOf('#'));
 
@@ -126,9 +127,16 @@
 						_proceed_image();
 					});
 				}
-
-			 } else if (href.match("iframe") || elem.className.indexOf("iframe") >= 0) {
-				_set_content('<iframe id="fancy_frame" onload="$.fn.fancybox.showIframe()" name="fancy_iframe' + Math.round(Math.random()*1000) + '" frameborder="0" hspace="0" src="' + href + '"></iframe>', opts.frameWidth, opts.frameHeight);
+			 } else if (href.match("iframe") || opts.itemArray[opts.itemCurrent].fancyclass.indexOf("iframe") >= 0) {
+				 if  (href.match('w=') && href.match('h=')){
+					var ifrWidth = parseInt(href.substring(href.indexOf('w=')+2,href.indexOf('xewx')));
+					var ifrHeight = parseInt(href.substring(href.indexOf('h=')+2,href.indexOf('xehx')));
+				 }else{
+					var ifrWidth= opts.frameWidth;
+					var ifrHeight= opts.frameHeight;
+				 }
+				 $("#fancy_content").empty();
+				_set_content('<iframe id="fancy_frame" onload="$.fn.fancybox.showIframe()" name="fancy_iframe' + Math.round(Math.random()*1000) + '" frameborder="0" hspace="0" src="' + href + '"></iframe>', ifrWidth, ifrHeight);
 
 			} else {
 				$.get(href, function(data) {
@@ -157,23 +165,24 @@
 		function _preload_neighbor_images() {
 			if ((opts.itemArray.length -1) > opts.itemCurrent) {
 				var href = opts.itemArray[opts.itemCurrent + 1].href;
-
-				if (href.match(imageRegExp)) {
-					$("<img>").attr("src", href);
-				}
+					$("<iframe>").attr("src", href);
 			}
 
 			if (opts.itemCurrent > 0) {
 				var href = opts.itemArray[opts.itemCurrent -1].href;
-
-				if (href.match(imageRegExp)) {
-					$("<img>").attr("src", href);
-				}
+					$("<iframe>").attr("src", href);
 			}
 		};
 
 		function _set_content(value, width, height) {
+			
 			busy = true;
+			
+			
+			var w = $.fn.fancybox.getViewport();
+			var r = Math.min(Math.min(w[0]-36, width) / width, Math.min(w[1]-50, height )/ height);
+			var width = Math.round(r * width);
+			var height = Math.round(r * height);
 
 			var pad = opts.padding;
 
@@ -191,7 +200,7 @@
 					'right'		: pad + 'px',
 					'bottom'	: pad + 'px',
 					'left'		: pad + 'px',
-					'width'		: 'auto',
+					'width'	: 'auto',
 					'height'	: 'auto'
 				});
 
@@ -206,7 +215,7 @@
 					'right'		: 0,
 					'bottom'	: 0,
 					'left'		: 0,
-					'width'		: '100%',
+					'width'	: '100%',
 					'height'	: '100%'
 				});
 			}
@@ -220,8 +229,7 @@
 
 				return;
 			}
-
-			var w = $.fn.fancybox.getViewport();
+			
 
 			var itemLeft	= (width + 36)	> w[0] ? w[2] : (w[2] + Math.round((w[0] - width - 36) / 2));
 			var itemTop		= (height + 50)	> w[1] ? w[3] : (w[3] + Math.round((w[1] - height - 50) / 2));
@@ -250,7 +258,7 @@
 
 					var orig_item	= opts.itemArray[opts.itemCurrent].orig;
 					var orig_pos	= $.fn.fancybox.getPosition(orig_item);
-
+					
 					$("#fancy_outer").css({
 						'left':		(orig_pos.left - 18) + 'px',
 						'top':		(orig_pos.top  - 18) + 'px',
@@ -349,22 +357,23 @@
 				$('#fancy_modules').hide();
 				$('#fancy_title').hide();
 				var modules = opts.itemArray[ opts.itemCurrent ].modules;
-				var modtxt = '|';
+				var modtxt = '';
 				var pex = modules.search('exif::');
 				if (pex != -1){
 					var exifsrc = modules.substring(pex+6);
 					var exifsrc = exifsrc.split(';;',1);
-					modtxt += " <a href=\"" + exifsrc + "\" class=\"modclass\">EXIF</a> |";
+					modtxt += " <a href=\"" + exifsrc + "\" class=\"modclass\">EXIF</a>";
 				}
 				var pco = modules.search('comment::');
 				if (pco != -1){
+					if (modtxt != ''){modtxt += ' | ';}
 					var commentsrc = modules.substring(pco+9);
 					var commentsrc = commentsrc.split(';;',1);
 					var commentcount = modules.substring(modules.search('comment_count::')+15);
 					var commentcount = commentcount.split(';;',1);
-					modtxt += " <a href=\"" + commentsrc + "\" class=\"iframe modclass\">Comments (" + commentcount + ")</a> |";
+					modtxt += " <a href=\"" + commentsrc + "\" class=\"iframe modclass\">Comments (" + commentcount + ")</a>";
 				}
-				if (modtxt != '|'){
+				if (modtxt != ''){
 					$('#fancy_modules div').html(modtxt);
 					$('#fancy_modules').show();
 					$(document).ready(function() { $(".modclass").modbox(); });
@@ -412,6 +421,17 @@
 	$.fn.fancybox.showIframe = function() {
 		$(".fancy_loading").hide();
 		$("#fancy_frame").show();
+		var w = $.fn.fancybox.getViewport();
+		var img = $("#fancy_frame").contents().find("#g-item-img");
+		if (img.length){
+			var width = img.width();
+			var height = img.height();
+			var ir = Math.min(Math.min(w[0]-36, width) / width, Math.min(w[1]-50, height) / height);
+			var width = Math.round(ir * width);
+			var height = Math.round(ir * height);
+			$("#fancy_frame").contents().find("#g-item-img").width(width);
+			$("#fancy_frame").contents().find("#g-item-img").height(height);
+		}
 	};
 
 	$.fn.fancybox.getViewport = function() {
@@ -452,6 +472,7 @@
 		}
 
 		$("#fancy_close, .fancy_loading, #fancy_left, #fancy_right, #fancy_title, #fancy_modules").hide();
+		$("#fancy_content").empty();
 
 		if (opts.centerOnScroll) {
 			$(window).unbind("resize scroll");
@@ -1074,7 +1095,7 @@
 	};
 
 	$.fn.modbox.defaults = {
-		padding				:	10,
+		padding				:	0,
 		imageScale			:	true,
 		zoomOpacity			:	false,
 		zoomSpeedIn			:	0,

themes/3nids_theme/3nids/js/ui.init.js

@@ -0,0 +1,123 @@
+/**
+ * Initialize jQuery UI and Gallery Plugin elements
+ */
+
+$(document).ready(function() {
+	$(".fancyclass").fancybox();
+
+  // Initialize Superfish menus
+  $("ul.g-menu").addClass("sf-menu");
+  $('ul.sf-menu').superfish({
+    delay: 500,
+    animation: {
+      opacity:'show',
+      height:'show'
+    },
+    speed: 'fast'
+  });
+  $("#g-site-menu").css("display", "block");
+
+  // Initialize short forms
+  $(".g-short-form").gallery_short_form();
+
+
+  // Initialize status message effects
+  $("#g-action-status li").gallery_show_message();
+
+  // Initialize dialogs
+  $("#g-login-link").addClass("g-dialog-link");
+  $(".g-dialog-link").gallery_dialog();
+
+  // Initialize view menu
+  if ($("#g-view-menu").length) {
+    $("#g-view-menu ul").removeClass("g-menu").removeClass("sf-menu");
+    $("#g-view-menu a").addClass("ui-icon");
+  }
+
+  // Apply jQuery UI button css to submit inputs
+  $("input[type=submit]:not(.g-short-form input)").addClass("ui-state-default ui-corner-all");
+
+  // Apply styles and icon classes to g-context-menu
+  if ($(".g-context-menu").length) {
+    $(".g-context-menu li").addClass("ui-state-default");
+    $(".g-context-menu a").addClass("g-button ui-icon-left");
+    $(".g-context-menu a").prepend("<span class=\"ui-icon\"></span>");
+    $(".g-context-menu a span").each(function() {
+      var iconClass = $(this).parent().attr("class").match(/ui-icon-.[^\s]+/).toString();
+      $(this).addClass(iconClass);
+    });
+  }
+
+  // Album view only
+  if ($("#g-album-grid").length) {
+    // Set equal height for album items and vertically align thumbnails/metadata
+    $('.g-item').equal_heights().gallery_valign();
+
+    // Initialize thumbnail hover effect
+    $(".g-item").hover(
+      function() {
+        // Insert a placeholder to hold the item's position in the grid
+        var placeHolder = $(this).clone().attr("id", "g-place-holder");
+        $(this).after($(placeHolder));
+        // Style and position the hover item
+        var position = $(this).position();
+        $(this).css("top", position.top).css("left", position.left);
+        $(this).addClass("g-hover-item");
+        // Initialize the contextual menu
+        $(this).gallery_context_menu();
+        // Set the hover item's height
+        //$(this).height("auto");
+        var context_menu = $(this).find(".g-context-menu");
+        var adj_height = $(this).height() + context_menu.height(); 
+        $(this).height(adj_height); 
+      },
+      function() {
+        // Reset item height and position
+        if ($(this).next().height()) {
+          var sib_height = $(this).next().height();
+        } else {
+          var sib_height = $(this).prev().height();
+        }
+        if ($.browser.msie && $.browser.version >= 8) {
+          sib_height = sib_height + 1;
+        }
+        $(this).css("height", sib_height);
+        $(this).css("position", "relative");
+        $(this).css("top", 0).css("left", 0);
+        // Remove the placeholder and hover class from the item
+        $(this).removeClass("g-hover-item");
+        $("#g-place-holder").remove();
+	$(".fancyclass").fancybox();
+     }
+    );
+  }
+  
+  // Photo/Item item view lightbox
+  if ($("#g-item-box").length) {
+	  $(this).gallery_context_menu();
+  }
+  
+
+  // Photo/Item item view
+  if ($("#g-item").length) {
+    // Ensure the resized image fits within its container
+    $("#g-item").gallery_fit_photo();
+
+    // Initialize context menus
+    var resize = $("#g-item").gallery_get_photo();
+    $(resize).hover(function(){
+      $(this).gallery_context_menu();
+    });
+
+    // Add scroll effect for links to named anchors
+    $.localScroll({
+      queue: true,
+      duration: 1000,
+      hash: true
+    });
+  }
+
+  // Initialize button hover effect
+  $.fn.gallery_hover_init();
+
+});

themes/3nids_theme/3nids/theme.info

@@ -1,6 +1,6 @@
 name = "3nids theme"
 description = "Default theme modified using jquery lightbox slideshow."
-version = 1
+version = 2
 author = "3nids"
 site = 1
 admin = 0

themes/3nids_theme/3nids/views/album.html.php

@@ -0,0 +1,48 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<? // @todo Set hover on AlbumGrid list items for guest users ?>
+<div id="g-info">
+  <?= $theme->album_top() ?>
+  <h1><?= html::purify($item->title) ?></h1>
+  <div class="g-description"><?= nl2br(html::purify($item->description)) ?></div>
+</div>
+<? $children_all = $item->viewable()->children();
+     $theme->pagination = new Pagination();
+		$theme->pagination->initialize(array("query_string" => "page","total_items" => $children_count,"items_per_page" => $page_size,"style" => "classic"));
+	$children_offset = ($theme->pagination->current_page -1) * $page_size ; ?>
+
+
+<ul id="g-album-grid" class="ui-helper-clearfix">
+<? if (count($children)): ?>
+<? for($i=0;$i<$children_offset;$i++): ?>
+	<? $child = $children_all[$i] ?>
+	<?= theme_3nids::fancylink($child,"header") ?>
+<? endfor ?>
+  <? foreach ($children as $i => $child): ?>
+    <? $item_class = "g-photo"; ?>
+    <? if ($child->is_album()): ?>
+      <? $item_class = "g-album"; ?>
+    <? endif ?>
+  <li id="g-item-id-<?= $child->id ?>" class="g-item <?= $item_class ?>">
+    <?= $theme->thumb_top($child) ?>
+    <?= theme_3nids::fancylink($child,"album") ?>
+    <?= $theme->thumb_bottom($child) ?>
+    <?= $theme->context_menu($child, "#g-item-id-{$child->id} .g-thumbnail") ?>
+  </li>
+  <? endforeach ?>
+<? for($i=$children_offset+$page_size;$i<$children_count;$i++): ?>
+	 <? $child = $children_all[$i] ?>
+	<?= theme_3nids::fancylink($child,"header") ?>
+<? endfor ?>
+<? else: ?>
+  <? if ($user->admin || access::can("add", $item)): ?>
+  <? $addurl = url::file("index.php/simple_uploader/app/$item->id") ?>
+  <li><?= t("There aren't any photos here yet! <a %attrs>Add some</a>.",
+            array("attrs" => html::mark_clean("href=\"$addurl\" class=\"g-dialog-link\""))) ?></li>
+  <? else: ?>
+  <li><?= t("There aren't any photos here yet!") ?></li>
+  <? endif; ?>
+<? endif; ?>
+</ul>
+<?= $theme->album_bottom() ?>
+
+<?= $theme->pager() ?>

themes/3nids_theme/3nids/views/block.html.php

@@ -2,9 +2,9 @@
 <? if ($anchor): ?>
 <a name="<?= $anchor ?>"></a>
 <? endif ?>
-<div id="<?= $css_id ?>" class="gBlock">
+<div id="<?= $css_id ?>" class="g-block">
   <h2><?= $title ?></h2>
-  <div class="gBlockContent">
+  <div class="g-block-content">
     <?= $content ?>
   </div>
 </div>

themes/3nids_theme/3nids/views/comments.html.php

@@ -1,5 +1,4 @@
 <?php defined("SYSPATH") or die("No direct script access.") ?>
-<?php defined("SYSPATH") or die("No direct script access.") ?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
@@ -8,7 +7,10 @@
     <?= $theme->css("yui/reset-fonts-grids.css") ?>
     <?= $theme->css("superfish/css/superfish.css") ?>
     <?= $theme->css("themeroller/ui.base.css") ?>
+    <?= $theme->css("gallery.common.css") ?>
+    <?= $theme->css("jquery.fancybox.css") ?> 
     <?= $theme->css("screen.css") ?>
+    <?= $theme->css("3nids.css") ?>
     <?= $theme->script("jquery.js") ?>
     <?= $theme->script("jquery.form.js") ?>
     <?= $theme->script("jquery-ui.js") ?>
@@ -19,34 +21,33 @@
     </script>
     <?= $theme->script("gallery.ajax.js") ?>
     <?= $theme->script("gallery.dialog.js") ?>
-    <?= $theme->script("gallery.form.js") ?>
     <?= $theme->script("superfish/js/superfish.js") ?>
     <?= $theme->script("jquery.localscroll.js") ?>
      <?= $theme->script("jquery.easing.js") ?>
     <?= $theme->script("jquery.fancybox.js") ?>
-  <?= $theme->script("ui.init.js") ?>
+    <?= $theme->script("ui.init.js") ?>
 <?= $theme->head() ?>
 </head>
-<body class="modcontent">
-	<div class="gCommentThumb">	<img src="<?=$thumb?>"></div>
-	  <a href="<?= url::site("form/add/comments_3nids/{$item_id}") ?>" id="gAddCommentButton"
-	   class="gButtonLink ui-corner-all ui-icon-left ui-state-default right">
+<body class="g-fancy-iframe-body">
+	<div class="g-comment-thumb">	<img src="<?=$thumb?>"></div>
+	  <a href="<?= url::site("form/add/comments_3nids/{$item_id}") ?>" id="g-admin-comment-button"
+	   class="g-button ui-corner-all ui-icon-left ui-state-default right">
 	  <span class="ui-icon ui-icon-comment"></span>
 	  <?= t("Add a comment") ?>
 	</a>
-	<div id="gCommentDetail">
+	<div id="g-comment-detail">
 	<? if (!$comments->count()): ?>
-	<p id="gNoCommentsYet">
+	<p id="g-NoCommentsYet">
 	  <?= t("No comments yet.") ?>
 	</p>
 	<? endif ?>
 	<ul>
 	  <? foreach ($comments as $comment): ?>
-	  <li id="gComment-<?= $comment->id ?>" class="gCommentBox">
+	  <li id="g-Comment-<?= $comment->id ?>" class="g-comment-box">
 	      <?= t('<b>%name</b> <small>%date</small>: ',
 		    array("date" => date(module::get_var("gallery", "date_time_format", "Y-M-d H:i:s"), $comment->created),
 			  "name" => html::clean($comment->author_name()))); ?>
-	    <div class="gComment">
+	    <div class="g-comment">
 	      <?= nl2br(html::purify($comment->text)) ?>
 	    </div>
 	  </li>

themes/3nids_theme/3nids/views/dynamic.html.php

@@ -0,0 +1,37 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<div id="g-album-header">
+  <div id="g-album-header-buttons">
+    <?= $theme->dynamic_top() ?>
+  </div>
+  <h1><?= html::clean($title) ?></h1>
+</div>
+<? $children_all = $tag->items();
+     $theme->pagination = new Pagination();
+		$theme->pagination->initialize(array("query_string" => "page","total_items" => $children_count,"items_per_page" => $page_size,"style" => "classic"));
+	$children_offset = ($theme->pagination->current_page -1) * $page_size ; ?>
+
+
+<ul id="g-album-grid" class="ui-helper-clearfix">
+<? for($i=0;$i<$children_offset;$i++): ?>
+	<? $child = $children_all[$i] ?>
+	<?= theme_3nids::fancylink($child,"header") ?>
+<? endfor ?>
+
+  <? foreach ($children as $i => $child): ?>
+  
+  <!--<li class="g-Item <?= $child->is_album() ? "g-album" : "" ?>">!-->
+  <li id="g-item-id-<?= $child->id ?>" class="g-item g-album">
+	<?= $theme->thumb_top($child) ?>
+	<?= theme_3nids::fancylink($child,"dynamic") ?>
+	<?= $theme->thumb_bottom($child) ?>
+	<?= $theme->context_menu($child, "#g-ItemId-{$child->id} .g-Thumbnail") ?>
+  </li>
+  <? endforeach ?>
+</ul>
+<? for($i=$children_offset+$page_size;$i<$children_count;$i++): ?>
+	 <? $child = $children_all[$i] ?>
+	<?= theme_3nids::fancylink($child,"header") ?>
+<? endfor ?>
+<?= $theme->dynamic_bottom() ?>
+
+<?= $theme->pager() ?>

themes/3nids_theme/3nids/views/exif_dialog.html.php

@@ -5,34 +5,34 @@
 <head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
 <style>
-  #gExifData { width: 100%; height: 100%; }
-  .gOdd  {background-color: #484848; color: #e8e8e8; height:35px; padding:5px; font-family:arial; font-size: 10px;}
-  .gEven {background-color: #333333; color: #e8e8e8; height:35px; padding:5px; font-family:arial; font-size: 10px;}
-  .gExifInfoTable {	width: 100%; height: 100%; background-color: #e8e8e8; border-spacing: 1px; text-align: left;}
+  #g-exif-data { width: 100%; height: 100%; }
+  .g-odd  {background-color: #484848; color: #e8e8e8; height:35px; padding:5px; font-family:arial; font-size: 10px;}
+  .g-even {background-color: #333333; color: #e8e8e8; height:35px; padding:5px; font-family:arial; font-size: 10px;}
+  .g-exif-info-table {	width: 100%; height: 100%; background-color: #e8e8e8; border-spacing: 1px; text-align: left;}
 </style>
 </head>
 <body>
-<div id="gExifData">
+<div id="g-exif-data">
   <center>
-  <table class="gExifInfoTable">
+  <table class="g-exif-info-table">
     <tbody>
       <? for ($i = 0; $i < count($details); $i++): ?>
       <tr>
-         <td class="gEven">
+         <td class="g-even">
          <?= $details[$i]["caption"] ?>
          </td>
-         <td class="gOdd">
+         <td class="g-odd">
          <?= html::clean($details[$i]["value"]) ?>
          </td>
          <? if (!empty($details[++$i])): ?>
-           <td class="gEven">
+           <td class="g-even">
            <?= $details[$i]["caption"] ?>
            </td>
-           <td class="gOdd">
+           <td class="g-odd">
            <?= html::clean($details[$i]["value"]) ?>
            </td>
          <? else: ?>
-           <td class="gEven"></td><td class="gOdd"></td>
+           <td class="g-even"></td><td class="g-odd"></td>
          <? endif ?>
        </tr>
        <? endfor ?>

themes/3nids_theme/3nids/views/image_block_block.html.php

@@ -0,0 +1,3 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+
+<?= theme_3nids::fancylink($item, "dynamic", false, false, "h4") ?>

themes/3nids_theme/3nids/views/movie.html.php

@@ -0,0 +1,39 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<div id="g-item">
+  <?= $theme->photo_top() ?>
+<? /*
+
+  <ul class="g-pager">
+    <li>
+      <? if ($previous_item): ?>
+      <a href="<?= $previous_item->url() ?>" class="g-button ui-icon-left ui-state-default ui-corner-all">
+      <span class="ui-icon ui-icon-triangle-1-w"></span><?= t("previous") ?></a>
+      <? else: ?>
+      <a class="g-button ui-icon-left ui-state-disabled ui-corner-all">
+      <span class="ui-icon ui-icon-triangle-1-w"></span><?= t("previous") ?></a>
+      <? endif; ?>
+    </li>
+    <li class="g-info"><?= t("%position of %total", array("position" => $position, "total" => $sibling_count)) ?></li>
+    <li class="g-text-right">
+      <? if ($next_item): ?>
+      <a href="<?= $next_item->url() ?>" class="g-button ui-icon-right ui-state-default ui-corner-all">
+      <span class="ui-icon ui-icon-triangle-1-e"></span><?= t("next") ?></a>
+      <? else: ?>
+      <a class="g-button ui-icon-right ui-state-disabled ui-corner-all">
+      <span class="ui-icon ui-icon-triangle-1-e"></span><?= t("next") ?></a>
+      <? endif ?>
+    </li>
+  </ul>
+*/ ?>
+
+
+  <?= $item->movie_img(array("class" => "g-movie", "id" => "g-movie-id-{$item->id}")) ?>
+
+  <div id="g-info">
+    <h1><?= html::purify($item->title) ?></h1>
+       <div><?= nl2br(html::purify($item->description)) ?></div>
+  </div>
+
+  <?= $theme->photo_bottom() ?>
+  <?= $theme->context_menu($item, "#g-movie-id-{$item->id}") ?>
+</div>

themes/3nids_theme/3nids/views/movie_3nids.html.php

@@ -0,0 +1,67 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <?= $theme->css("yui/reset-fonts-grids.css") ?>
+    <?= $theme->css("superfish/css/superfish.css") ?>
+    <?= $theme->css("themeroller/ui.base.css") ?>
+    <?= $theme->css("gallery.common.css") ?>
+    <?= $theme->css("jquery.fancybox.css") ?> 
+    <?= $theme->css("screen.css") ?>
+    <?= $theme->css("3nids.css") ?>
+    <?= $theme->script("jquery.js") ?>
+    <?= $theme->script("jquery.form.js") ?>
+    <?= $theme->script("jquery-ui.js") ?>
+    <?= $theme->script("gallery.common.js") ?>
+    <? /* MSG_CANCEL is required by gallery.dialog.js */ ?>
+    <script type="text/javascript">
+    var MSG_CANCEL = <?= t('Cancel')->for_js() ?>;
+    </script>
+    <?= $theme->script("gallery.ajax.js") ?>
+    <?= $theme->script("gallery.dialog.js") ?>
+    <?= $theme->script("superfish/js/superfish.js") ?>
+    <?= $theme->script("jquery.localscroll.js") ?>
+     <?= $theme->script("jquery.easing.js") ?>
+    <?= $theme->script("jquery.fancybox.js") ?>
+    <?= $theme->script("ui.init.js") ?>
+    <?= $theme->script("flowplayer.js") ?>
+<?= $theme->head() ?>
+</head>
+<body class="g-fancy-iframe-body">
+<center>
+<div id="g-item-box" width="<?=20+($item->width)?>" height="<?=50+($item->height)?>">
+
+<?= html::anchor($item->file_url(true), "", $attrs) ?>
+<script>
+  flowplayer(
+    "<?= $attrs["id"] ?>",
+    {
+      src: "<?= url::abs_file("lib/flowplayer.swf") ?>",
+      wmode: "transparent"
+    },
+    {
+      plugins: {
+        h264streaming: {
+          url: "<?= url::abs_file("lib/flowplayer.h264streaming.swf") ?>"
+        },
+        controls: {
+          autoHide: 'always',
+          hideDelay: 2000
+        }
+      }
+    }
+  )
+</script>
+
+  <?= $theme->context_menu($item, "#g-movie-id-{$item->id}") ?>
+
+  <div id="g-info">
+    <h1><?= html::purify($item->title) ?></h1>
+       <div><?= nl2br(html::purify($item->description)) ?></div>
+  </div>
+
+</div>
+</body>
+</html>

themes/3nids_theme/3nids/views/no_sidebar.html.php

@@ -0,0 +1,6 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<ul class="g-message-block">
+  <li class="g-warning"><?= t("No active sidebar blocks.<br/>
+      <a href=\"%url\">Add blocks</a>",
+          array("url" => html::mark_clean(url::site("admin/sidebar")))) ?></li>
+</ul>

themes/3nids_theme/3nids/views/page.html.php

@@ -2,7 +2,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
   <head>
     <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
     <title>
@@ -18,7 +17,7 @@
           <?= t("Gallery :: %movie_title", array("movie_title" => $theme->item()->title)) ?>
           <? endif ?>
         <? elseif ($theme->tag()): ?>
-          <?= t("Gallery Tag :: %tag_title", array("tag_title" => $theme->tag()->name)) ?>
+          <?= t("Gallery :: %tag_title", array("tag_title" => $theme->tag()->name)) ?>
         <? else: /* Not an item, not a tag, no page_title specified.  Help! */ ?>
           <?= t("Gallery") ?>
         <? endif ?>
@@ -28,8 +27,10 @@
     <?= $theme->css("yui/reset-fonts-grids.css") ?>
     <?= $theme->css("superfish/css/superfish.css") ?>
     <?= $theme->css("themeroller/ui.base.css") ?>
-    <?= $theme->css("screen.css") ?>
+    <?= $theme->css("gallery.common.css") ?>
     <?= $theme->css("jquery.fancybox.css") ?> 
+    <?= $theme->css("screen.css") ?>
+    <?= $theme->css("3nids.css") ?>
     <!--[if lt IE 8]>
     <link rel="stylesheet" type="text/css" href="<?= $theme->url("css/fix-ie.css") ?>"
           media="screen,print,projection" />
@@ -37,11 +38,11 @@
     <? if ($theme->page_type == 'album'): ?>
       <? if ($thumb_proportion != 1): ?>
         <? $new_width = $thumb_proportion * 180 ?>
-        <? $new_height = $thumb_proportion * 180 ?>
-    <style type="text/css">
-    #gContent #gAlbumGrid .gItem {
+        <? $new_height = $thumb_proportion * 230 ?>
+    <style type="text/css">    
+     /*#g-content #g-album-grid .g-item {
       width: <?= $new_width ?>px;
-      height: <?= $new_height ?>px;
+      height: <?= $new_height ?>px;*/
       /* <?= $thumb_proportion ?> */
     }
     </style>
@@ -57,12 +58,11 @@
     </script>
     <?= $theme->script("gallery.ajax.js") ?>
     <?= $theme->script("gallery.dialog.js") ?>
-    <?= $theme->script("gallery.form.js") ?>
     <?= $theme->script("superfish/js/superfish.js") ?>
     <?= $theme->script("jquery.localscroll.js") ?>
      <?= $theme->script("jquery.easing.js") ?>
     <?= $theme->script("jquery.fancybox.js") ?>
-   <?= $theme->script("ui.init.js") ?>
+    <?= $theme->script("ui.init.js") ?>
 
     <? /* These are page specific, but if we put them before $theme->head() they get combined */ ?>
     <? if ($theme->page_type == "photo"): ?>
@@ -77,19 +77,20 @@
 
   <body <?= $theme->body_attributes() ?>>
     <?= $theme->page_top() ?>
-    <div id="doc4" class="yui-t5 gView">
+    <div id="doc4" class="yui-t5 g-view">
       <?= $theme->site_status() ?>
-      <div id="gHeader">
-        <div id="gBanner">
+      <div id="g-header" class="ui-helper-clearfix">
+        <div id="g-banner">
+	<?= $theme->user_menu() ?>
           <?= $theme->header_top() ?>
           <? if ($header_text = module::get_var("gallery", "header_text")): ?>
           <?= $header_text ?>
           <? else: ?>
-          <a id="gLogo" href="<?= item::root()->url() ?>" title="<?= t("go back to the Gallery home")->for_html_attr() ?>">
-            <img src="<?= url::file("lib/images/logo.png") ?>" />
+          <a id="g-logo" href="<?= item::root()->url() ?>" title="<?= t("go back to the Gallery home")->for_html_attr() ?>">
+            <img alt="<?= t("Gallery logo: Your photos on your web site")->for_html_attr() ?>" src="<?= url::file("lib/images/logo.png") ?>" />
           </a>
           <? endif ?>
-          <div id="gSiteMenu">
+          <div id="g-site-menu">
 	 <? if ($user->admin): ?> 
               <?= $theme->site_menu() ?>
 	 <? endif ?>
@@ -98,7 +99,7 @@
         </div>
 
         <? if (!empty($parents)): ?>
-        <ul class="gBreadcrumbs">
+        <ul class="g-breadcrumbs">
           <? foreach ($parents as $parent): ?>
           <li>
             <!-- Adding ?show=<id> causes Gallery3 to display the page
@@ -114,7 +115,7 @@
           <li class="active"><?= html::purify($theme->item()->title) ?></li>
         </ul>
 	<? elseif ($theme->tag()): ?>
-	<ul class="gBreadcrumbs">
+	<ul class="g-breadcrumbs">
 	  <li>
 	     <a href="<?= url::site() ?>">
 	      <?= t("Gallery") ?>
@@ -123,7 +124,7 @@
 	  <li class="active"><?= html::purify($theme->tag()->name) ?></li>
 	</ul>
 	<? else: ?>
-	<ul class="gBreadcrumbs">
+	<ul class="g-breadcrumbs">
 	  <li>
 	     <a href="<?= url::site() ?>">
 	      <?= t("Gallery") ?>
@@ -133,7 +134,7 @@
 	<? endif ?>
 	
 	<? if (module::is_active("tagsmap")): ?>
-	  <ul class="gHeadMap">
+	  <ul class="g-map-head">
 	    <a href="<?= url::site("tagsmap/googlemap") ?>"><img src="<?= $theme->url("images/map.png") ?>"></a>
 	  </ul>
 	<? endif ?>
@@ -141,26 +142,26 @@
       <div id="bd">
         <div id="yui-main">
           <div class="yui-b">
-            <div id="gContent" class="yui-g">
+            <div id="g-content" class="yui-g">
               <?= $theme->messages() ?>
               <?= $content ?>
             </div>
           </div>
         </div>
-        <div id="gSidebar" class="yui-b">
+        <div id="g-sidebar" class="yui-b">
           <? if ($theme->page_type != "login"): ?>
           <?= new View("sidebar.html") ?>
           <? endif ?>
         </div>
       </div>
-      <div id="gFooter">
+      <div id="g-footer">
         <?= $theme->footer() ?>
         <? if ($footer_text = module::get_var("gallery", "footer_text")): ?>
         <?= $footer_text ?>
         <? endif ?>
 
         <? if (module::get_var("gallery", "show_credits")): ?>
-        <ul id="gCredits">
+        <ul id="g-credits">
           <?= $theme->credits() ?>
         </ul>
         <? endif ?>

themes/3nids_theme/3nids/views/pager.html.php

@@ -1,6 +1,6 @@
 <?php defined("SYSPATH") or die("No direct script access.") ?>
 <? // See http://docs.kohanaphp.com/libraries/pagination ?>
-<ul class="gPager">
+<ul class="g-pager ui-helper-clearfix">
   <? /* @todo This message isn't easily localizable */
      $from_to_msg = t2("%current_page / %total_pages",
                        "%current_page / %total_pages",
@@ -9,34 +9,34 @@
                              "current_page" => $current_page)) ?>
   <li>
   <? if ($first_page): ?>
-    <a href="<?= str_replace('{page}', 1, $url) ?>" class="gButtonLink ui-icon-left ui-state-default ui-corner-all">
+    <a href="<?= str_replace('{page}', 1, $url) ?>" class="g-button ui-icon-left ui-state-default ui-corner-all">
       <span class="ui-icon ui-icon-seek-first"></span><?= t("first") ?></a>
   <? else: ?>
-    <a class="gButtonLink ui-icon-left ui-state-disabled ui-corner-all">
+    <a class="g-button ui-icon-left ui-state-disabled ui-corner-all">
       <span class="ui-icon ui-icon-seek-first"></span><?= t("first") ?></a>
   <? endif ?>
   <? if ($previous_page): ?>
-    <a href="<?= str_replace('{page}', $previous_page, $url) ?>" class="gButtonLink ui-icon-left ui-state-default ui-corner-all">
+    <a href="<?= str_replace('{page}', $previous_page, $url) ?>" class="g-button ui-icon-left ui-state-default ui-corner-all">
       <span class="ui-icon ui-icon-seek-prev"></span><?= t("previous") ?></a>
   <? else: ?>
-    <a class="gButtonLink ui-icon-left ui-state-disabled ui-corner-all">
+    <a class="g-button ui-icon-left ui-state-disabled ui-corner-all">
       <span class="ui-icon ui-icon-seek-prev"></span><?= t("previous") ?></a>
   <? endif ?>
   </li>
-  <li class="gInfo"><?= $from_to_msg ?></li>
-  <li class="txtright">
+  <li class="g-info"><?= $from_to_msg ?></li>
+  <li class="g-text-right">
   <? if ($next_page): ?>
-    <a href="<?= str_replace('{page}', $next_page, $url) ?>" class="gButtonLink ui-icon-right ui-state-default ui-corner-all">
+    <a href="<?= str_replace('{page}', $next_page, $url) ?>" class="g-button ui-icon-right ui-state-default ui-corner-all">
       <span class="ui-icon ui-icon-seek-next"></span><?= t("next") ?></a>
   <? else: ?>
-    <a class="gButtonLink ui-state-disabled ui-icon-right ui-corner-all">
+    <a class="g-button ui-state-disabled ui-icon-right ui-corner-all">
       <span class="ui-icon ui-icon-seek-next"></span><?= t("next") ?></a>
   <? endif ?>
   <? if ($last_page): ?>
-    <a href="<?= str_replace('{page}', $last_page, $url) ?>" class="gButtonLink ui-icon-right ui-state-default ui-corner-all">
+    <a href="<?= str_replace('{page}', $last_page, $url) ?>" class="g-button ui-icon-right ui-state-default ui-corner-all">
       <span class="ui-icon ui-icon-seek-end"></span><?= t("last") ?></a>
   <? else: ?>
-    <a class="gButtonLink ui-state-disabled ui-icon-right ui-corner-all">
+    <a class="g-button ui-state-disabled ui-icon-right ui-corner-all">
       <span class="ui-icon ui-icon-seek-end"></span><?= t("last") ?></a>
   <? endif ?>
   </li>

themes/3nids_theme/3nids/views/photo.html.php

@@ -4,54 +4,56 @@
 <!-- Use javascript to show the full size as an overlay on the current page -->
 <script type="text/javascript">
   $(document).ready(function() {
-    $(".gFullSizeLink").click(function() {
+    $(".g-fullsize-link").click(function() {
       $.gallery_show_full_size(<?= html::js_string($theme->item()->file_url()) ?>, "<?= $theme->item()->width ?>", "<?= $theme->item()->height ?>");
       return false;
     });
   });
 </script>
 <? endif ?>
-<div id="gItem">
+
+<div id="g-item">
   <?= $theme->photo_top() ?>
 
-  <ul class="gPager">
+  <ul class="g-pager ui-helper-clearfix">
     <li>
       <? if ($previous_item): ?>
-      <a href="<?= $previous_item->url() ?>" class="gButtonLink ui-icon-left ui-state-default ui-corner-all">
+      <a href="<?= $previous_item->url() ?>" class="g-button ui-icon-left ui-state-default ui-corner-all">
       <span class="ui-icon ui-icon-triangle-1-w"></span><?= t("previous") ?></a>
       <? else: ?>
-      <a class="gButtonLink ui-icon-left ui-state-disabled ui-corner-all">
+      <a class="g-button ui-icon-left ui-state-disabled ui-corner-all">
       <span class="ui-icon ui-icon-triangle-1-w"></span><?= t("previous") ?></a>
       <? endif; ?>
     </li>
-    <li class="gInfo"><?= t("%position of %total", array("position" => $position, "total" => $sibling_count)) ?></li>
-    <li class="txtright">
+    <li class="g-info"><?= t("%position of %total", array("position" => $position, "total" => $sibling_count)) ?></li>
+    <li class="g-text-right">
       <? if ($next_item): ?>
-      <a href="<?= $next_item->url() ?>" class="gButtonLink ui-icon-right ui-state-default ui-corner-all">
+      <a href="<?= $next_item->url() ?>" class="g-button ui-icon-right ui-state-default ui-corner-all">
       <span class="ui-icon ui-icon-triangle-1-e"></span><?= t("next") ?></a>
       <? else: ?>
-      <a class="gButtonLink ui-icon-right ui-state-disabled ui-corner-all">
+      <a class="g-button ui-icon-right ui-state-disabled ui-corner-all">
       <span class="ui-icon ui-icon-triangle-1-e"></span><?= t("next") ?></a>
       <? endif ?>
     </li>
   </ul>
 
-  <div id="gPhoto">
+  <div id="g-photo">
     <?= $theme->resize_top($item) ?>
     <? if (access::can("view_full", $item)): ?>
-    <a href="<?= $item->file_url() ?>" class="gFullSizeLink" title="<?= t("View full size")->for_html_attr() ?>">
+    <a href="<?= $item->file_url() ?>" class="g-fullsize-link" title="<?= t("View full size")->for_html_attr() ?>">
       <? endif ?>
-      <?= $item->resize_img(array("id" => "gPhotoId-{$item->id}", "class" => "gResize")) ?>
+      <?= $item->resize_img(array("id" => "g-photo-id-{$item->id}", "class" => "g-resize")) ?>
       <? if (access::can("view_full", $item)): ?>
     </a>
     <? endif ?>
     <?= $theme->resize_bottom($item) ?>
-    <?= $theme->context_menu($item, "#gPhotoId-{$item->id}") ?>
+    <?= $theme->context_menu($item, "#g-photo-id-{$item->id}") ?>
   </div>
 
-  <div id="gInfo">
+  <div id="g-info">
     <h1><?= html::purify($item->title) ?></h1>
     <div><?= nl2br(html::purify($item->description)) ?></div>
   </div>
 
+  <?= $theme->photo_bottom() ?>
 </div>

themes/3nids_theme/3nids/views/photo_3nids.html.php

@@ -0,0 +1,38 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <?= $theme->css("yui/reset-fonts-grids.css") ?>
+    <?= $theme->css("superfish/css/superfish.css") ?>
+    <?= $theme->css("themeroller/ui.base.css") ?>
+    <?= $theme->css("gallery.common.css") ?>
+    <?= $theme->css("jquery.fancybox.css") ?> 
+    <?= $theme->css("screen.css") ?>
+    <?= $theme->css("3nids.css") ?>
+    <?= $theme->script("jquery.js") ?>
+    <?= $theme->script("jquery.form.js") ?>
+    <?= $theme->script("jquery-ui.js") ?>
+    <?= $theme->script("gallery.common.js") ?>
+    <? /* MSG_CANCEL is required by gallery.dialog.js */ ?>
+    <script type="text/javascript">
+    var MSG_CANCEL = <?= t('Cancel')->for_js() ?>;
+    </script>
+    <?= $theme->script("gallery.ajax.js") ?>
+    <?= $theme->script("gallery.dialog.js") ?>
+    <?= $theme->script("superfish/js/superfish.js") ?>
+    <?= $theme->script("jquery.localscroll.js") ?>
+     <?= $theme->script("jquery.easing.js") ?>
+    <?= $theme->script("jquery.fancybox.js") ?>
+    <?= $theme->script("ui.init.js") ?>
+<?= $theme->head() ?>
+</head>
+<body class="g-fancy-iframe-body">
+<div id="g-item-box">
+<img src="<?=$item_url?>" id="g-item-img">
+<?= $theme->context_menu($item, "#g-item-id-{$item->id}") ?>
+
+</div>
+</body>
+</html>

themes/3nids_theme/3nids/views/search.html.php

@@ -0,0 +1,39 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<? // @todo Set hover on AlbumGrid list items ?>
+
+<? list($children_count_true, $children_all) = search::search($q,1000,0);
+     $theme->pagination = new Pagination();
+		$theme->pagination->initialize(array("query_string" => "page","total_items" => $children_count_true,"items_per_page" => $page_size,"style" => "classic"));
+	$children_offset = ($theme->pagination->current_page -1) * $page_size ; ?>
+
+<div id="g-search-results">
+  <h2><?= t("Results for <b>%term</b>", array("term" => $q)) ?></h2>
+
+  <? if (count($items)): ?>
+  <ul id="g-album-grid" class="ui-helper-clearfix">
+<? for($i=0;$i<$children_offset;$i++): ?>
+	<? $child = $children_all[$i] ?>
+	<?= theme_3nids::fancylink($child,"header") ?>
+<? endfor ?>
+<? foreach ($items as $child): ?>
+  <li id="g-item-id-<?= $child->id ?>" class="g-item g-album">
+	<?= $theme->thumb_top($child) ?>
+	<?= theme_3nids::fancylink($child,"dynamic") ?>
+	<?= $theme->thumb_bottom($child) ?>
+	<?= $theme->context_menu($child, "#g-item-id-{$child->id} .g-thumbnail") ?>
+  </li>
+<? endforeach ?>
+<? for($i=$children_offset+$page_size;$i<$children_count;$i++): ?>
+	 <? $child = $children_all[$i] ?>
+	<?= theme_3nids::fancylink($child,"header") ?>
+<? endfor ?>
+</ul>
+  <?= $theme->pager() ?>
+
+  <? else: ?>
+  <p>
+    <?= t("No results found for <b>%term</b>", array("term" => $q)) ?>
+  </p>
+
+  <? endif; ?>
+</div>

themes/3nids_theme/3nids/views/sidebar.html.php

@@ -1,11 +1,13 @@
 <?php defined("SYSPATH") or die("No direct script access.") ?>
 <?= $theme->sidebar_top() ?>
-<div class="gToolbar">
-  <div id="gViewMenu" class="gButtonSet">
+<div class="g-toolbar">
+  <div id="g-view-menu" class="g-buttonset ui-helper-clearfix">
     <? if ($page_type == "album"):?>
       <?= $theme->album_menu() ?>
     <? elseif ($page_type == "photo") : ?>
       <?= $theme->photo_menu() ?>
+    <? elseif ($page_type == "movie") : ?>
+      <?= $theme->movie_menu() ?>
     <? elseif ($page_type == "tag") : ?>
       <?= $theme->tag_menu() ?>
     <? endif ?>

themes/3nids_theme/README

@@ -1,33 +1,38 @@
-This is a theme for gallery3.
-It uses jquery lightbox slideshow (fancybox) to display images, and includes a tagsmap module (originally from rWatcher).
-
-*********
-Demo @ http://gallery.3nids.ch	
-
-*********
-Requirements:
-- Gallery 3 last experimental version @ http://github.com/gallery/gallery3 
-- Tag module activated (if want to use tagsmap)
-- Comment and Comments for 3nids themes modules activated (if you want to use comments)
-
-*********
-Installation:
-
-1. Copy the theme folder (3nids) into gallery3/themes directory.
-2. Copy lib folder into gallery3 directory (it changes the themeroller).
-3. Copy modules folder into gallery3 directory. It includes tagsmap module.
-	
-*********
-Use:
-This theme displays full size images. So be carefull to upload not too large images!
-The theme uses the tagsmap module which has been enhanced. 
-
-If you want to separate geotag from others, name those with the "map." prefix., the "map." prefix will not be displayed on the map.
-If you want to remove the prefix in the tag cloud sidebar, wou will have to update in gallery3/modules/tag/helpers/tag.php the popular_tags function:
-  static function popular_tags($count) {
-    return ORM::factory("tag")
-      ->orderby("count", "DESC")
-      ->notregex("name","map\.")
-     ->limit($count)
-      ->find_all();
-  }
+This is a theme for gallery3.
+It uses jquery lightbox slideshow (fancybox) to display images, and includes a tagsmap module (originally from rWatcher).
+
+*********
+Demo @ http://gallery.3nids.ch	
+
+*********
+Requirements:
+- Gallery 3 last experimental version @ http://github.com/gallery/gallery3 
+- Tag module activated (if want to use tagsmap)
+- theme_3nids module must be activated to display properly the theme.
+
+*********
+Installation:
+
+1. Copy the theme folder (3nids) into gallery3/themes directory.
+2. Copy modules folder into gallery3 directory. It includes tagsmap and theme_3nids modules.
+3. Activate tagsmap and theme_3nids module.
+	
+*********
+Configuration:
+Go to admin -> content -> Theme 3nids settings to configure the theme properly.
+
+*********
+Use:
+This theme displays full size images. So be carefull to upload not too large images!
+The theme uses the tagsmap module which has been enhanced. 
+
+For advanced users:
+If you want to separate geotag from others, name those with the "map." prefix., the "map." prefix will not be displayed on the map.
+If you want to remove the prefix in the tag cloud sidebar, wou will have to update in gallery3/modules/tag/helpers/tag.php the popular_tags function:
+  static function popular_tags($count) {
+    return ORM::factory("tag")
+      ->orderby("count", "DESC")
+      ->notregex("name","map\.")
+     ->limit($count)
+      ->find_all();
+  }

themes/3nids_theme/last_commit.txt

@@ -0,0 +1 @@
+Admin config for item title

themes/3nids_theme/modules/tagsmap/css/tagsmap.css

@@ -1,96 +1,97 @@
-.tooltip{
-	position: absolute;
-	left: 10px;
-	top: 10px;
-	width: 150px;
-	background-color: #777;
-	color: #ffffcc;
-	border: 1px solid #f9db01;
-	font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
-	padding: 4px;
-	z-index: 20;
-	-moz-border-radius: 10px;
-	-moz-opacity: .87;
-	filter:alpha(opacity=87);
-	opacity:.87;
-}
+.tooltip{
+	position: absolute;
+	left: 10px;
+	top: 10px;
+	width: 150px;
+	background-color: #777;
+	color: #ffffcc;
+	border: 1px solid #f9db01;
+	font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
+	padding: 4px;
+	z-index: 20;
+	-moz-border-radius: 10px;
+	-moz-opacity: .87;
+	filter:alpha(opacity=87);
+	opacity:.87;
+}
+
+.g-map-thumb-table{
+	width:200px;
+	height: 80px;
+	font-size: 0.9em;
+	font-style: normal;
+	color: #FFFFCC;
+}
+.g-map-thumb-img{
+	overflow:auto;
+	position: relative;
+	height:125px;
+}
+.g-map-thumb-link{
+	height: 15px;
+}
+.g-map-thumb-td{
+	padding: 0;
+	text-align: center;
+}
+.gMapThumbnail{
+   height: 80px;
+}
+#gmInfo{
+  width: 230px;
+}
+#gmInfo_contents{
+  background: #3d3d3d;
+}
+#gmInfo_contents div{
+  font-style: italic;
+  vertical-align: middle; 
+  margin: 0 10px;
+}
+#gmInfo_tl{
+  width: 14px;
+  height: 14px;
+  background: url('../images/gmInfo_tl.png') top left no-repeat transparent;
+}
+#gmInfo_t{
+  background: url('../images/gmInfo_t.png') top left repeat-x transparent;
+}
+#gmInfo_tr{
+  width: 14px;
+  height: 14px;
+  background: url('../images/gmInfo_tr.png') top left no-repeat transparent;
+}
+#gmInfo_l{
+  width: 14px;
+  background: url('../images/gmInfo_l.png') top left repeat-y transparent;
+}
+#gmInfo_r{
+  width: 14px;
+  background: url('../images/gmInfo_r.png') top right repeat-y transparent;
+}
+#gmInfo_bl{
+  width: 14px;
+  height: 14px;
+  background: url('../images/gmInfo_bl.png') top left no-repeat transparent;
+}
+#gmInfo_b{
+  background: url('../images/gmInfo_b.png') top left repeat-x transparent;
+}
+#gmInfo_br{
+  width: 14px;
+  height: 14px;
+  background: url('../images/gmInfo_br.png') top left no-repeat transparent;
+}
+#gmInfo_close{
+  width: 30px;
+  height: 30px;
+  background: url('../images/gmInfo_close.png') top left no-repeat transparent;
+  margin: -10px 0 0 10px;
+  cursor: pointer;
+}
+#gmInfo_beak{
+  width: 27px;
+  height: 33px;
+  background: url('../images/gmInfo_beak.png') top left no-repeat transparent;
+}
 
-.gMapThumbTable{
-	width:200px;
-	height: 80px;
-	font-size: 0.9em;
-	font-style: normal;
-	color: #FFFFCC;
-}
-.gMapThumbImg{
-	overflow:auto;
-	position: relative;
-	height:125px;
-}
-.gMapThumbLink{
-	height: 15px;
-}
-.gMapThumbTd{
-	padding: 0;
-	text-align: center;
-}
-.gMapThumbnail{
-   height: 80px;
-}
-#gmInfo{
-  width: 230px;
-}
-#gmInfo_contents{
-  background: #3d3d3d;
-}
-#gmInfo_contents div{
-  font-style: italic;
-  vertical-align: middle; 
-  margin: 0 10px;
-}
-#gmInfo_tl{
-  width: 14px;
-  height: 14px;
-  background: url('../images/gmInfo_tl.png') top left no-repeat transparent;
-}
-#gmInfo_t{
-  background: url('../images/gmInfo_t.png') top left repeat-x transparent;
-}
-#gmInfo_tr{
-  width: 14px;
-  height: 14px;
-  background: url('../images/gmInfo_tr.png') top left no-repeat transparent;
-}
-#gmInfo_l{
-  width: 14px;
-  background: url('../images/gmInfo_l.png') top left repeat-y transparent;
-}
-#gmInfo_r{
-  width: 14px;
-  background: url('../images/gmInfo_r.png') top right repeat-y transparent;
-}
-#gmInfo_bl{
-  width: 14px;
-  height: 14px;
-  background: url('../images/gmInfo_bl.png') top left no-repeat transparent;
-}
-#gmInfo_b{
-  background: url('../images/gmInfo_b.png') top left repeat-x transparent;
-}
-#gmInfo_br{
-  width: 14px;
-  height: 14px;
-  background: url('../images/gmInfo_br.png') top left no-repeat transparent;
-}
-#gmInfo_close{
-  width: 30px;
-  height: 30px;
-  background: url('../images/gmInfo_close.png') top left no-repeat transparent;
-  margin: -10px 0 0 10px;
-  cursor: pointer;
-}
-#gmInfo_beak{
-  width: 27px;
-  height: 33px;
-  background: url('../images/gmInfo_beak.png') top left no-repeat transparent;
-}