From 257ee4707eb70f279b0bab149a762eaf7c4c8e26 Mon Sep 17 00:00:00 2001 From: Simon Conseil Date: Sun, 24 Aug 2014 00:54:58 +0200 Subject: [PATCH] Use plain css to simplify theme customizing. Remove the dependency on ruby/sass, only cssmin is required to minify css files (and it can be installed with pip). --- .gitignore | 1 - MANIFEST.in | 3 - Makefile | 12 ++ docs/themes.rst | 11 +- setup.py | 14 +- sigal/themes/Makefile | 16 -- .../static/css/{base.scss => base.css} | 0 .../css/{colorbox.scss => colorbox.css} | 0 .../static/css/{layout.scss => layout.css} | 0 .../css/{skeleton.scss => skeleton.css} | 0 .../static/css/{style.scss => style.css} | 70 +++---- .../themes/colorbox/static/css/style.min.css | 2 +- .../css/{normalize.scss => normalize.css} | 0 sigal/themes/galleria/static/css/style.css | 147 +++++++++++++++ .../themes/galleria/static/css/style.min.css | 2 +- sigal/themes/galleria/static/css/style.scss | 174 ------------------ 16 files changed, 200 insertions(+), 252 deletions(-) create mode 100644 Makefile delete mode 100644 sigal/themes/Makefile rename sigal/themes/colorbox/static/css/{base.scss => base.css} (100%) rename sigal/themes/colorbox/static/css/{colorbox.scss => colorbox.css} (100%) rename sigal/themes/colorbox/static/css/{layout.scss => layout.css} (100%) rename sigal/themes/colorbox/static/css/{skeleton.scss => skeleton.css} (100%) rename sigal/themes/colorbox/static/css/{style.scss => style.css} (53%) rename sigal/themes/galleria/static/css/{normalize.scss => normalize.css} (100%) create mode 100644 sigal/themes/galleria/static/css/style.css delete mode 100644 sigal/themes/galleria/static/css/style.scss diff --git a/.gitignore b/.gitignore index 62103ed..c028871 100644 --- a/.gitignore +++ b/.gitignore @@ -4,7 +4,6 @@ *_flymake .coverage .ropeproject/ -.sass-cache/ .tox/ nose.cfg MANIFEST diff --git a/MANIFEST.in b/MANIFEST.in index 0ae131f..ed71e06 100644 --- a/MANIFEST.in +++ b/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 * diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..c22849e --- /dev/null +++ b/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 diff --git a/docs/themes.rst b/docs/themes.rst index 35782dc..6e7be2e 100644 --- a/docs/themes.rst +++ b/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 ~~~~~~~~~ diff --git a/setup.py b/setup.py index cc3277d..121291f 100644 --- a/setup.py +++ b/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', diff --git a/sigal/themes/Makefile b/sigal/themes/Makefile deleted file mode 100644 index bdbef71..0000000 --- a/sigal/themes/Makefile +++ /dev/null @@ -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 diff --git a/sigal/themes/colorbox/static/css/base.scss b/sigal/themes/colorbox/static/css/base.css similarity index 100% rename from sigal/themes/colorbox/static/css/base.scss rename to sigal/themes/colorbox/static/css/base.css diff --git a/sigal/themes/colorbox/static/css/colorbox.scss b/sigal/themes/colorbox/static/css/colorbox.css similarity index 100% rename from sigal/themes/colorbox/static/css/colorbox.scss rename to sigal/themes/colorbox/static/css/colorbox.css diff --git a/sigal/themes/colorbox/static/css/layout.scss b/sigal/themes/colorbox/static/css/layout.css similarity index 100% rename from sigal/themes/colorbox/static/css/layout.scss rename to sigal/themes/colorbox/static/css/layout.css diff --git a/sigal/themes/colorbox/static/css/skeleton.scss b/sigal/themes/colorbox/static/css/skeleton.css similarity index 100% rename from sigal/themes/colorbox/static/css/skeleton.scss rename to sigal/themes/colorbox/static/css/skeleton.css diff --git a/sigal/themes/colorbox/static/css/style.scss b/sigal/themes/colorbox/static/css/style.css similarity index 53% rename from sigal/themes/colorbox/static/css/style.scss rename to sigal/themes/colorbox/static/css/style.css index 03c21f8..6d9f1d5 100644 --- a/sigal/themes/colorbox/static/css/style.scss +++ b/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; diff --git a/sigal/themes/colorbox/static/css/style.min.css b/sigal/themes/colorbox/static/css/style.min.css index c350df5..5d241d6 100644 --- a/sigal/themes/colorbox/static/css/style.min.css +++ b/sigal/themes/colorbox/static/css/style.min.css @@ -1 +1 @@ -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{background:#fff;font:14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#444;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{color:#181818;font-family:"Georgia", "Times New Roman", serif;font-weight:normal}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:46px;line-height:50px;margin-bottom:14px}h2{font-size:35px;line-height:40px;margin-bottom:10px}h3{font-size:28px;line-height:34px;margin-bottom:8px}h4{font-size:21px;line-height:30px;margin-bottom:4px}h5{font-size:17px;line-height:24px}h6{font-size:14px;line-height:21px}.subheader{color:#777}p{margin:0 0 20px 0}p img{margin:0}p.lead{font-size:21px;line-height:27px;color:#777}em{font-style:italic}strong{font-weight:bold;color:#333}small{font-size:80%}blockquote,blockquote p{font-size:17px;line-height:24px;color:#777;font-style:italic}blockquote{margin:0 0 20px;padding:9px 20px 0 19px;border-left:1px solid #ddd}blockquote cite{display:block;font-size:12px;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{color:#555}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}a,a:visited{color:#333;text-decoration:underline;outline:0}a:hover,a:focus{color:#000}p a,p a:visited{line-height:inherit}ul,ol{margin-bottom:20px}ul{list-style:none outside}ol{list-style:decimal}ol,ul.square,ul.circle,ul.disc{margin-left:30px}ul.square{list-style:square outside}ul.circle{list-style:circle outside}ul.disc{list-style:disc outside}ul ul,ul ol,ol ol,ol ul{margin:4px 0 5px 30px;font-size:90%}ul ul li,ul ol li,ol ol li,ol ul li{margin-bottom:6px}li{line-height:18px;margin-bottom:12px}ul.large li{line-height:21px}li p{line-height:21px}img.scale-with-grid{max-width:100%;height:auto}.button,button,input[type="submit"],input[type="reset"],input[type="button"]{background:#eee;background:#eee -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:#eee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(100%, rgba(0,0,0,0.2)));background:#eee -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:#eee -o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:#eee -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:#eee linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);border:1px solid #aaa;border-top:1px solid #ccc;border-left:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#444;display:inline-block;font-size:11px;font-weight:bold;text-decoration:none;text-shadow:0 1px rgba(255,255,255,0.75);cursor:pointer;margin-bottom:20px;line-height:normal;padding:8px 10px;font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif}.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{color:#222;background:#ddd;background:#ddd -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.3) 100%);background:#ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.3)), color-stop(100%, rgba(0,0,0,0.3)));background:#ddd -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.3) 100%);background:#ddd -o-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.3) 100%);background:#ddd -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.3) 100%);background:#ddd linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.3) 100%);border:1px solid #888;border-top:1px solid #aaa;border-left:1px solid #aaa}.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active{border:1px solid #666;background:#ccc;background:#ccc -moz-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(10,10,10,0.4) 100%);background:#ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.35)), color-stop(100%, rgba(10,10,10,0.4)));background:#ccc -webkit-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(10,10,10,0.4) 100%);background:#ccc -o-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(10,10,10,0.4) 100%);background:#ccc -ms-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(10,10,10,0.4) 100%);background:#ccc linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(10,10,10,0.4) 100%)}.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width{width:100%;padding-left:0 !important;padding-right:0 !important;text-align:center}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}form{margin-bottom:20px}fieldset{margin-bottom:20px}input[type="text"],input[type="password"],input[type="email"],textarea,select{border:1px solid #ccc;padding:6px 4px;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font:13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#777;margin:0;width:210px;max-width:100%;display:block;margin-bottom:20px;background:#fff}select{padding:0}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus{border:1px solid #aaa;color:#444;-moz-box-shadow:0 0 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);box-shadow:0 0 3px rgba(0,0,0,0.2)}textarea{min-height:60px}label,legend{display:block;font-weight:bold;font-size:13px}select{width:220px}input[type="checkbox"]{display:inline}label span,legend span{font-weight:normal;font-size:13px;color:#444}.remove-bottom{margin-bottom:0 !important}.half-bottom{margin-bottom:10px !important}.add-bottom{margin-bottom:20px !important}.container{position:relative;width:960px;margin:0 auto;padding:0}.container .column,.container .columns{float:left;display:inline;margin-left:10px;margin-right:10px}.row{margin-bottom:20px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.container .one.column,.container .one.columns{width:40px}.container .two.columns{width:100px}.container .three.columns{width:160px}.container .four.columns{width:220px}.container .five.columns{width:280px}.container .six.columns{width:340px}.container .seven.columns{width:400px}.container .eight.columns{width:460px}.container .nine.columns{width:520px}.container .ten.columns{width:580px}.container .eleven.columns{width:640px}.container .twelve.columns{width:700px}.container .thirteen.columns{width:760px}.container .fourteen.columns{width:820px}.container .fifteen.columns{width:880px}.container .sixteen.columns{width:940px}.container .one-third.column{width:300px}.container .two-thirds.column{width:620px}.container .offset-by-one{padding-left:60px}.container .offset-by-two{padding-left:120px}.container .offset-by-three{padding-left:180px}.container .offset-by-four{padding-left:240px}.container .offset-by-five{padding-left:300px}.container .offset-by-six{padding-left:360px}.container .offset-by-seven{padding-left:420px}.container .offset-by-eight{padding-left:480px}.container .offset-by-nine{padding-left:540px}.container .offset-by-ten{padding-left:600px}.container .offset-by-eleven{padding-left:660px}.container .offset-by-twelve{padding-left:720px}.container .offset-by-thirteen{padding-left:780px}.container .offset-by-fourteen{padding-left:840px}.container .offset-by-fifteen{padding-left:900px}@media only screen and (min-width: 768px) and (max-width: 959px){.container{width:768px}.container .column,.container .columns{margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}.column.omega,.columns.omega{margin-right:0;margin-left:10px}.alpha.omega{margin-left:0;margin-right:0}.container .one.column,.container .one.columns{width:28px}.container .two.columns{width:76px}.container .three.columns{width:124px}.container .four.columns{width:172px}.container .five.columns{width:220px}.container .six.columns{width:268px}.container .seven.columns{width:316px}.container .eight.columns{width:364px}.container .nine.columns{width:412px}.container .ten.columns{width:460px}.container .eleven.columns{width:508px}.container .twelve.columns{width:556px}.container .thirteen.columns{width:604px}.container .fourteen.columns{width:652px}.container .fifteen.columns{width:700px}.container .sixteen.columns{width:748px}.container .one-third.column{width:236px}.container .two-thirds.column{width:492px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:384px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}}@media only screen and (max-width: 767px){.container{width:300px}.container .columns,.container .column{margin:0}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:300px}.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen{padding-left:0}}@media only screen and (min-width: 480px) and (max-width: 767px){.container{width:420px}.container .columns,.container .column{margin:0}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:420px}}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after,.clearfix:after{clear:both}.row,.clearfix{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}#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}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#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;-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}#cboxOverlay{background:#000;opacity:0.9;filter:alpha(opacity=90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0px;color:#ccc}#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none}#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: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: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:hover{background-position:bottom center}body{font:100%/1.4 "PT Sans", sans-serif}h1,h2,h3,h4,h5,h6{font-family:"PT Sans", sans-serif}ul{list-style:disc outside;padding-left:20px}.container{margin:0 0 0 40px}header h1 a{text-decoration:none}.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}.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_title{display:block}#cboxTitle{max-width:90%}#cboxTitle a,#cboxTitle a:visited{color:#ccc}@media only screen and (min-width: 767px){header{margin-top:40px}.sidebar{position:fixed;height:100%;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}} +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{background:#fff;font:14px/21px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#444;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{color:#181818;font-family:"Georgia","Times New Roman",serif;font-weight:normal}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:46px;line-height:50px;margin-bottom:14px}h2{font-size:35px;line-height:40px;margin-bottom:10px}h3{font-size:28px;line-height:34px;margin-bottom:8px}h4{font-size:21px;line-height:30px;margin-bottom:4px}h5{font-size:17px;line-height:24px}h6{font-size:14px;line-height:21px}.subheader{color:#777}p{margin:0 0 20px 0}p img{margin:0}p.lead{font-size:21px;line-height:27px;color:#777}em{font-style:italic}strong{font-weight:bold;color:#333}small{font-size:80%}blockquote,blockquote p{font-size:17px;line-height:24px;color:#777;font-style:italic}blockquote{margin:0 0 20px;padding:9px 20px 0 19px;border-left:1px solid #ddd}blockquote cite{display:block;font-size:12px;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{color:#555}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}a,a:visited{color:#333;text-decoration:underline;outline:0}a:hover,a:focus{color:#000}p a,p a:visited{line-height:inherit}ul,ol{margin-bottom:20px}ul{list-style:none outside}ol{list-style:decimal}ol,ul.square,ul.circle,ul.disc{margin-left:30px}ul.square{list-style:square outside}ul.circle{list-style:circle outside}ul.disc{list-style:disc outside}ul ul,ul ol,ol ol,ol ul{margin:4px 0 5px 30px;font-size:90%}ul ul li,ul ol li,ol ol li,ol ul li{margin-bottom:6px}li{line-height:18px;margin-bottom:12px}ul.large li{line-height:21px}li p{line-height:21px}img.scale-with-grid{max-width:100%;height:auto}.button,button,input[type="submit"],input[type="reset"],input[type="button"]{background:#eee;background:#eee -moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%);background:#eee -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));background:#eee -webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%);background:#eee -o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%);background:#eee -ms-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%);background:#eee linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%);border:1px solid #aaa;border-top:1px solid #ccc;border-left:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#444;display:inline-block;font-size:11px;font-weight:bold;text-decoration:none;text-shadow:0 1px rgba(255,255,255,.75);cursor:pointer;margin-bottom:20px;line-height:normal;padding:8px 10px;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif}.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{color:#222;background:#ddd;background:#ddd -moz-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background:#ddd -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.3)),color-stop(100%,rgba(0,0,0,.3)));background:#ddd -webkit-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background:#ddd -o-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background:#ddd -ms-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background:#ddd linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);border:1px solid #888;border-top:1px solid #aaa;border-left:1px solid #aaa}.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active{border:1px solid #666;background:#ccc;background:#ccc -moz-linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%);background:#ccc -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.35)),color-stop(100%,rgba(10,10,10,.4)));background:#ccc -webkit-linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%);background:#ccc -o-linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%);background:#ccc -ms-linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%);background:#ccc linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%)}.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width{width:100%;padding-left:0!important;padding-right:0!important;text-align:center}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}form{margin-bottom:20px}fieldset{margin-bottom:20px}input[type="text"],input[type="password"],input[type="email"],textarea,select{border:1px solid #ccc;padding:6px 4px;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font:13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#777;margin:0;width:210px;max-width:100%;display:block;margin-bottom:20px;background:#fff}select{padding:0}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus{border:1px solid #aaa;color:#444;-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}textarea{min-height:60px}label,legend{display:block;font-weight:bold;font-size:13px}select{width:220px}input[type="checkbox"]{display:inline}label span,legend span{font-weight:normal;font-size:13px;color:#444}.remove-bottom{margin-bottom:0!important}.half-bottom{margin-bottom:10px!important}.add-bottom{margin-bottom:20px!important}.container{position:relative;width:960px;margin:0 auto;padding:0}.container .column,.container .columns{float:left;display:inline;margin-left:10px;margin-right:10px}.row{margin-bottom:20px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.container .one.column,.container .one.columns{width:40px}.container .two.columns{width:100px}.container .three.columns{width:160px}.container .four.columns{width:220px}.container .five.columns{width:280px}.container .six.columns{width:340px}.container .seven.columns{width:400px}.container .eight.columns{width:460px}.container .nine.columns{width:520px}.container .ten.columns{width:580px}.container .eleven.columns{width:640px}.container .twelve.columns{width:700px}.container .thirteen.columns{width:760px}.container .fourteen.columns{width:820px}.container .fifteen.columns{width:880px}.container .sixteen.columns{width:940px}.container .one-third.column{width:300px}.container .two-thirds.column{width:620px}.container .offset-by-one{padding-left:60px}.container .offset-by-two{padding-left:120px}.container .offset-by-three{padding-left:180px}.container .offset-by-four{padding-left:240px}.container .offset-by-five{padding-left:300px}.container .offset-by-six{padding-left:360px}.container .offset-by-seven{padding-left:420px}.container .offset-by-eight{padding-left:480px}.container .offset-by-nine{padding-left:540px}.container .offset-by-ten{padding-left:600px}.container .offset-by-eleven{padding-left:660px}.container .offset-by-twelve{padding-left:720px}.container .offset-by-thirteen{padding-left:780px}.container .offset-by-fourteen{padding-left:840px}.container .offset-by-fifteen{padding-left:900px}@media only screen and (min-width:768px) and (max-width:959px){.container{width:768px}.container .column,.container .columns{margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}.column.omega,.columns.omega{margin-right:0;margin-left:10px}.alpha.omega{margin-left:0;margin-right:0}.container .one.column,.container .one.columns{width:28px}.container .two.columns{width:76px}.container .three.columns{width:124px}.container .four.columns{width:172px}.container .five.columns{width:220px}.container .six.columns{width:268px}.container .seven.columns{width:316px}.container .eight.columns{width:364px}.container .nine.columns{width:412px}.container .ten.columns{width:460px}.container .eleven.columns{width:508px}.container .twelve.columns{width:556px}.container .thirteen.columns{width:604px}.container .fourteen.columns{width:652px}.container .fifteen.columns{width:700px}.container .sixteen.columns{width:748px}.container .one-third.column{width:236px}.container .two-thirds.column{width:492px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:384px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}}@media only screen and (max-width:767px){.container{width:300px}.container .columns,.container .column{margin:0}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:300px}.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen{padding-left:0}}@media only screen and (min-width:480px) and (max-width:767px){.container{width:420px}.container .columns,.container .column{margin:0}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:420px}}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after,.clearfix:after{clear:both}.row,.clearfix{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}#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}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#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;-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}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none}#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: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: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:hover{background-position:bottom center}body{font:100%/1.4 "PT Sans",sans-serif}h1,h2,h3,h4,h5,h6{font-family:"PT Sans",sans-serif}ul{list-style:disc outside;padding-left:20px}.container{margin:0 0 0 40px}header h1 a{text-decoration:none}.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}.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_title{display:block}#cboxTitle{max-width:90%}#cboxTitle a,#cboxTitle a:visited{color:#ccc}@media only screen and (min-width:767px){header{margin-top:40px}.sidebar{position:fixed;height:100%;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}} \ No newline at end of file diff --git a/sigal/themes/galleria/static/css/normalize.scss b/sigal/themes/galleria/static/css/normalize.css similarity index 100% rename from sigal/themes/galleria/static/css/normalize.scss rename to sigal/themes/galleria/static/css/normalize.css diff --git a/sigal/themes/galleria/static/css/style.css b/sigal/themes/galleria/static/css/style.css new file mode 100644 index 0000000..06691cd --- /dev/null +++ b/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; + } +} diff --git a/sigal/themes/galleria/static/css/style.min.css b/sigal/themes/galleria/static/css/style.min.css index 229911b..190a1bd 100644 --- a/sigal/themes/galleria/static/css/style.min.css +++ b/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}} \ No newline at end of file diff --git a/sigal/themes/galleria/static/css/style.scss b/sigal/themes/galleria/static/css/style.scss deleted file mode 100644 index 4f48b0b..0000000 --- a/sigal/themes/galleria/static/css/style.scss +++ /dev/null @@ -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; - } - } -}