Merge branch 'themes'

.gitignore

@@ -4,7 +4,6 @@
 *_flymake
 .coverage
 .ropeproject/
-.sass-cache/
 .tox/
 nose.cfg
 MANIFEST

MANIFEST.in

@@ -6,7 +6,4 @@ prune docs/_build
 prune docs/_themes/.git
 recursive-include sigal/themes *
 include sigal/templates/sigal.conf.py
-prune sigal/themes/.sass-cache
-prune sigal/themes/colorbox/static/css/.sass-cache
-prune sigal/themes/galleria/static/css/.sass-cache
 recursive-exclude tests *

Makefile

@@ -0,0 +1,12 @@
+COLORBOX_PATH=sigal/themes/colorbox/static/css
+GALLERIA_PATH=sigal/themes/galleria/static/css
+
+all: colorbox galleria
+
+colorbox:
+	cat $(COLORBOX_PATH)/{base,skeleton,colorbox,style}.css | cssmin > $(COLORBOX_PATH)/style.min.css
+
+galleria:
+	cat $(GALLERIA_PATH)/{normalize,style}.css | cssmin > $(GALLERIA_PATH)/style.min.css
+
+.PHONY: colorbox galleria

docs/themes.rst

@@ -10,16 +10,13 @@ be located in ``THEME_DIR/templates``.
 Bundled themes
 ~~~~~~~~~~~~~~
 
-Sigal comes with two themes, based on the `colorbox`_ and `galleria`_
-Javascript libraries, and located in the ``sigal/themes`` folder.
-
-The stylesheets for these themes are written with sass_ (``gem install sass``).
-A Makefile is available to compile the scss files to css
-(``sigal/themes/Makefile``).
+Sigal comes with two themes, based on the colorbox_ and galleria_ Javascript
+libraries, and located in the ``sigal/themes`` folder. A Makefile is available
+to concatenate and minify the css files, using cssmin_ (``pip install cssmin``).
 
 .. _galleria: http://galleria.io/
 .. _colorbox: http://www.jacklmoore.com/colorbox
-.. _sass: http://sass-lang.com/
+.. _cssmin: https://pypi.python.org/pypi/cssmin
 
 Variables
 ~~~~~~~~~

setup.py

@@ -3,12 +3,6 @@
 import os
 from setuptools import setup
 
-requires = ['argh', 'blinker', 'jinja2', 'Markdown', 'Pillow', 'pilkit']
-
-entry_points = {
-    'console_scripts': ['sigal = sigal:main']
-}
-
 with open('README.rst') as f:
     README = f.read()
 
