Browse Source

Merge branch 'themes'

pull/107/head
Simon Conseil 12 years ago
parent
commit
4e1f5c8765
  1. 1
      .gitignore
  2. 3
      MANIFEST.in
  3. 12
      Makefile
  4. 11
      docs/themes.rst
  5. 14
      setup.py
  6. 16
      sigal/themes/Makefile
  7. 0
      sigal/themes/colorbox/static/css/base.css
  8. 26
      sigal/themes/colorbox/static/css/colorbox.css
  9. 0
      sigal/themes/colorbox/static/css/layout.css
  10. 0
      sigal/themes/colorbox/static/css/skeleton.css
  11. 70
      sigal/themes/colorbox/static/css/style.css
  12. 2
      sigal/themes/colorbox/static/css/style.min.css
  13. 6
      sigal/themes/colorbox/static/js/jquery.colorbox.min.js
  14. 0
      sigal/themes/galleria/static/classic/classic-loader.gif
  15. 0
      sigal/themes/galleria/static/classic/classic-map.png
  16. 0
      sigal/themes/galleria/static/classic/galleria.classic.css
  17. 0
      sigal/themes/galleria/static/css/normalize.css
  18. 147
      sigal/themes/galleria/static/css/style.css
  19. 2
      sigal/themes/galleria/static/css/style.min.css
  20. 174
      sigal/themes/galleria/static/css/style.scss
  21. BIN
      sigal/themes/galleria/static/img/empty.png
  22. 3
      sigal/themes/galleria/static/js/galleria-1.3.5.min.js
  23. 3
      sigal/themes/galleria/static/js/galleria-1.4.2.min.js
  24. 2
      sigal/themes/galleria/static/js/galleria.classic.min.js
  25. 4
      sigal/themes/galleria/templates/index.html

1
.gitignore vendored

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

3
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 *

12
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

11
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
~~~~~~~~~

14
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',

16
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

0
sigal/themes/colorbox/static/css/base.scss → sigal/themes/colorbox/static/css/base.css

26
sigal/themes/colorbox/static/css/colorbox.scss → 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;}

0
sigal/themes/colorbox/static/css/layout.scss → sigal/themes/colorbox/static/css/layout.css

0
sigal/themes/colorbox/static/css/skeleton.scss → sigal/themes/colorbox/static/css/skeleton.css vendored

70
sigal/themes/colorbox/static/css/style.scss → 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;

2
sigal/themes/colorbox/static/css/style.min.css vendored

File diff suppressed because one or more lines are too long

6
sigal/themes/colorbox/static/js/jquery.colorbox.min.js vendored

File diff suppressed because one or more lines are too long

0
sigal/themes/galleria/static/img/classic-loader.gif → sigal/themes/galleria/static/classic/classic-loader.gif

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

0
sigal/themes/galleria/static/img/classic-map.png → sigal/themes/galleria/static/classic/classic-map.png

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

0
sigal/themes/galleria/static/css/galleria.classic.css → sigal/themes/galleria/static/classic/galleria.classic.css

0
sigal/themes/galleria/static/css/normalize.scss → sigal/themes/galleria/static/css/normalize.css vendored

147
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;
}
}

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

@ -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}}

174
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;
}
}
}

BIN
sigal/themes/galleria/static/img/empty.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 151 B

3
sigal/themes/galleria/static/js/galleria-1.3.5.min.js vendored

File diff suppressed because one or more lines are too long

3
sigal/themes/galleria/static/js/galleria-1.4.2.min.js vendored

File diff suppressed because one or more lines are too long

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

@ -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);

4
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>

Loading…
Cancel
Save