New repo

themes/greydragon_wide_wind/admin/controllers/admin_theme_options.php

@@ -0,0 +1,206 @@
+<?php defined("SYSPATH") or die("No direct script access.");
+/**
+ * Gallery - a web based photo album viewer and editor
+ * Copyright (C) 2000-2009 Bharat Mediratta
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or (at
+ * your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+ * General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street - Fifth Floor, Boston, MA  02110-1301, USA.
+ */
+class Admin_Theme_Options_Controller extends Admin_Controller {
+
+  protected function load_theme_info() {
+    $file = THEMEPATH . "greydragon_wide_wind/theme.info";
+    $theme_info = new ArrayObject(parse_ini_file($file), ArrayObject::ARRAY_AS_PROPS);
+    return $theme_info;
+  }
+
+  protected function get_theme_version() {
+    $theme_info = $this->load_theme_info();
+    return ($theme_info->version);
+  }
+
+  protected function get_theme_name() {
+    $theme_info = $this->load_theme_info();
+    return ($theme_info->name);
+  }
+
+  protected function get_edit_form_admin() {
+    $form = new Forge("admin/theme_options/save/", "", null, array("id" =>"g-theme-options-form"));
+
+    $sidebar_allowed = module::get_var("th_greydragon", "sidebar_allowed");
+    $sidebar_visible = module::get_var("th_greydragon", "sidebar_visible");
+    $group = $form->group("edit_theme")->label(t("General Settings"));
+    $group->input("page_size")
+      ->label(t("Items per page"))->id("g-page-size")
+      ->rules("required|valid_digit")
+      ->value(module::get_var("gallery", "page_size"));
+    $group->input("thumb_size")
+      ->label(t("Thumbnail size (in pixels)"))->id("g-thumb-size")
+      ->rules("required|valid_digit")
+      ->value(module::get_var("gallery", "thumb_size"));
+    $group->input("resize_size")
+      ->label(t("Resized Image Size (in pixels)"))->id("g-resize-size")
+      ->rules("required|valid_digit")
+      ->value(module::get_var("gallery", "resize_size"));
+    $group->input("logo_path")
+      ->label(t("URL or Path to Alternative Logo Image"))->id("g-site-logo")
+      ->value(module::get_var("th_greydragon", "logo_path"));
+    $group->input("header_text")
+      ->label(t("Header Text (will Hide Gallery Logo)"))->id("g-header-text")
+      ->value(module::get_var("gallery", "header_text"));
+    $group->input("footer_text")
+      ->label(t("Footer Text"))->id("g-footer-text")
+      ->value(module::get_var("gallery", "footer_text"));
+    $group->input("copyright")
+      ->label(t("Copyright Message to Display in Footer"))->id("g-theme-copyright")
+      ->value(module::get_var("th_greydragon", "copyright"));
+
+    $group = $form->group("edit_theme_adv")->label(t("Advanced Options"));
+    $group->checkbox("show_credits")
+      ->label(t("Show Site Credits"))->id("g-footer-text")
+      ->checked(module::get_var("gallery", "show_credits"));
+    $group->dropdown("photonav_position")
+      ->label(t("Photo Navigator Position"))
+      ->options(array("top" => t("Top"), "bottom" => t("Bottom"), "both" => t("Both"), "none" => t("None")))
+      ->selected(module::get_var("th_greydragon", "photonav_position"));
+
+    $group = $form->group("maintenance")->label("Maintenance");
+    $group->checkbox("build_resize")->label(t("Mark all Image Resizes for Rebuild"))->checked(false);
+    $group->checkbox("build_thumbs")->label(t("Mark all Thumbnails for Rebuild (200x200)"))->checked(false);
+    $group->checkbox("reset_theme")->label(t("Reset Theme to a Default State"))->checked(false);
+
+    module::event("theme_edit_form", $form);
+
+    $form->submit("g-theme-options-save")->value(t("Save Changes"));
+    return $form;
+  }
+
+  protected function get_edit_form_help() {
+    $help = '<fieldset>';
+    $help .= '<legend>Help</legend><ul>';
+    $help .= '<li><h3>General Settings</h3>
+      <p>Theme is designed to display items (thumbnails) in fixed 3 <? //+sidebar or 4 columns format. ?>
+      <p>Default G3 logo can be replaced with your own by providing <b>URL/Logo Path</b>.
+      When no logo is needed providing <b>Header Text</b> will substitute it.  
+      <b>Footer Text</b> would simply be placed in middle section of the footer.
+      <p>To indicate your rights for the artwork displayed <b>Copyright Message</b> can be placed in
+      right top corner of the footer.
+      </li>';
+    $help .= '<li><h3>Advanced Options</h3>
+      <p><b>Show Site Credits</b> simply shows appreciation for hard work of G3 team and Theme\'s author
+      (you could do this also with few cups of nice Kona coffee by clicking <b>Donate</b> link above).
+      <p><b>Show Main Menu for Guest Users</b> allows Main menu being displayed
+      even for Guest Users.
+      </li>';
+    $help .= '<li><h3>Maintenance</h3>
+      <p>There are extra 3 maintenance options available:
+      <p>Without changing image size, you can <b>Mark all Resizes for Rebuild</b>.
+      Then you need to visit Admin\Maintenance to initiate the process.
+      <p>Same can be done for image thumbs with <b>Mark all Thumbnails for Rebuild</b>.
+      <p>And just in case you think that something is not right, you can 
+      always <b>Reset Theme to a Default State</b>.
+      </li>';
+    $help .= '</ul></fieldset>';
+    return $help;
+  }
+
+  protected function save_item_state($statename, $state, $value) {
+    if ($state) {
+      module::set_var("th_greydragon", $statename, $value);
+    } else {
+      module::clear_var("th_greydragon", $statename);
+    }
+  }
+
+  public function save() {
+    access::verify_csrf();
+
+    $form = self::get_edit_form_admin();
+    $help = self::get_edit_form_help();
+
+    if ($form->validate()) {
+      if ($form->maintenance->reset_theme->value) {
+        module::set_var("gallery", "page_size", 9);
+        module::set_var("gallery", "resize_size", 640);
+        module::set_var("gallery", "thumb_size", 200);
+
+        module::set_var("gallery", "header_text", "");
+        module::set_var("gallery", "footer_text", "");
+        module::clear_var("th_greydragon", "copyright");
+        module::clear_var("th_greydragon", "logo_path");
+        
+        module::set_var("gallery", "show_credits", FALSE);
+        module::clear_var("th_greydragon", "photonav_position");
+
+        module::event("theme_edit_form_completed", $form);
+        message::success(t("Theme details are reset"));
+      } else {
+        /* General Settings ****************************************************/
+
+        $resize_size  = $form->edit_theme->resize_size->value;
+        $thumb_size   = $form->edit_theme->thumb_size->value;
+        $build_resize = $form->maintenance->build_resize->value;
+        $build_thumbs = $form->maintenance->build_thumbs->value;
+
+        if ($build_resize) {
+          graphics::remove_rule("gallery", "resize", "gallery_graphics::resize");
+          graphics::add_rule("gallery", "resize", "gallery_graphics::resize",
+            array("width" => $resize_size, "height" => $resize_size, "master" => Image::AUTO), 100);
+        }
+        if (module::get_var("gallery", "resize_size") != $resize_size) {
+          module::set_var("gallery", "resize_size", $resize_size);
+        }
+
+        if ($build_thumbs) {
+          graphics::remove_rule("gallery", "thumb", "gallery_graphics::resize");
+          graphics::add_rule("gallery", "thumb", "gallery_graphics::resize",
+            array("width" => $thumb_size, "height" => $thumb_size, "master" => Image::AUTO), 100);
+        }
+        if (module::get_var("gallery", "thumb_size") != $thumb_size) {
+          module::set_var("gallery", "thumb_size", $thumb_size);
+        }
+        module::set_var("gallery", "header_text", $form->edit_theme->header_text->value);
+        module::set_var("gallery", "footer_text", $form->edit_theme->footer_text->value);
+        $this->save_item_state("copyright", $form->edit_theme->copyright->value, $form->edit_theme->copyright->value);
+        $this->save_item_state("logo_path", $form->edit_theme->logo_path->value, $form->edit_theme->logo_path->value);
+
+        /* Advanced Options ****************************************************/
+
+        module::set_var("gallery", "show_credits",  $form->edit_theme_adv->show_credits->value);
+        $this->save_item_state("photonav_position", $form->edit_theme_adv->photonav_position->value != "top", $form->edit_theme_adv->photonav_position->value);
+
+        module::set_var("gallery", "page_size", $form->edit_theme->page_size->value);
+
+        module::event("theme_edit_form_completed", $form);
+        message::success(t("Updated theme details"));
+      }
+
+      url::redirect("admin/theme_options");
+    } else {
+      $view = new Admin_View("admin.html");
+      $view->content = $form;
+      print $view;
+    }
+  }
+
+  public function index() {
+    $view = new Admin_View("admin.html");
+    $view->content = new View("admin_theme_options.html");
+    $view->content->version = self::get_theme_version();
+    $view->content->form = self::get_edit_form_admin();
+    $view->content->help = self::get_edit_form_help();
+    $view->content->name = self::get_theme_name();
+    print $view;
+  }
+}

