From ac254ffbc21a0bc9035aa9e258857835f438b77d Mon Sep 17 00:00:00 2001
From: Thomas Blazek <wtblazek@gmail.com>
Date: Tue, 27 Aug 2013 08:42:12 +0200
Subject: [PATCH] =?UTF-8?q?Show=20CSS=20ver=C3=A4ndert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/assets/stylesheets/galleries.css.scss | 34 +++++++++++++++++++++--
 app/views/galleries/show.html.erb         |  4 +--
 2 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/galleries.css.scss b/app/assets/stylesheets/galleries.css.scss
index 0195ed2..26654c0 100644
--- a/app/assets/stylesheets/galleries.css.scss
+++ b/app/assets/stylesheets/galleries.css.scss
@@ -1,6 +1,36 @@
 // Place all the styles related to the galleries controller here.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
-modal.fade.in {
-  
+
+.modal.fade {
+    top: -25%;
+    transition: opacity 0.3s linear 0s, top 0.3s ease-out 0s;
 }
+.modal-gallery {
+    max-height: none;
+    outline: medium none;
+    width: auto;
+}
+.modal {
+    color: #333333;
+}
+.hide {
+    display: none;
+}
+.modal {
+    background-clip: padding-box;
+    background-color: #FFFFFF;
+    border: 1px solid rgba(0, 0, 0, 0.3);
+    border-radius: 6px 6px 6px 6px;
+    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+    left: 50%;
+    margin-left: -280px;
+    outline: medium none;
+    position: fixed;
+    top: 10%;;
+    z-index: 1050;
+}
+.fade {
+    opacity: 0;
+    transition: opacity 0.15s linear 0s;
+}
\ No newline at end of file
diff --git a/app/views/galleries/show.html.erb b/app/views/galleries/show.html.erb
index a5b9d10..2e56349 100644
--- a/app/views/galleries/show.html.erb
+++ b/app/views/galleries/show.html.erb
@@ -16,7 +16,7 @@
   <%= @gallery.datum %>
 </p>
 <!-- modal-gallery is the modal dialog used for the image gallery -->
-<div id="modal-gallery" class="modal hide fade modal-gallery modal-fullscreen" tabindex="-1">
+<div id="modal-gallery" class="modal hide fade modal-gallery modal-fullscreen modal-loading" tabindex="-1">
     <div class="modal-header">
         <a class="close" data-dismiss="modal">&times;</a>
         <h3 class="modal-title"></h3>
@@ -49,5 +49,5 @@
 <script src="js/bootstrap-image-gallery.js"></script>
 <script type="text/javascript">
 
-$('#modal-gallery.fade').css('top', '50%');
+//$('#modal-gallery.fade').css('top', '50%');
   </script>