@@ -35,9 +29,13 @@ setup(
     zip_safe=False,
     include_package_data=True,
     platforms='any',
-    install_requires=requires,
+    install_requires=['argh', 'blinker', 'jinja2', 'Markdown', 'Pillow',
+                      'pilkit'],
     test_requires=['pytest'],
-    entry_points=entry_points,
+    extras_require={'CSS':  ['cssmin']},
+    entry_points={
+        'console_scripts': ['sigal = sigal:main']
+    },
     classifiers=[
         'Development Status :: 5 - Production/Stable',
         'Environment :: Console',

sigal/themes/Makefile

@@ -1,16 +0,0 @@
-COLORBOX_PATH=colorbox/static/css
-GALLERIA_PATH=galleria/static/css
-
-all:
-	sass $(COLORBOX_PATH)/style.scss:$(COLORBOX_PATH)/style.min.css --style compressed
-	sass $(GALLERIA_PATH)/style.scss:$(GALLERIA_PATH)/style.min.css --style compressed
-
-colorbox:
-	sass --watch $(COLORBOX_PATH)/style.scss:$(COLORBOX_PATH)/style.min.css \
-	     --style compressed
-
-galleria:
-	sass --watch $(GALLERIA_PATH)/style.scss:$(GALLERIA_PATH)/style.min.css \
-	     --style compressed
-
-.PHONY: colorbox galleria

sigal/themes/colorbox/static/css/colorbox.css

@@ -1,8 +1,9 @@
 /*
-    ColorBox Core Style:
+    Colorbox Core Style:
     The following CSS is consistent between example themes and should not be altered.
 */
 #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
+#cboxWrapper {max-width:none;}
 #cboxOverlay{position:fixed; width:100%; height:100%;}
 #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
 #cboxContent{position:relative;}
@@ -10,16 +11,16 @@
 #cboxTitle{margin:0;}
 #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
-.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
-.cboxIframe{width:100%; height:100%; display:block; border:0;}
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
+.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
 #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
 
-/* 
+/*
     User Style:
-    Change the following styles to modify the appearance of ColorBox.  They are
+    Change the following styles to modify the appearance of Colorbox.  They are
     ordered & tabbed in a way that represents the nesting of the generated HTML.
 */
-#cboxOverlay{background:#000;}
+#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
 #colorbox{outline:0;}
     #cboxContent{margin-top:20px;background:#000;}
         .cboxIframe{background:#fff;}
@@ -31,17 +32,14 @@
 
         /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
         #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
-        
+
         /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
         #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
-        
+
         #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
-        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px;
-        background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
+        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
         #cboxPrevious:hover{background-position:bottom left;}
-        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px;
-        background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
+        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
         #cboxNext:hover{background-position:bottom right;}
-        #cboxClose{position:absolute; top:5px; right:5px; display:block;
-        background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
+        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
         #cboxClose:hover{background-position:bottom center;}

sigal/themes/colorbox/static/css/style.css

@@ -1,9 +1,3 @@
-/* -*- scss-compile-at-save: nil -*- */
-
-@import "base";
-@import "skeleton";
-@import "colorbox";
-
 body {
   font: 100%/1.4 "PT Sans", sans-serif;
 }
@@ -21,53 +15,48 @@ ul {
   margin: 0 0 0 40px;
 }
 
-header {
-  h1 a { text-decoration: none; }
+header h1 a {
+  text-decoration: none;
 }
 
-.sidebar {
-  h1 {
-    font-size: 35px;
-    line-height: 40px;
-    margin: 40px 0;
-
-    a { text-decoration: none; }
-  }
-
-  footer {
-    position: absolute;
-    bottom: 40px;
-  }
+.sidebar h1 {
+  font-size: 35px;
+  line-height: 40px;
+  margin: 40px 0;
+}
+.sidebar h1 a {
+  text-decoration: none;
+}
+.sidebar footer {
+  position: absolute;
+  bottom: 40px;
 }
 
 .thumbnail {
   text-align: center;
-
-  img {
-    max-width: 100%;
-    height: auto;
-    margin: 0 5px 5px 0;
-    border: 10px solid #fff;
-    border-radius: 2px 2px 2px 2px;
-    box-shadow: 0 0 3px #B1B1B1;
-    padding: 0 0 2px;
-
-    &:hover {
-      box-shadow: 0 0 5px #818181;
-    }
-  }
+}
+.thumbnail img {
+  max-width: 100%;
+  height: auto;
+  margin: 0 5px 5px 0;
+  border: 10px solid #fff;
+  border-radius: 2px 2px 2px 2px;
+  box-shadow: 0 0 3px #B1B1B1;
+  padding: 0 0 2px;
+}
+.thumbnail img:hover {
+  box-shadow: 0 0 5px #818181;
 }
 
-.album_thumb {}
 .album_title {
   display: block;
 }
 
 #cboxTitle {
   max-width: 90%;
-  a, a:visited {
-    color: #ccc;
-  }
+}
+#cboxTitle a, #cboxTitle a:visited {
+  color: #ccc;
 }
 
 @media only screen and (min-width: 767px) {
@@ -81,16 +70,15 @@ header {
     width: 220px;
   }
 }
-
 @media only screen and (max-width: 767px) {
   .container {
     padding-bottom: 40px;
   }
+
   .sidebar footer {
     bottom: 10px;
   }
 }
-
 @media only screen and (min-width: 768px) and (max-width: 959px) {
   .sidebar {
     width: 172px;

sigal/themes/galleria/static/css/style.css

@@ -0,0 +1,147 @@
+body {
+  font: 16px/1.5 Molengo, sans-serif;
+  background-color: #242424;
+  color: #aaaaaa;
+  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
+}
+
+.container {
+  margin: 0 auto;
+  text-align: left;
+  width: 96%;
+}
+
+a, a:link, a:visited {
+  color: #999999;
+  text-decoration: underline;
+}
+
+a:hover {
+  color: #dadada;
+}
+
+/* header */
+header {
+  padding: 1em 0;
+  color: #eeeeee;
+}
+header h1, header h2 {
+  color: #eeeeee;
+  margin: 10px 0;
+}
+header h1 a, header h1 a:link, header h1 a:visited,
+header h2 a, header h2 a:link, header h2 a:visited {
+  color: #eeeeee;
+  text-shadow: 0 2px 0 #000;
+  text-decoration: none;
+}
+header h1 a:hover, header h2 a:hover {
+  color: #fff;
+  text-decoration: none;
+}
+
+#menu ul {
+  list-style-type: none;
+  margin: 0 0 10px;
+  padding: 0;
+}
+#menu ul li {
+  display: inline-block;
+}
+#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
+  color: #aaaaaa;
+  border-bottom: 1px solid #aaaaaa;
+  padding-bottom: 2px;
+  margin-left: 5px;
+  text-decoration: none;
+}
+#menu ul li a:hover {
+  color: #eeeeee;
+  border-color: #eeeeee;
+  text-decoration: none;
+}
+
+/* gallery */
+#albums ul {
+  list-style-type: none;
+  padding-left: 0;
+}
+#albums ul li {
+  display: inline-block;
+  margin: 0 55px 30px 0;
+  text-align: center;
+  vertical-align: top;
+  width: 280px;
+}
+#albums ul li:nth-child(3n+3) {
+  margin-right: 0;
+}
+#albums ul li a img {
+  opacity: 1;
+  -webkit-transition: opacity 0.2s ease-in;
+  -moz-transition-property: opacity;
+  -moz-transition-duration: 0.2s;
+  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
+  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
+  -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
+}
+#albums ul li a:hover img {
+  opacity: .5;
+}
+
+.album_title {
+  display: block;
+  color: #eeeeee;
+  font-size: 1.3em;
+  font-variant: small-caps;
+  font-weight: bold;
+}
+
+/* galleria */
+#gallery {
+  line-height: 0;
+  width: 100%;
+  height: 600px;
+}
+#gallery video {
+  position: absolute;
+  top: 10%;
+  width: 100%;
+  margin: 0 auto;
+}
+
+/* footer */
+footer {
+  clear: both;
+  display: block;
+  margin: 1em 0;
+  text-align: center;
+}
+footer a:link, footer a:visited {
+  font-weight: bold;
+  text-decoration: none;
+}
+footer a:hover {
+  border-bottom: 1px solid;
+  text-decoration: none;
+}
+
+@media only screen and (min-width: 980px) {
+  .container {
+    width: 960px;
+  }
+
+  #gallery {
+    width: 980px;
+    margin: 0 0 40px -10px;
+  }
+
+  header h1, #menu {
+    display: inline-block;
+    width: 49.5%;
+  }
+  #menu {
+    text-align: right;
+  }
+}