themes/greydragon_wide_wind/admin/views/admin_include.html.php

@@ -0,0 +1,56 @@
+<style>
+#g-header                    { margin-bottom: 10px; }
+#gd-admin                    { position: relative; font-size: 0.9em; }
+#gd-admin legend             { width: 99.5%; padding: 0.4em 0.8em; margin-left: -11px; background: url(/themes/greydragon/images/blue-grad.png) #d5e6f2 repeat-x left top; border: #dfdfdf 1px solid;}
+
+.g-admin-left                { float: left; width: 53%; }
+.g-admin-right               { float: left; width: 46%; margin-left: 1%; margin-top: 1em; }
+.g-admin-right h3            { border-bottom: #a2bdbf 1px solid; margin-top: 0.3em; margin-bottom: 0.3em; }
+
+#gd-admin-head               { position: relative; height: auto; clear: both; display: block; overflow: auto; font-size: 11px; padding: 0.4em 0.8em; background-color: #b7c9d6; border: #a2bdbf 1px solid; }
+#gd-admin-title              { float: left; color: #333v42; font-weight: bold; font-size: 1.6em; text-shadow: #deeefa 0 1px 0; }
+#gd-admin-hlinks ul          { float: right; margin-top: 0.4em; font-size: 11px; }
+#gd-admin-hlinks li          { list-style-type: none; float: left; color: #618299; display: inline; }
+#gd-admin-hlinks a           { font-weight: bold; font-size: 13px; }
+
+#gd-admin form              { border: none; }
+#gd-admin fieldset          { border: #ccc 1px solid; }
+#gd-admin input.g-error     { padding-left: 30px; border: none; }
+#gd-admin input.g-success   { background-color: transparent; }
+#gd-admin input.g-warning   { background-color: transparent; border: none; }
+#gd-admin p.g-error         { padding-left: 30px; border: none; margin-bottom: 0; background-image: none; }
+
+#g-content                  { padding: 0 1em; width: 97%; font-size: 1em; }
+#g-content form ul li input  { display: inline; float: left; margin-right: 0.8em; } 
+#g-content form ul li select { display: inline; float: left; margin-right: 0.8em; width: 16em; padding: 0 0 0 .2em; }
+#g-content form ul li input[type='text'] { width: 50%; }
+#g-content form input[type="submit"] { border: #5b86ab 2px solid; padding: 0.3em; color: #fff; background: url(/themes/greydragon/images/button-grad-vs.png) #5580a6 repeat-x left top; }
+#g-content form input[type="submit"]:hover,
+input.ui-state-hover { background-image: url(/themes/greydragon/images/button-grad-active-vs.png); border-color: #2e5475; color: #eaf2fa !important; }
+#g-content form #vercheck, #g-content form #shadowbox, #g-content form #organizecheck { display: none; }
+</style>
+
+<script>
+  $(document).ready( function() { 
+    $('form').submit( function() {
+      $('input[type=submit]', this).attr('disabled', 'disabled');
+    });
+  });
+</script>
+
+<div id="gd-admin" class="g-block">
+  <div id="gd-admin-head">
+    <div id="gd-admin-title"><?= $name ?> - <?= $version ?></div>
+    <div id="gd-admin-hlinks">
+      <ul>
+        <li><a href="<?= $admin_link_support;  ?>" target="_blank"><?= t("Support") ?></a></li>
+      </ul>
+    </div>
+  </div>
+  <div class="g-block-content g-admin-left">
+  <?= $form ?>
+  </div>
+  <div class="g-admin-right">
+  <?= $help ?>
+  </div>
+</div>

themes/greydragon_wide_wind/admin/views/admin_theme_options.html.php

@@ -0,0 +1,12 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<?
+  $view = new View("admin_include.html");
+
+  $view->admin_link_support  = "http://gallery.menalto.com/node/111353";
+  $view->name = $name;
+  $view->version = $version;
+  $view->form = $form;
+  $view->help = $help;                        
+  print $view;
+?>   
+

themes/greydragon_wide_wind/changelog.txt

@@ -0,0 +1,4 @@
+Grey Dragon Wide Wind Theme Changelog
+
+version 1:
+- initail version from Serge with some tweeks for making it wide.

themes/greydragon_wide_wind/css/fix-ie.css

@@ -0,0 +1,59 @@
+/**
+ * Fix display in IE 6, 7, and 8
+ */
+
+#g-banner {
+  z-index: 2;
+  zoom: 1;
+}
+
+#g-sidebar {
+  overflow: hidden;
+}
+
+#g-photo,
+#g-movie {
+	zoom: 1;
+}
+
+#g-photo .g-context-menu,
+#g-movie .g-context-menu {
+	width: 240px;
+}
+
+input.submit {
+  clear: none !important;
+  display: inline !important;
+}
+
+.g-short-form input.text,
+.g-short-form input.submit {
+  font-size: 1em;
+  line-height: 1em;
+  padding: .38em .3em;
+}
+
+#g-search-form input#q {
+  width: 300px;
+}
+
+#g-add-tag-form input.textbox {
+  width: 110px !important;
+}
+
+#g-add-tag-form input[type='submit'] {
+  padding: .3em 0 !important;
+}
+
+#g-dialog .g-cancel {
+  display: inline-block !important;
+  float: none !important;
+}
+
+.g-paginator .g-text-right {
+  width: 29%;
+}
+
+.g-paginator .ui-icon-right {
+  width: 60px;
+}

themes/greydragon_wide_wind/css/screen-rtl.css

@@ -0,0 +1,324 @@
+/**
+ * Gallery 3 Wind Theme Right-to-Left Screen Styles
+ */
+
+.rtl {
+  direction: rtl;
+}
+
+.rtl #g-header,
+.rtl #g-content,
+.rtl #g-sidebar,
+.rtl #g-footer,
+.rtl caption,
+.rtl th,
+.rtl #g-dialog,
+.rtl .g-context-menu li a,
+.rtl .g-message-box li,
+.rtl #g-site-status li {
+  text-align: right;
+}
+
+.rtl .g-text-right {
+  text-align: left;
+}
+
+.rtl .g-error,
+.rtl .g-info,
+.rtl .g-success,
+.rtl .g-warning,
+.rtl #g-add-photos-status .g-success,
+.rtl #g-add-photos-status .g-error {
+  background-position: center right;
+  padding-right: 30px !important;
+}
+
+.rtl form li.g-error,
+.rtl form li.g-info,
+.rtl form li.g-success,
+.rtl form li.g-warning {
+  padding-right: 0 !important;
+}
+
+.rtl .g-left,
+.rtl .g-inline li,
+.rtl #g-content #g-album-grid .g-item,
+.rtl .sf-menu li,
+.rtl .g-breadcrumbs li,
+.rtl .g-paginator li,
+.rtl .g-buttonset li,
+.rtl .ui-icon-left .ui-icon,
+.rtl .g-short-form li,
+.rtl form ul ul li,
+.rtl input[type="submit"],
+.rtl input[type="reset"],
+.rtl input.checkbox,
+.rtl input[type=checkbox],
+.rtl input.radio,
+.rtl input[type=radio] {
+  float: right;
+}
+
+.rtl .g-right,
+.rtl .ui-icon-right .ui-icon {
+  float: left;
+}
+
+.rtl .g-inline li {
+  margin-right: 1em;
+}
+
+.rtl .g-inline li.g-first {
+  margin-right: 0;
+}
+
+.rtl .g-breadcrumbs li {
+  background: transparent url('../images/ico-separator-rtl.gif') no-repeat scroll right center;
+  padding: 1em 18px 1em 8px;
+}
+
+.rtl .g-breadcrumbs .g-first {
+  background: none;
+  padding-right: 0;
+}
+
+.rtl input.checkbox {
+  margin-left: .4em;
+}
+
+.rtl #g-add-comment {
+  right: inherit;
+  left: 0;
+}
+
+.rtl .ui-icon-left .ui-icon {
+  margin-left: .2em;
+}
+
+.rtl .ui-icon-right .ui-icon {
+  margin-right: .2em;
+}
+
+/* RTL Corner radius ~~~~~~~~~~~~~~~~~~~~~~ */
+
+.rtl .g-buttonset .ui-corner-tl {
+  -moz-border-radius-topleft: 0;
+  -webkit-border-top-left-radius: 0;
+  border-top-left-radius: 0;
+  -moz-border-radius-topright: 5px !important;
+  -webkit-border-top-right-radius: 5px !important;
+  border-top-right-radius: 5px !important;
+}
+
+.rtl .g-buttonset .ui-corner-tr {
+  -moz-border-radius-topright: 0;
+  -webkit-border-top-right-radius: 0;
+  border-top-right-radius: 0;
+  -moz-border-radius-topleft: 5px !important;
+  -webkit-border-top-left-radius: 5px !important;
+  border-top-left-radius: 5px !important;
+}
+
+.rtl .g-buttonset .ui-corner-bl {
+  -moz-border-radius-bottomleft: 0;
+  -webkit-border-bottom-left-radius: 0;
+  border-bottom-left-radius: 0;
+  -moz-border-radius-bottomright: 5px !important;
+  -webkit-border-bottom-right-radius: 5px !important;
+  border-bottom-right-radius: 5px !important;
+}
+
+.rtl .g-buttonset .ui-corner-br {
+  -moz-border-radius-bottomright: 0;
+  -webkit-border-bottom-right-radius: 0;
+  border-bottom-right-radius: 0;
+  -moz-border-radius-bottomleft: 5px !important;
+  -webkit-border-bottom-left-radius: 5px !important;
+  border-bottom-left-radius: 5px !important;
+}
+
+.rtl .g-buttonset .ui-corner-right,
+.rtl .ui-progressbar .ui-corner-right {
+  -moz-border-radius-topright: 0;
+  -webkit-border-top-right-radius: 0;
+  border-top-right-radius: 0;
+  -moz-border-radius-topleft: 5px !important;
+  -webkit-border-top-left-radius: 5px !important;
+  border-top-left-radius: 5px !important;
+  -moz-border-radius-bottomright: 0;
+  -webkit-border-bottom-right-radius: 0;
+  border-bottom-right-radius: 0;
+  -moz-border-radius-bottomleft: 5px !important;
+  -webkit-border-bottom-left-radius: 5px !important;
+  border-bottom-left-radius: 5px !important;
+}
+
+.rtl .g-buttonset .ui-corner-left,
+.rtl .ui-progressbar .ui-corner-left {
+  -moz-border-radius-topleft: 0;
+  -webkit-border-top-left-radius: 0;
+  border-top-left-radius: 0;
+  -moz-border-radius-topright: 5px !important;
+  -webkit-border-top-right-radius: 5px !important;
+  border-top-right-radius: 5px !important;
+  -moz-border-radius-bottomleft: 0;
+  -webkit-border-bottom-left-radius: 0;
+  border-bottom-left-radius: 0;
+  -moz-border-radius-bottomright: 5px !important;
+  -webkit-border-bottom-right-radius: 5px !important;
+  border-bottom-right-radius: 5px !important;
+}
+
+/* RTL Superfish ~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.rtl .sf-menu a {
+  border-left: none;
+  border-right:1px solid #fff;
+}
+
+.rtl .sf-menu a.sf-with-ul {
+  padding-left: 2.25em;
+  padding-right: 1em;
+}
+
+.rtl .sf-sub-indicator {
+  left: .75em !important;
+  right: auto;
+  background: url('../../../lib/superfish/images/arrows-ffffff-rtl.png') no-repeat -10px -100px;
+}
+
+.rtl a > .sf-sub-indicator {
+  top: .8em;
+  background-position: -10px -100px;
+}
+
+.rtl a:focus > .sf-sub-indicator,
+.rtl a:hover > .sf-sub-indicator,
+.rtl a:active > .sf-sub-indicator,
+.rtl li:hover > a > .sf-sub-indicator,
+.rtl li.sfHover > a > .sf-sub-indicator {
+  background-position: 0 -100px;
+}
+
+.rtl .sf-menu ul .sf-sub-indicator {
+  background-position:  0 0;
+}
+
+.rtl .sf-menu ul a > .sf-sub-indicator {
+  background-position: -10px 0;
+}
+
+.rtl .sf-menu ul a:focus > .sf-sub-indicator,
+.rtl .sf-menu ul a:hover > .sf-sub-indicator,
+.rtl .sf-menu ul a:active > .sf-sub-indicator,
+.rtl .sf-menu ul li:hover > a > .sf-sub-indicator,
+.rtl .sf-menu ul li.sfHover > a > .sf-sub-indicator {
+  background-position: 0 0;
+}
+
+.rtl .sf-menu li:hover ul,
+.rtl .sf-menu li.sfHover ul {
+  right: 0;
+  left: auto;
+}
+
+.rtl ul.sf-menu li li:hover ul,
+.rtl ul.sf-menu li li.sfHover ul {
+  right: 12em;
+  left: auto;
+}
+.rtl ul.sf-menu li li li:hover ul,
+.rtl ul.sf-menu li li li.sfHover ul {
+  right: 12em;
+  left: auto;
+}
+
+.rtl .sf-shadow ul {
+  background:	url('../../../lib/superfish/images/shadow.png') no-repeat bottom left;
+  padding: 0 0 9px 8px;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  -moz-border-radius-topright: 0;
+  -moz-border-radius-bottomleft: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -moz-border-radius-topleft: 17px;
+  -moz-border-radius-bottomright: 17px;
+  -webkit-border-top-left-radius: 17px;
+  -webkit-border-bottom-right-radius: 17px;
+  border-top-left-radius: 17px;
+  border-bottom-right-radius: 17px;
+}
+
+/* RTL ThemeRoller ~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.rtl .ui-dialog .ui-dialog-titlebar {
+  padding: 0.5em 1em 0.3em 0.3em;
+}
+
+.rtl .ui-dialog .ui-dialog-title {
+  float: right;
+}
+
+.rtl .ui-dialog .ui-dialog-titlebar-close {
+  left: 0.3em;
+  right: auto;
+}
+
+
+/* RTL paginator ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.rtl .g-paginator .g-info {
+  width: 35%;
+}
+
+.rtl .g-paginator .g-text-right {
+  margin-left: 0;
+}
+
+.rtl .g-paginator .ui-icon-seek-end {
+  background-position: -80px -160px;
+}
+
+.rtl .g-paginator .ui-icon-seek-next {
+  background-position: -48px -160px;
+}
+
+.rtl .g-paginator .ui-icon-seek-prev {
+  background-position: -32px -160px;
+}
+
+.rtl .g-paginator .ui-icon-seek-first {
+  background-position: -64px -160px;
+}
+
+.rtl #g-header #g-login-menu,
+.rtl #g-header #g-quick-search-form {
+  clear: left;
+  float: left;
+}
+
+.rtl #g-header #g-login-menu li {
+  margin-left: 0;
+  padding-left: 0;
+  padding-right: 1.2em;
+}
+
+.rtl #g-site-menu {
+  left: auto;
+  right: 150px;
+}
+
+.rtl #g-view-menu #g-slideshow-link {
+  background-image: url('../images/ico-view-slideshow-rtl.png');
+}
+
+.rtl #g-sidebar .g-block-content {
+  padding-right: 1em;
+  padding-left: 0;
+}
+
+.rtl #g-footer #g-credits li {
+  padding-left: 1.2em !important;
+  padding-right: 0;
+}

themes/greydragon_wide_wind/css/themeroller/ui.base.css

@@ -0,0 +1,7 @@
+@import "ui.core.css";
+@import "ui.theme.css";
+@import "ui.datepicker.css";
+@import "ui.dialog.css";
+@import "ui.progressbar.css";
+@import "ui.resizable.css";
+@import "ui.tabs.css";

themes/greydragon_wide_wind/css/themeroller/ui.core.css

@@ -0,0 +1,37 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

themes/greydragon_wide_wind/css/themeroller/ui.datepicker.css

@@ -0,0 +1,62 @@
+/* Datepicker
+----------------------------------*/
+.ui-datepicker { width: 17em; padding: .2em .2em 0; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:left; width:100%; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}