sigal/themes/galleria/static/css/style.min.css

@@ -1 +1 @@
-/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body{font:16px/1.5 Molengo, sans-serif;background-color:#242424;color:#aaa;text-shadow:0 1px 3px rgba(0,0,0,0.7)}.container{margin:0 auto;text-align:left;width:96%}a,a:link,a:visited{color:#999;text-decoration:underline}a:hover{color:#dadada}header{padding:1em 0;color:#eee}header h1,header h2{color:#eee}header h1 a,header h1 a:link,header h1 a:visited,header h2 a,header h2 a:link,header h2 a:visited{color:#eee;text-shadow:0 2px 0 #000;text-decoration:none}header h1 a:hover,header h2 a:hover{color:#fff;text-decoration:none}header h1,header h2{margin:10px 0}header #menu ul{list-style-type:none;margin:0 0 10px;padding:0}header #menu ul li{display:inline-block}header #menu ul li a,header #menu ul li a:link,header #menu ul li a:visited{color:#aaa;border-bottom:1px solid #aaa;padding-bottom:2px;margin-left:5px;text-decoration:none}header #menu ul li a:hover{color:#eee;border-color:#eee;text-decoration:none}#albums ul{list-style-type:none;padding-left:0}#albums ul li{display:inline-block;margin:0 55px 30px 0;text-align:center;vertical-align:top;width:280px}#albums ul li:nth-child(3n+3){margin-right:0}#albums ul li a img{opacity:1;-webkit-transition:opacity 0.2s ease-in;-moz-transition-property:opacity;-moz-transition-duration:0.2s;-moz-box-shadow:0 1px 6px rgba(0,0,0,0.6);-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.6);-o-box-shadow:0 1px 6px rgba(0,0,0,0.6);box-shadow:0 1px 6px rgba(0,0,0,0.6)}#albums ul li a:hover img{opacity:.5}.album_title{display:block;color:#eee;font-size:1.3em;font-variant:small-caps;font-weight:bold}#gallery{line-height:0;width:100%;height:600px}#gallery video{position:absolute;top:10%;width:100%;margin:0 auto}footer{clear:both;display:block;margin:1em 0;text-align:center}footer a:link,footer a:visited{font-weight:bold;text-decoration:none}footer a:hover{border-bottom:1px solid;text-decoration:none}@media only screen and (min-width: 980px){.container{width:960px}#gallery{width:980px;margin:0 0 40px -10px}header h1,header #menu{display:inline-block;width:49.5%}header #menu{text-align:right}}
+/*!normalize.css v3.0.1 | MIT License | git.io/normalize */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body{font:16px/1.5 Molengo,sans-serif;background-color:#242424;color:#aaa;text-shadow:0 1px 3px rgba(0,0,0,0.7)}.container{margin:0 auto;text-align:left;width:96%}a,a:link,a:visited{color:#999;text-decoration:underline}a:hover{color:#dadada}header{padding:1em 0;color:#eee}header h1,header h2{color:#eee;margin:10px 0}header h1 a,header h1 a:link,header h1 a:visited,header h2 a,header h2 a:link,header h2 a:visited{color:#eee;text-shadow:0 2px 0 #000;text-decoration:none}header h1 a:hover,header h2 a:hover{color:#fff;text-decoration:none}#menu ul{list-style-type:none;margin:0 0 10px;padding:0}#menu ul li{display:inline-block}#menu ul li a,#menu ul li a:link,#menu ul li a:visited{color:#aaa;border-bottom:1px solid #aaa;padding-bottom:2px;margin-left:5px;text-decoration:none}#menu ul li a:hover{color:#eee;border-color:#eee;text-decoration:none}#albums ul{list-style-type:none;padding-left:0}#albums ul li{display:inline-block;margin:0 55px 30px 0;text-align:center;vertical-align:top;width:280px}#albums ul li:nth-child(3n+3){margin-right:0}#albums ul li a img{opacity:1;-webkit-transition:opacity .2s ease-in;-moz-transition-property:opacity;-moz-transition-duration:.2s;-moz-box-shadow:0 1px 6px rgba(0,0,0,0.6);-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.6);-o-box-shadow:0 1px 6px rgba(0,0,0,0.6);box-shadow:0 1px 6px rgba(0,0,0,0.6)}#albums ul li a:hover img{opacity:.5}.album_title{display:block;color:#eee;font-size:1.3em;font-variant:small-caps;font-weight:bold}#gallery{line-height:0;width:100%;height:600px}#gallery video{position:absolute;top:10%;width:100%;margin:0 auto}footer{clear:both;display:block;margin:1em 0;text-align:center}footer a:link,footer a:visited{font-weight:bold;text-decoration:none}footer a:hover{border-bottom:1px solid;text-decoration:none}@media only screen and (min-width:980px){.container{width:960px}#gallery{width:980px;margin:0 0 40px -10px}header h1,#menu{display:inline-block;width:49.5%}#menu{text-align:right}}

sigal/themes/galleria/static/css/style.scss

@@ -1,174 +0,0 @@
-/* -*- scss-compile-at-save: nil -*- */
-
-@import "normalize";
-
-$textColor: #aaa;
-$titleColor: #eee;
-$linkColor: #999;
-
-body {
-  font: 16px/1.5 Molengo, sans-serif;
-  background-color: #242424;
-  color: $textColor;
-  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
-}
-
-.container {
-  margin: 0 auto;
-  text-align: left;
-  width: 96%;
-}
-
-a, a:link, a:visited {
-  color: $linkColor;
-  text-decoration: underline;
-}
-a:hover {
-  color: #dadada;
-}
-
-/* header */
-
-header {
-  padding: 1em 0;
-  color: $titleColor;
-
-  h1, h2 {
-    color: $titleColor;
-
-    a, a:link, a:visited {
-      color: $titleColor;
-      text-shadow: 0 2px 0 #000;
-      text-decoration: none;
-    }
-    a:hover {
-      color: #fff;
-      text-decoration: none;
-    }
-  }
-
-  h1, h2 {
-    margin: 10px 0;
-  }
-
-  #menu {
-    ul {
-      list-style-type: none;
-      margin: 0 0 10px;
-      padding: 0;
-
-      li {
-        display: inline-block;
-
-        a, a:link, a:visited {
-          color: $textColor;
-          border-bottom: 1px solid $textColor;
-          padding-bottom: 2px;
-          margin-left: 5px;
-          text-decoration: none;
-        }
-        a:hover {
-          color: $titleColor;
-          border-color: $titleColor;
-          text-decoration: none;
-        }
-      }
-    }
-  }
-}
-
-/* gallery */
-
-#albums ul {
-  list-style-type: none;
-  padding-left: 0;
-
-  li {
-    display: inline-block;
-    margin: 0 55px 30px 0;
-    text-align: center;
-    vertical-align: top;
-    width: 280px;
-  }
-  li:nth-child(3n+3) {
-    margin-right: 0;
-  }
-
-  li a img {
-    opacity: 1;
-    -webkit-transition: opacity 0.2s ease-in;
-    -moz-transition-property: opacity;
-    -moz-transition-duration: 0.2s;
-    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
-    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
-    -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
-    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
-  }
-  li a:hover img {
-    opacity: .5;
-  }
-}
-
-.album_thumb {}
-.album_title {
-  display: block;
-  color: $titleColor;
-  font-size: 1.3em;
-  font-variant: small-caps;
-  font-weight: bold;
-}
-
-/* galleria */
-
-#gallery {
-  line-height: 0;
-  width: 100%;
-  height: 600px;
-
-  video {
-    position: absolute;
-    top: 10%;
-    width: 100%;
-    margin: 0 auto;
-  }
-}
-
-/* footer */
-
-footer {
-  clear: both;
-  display: block;
-  margin: 1em 0;
-  text-align: center;
-
-  a:link, a:visited {
-    font-weight: bold;
-    text-decoration: none;
-  }
-  a:hover {
-    border-bottom: 1px solid;
-    text-decoration: none;
-  }
-}
-
-
-@media only screen and (min-width: 980px) {
-  .container {
-    width: 960px;
-  }
-
-  #gallery {
-    width: 980px;
-    margin: 0 0 40px -10px;
-  }
-
-  header {
-    h1, #menu {
-      display: inline-block;
-      width: 49.5%;
-    }
-    #menu {
-      text-align: right;
-    }
-  }
-}