themes/greydragon_wide_wind/css/themeroller/ui.dialog.css

@@ -0,0 +1,13 @@
+/* Dialog
+----------------------------------*/
+.ui-dialog { position: relative; padding: .2em; width: 300px; }
+.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }

themes/greydragon_wide_wind/css/themeroller/ui.progressbar.css

@@ -0,0 +1,4 @@
+/* Progressbar
+----------------------------------*/
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

themes/greydragon_wide_wind/css/themeroller/ui.resizable.css

@@ -0,0 +1,13 @@
+/* Resizable
+----------------------------------*/
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

themes/greydragon_wide_wind/css/themeroller/ui.tabs.css

@@ -0,0 +1,9 @@
+/* Tabs
+----------------------------------*/
+.ui-tabs {padding: .2em;}
+.ui-tabs .ui-tabs-nav { padding: .2em .2em 0 .2em;  position: relative; }
+.ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; list-style: none; }
+.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; }
+.ui-tabs .ui-tabs-panel { padding: 1em 1.4em;  display: block; border: 0; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }

themes/greydragon_wide_wind/css/themeroller/ui.theme.css

@@ -0,0 +1,243 @@
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* To view and modify this theme, visit http://ui.jquery.com/themeroller/?tr=&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
+.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
+.ui-widget-header a { color: #ffffff; }
+.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
+.ui-widget-content a { color: #222222; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; outline: none; }
+.ui-state-default a { color: #2e6e9e; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; outline: none; }
+.ui-state-hover a { color: #1d5987; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; outline: none; }
+.ui-state-active a { color: #e17009; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
+.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
+.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
+.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
+.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
+.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
+.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
+.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

themes/greydragon_wide_wind/js/ui.init.js

@@ -0,0 +1,118 @@
+/**
+ * Initialize jQuery UI and Gallery Plugins
+ */
+
+$(document).ready(function() {
+
+  // Initialize Superfish menus (hidden, then shown to address IE issue)
+  $("#g-site-menu .g-menu").hide().addClass("sf-menu");
+  $("#g-site-menu .g-menu").superfish({
+    delay: 500,
+    animation: {
+      opacity:'show',
+      height:'show'
+    },
+    pathClass: "g-selected",
+    speed: 'fast'
+  }).show();
+
+  // Initialize status message effects
+  $("#g-action-status li").gallery_show_message();
+
+  // Initialize dialogs
+  $(".g-dialog-link").gallery_dialog();
+
+  // Initialize short forms
+  $(".g-short-form").gallery_short_form();
+
+  // Apply jQuery UI icon, hover, and rounded corner styles
+  $("input[type=submit]:not(.g-short-form input)").addClass("ui-state-default ui-corner-all");
+  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 icon and hover styles to context menus
+  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);
+    });
+  }
+
+  // Remove titles for menu options since we're displaying that text anyway
+  $(".sf-menu a, .sf-menu li").removeAttr("title");
+
+  // Album and search results views
+  if ($("#g-album-grid").length) {
+    // Set equal height for album items and vertically align thumbnails/metadata
+    $(".g-item").equal_heights().gallery_valign();
+    // Store the resulting item height.  Storing this here for the whole grid as opposed to in the
+    // hover event as an attr for each item is more efficient and ensures IE6-8 compatibility.
+    var item_height = $(".g-item").height();
+
+    // Initialize thumbnail hover effect
+    $(".g-item").hover(
+      function() {
+        // Insert a placeholder to hold the item's position in the grid
+        var place_holder = $(this).clone().attr("id", "g-place-holder");
+        $(this).after($(place_holder));
+        // 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. Note that putting it here delays execution until needed.
+        $(this).gallery_context_menu();
+        // Set the hover item's height.  Use "li a" on the context menu so we get the height of the
+        // collapsed menu and avoid problems with incomplete slideUp/Down animations.
+        $(this).height("auto");
+        $(this).height(Math.max($(this).height(), item_height) +
+                       $(this).find(".g-context-menu li a").height());
+      },
+      function() {
+        // Reset item height and position
+        $(this).height(item_height);
+        $(this).css("top", "").css("left", "");
+        // Remove the placeholder and hover class from the item
+        $(this).removeClass("g-hover-item");
+        $("#g-place-holder").remove();
+      }
+    );
+
+    // Realign any thumbnails that change so that when we rotate a thumb it stays centered.
+    $(".g-item").on("gallery.change", function() {
+      $(".g-item").each(function() {
+        $(this).height($(this).find("img").height() + 2);
+      });
+      $(".g-item").equal_heights().gallery_valign();
+    });
+  }
+
+  // Photo/Item item view
+  if ($("#g-photo,#g-movie").length) {
+    // Ensure the resized image fits within its container
+    $("#g-photo,#g-movie").gallery_fit_photo();
+
+    // Initialize context menus
+    $("#g-photo,#g-movie").hover(function(){
+      $(this).gallery_context_menu();
+    });
+
+    // Add scroll effect for links to named anchors
+    $.localScroll({
+      queue: true,
+      duration: 1000,
+      hash: true
+    });
+
+    $(this).find(".g-dialog-link").gallery_dialog();
+    $(this).find(".g-ajax-link").gallery_ajax();
+  }
+
+  // Initialize button hover effect
+  $.fn.gallery_hover_init();
+
+});

themes/greydragon_wide_wind/libraries/MY_Theme_View.php

@@ -0,0 +1,36 @@
+<?
+class Theme_View extends Theme_View_Core {
+
+  protected $photonav_position;
+  protected $logopath;
+  protected $copyright = null;
+
+  protected function ensurevalue($value, $default) {
+    if ((!isset($value)) or ($value == "")):
+      return $default;
+    else:
+      return $value;
+    endif;
+  }
+
+  protected function ensureoptionsvalue($key, $default) {
+    return ($this->ensurevalue(module::get_var("th_greydragon", $key), $default));
+  }
+
+  public function load_sessioninfo() {
+    $this->logopath = $this->ensureoptionsvalue("logo_path", url::file("lib/images/logo.png"));
+    $this->copyright = ($this->ensureoptionsvalue("copyright", null));
+    $this->photonav_position = module::get_var("th_greydragon", "photonav_position", "top");
+  }
+
+  public function add_paginator($position) {
+    if (($this->photonav_position == "both") or ($this->photonav_position == $position)):
+      return ($this->paginator());
+    else:
+      return "";
+    endif;
+  }
+
+}
+
+?>

themes/greydragon_wide_wind/theme.info

@@ -0,0 +1,10 @@
+name        = "Grey Dragon Wide Wind Theme"
+description = "A Grey Dragon Wide Wind Theme"
+version     = 1
+author      = "2010-2013 Serguei Dosyukov & Dave Moore"
+site        = 1
+admin       = 0
+author_name = "Serguei Dosyukov & Dave Moore"
+author_url  = "http://codex.galleryproject.org/User:Floridave"
+info_url    = "http://codex.gallery2.org/Gallery3:Themes:greydragon_wide_wind"
+discuss_url = "http://gallery.menalto.com/node/111353"

themes/greydragon_wide_wind/views/album.html.php

@@ -0,0 +1,49 @@
+<?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>
+  <?= $theme->add_paginator("top"); ?>
+
+  <div class="g-description"><?= nl2br(html::purify($item->description)) ?></div>
+</div>
+
+<ul id="g-album-grid" class="ui-helper-clearfix">
+<? if (count($children)): ?>
+  <? foreach ($children as $i => $child): ?>
+    <? if ($child->is_album()): ?>
+      <? $item_class = "g-album"; ?>
+    <? elseif ($child->is_movie()): ?>
+      <? $item_class = "g-movie"; ?>
+    <? else: ?>
+      <? $item_class = "g-photo"; ?>
+    <? endif ?>
+  <li id="g-item-id-<?= $child->id ?>" class="g-item <?= $item_class ?>">
+    <?= $theme->thumb_top($child) ?>
+    <a href="<?= $child->url() ?>">
+      <? if ($child->has_thumb()): ?>
+      <?= $child->thumb_img(array("class" => "g-thumbnail")) ?>
+      <? endif ?>
+    </a>
+    <?= $theme->thumb_bottom($child) ?>
+    <?= $theme->context_menu($child, "#g-item-id-{$child->id} .g-thumbnail") ?>
+    <h2><span class="<?= $item_class ?>"></span>
+      <a href="<?= $child->url() ?>"><?= html::purify($child->title) ?></a></h2>
+    <ul class="g-metadata">
+      <?= $theme->thumb_info($child) ?>
+    </ul>
+  </li>
+  <? endforeach ?>
+<? else: ?>
+  <? if ($user->admin || access::can("add", $item)): ?>
+  <? $addurl = url::site("uploader/index/$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->add_paginator("bottom"); ?>

themes/greydragon_wide_wind/views/block.html.php

@@ -0,0 +1,10 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<? if ($anchor): ?>
+<a name="<?= $anchor ?>"></a>
+<? endif ?>
+<div id="<?= $css_id ?>" class="g-block">
+  <h2><?= $title ?></h2>
+  <div class="g-block-content">
+    <?= $content ?>
+  </div>
+</div>

themes/greydragon_wide_wind/views/dynamic.html.php

@@ -0,0 +1,31 @@
+<?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::purify($title) ?></h1>
+</div>
+
+<?= $theme->add_paginator("top"); ?>
+
+<ul id="g-album-grid" class="ui-helper-clearfix">
+  <? foreach ($children as $i => $child): ?>
+  <li class="g-item <?= $child->is_album() ? "g-album" : "" ?>">
+    <?= $theme->thumb_top($child) ?>
+    <a href="<?= $child->url() ?>">
+      <img id="g-photo-id-<?= $child->id ?>" class="g-thumbnail"
+           alt="photo" src="<?= $child->thumb_url() ?>"
+           width="<?= $child->thumb_width ?>"
+           height="<?= $child->thumb_height ?>" />
+    </a>
+    <h2><?= html::purify($child->title) ?></h2>
+    <?= $theme->thumb_bottom($child) ?>
+    <ul class="g-metadata">
+      <?= $theme->thumb_info($child) ?>
+    </ul>
+  </li>
+  <? endforeach ?>
+</ul>
+<?= $theme->dynamic_bottom() ?>
+
+<?= $theme->add_paginator("bottom"); ?>

themes/greydragon_wide_wind/views/movie.html.php

@@ -0,0 +1,20 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<div id="g-item">
+  <?= $theme->photo_top() ?>
+
+<?= $theme->add_paginator("top"); ?>
+
+  <div id="g-movie" class="ui-helper-clearfix">
+    <?= $theme->resize_top($item) ?>
+    <?= $item->movie_img(array("class" => "g-movie", "id" => "g-item-id-{$item->id}")) ?>
+    <?= $theme->resize_bottom($item) ?>
+  </div>
+
+  <div id="g-info">
+    <h1><?= html::purify($item->title) ?></h1>
+    <div><?= nl2br(html::purify($item->description)) ?></div>
+  </div>
+
+  <?= $theme->photo_bottom() ?>
+<?= $theme->add_paginator("bottom"); ?>
+</div>

themes/greydragon_wide_wind/views/no_sidebar.html.php

@@ -0,0 +1,12 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<ul class="g-message-block">
+  <li class="g-warning">
+    <? if (block_manager::get_active("site_sidebar")): ?>
+    <?= t("Active sidebar blocks have no content.") ?>
+    <? else: ?>
+    <?= t("No active sidebar blocks.") ?>
+    <? endif ?>
+    <br/>
+    <a href="<?= url::site("admin/sidebar") ?>"><?= t("Configure blocks") ?></a>
+  </li>
+</ul>

themes/greydragon_wide_wind/views/page.html.php

@@ -0,0 +1,148 @@
+<?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">
+<? $theme->load_sessioninfo(); ?>
+<? $theme_id = module::get_var("gallery", "active_site_theme"); ?>
+<? $theme_info = new ArrayObject(parse_ini_file(THEMEPATH . "$theme_id/theme.info"), ArrayObject::ARRAY_AS_PROPS); ?>
+<!-- <?= $theme_info->name ?> v.<?= $theme_info->version ?> - Copyright (c) 2009-2011 Serguei Dosyukov - All Rights Reserved -->
+<html xmlns="http://www.w3.org/1999/xhtml" <?= $theme->html_attributes() ?>  xml:lang="en" lang="en">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <? $theme->start_combining("script,css") ?>
+    <title>
+      <? if ($page_title): ?>
+        <?= $page_title ?>
+      <? else: ?>
+        <? if ($theme->item()): ?>
+          <?= html::purify($theme->item()->title) ?>
+        <? elseif ($theme->tag()): ?>
+          <?= t("Photos tagged with %tag_title", array("tag_title" => $theme->tag()->name)) ?>
+        <? else: /* Not an item, not a tag, no page_title specified.  Help! */ ?>
+          <?= html::purify(item::root()->title) ?>
+        <? endif ?>
+      <? endif ?>
+    </title>
+    <link rel="shortcut icon"
+          href="<?= url::file(module::get_var("gallery", "favicon_url")) ?>"
+          type="image/x-icon" />
+    <link rel="apple-touch-icon-precomposed"
+          href="<?= url::file(module::get_var("gallery", "apple_touch_icon_url")) ?>" />
+    <? if ($theme->page_type == "collection"): ?>
+      <? if (($thumb_proportion = $theme->thumb_proportion($theme->item(), 100, "width")) != 1): ?>
+        <? $new_width = round($thumb_proportion * 213) ?>
+        <? $new_height = round($thumb_proportion * 240) ?>
+        <style type="text/css">
+        .g-view #g-content #g-album-grid .g-item {
+          width: <?= $new_width ?>px;
+          height: <?= $new_height ?>px;
+          /* <?= $thumb_proportion ?> */
+        }
+        </style>
+      <? endif ?>
+    <? endif ?>
+
+    <?= $theme->script("json2-min.js") ?>
+    <?= $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.scrollTo.js") ?>
+    <?= $theme->script("gallery.show_full_size.js") ?>
+
+    <?= $theme->head() ?>
+
+    <? /* Theme specific CSS/JS goes last so that it can override module CSS/JS */ ?>
+    <?= $theme->script("ui.init.js") ?>
+    <?= $theme->css("yui/reset-fonts-grids.css") ?>
+    <?= $theme->css("superfish/css/superfish.css") ?>
+    <?= $theme->css("themeroller/ui.base.css") ?>
+    <?= $theme->css("screen.css") ?>
+    <? if (locales::is_rtl()): ?>
+    <?= $theme->css("screen-rtl.css") ?>
+    <? endif; ?>
+    <!--[if lte IE 8]>
+    <link rel="stylesheet" type="text/css" href="<?= $theme->url("css/fix-ie.css") ?>"
+          media="screen,print,projection" />
+    <![endif]-->
+
+    <?= $theme->get_combined("css") ?>
+    <?= $theme->get_combined("script") ?>
+  </head>
+
+  <body <?= $theme->body_attributes() ?>>
+    <?= $theme->page_top() ?>
+    <div id="doc3" class="yui-t5 g-view">
+      <?= $theme->site_status() ?>
+      <div id="g-header" class="ui-helper-clearfix">
+        <div id="g-banner">
+          <? if ($header_text = module::get_var("gallery", "header_text")): ?>
+          <?= $header_text ?>
+          <? else: ?>
+          <a id="g-logo" class="g-left" href="<?= item::root()->url() ?>" title="<?= t("go back to the Gallery home")->for_html_attr() ?>">
+            <img width="107" height="48" alt="<?= t("Gallery logo: Your photos on your web site")->for_html_attr() ?>" src="<?= url::file("lib/images/logo.png") ?>" />
+          </a>
+          <? endif ?>
+          <?= $theme->user_menu() ?>
+          <?= $theme->header_top() ?>
+
+          <!-- hide the menu until after the page has loaded, to minimize menu flicker -->
+          <div id="g-site-menu" style="visibility: hidden">
+            <?= $theme->site_menu($theme->item() ? "#g-item-id-{$theme->item()->id}" : "") ?>
+          </div>
+          <script type="text/javascript"> $(document).ready(function() { $("#g-site-menu").css("visibility", "visible"); }) </script>
+
+          <?= $theme->header_bottom() ?>
+        </div>
+
+        <? if (!empty($breadcrumbs)): ?>
+        <ul class="g-breadcrumbs">
+          <? foreach ($breadcrumbs as $breadcrumb): ?>
+           <li class="<?= $breadcrumb->last ? "g-active" : "" ?>
+                      <?= $breadcrumb->first ? "g-first" : "" ?>">
+            <? if (!$breadcrumb->last): ?> <a href="<?= $breadcrumb->url ?>"><? endif ?>
+            <?= html::purify(text::limit_chars($breadcrumb->title, module::get_var("gallery", "visible_title_length"))) ?>
+            <? if (!$breadcrumb->last): ?></a><? endif ?>
+           </li>
+          <? endforeach ?>
+        </ul>
+        <? endif ?>
+      </div>
+      <div id="bd">
+        <div id="yui-main">
+          <div class="yui-b">
+            <div id="g-content" class="yui-g">
+              <?= $theme->messages() ?>
+              <?= $content ?>
+            </div>
+          </div>
+        </div>
+        <div id="g-sidebar" class="yui-b">
+          <? if (!in_array($theme->page_subtype, array("login", "error"))): ?>
+          <?= new View("sidebar.html") ?>
+          <? endif ?>
+        </div>
+      </div>
+      <div id="g-footer" class="ui-helper-clearfix">
+        <?= $theme->footer() ?>
+        <? if ($footer_text = module::get_var("gallery", "footer_text")): ?>
+        <?= $footer_text ?>
+        <? endif ?>
+
+        <? if (module::get_var("gallery", "show_credits")): ?>
+        <ul id="g-credits" class="g-inline">
+          <?= $theme->credits() ?>
+        </ul>
+        <? endif ?>
+      </div>
+    </div>
+    <?= $theme->page_bottom() ?>
+  </body>
+</html>

themes/greydragon_wide_wind/views/paginator.html.php

@@ -0,0 +1,168 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<?
+// This is a generic paginator for album, photo and movie pages.  Depending on the page type,
+// there are different sets of variables available.  With this data, you can make a paginator
+// that lets you say "You're viewing photo 5 of 35", or "You're viewing photos 10 - 18 of 37"
+// for album views.
+//
+// Available variables for all page types:
+//   $page_type               - "collection", "item", or "other"
+//   $page_subtype            - "album", "movie", "photo", "tag", etc.
+//   $previous_page_url       - the url to the previous page, if there is one
+//   $next_page_url           - the url to the next page, if there is one
+//   $total                   - the total number of photos in this album
+//
+// Available for the "collection" page types:
+//   $page                    - what page number we're on
+//   $max_pages               - the maximum page number
+//   $page_size               - the page size
+//   $first_page_url          - the url to the first page, or null if we're on the first page
+//   $last_page_url           - the url to the last page, or null if we're on the last page
+//   $first_visible_position  - the position number of the first visible photo on this page
+//   $last_visible_position   - the position number of the last visible photo on this page
+//
+// Available for "item" page types:
+//   $position                - the position number of this photo
+//
+?>
+
+<?
+  switch ($page_type) {
+    case "collection":
+      if ($item):
+        $parent = $item->parent();
+      endif;
+      $current_page = $page;
+      $total_pages = $max_pages;
+      // Prepare page url list
+      for ($i = 1; $i <= $total_pages; $i++):
+        $_pagelist[$i] = url::site(url::merge(array("page" => $i)));
+      endfor;
+      break;
+    case "item":
+      if ($item):
+        $parent = $item->parent();
+      endif;
+      $current_page = $position; 
+      $total_pages = $total;
+      $siblings = $item->parent()->children();
+      for ($i = 1; $i <= $total; $i++):
+        $_pagelist[$i] = $siblings[$i-1]->url();
+      endfor;
+      break;
+    default:
+      $current_page = 1;
+      $total_pages = 1;
+      $_pagelist[1] = url::site();
+      break;
+  }
+
+  if ($total_pages <= 1):
+    $pagination_msg = "&nbsp;";
+  else:
+    $pagination_msg = t("Page:") . ' ';
+    if ($total_pages < 13):
+      for ($i = 1; $i <= $total_pages; $i++):
+        if ($i == $current_page):
+          $pagination_msg .= '<span>' . t($i) . '</span>';
+        else:                                                                
+          $pagination_msg .= '<span><a href="' . $_pagelist[$i] . '" title="' . t("Page") . ' ' . t($i) . '">' . t($i) . '</a></span>';
+        endif;
+        if ($i < $total_pages):
+          $pagination_msg .= '&middot;'; 
+        endif;
+      endfor;
+    elseif ($current_page < 9):
+      for ($i = 1; $i <= 10; $i++):
+        if ($i == $current_page): 
+          $pagination_msg .= '<span>' . t($i) . '</span>';
+        else:
+          $pagination_msg .= '<span><a href="' . $_pagelist[$i] . '" title="' . t("Page") . ' ' . t($i) . '">' . t($i) . '</a></span>';
+        endif;
+        if ($i < 10):
+          $pagination_msg .= '&middot;'; 
+        endif;
+      endfor;
+      
+      $pagination_msg .= '&hellip;';
+      $pagination_msg .= '<span><a href="' . $_pagelist[$total_pages - 1] . '" title="' . t("Page") . ' ' . t($total_pages - 1) . '">' . t($total_pages - 1) . '</a></span>';
+      $pagination_msg .= '&middot;';
+      $pagination_msg .= '<span><a href="' . $_pagelist[$total_pages] . '" title="' . t("Page") . ' ' . t($total_pages) . '">' . t($total_pages) . '</a></span>';
+
+    elseif ($current_page > $total_pages - 8):
+      $pagination_msg .= '<span><a href="' . $_pagelist[1] . '" title="' . t("Page") . ' ' . t(1) . '">' . t(1) . '</a></span>';
+      $pagination_msg .= '&middot;';
+      $pagination_msg .= '<span><a href="' . $_pagelist[2] . '" title="' . t("Page") . ' ' . t(2) . '">' . t(2) . '</a></span>';
+      $pagination_msg .= '&hellip;';
+
+      for ($i = $total_pages - 9; $i <= $total_pages; $i++):
+        if ($i == $current_page): 
+          $pagination_msg .= '<span>' . t($i) . '</span>';
+        else:
+          $pagination_msg .= '<span><a href="' . $_pagelist[$i] . '" title="' . t("Page") . ' ' . t($i) . '">' . t($i) . '</a></span>';
+        endif;
+        if ($i < $total_pages):
+          $pagination_msg .= '&middot;';
+        endif;
+      endfor;
+
+    else:
+      $pagination_msg .= '<span><a href="' . $_pagelist[1] . '" title="' . t("Page") . ' ' . t(1) . '">' . t(1) . '</a></span>';
+      $pagination_msg .= '&middot;';
+      $pagination_msg .= '<span><a href="' . $_pagelist[2] . '" title="' . t("Page") . ' ' . t(2) . '">' . t(2) . '</a></span>';
+      $pagination_msg .= '&hellip;';
+
+      for ($i = $current_page - 5; $i <= $current_page + 5; $i++):
+        if ($i == $current_page): 
+          $pagination_msg .= '<span>' . t($i) . '</span>';
+        else:
+          $pagination_msg .= '<span><a href="' . $_pagelist[$i] . '" title="' . t("Page") . ' ' . t($i) . '">' . t($i) . '</a></span>';
+        endif;
+        if ($i < $current_page + 5):
+          $pagination_msg .= '&middot;';
+        endif;
+      endfor;
+
+      $pagination_msg .= '&hellip;';
+      $pagination_msg .= '<span><a href="' . $_pagelist[$total_pages - 1] . '" title="' . t("Page") . ' ' . t($total_pages - 1) . '">' . t($total_pages - 1) . '</a></span>';
+      $pagination_msg .= '&middot;';
+      $pagination_msg .= '<span><a href="' . $_pagelist[$total_pages] . '" title="' . t("Page") . ' ' . t($total_pages) . '">' . t($total_pages) . '</a></span>';
+    endif;
+  endif; 
+?>
+
+<ul class="g-paginator">
+  <li class="g-pagination"><?= $pagination_msg ?></li>   
+
+  <li class="g-navigation">
+  <? if ($current_page > 1): ?>
+    <a title="<?= t("first") ?>" id="g-navi-first" href="<?= $_pagelist[1] ?>"><span class="ui-icon ui-icon-first">&nbsp;</span></a>
+  <? else: ?>
+    <span class="ui-icon ui-icon-first-d">&nbsp;</span>
+  <? endif ?>
+
+  <? if (isset($previous_page_url)): ?>
+    <a title="<?= t("previous") ?>" id="g-navi-prev" href="<?= $previous_page_url ?>"><span class="ui-icon ui-icon-prev">&nbsp;</span></a>
+  <? else: ?>
+    <span class="ui-icon ui-icon-prev-d">&nbsp;</span>
+  <? endif ?>
+
+  <? if ($parent): ?>
+    <a title="<?= t("up") ?>" id="g-navi-parent" href="<?= $parent->url() ?>"><span class="ui-icon ui-icon-parent">&nbsp;</span></a>
+  <? else: ?>
+    <span class="ui-icon ui-icon-parent-d">&nbsp;</span>
+  <? endif ?>
+
+  <? if (isset($next_page_url)): ?>
+    <a title="<?= t("next") ?>" class="ui-right" id="g-navi-next" href="<?= $next_page_url ?>"><span class="ui-icon ui-icon-next">&nbsp;</span></a>
+  <? else: ?>
+    <span class="ui-icon ui-icon-next-d">&nbsp;</span>
+  <? endif ?>
+
+  <? if ($current_page < $total_pages): ?>
+      <a title="<?= t("last") ?>" class="ui-right" id="g-navi-last" href="<?= $_pagelist[$total_pages] ?>"><span class="ui-icon ui-icon-last">&nbsp;</span></a>
+  <? else: ?>
+    <span class="ui-icon ui-icon-last-d">&nbsp;</span>
+  <? endif ?>
+  </li>
+</ul>

themes/greydragon_wide_wind/views/photo.html.php

@@ -0,0 +1,55 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+
+<? if (access::can("view_full", $theme->item())): ?>
+<!-- Use javascript to show the full size as an overlay on the current page -->
+<script type="text/javascript">
+  $(document).ready(function() {
+    full_dims = [<?= $theme->item()->width ?>, <?= $theme->item()->height ?>];
+    $(".g-fullsize-link").click(function() {
+      $.gallery_show_full_size(<?= html::js_string($theme->item()->file_url()) ?>, full_dims[0], full_dims[1]);
+      return false;
+    });
+
+    // After the image is rotated or replaced we have to reload the image dimensions
+    // so that the full size view isn't distorted.
+    $("#g-photo").on("gallery.change", function() {
+      $.ajax({
+        url: "<?= url::site("items/dimensions/" . $theme->item()->id) ?>",
+        dataType: "json",
+        success: function(data, textStatus) {
+          full_dims = data.full;
+        }
+      });
+    });
+  });
+</script>
+<? endif ?>
+
+<div id="g-item">
+  <?= $theme->photo_top() ?>
+
+  <div id="g-info">
+    <h1><?= html::purify($item->title) ?></h1>
+  </div>
+
+  <?= $theme->add_paginator("top"); ?>
+
+  <div id="g-photo">
+    <?= $theme->resize_top($item) ?>
+    <? if (access::can("view_full", $item)): ?>
+    <a href="<?= $item->file_url() ?>" class="g-fullsize-link" title="<?= t("View full size")->for_html_attr() ?>">
+      <? endif ?>
+      <?= $item->resize_img(array("id" => "g-item-id-{$item->id}", "class" => "g-resize")) ?>
+      <? if (access::can("view_full", $item)): ?>
+    </a>
+    <? endif ?>
+    <?= $theme->resize_bottom($item) ?>
+  </div>
+
+  <div id="g-info-bottom">
+    <div><?= nl2br(html::purify($item->description)) ?></div>
+  </div>
+
+  <?= $theme->photo_bottom() ?>
+  <?= $theme->add_paginator("bottom"); ?>
+</div>

themes/greydragon_wide_wind/views/search.html.php

@@ -0,0 +1,24 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<div id="g-search-results">
+  <h1><?= t("Search Results for \"%term\"", array("term" => $q)) ?> </h1>
+
+  <? if (count($items)): ?>
+<?= $theme->add_paginator("top"); ?>
+
+  <ul id="g-album-grid">
+    <? foreach ($items as $item): ?>
+      <? $item_class = $item->is_album() ? "g-album" : "g-photo" ?>
+    <li class="g-item <?= $item_class ?>">
+      <p class="g-thumbcrop"><a href="<?= $item->url() ?>"><?= $item->thumb_img() ?></a></p>
+      <h2><a href="<?= $item->url() ?>"><?= html::purify(text::limit_chars($item->title, 32, "…")) ?></a></h2>
+    </li>
+    <? endforeach ?>
+  </ul>
+<?= $theme->add_paginator("bottom"); ?>
+
+  <? else: ?>
+  <p>&nbsp;</p>
+  <p><?= t("No results found for <b>%term</b>", array("term" => $q)) ?></p>
+
+  <? endif; ?>
+</div>

themes/greydragon_wide_wind/views/sidebar.html.php

@@ -0,0 +1,16 @@
+<?php defined("SYSPATH") or die("No direct script access.") ?>
+<?= $theme->sidebar_top() ?>
+<div id="g-view-menu" class="g-buttonset ui-helper-clearfix">
+  <? if ($page_subtype == "album"):?>
+    <?= $theme->album_menu() ?>
+  <? elseif ($page_subtype == "photo") : ?>
+    <?= $theme->photo_menu() ?>
+  <? elseif ($page_subtype == "movie") : ?>
+    <?= $theme->movie_menu() ?>
+  <? elseif ($page_subtype == "tag") : ?>
+    <?= $theme->tag_menu() ?>
+  <? endif ?>
+</div>
+
+<?= $theme->sidebar_blocks() ?>
+<?= $theme->sidebar_bottom() ?>