sigal/themes/galleria/static/js/galleria.classic.min.js

@@ -1 +1 @@
-!function(i){Galleria.addTheme({name:"classic",author:"Galleria",css:"galleria.classic.css",defaults:{transition:"slide",thumbCrop:"height",_toggleInfo:true},init:function(t){Galleria.requires(1.33,"This version of Classic theme requires Galleria 1.3.3 or later");this.addElement("info-link","info-close");this.append({info:["info-link","info-close"]});var e=this.$("info-link,info-close,info-text"),s=Galleria.TOUCH;this.$("loader,counter").show().css("opacity",.4);if(!s){this.addIdleState(this.get("image-nav-left"),{left:-50});this.addIdleState(this.get("image-nav-right"),{right:-50});this.addIdleState(this.get("counter"),{opacity:0})}if(t._toggleInfo===true){e.bind("click:fast",function(){e.toggle()})}else{e.show();this.$("info-link, info-close").hide()}this.bind("thumbnail",function(t){if(!s){i(t.thumbTarget).css("opacity",.6).parent().hover(function(){i(this).not(".active").children().stop().fadeTo(100,1)},function(){i(this).not(".active").children().stop().fadeTo(400,.6)});if(t.index===this.getIndex()){i(t.thumbTarget).css("opacity",1)}}else{i(t.thumbTarget).css("opacity",this.getIndex()?1:.6).bind("click:fast",function(){i(this).css("opacity",1).parent().siblings().children().css("opacity",.6)})}});var n=function(t){i(t.thumbTarget).css("opacity",1).parent().siblings().children().css("opacity",.6)};this.bind("loadstart",function(i){if(!i.cached){this.$("loader").show().fadeTo(200,.4)}window.setTimeout(function(){n(i)},s?300:0);this.$("info").toggle(this.hasInfo())});this.bind("loadfinish",function(i){this.$("loader").fadeOut(200)})}})}(jQuery);
+!function(i){Galleria.addTheme({name:"classic",author:"Galleria",css:"galleria.classic.css",defaults:{transition:"slide",thumbCrop:"height",_toggleInfo:true},init:function(t){Galleria.requires(1.4,"This version of Classic theme requires Galleria 1.4 or later");this.addElement("info-link","info-close");this.append({info:["info-link","info-close"]});var e=this.$("info-link,info-close,info-text"),s=Galleria.TOUCH;this.$("loader,counter").show().css("opacity",.4);if(!s){this.addIdleState(this.get("image-nav-left"),{left:-50});this.addIdleState(this.get("image-nav-right"),{right:-50});this.addIdleState(this.get("counter"),{opacity:0})}if(t._toggleInfo===true){e.bind("click:fast",function(){e.toggle()})}else{e.show();this.$("info-link, info-close").hide()}this.bind("thumbnail",function(t){if(!s){i(t.thumbTarget).css("opacity",.6).parent().hover(function(){i(this).not(".active").children().stop().fadeTo(100,1)},function(){i(this).not(".active").children().stop().fadeTo(400,.6)});if(t.index===this.getIndex()){i(t.thumbTarget).css("opacity",1)}}else{i(t.thumbTarget).css("opacity",this.getIndex()?1:.6).bind("click:fast",function(){i(this).css("opacity",1).parent().siblings().children().css("opacity",.6)})}});var n=function(t){i(t.thumbTarget).css("opacity",1).parent().siblings().children().css("opacity",.6)};this.bind("loadstart",function(i){if(!i.cached){this.$("loader").show().fadeTo(200,.4)}window.setTimeout(function(){n(i)},s?300:0);this.$("info").toggle(this.hasInfo())});this.bind("loadfinish",function(i){this.$("loader").fadeOut(200)})}})}(jQuery);

sigal/themes/galleria/templates/index.html

@@ -10,7 +10,7 @@
     <meta name="viewport" content="width=device-width">
 
     <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Molengo">
-    <link rel="stylesheet" href="{{ theme.url }}/css/galleria.classic.css">
+    <link rel="stylesheet" href="{{ theme.url }}/classic/galleria.classic.css">
     <link rel="stylesheet" href="{{ theme.url }}/css/style.min.css">
     <!--[if lt IE 9]>
         <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
@@ -121,7 +121,7 @@
     {% if album.medias %}
     <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
     <script>!window.jQuery && document.write(unescape('%3Cscript src="{{ theme.url }}/js/jquery-1.11.1.min.js"%3E%3C/script%3E'))</script>
-    <script src="{{ theme.url }}/js/galleria-1.3.5.min.js"></script>
+    <script src="{{ theme.url }}/js/galleria-1.4.2.min.js"></script>
     <script src="{{ theme.url }}/js/galleria.classic.min.js"></script>
     <script src="{{ theme.url }}/js/galleria.history.min.js"></script>
     <script>