From 0037af59fdc7576d35f6de25bdf3ace5eab87987 Mon Sep 17 00:00:00 2001 From: Tobias Reich Date: Wed, 23 Mar 2016 16:52:59 +0100 Subject: [PATCH 01/43] Markdown license --- LICENSE => LICENSE.md | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename LICENSE => LICENSE.md (100%) diff --git a/LICENSE b/LICENSE.md similarity index 100% rename from LICENSE rename to LICENSE.md From 6e46f725266fcb6e5b90ba1830e8c2114bcd58a1 Mon Sep 17 00:00:00 2001 From: Tobias Reich Date: Thu, 24 Mar 2016 17:30:11 +0100 Subject: [PATCH 02/43] Removed several shadows and fixed missing icons in Safari 9.1 --- dist/main.css | 2 +- src/styles/_basicContext.custom.scss | 1 - src/styles/_content.scss | 4 ---- src/styles/_imageview.scss | 1 - src/styles/_message.scss | 5 ----- src/styles/main.scss | 3 +-- 6 files changed, 2 insertions(+), 14 deletions(-) diff --git a/dist/main.css b/dist/main.css index ae10049..4b77b87 100755 --- a/dist/main.css +++ b/dist/main.css @@ -1 +1 @@ -@charset "UTF-8";.basicContext,.basicModal__button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.basicContextContainer,.basicModalContainer{width:100%;height:100%;top:0;left:0;z-index:1000}.basicContext,.basicContext *,.basicModalContainer,.basicModalContainer *,.basicModalContainer :after,.basicModalContainer :before,.header__toolbar{box-sizing:border-box}.basicContextContainer{position:fixed;-webkit-tap-highlight-color:transparent}.basicContext{position:absolute;opacity:0;user-select:none;-webkit-animation:basicContext__popIn .3s cubic-bezier(.51,.92,.24,1.2);animation:basicContext__popIn .3s cubic-bezier(.51,.92,.24,1.2)}.basicContext__item{cursor:pointer}.basicContext__item--separator{float:left;width:100%;cursor:default}.basicContext__data{padding-right:20px;text-align:left;white-space:nowrap}.basicContext__icon{display:inline-block}.basicContext--scrollable{height:100%;-webkit-overflow-scrolling:touch;overflow-y:auto}.basicContext--scrollable .basicContext__data{min-width:160px}@-webkit-keyframes basicContext__popIn{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes basicContext__popIn{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes basicModal__fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes basicModal__fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes basicModal__fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes basicModal__fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes basicModal__moveUpFade{0%{-webkit-transform:translateY(80px);transform:translateY(80px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes basicModal__moveUpFade{0%{-webkit-transform:translateY(80px);transform:translateY(80px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes basicModal__shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%,60%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes basicModal__shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%,60%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.basicModalContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:fixed}.basicModalContainer--fadeIn{-webkit-animation:basicModal__fadeIn .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__fadeIn .3s cubic-bezier(.51,.92,.24,1.15)}.basicModalContainer--fadeOut{-webkit-animation:basicModal__fadeOut .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__fadeOut .3s cubic-bezier(.51,.92,.24,1.15)}.basicModalContainer--fadeIn .basicModal--fadeIn{-webkit-animation:basicModal__moveUpFade .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__moveUpFade .3s cubic-bezier(.51,.92,.24,1.15)}.basicModalContainer--fadeIn .basicModal--shake{-webkit-animation:basicModal__shake .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__shake .3s cubic-bezier(.51,.92,.24,1.15)}.basicModal{position:relative;width:500px;background-color:#fff;font-size:14px;border-radius:5px}.basicModal__content{max-height:70vh;overflow:auto;-webkit-overflow-scrolling:touch}.basicModal__buttons{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.basicModal__button{display:inline-block;width:100%;background-color:rgba(0,0,0,.07);color:#444;font-weight:700;text-align:center;transition:background-color .2s;user-select:none}#upload,.svgsprite{display:none}.basicModal__button:hover{background-color:rgba(0,0,0,.02)}.basicModal__button--active,.basicModal__button:active{background-color:rgba(0,0,0,.1)}.basicModal__button#basicModal__cancel{-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}.basicModal__button#basicModal__action{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.basicModal__button#basicModal__action:first-child{box-shadow:none}.basicModal__button:first-child{border-radius:0 0 0 5px}.basicModal__button:last-child{border-radius:0 0 5px}.basicModal__text{width:100%;margin:0;padding:14px 10px;background-color:transparent;color:#333;border:none;box-shadow:0 1px 0 #c8c8c8;border-radius:0;outline:0;transition:background-color .2s,box-shadow .2s}.basicModal__text:hover{background-color:rgba(0,0,0,.02);box-shadow:0 1px 0 #b4b4b4}.basicModal__text:focus{background-color:rgba(40,117,237,.05);box-shadow:0 1px 0 #2875ed}.basicModal__text.error{background-color:rgba(255,36,16,.05);box-shadow:0 1px 0 #ff2410}.basicModal p{margin:0 0 5%;width:100%;color:#444}.basicModal p a{color:#2875ed}.basicModal p:last-child{margin:0}.basicModal__small{max-width:340px;text-align:center}.basicModal__small .basicModal__content{padding:10% 5%}.basicModal__xclose#basicModal__cancel{position:absolute;top:-8px;right:-8px;margin:0;padding:0;width:40px;height:40px;background-color:#fff;border-radius:100%;box-shadow:0 1px 2px rgba(0,0,0,.2)}.basicModal__xclose#basicModal__cancel:after{content:'';position:absolute;left:-3px;top:8px;width:35px;height:34px;background:#fff}.basicModal__xclose#basicModal__cancel svg{position:relative;width:20px;height:39px;fill:#888;z-index:1;transition:fill .2s}.basicModal__xclose#basicModal__cancel:after:hover svg,.basicModal__xclose#basicModal__cancel:hover svg{fill:#2875ed}.basicModal__xclose#basicModal__cancel:active svg,.basicModal__xclose#basicModal__cancel:after:active svg{fill:#1364e3}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#1d1d1d;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .3s,opacity .3s ease-out,box-shadow .3s,-webkit-transform .3s ease-out;transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s;transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s,-webkit-transform .3s ease-out}body,html{min-height:100%}body.view{background-color:#0f0f0f}input{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.iconic{width:100%;height:100%}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1);animation-timing-function:cubic-bezier(.51,.92,.24,1)}.content .album,.content .photo,.fadeOut{-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1)}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.51,.92,.24,1)}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes moveBackground{0%{background-position-x:0}100%{background-position-x:-100px}}@keyframes moveBackground{0%{background-position-x:0}100%{background-position-x:-100px}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:50px 0 33px;width:100%;min-height:calc(100% - 83px);-webkit-overflow-scrolling:touch}.content .album .overlay h1,.content .photo .overlay h1,.header__title{overflow:hidden;text-overflow:ellipsis;font-weight:700;white-space:nowrap}.content::before{content:'';position:absolute;left:0;width:100%;height:1px;background:rgba(255,255,255,.02)}.content--sidebar{width:calc(100% - 300px)}.content.contentZoomIn .album,.content.contentZoomIn .photo{-webkit-animation-name:zoomIn;animation-name:zoomIn}.content.contentZoomIn .divider{-webkit-animation-name:fadeIn;animation-name:fadeIn}.content.contentZoomOut .album,.content.contentZoomOut .photo{-webkit-animation-name:zoomOut;animation-name:zoomOut}.content.contentZoomOut .divider{-webkit-animation-name:fadeOut;animation-name:fadeOut}.content .album,.content .photo{position:relative;width:202px;height:202px;margin:30px 0 0 30px;cursor:default;-webkit-animation-duration:.2s;animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.51,.92,.24,1)}.content .album img,.content .photo img{position:absolute;width:200px;height:200px;background:#222;box-shadow:0 2px 5px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.5);transition:opacity .3s ease-out,border-color .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out,border-color .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out,border-color .3s ease-out,-webkit-transform .3s ease-out;will-change:transform}.content .album.active img,.content .album:hover img,.content .photo.active img,.content .photo:hover img{border-color:#2293EC}.content .album:active img,.content .photo:active img{transition:none;border-color:#0f6ab2}.content .album img:first-child,.content .album img:nth-child(2){-webkit-transform:rotate(0) translateY(0) translateX(0);-ms-transform:rotate(0) translateY(0) translateX(0);transform:rotate(0) translateY(0) translateX(0);opacity:0}.content .album:hover img:nth-child(1),.content .album:hover img:nth-child(2){opacity:1}.content .album:hover img:nth-child(1){-webkit-transform:rotate(-2deg) translateY(10px) translateX(-12px);-ms-transform:rotate(-2deg) translateY(10px) translateX(-12px);transform:rotate(-2deg) translateY(10px) translateX(-12px)}.content .album:hover img:nth-child(2){-webkit-transform:rotate(5deg) translateY(-8px) translateX(12px);-ms-transform:rotate(5deg) translateY(-8px) translateX(12px);transform:rotate(5deg) translateY(-8px) translateX(12px)}.content .album .overlay,.content .photo .overlay{position:absolute;margin:0 1px;width:200px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));bottom:1px}.content .album img[data-overlay=false]+.overlay{background:0 0}.content .photo .overlay{opacity:0}.content .photo.active .overlay,.content .photo:hover .overlay{opacity:1}.content .album .overlay h1,.content .photo .overlay h1{min-height:19px;width:180px;margin:12px 0 5px 15px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);font-size:16px}.content .album .overlay a,.content .photo .overlay a{display:block;margin:0 0 12px 15px;font-size:11px;color:#ccc;text-shadow:0 1px 3px rgba(0,0,0,.4)}.content .photo .overlay a .iconic{fill:#ccc;margin:0 5px 0 0;width:8px;height:8px;-webkit-filter:drop-shadow(0 1px 3px rgba(0, 0, 0, .4));filter:drop-shadow(0 1px 3px rgba(0, 0, 0, .4))}.content .album img[data-overlay=false]+.overlay a,.content .album img[data-overlay=false]+.overlay h1{text-shadow:none}.content .album .badges,.content .photo .badges{position:relative;margin:-1px 0 0 6px}.content .album .badge,.content .photo .badge{display:none;margin:0 0 0 6px;padding:12px 8px 6px;width:18px;background:#d92c34;box-shadow:0 0 2px rgba(0,0,0,.6);border-radius:0 0 5px 5px;border:1px solid #fff;border-top:none;color:#fff;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.4);opacity:.9}.content .album .badge--visible,.content .photo .badge--visible{display:inline-block}.content .album .badge .iconic,.content .photo .badge .iconic{fill:#fff;width:16px;height:16px;-webkit-filter:drop-shadow(0 -1px 0 rgba(0, 0, 0, .1));filter:drop-shadow(0 -1px 0 rgba(0, 0, 0, .1))}.content .divider{margin:50px 0 0;padding:10px 0 0;width:100%;opacity:0;border-top:1px solid rgba(255,255,255,.02);box-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1);animation-timing-function:cubic-bezier(.51,.92,.24,1)}#imageview #image,#loading{-webkit-animation-duration:.3s}.content .divider:first-child{margin-top:10px;border-top:0;box-shadow:none}.content .divider h1{margin:0 0 0 30px;color:rgba(255,255,255,.6);font-size:14px;font-weight:700}.no_content{position:absolute;top:50%;left:50%;padding-top:20px;color:rgba(255,255,255,.35);text-shadow:0 -1px 0 rgba(0,0,0,.4);text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.no_content .iconic{fill:rgba(255,255,255,.3);margin:0 0 10px;width:50px;height:50px;-webkit-filter:drop-shadow(0 -1px 0 rgba(0, 0, 0, .4));filter:drop-shadow(0 -1px 0 rgba(0, 0, 0, .4))}.no_content p{font-size:16px;font-weight:700}.basicContext{padding:5px 0 6px;background:linear-gradient(to bottom,#333,#252525);box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);border-radius:5px;border:1px solid rgba(0,0,0,.7);border-bottom:1px solid rgba(0,0,0,.8);transition:none}.basicContext__item{margin-bottom:2px;font-size:14px;text-shadow:0 -1px 0 rgba(0,0,0,.1)}.basicContext__item--separator{margin:4px 0;height:2px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.06)}.basicContext__item--disabled{cursor:default;opacity:.5}.basicContext__item:last-child{margin-bottom:0}.basicContext__data{min-width:auto;padding:6px 25px 7px 12px;color:#fff;transition:none;cursor:default}.basicContext__item:not(.basicContext__item--disabled):hover .basicContext__data{background:linear-gradient(to bottom,#2293EC,#1386e1)}.basicContext__item:not(.basicContext__item--disabled):active .basicContext__data{background:linear-gradient(to bottom,#1178ca,#0f6ab2)}.basicContext__icon{margin-right:10px;width:12px;text-align:center}.basicContext__data .cover{position:absolute;background-color:#222;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.5)}.basicContext__data .title{display:inline-block;margin:0 0 3px 26px}.basicContext__data .iconic{display:inline-block;margin:0 10px 0 1px;width:11px;height:10px;fill:#fff}.basicContext__data .iconic.ionicons{margin:0 8px -2px 0;width:14px;height:14px}.basicContext__data input#link{margin:-2px 0;padding:5px 7px 6px;width:100%;background:#333;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.05);border:1px solid rgba(0,0,0,.4);border-radius:3px;outline:0}.basicContext__item--noHover .basicContext__data{padding-right:12px}.basicContext__item--noHover:hover .basicContext__data{background:0 0!important}.header{position:fixed;height:49px;width:100%;background:linear-gradient(to bottom,#222,#1a1a1a);border-bottom:1px solid #0f0f0f;z-index:1;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.header--hidden{-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px)}.header--loading{-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.header--error{-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}.header--view{background:0 0;border-bottom:none}.header--view.header--error{background-color:rgba(10,10,10,.99)}.header__toolbar{display:none;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;position:relative;width:100%;height:100%;padding:0 10px}.header__toolbar--visible{display:-webkit-flex;display:-ms-flexbox;display:flex}.header__title{width:100%;padding:16px 0;color:#fff;font-size:16px;text-align:center;cursor:default}.header__title .iconic{display:none;margin:0 0 0 5px;width:10px;height:10px;fill:rgba(255,255,255,.5);transition:fill .2s ease-out}.header__title:hover .iconic{fill:#fff}.header__title:active .iconic{transition:none;fill:rgba(255,255,255,.8)}.header__title--editable .iconic{display:inline-block}.header .button{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:16px 8px;height:15px}.header .button .iconic{width:15px;height:15px;fill:rgba(255,255,255,.5);transition:fill .2s ease-out}.header .button:hover .iconic{fill:#fff}.header .button:active .iconic{transition:none;fill:rgba(255,255,255,.8)}.header .button--star.active .iconic{fill:#f0ef77}.header .button--eye.active .iconic{fill:#ff9737}.header .button--info.active .iconic{fill:#2293EC}.header__divider{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:14px}.header__search{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:80px;margin:0;padding:5px 12px 6px;background-color:#1d1d1d;color:#fff;border:1px solid rgba(0,0,0,.9);box-shadow:0 1px 0 rgba(255,255,255,.04);outline:0;border-radius:50px;opacity:.6;transition:opacity .3s ease-out,box-shadow .3s ease-out,width .2s ease-out}.header__search:focus{width:140px;border-color:#2293EC;box-shadow:0 1px 0 rgba(255,255,255,0);opacity:1}.header__search:focus~#clearSearch{opacity:1}.header__search::-ms-clear{display:none}.header__clear{position:absolute;top:13px;right:60px;padding:0;color:rgba(255,255,255,.5);font-size:20px;opacity:0;transition:color .2s ease-out;cursor:default}.header__clear:hover{color:#fff}.header__hostedwith{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:5px 10px;margin:11px 0;color:#888;font-size:13px;border-radius:100px;cursor:default}.header__hostedwith:hover{background-color:rgba(0,0,0,.3)}#imageview{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background-color:rgba(10,10,10,.98);transition:background-color .3s}#imageview.view{background-color:inherit}#imageview.full{background-color:#000}#imageview #image{position:absolute;top:60px;right:30px;bottom:30px;left:30px;margin:auto;max-width:calc(100% - 60px);max-height:calc(100% - 90px);width:auto;height:auto;transition:top .3s,right .3s,bottom .3s,left .3s,max-width .3s,max-height .3s;will-change:transform;-webkit-animation-name:zoomIn;animation-name:zoomIn;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1.15);animation-timing-function:cubic-bezier(.51,.92,.24,1.15)}@media (max-width:640px){#imageview #image{top:60px;right:20px;bottom:20px;left:20px;max-width:calc(100% - 40px);max-height:calc(100% - 80px)}#imageview .arrow_wrapper{display:none}}#imageview.full #image{top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%}#imageview .arrow_wrapper{position:fixed;width:15%;height:calc(100% - 60px);top:60px}#imageview .arrow_wrapper--previous{left:0}#imageview .arrow_wrapper--next{right:0}.basicModal .select,.sidebar #tags,.sidebar #tags .tag,.sidebar #tags>div,.sidebar .edit{display:inline-block}#imageview .arrow_wrapper a{position:fixed;top:50%;margin:-19px 0 0;padding:8px 12px;width:16px;height:22px;background-size:100% 100%;border:1px solid rgba(255,255,255,.8);opacity:.6;z-index:2;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;will-change:transform}#imageview .arrow_wrapper a#previous{left:-1px;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}#imageview .arrow_wrapper a#next{right:-1px;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}#imageview .arrow_wrapper:hover a#next,#imageview .arrow_wrapper:hover a#previous{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#imageview .arrow_wrapper a:hover{opacity:1}#imageview .arrow_wrapper .iconic{fill:rgba(255,255,255,.8);-webkit-filter:drop-shadow(0 1px 0 rgba(0, 0, 0, .4));filter:drop-shadow(0 1px 0 rgba(0, 0, 0, .4))}.sidebar{position:fixed;top:50px;right:-360px;width:350px;height:calc(100% - 50px);background-color:rgba(25,25,25,.98);border-left:1px solid rgba(0,0,0,.2);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .3s cubic-bezier(.51,.92,.24,1);transition:transform .3s cubic-bezier(.51,.92,.24,1);transition:transform .3s cubic-bezier(.51,.92,.24,1),-webkit-transform .3s cubic-bezier(.51,.92,.24,1)}.sidebar.active{-webkit-transform:translateX(-360px);-ms-transform:translateX(-360px);transform:translateX(-360px)}.sidebar.notSelectable table tr td:last-child{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.sidebar__header{float:left;height:49px;width:100%;background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-top:1px solid #2293EC}.sidebar__header h1{position:absolute;margin:15px 0;width:100%;color:#fff;font-size:16px;font-weight:700;text-align:center}.sidebar__wrapper{float:left;height:calc(100% - 49px);width:350px;overflow:auto;-webkit-overflow-scrolling:touch}.sidebar__divider{float:left;padding:12px 0 8px;width:100%;border-top:1px solid rgba(255,255,255,.02);box-shadow:0 -1px 0 rgba(0,0,0,.2)}.sidebar__divider:first-child{border-top:0;box-shaodw:none}.sidebar__divider h1{margin:0 0 0 20px;color:rgba(255,255,255,.6);font-size:14px;font-weight:700}.sidebar .edit{margin-left:3px;width:10px}.sidebar .edit .iconic{width:10px;height:10px;fill:rgba(255,255,255,.5);transition:fill .2s ease-out}.sidebar .edit:hover .iconic{fill:#fff}.sidebar .edit:active .iconic{transition:none;fill:rgba(255,255,255,.8)}.sidebar table{float:left;margin:10px 0 15px 20px}.sidebar table tr td{padding:5px 0;color:#fff;font-size:14px;line-height:19px}.sidebar table tr td:first-child{width:110px}.sidebar table tr td:last-child{padding-right:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.sidebar #tags{width:calc(100% - 40px);margin:16px 20px 12px;color:#fff}.sidebar #tags .empty{font-size:14px;margin:0 2px 8px 0}.sidebar #tags .edit{margin-top:6px}.sidebar #tags .empty .edit{margin-top:0}.sidebar #tags .tag{padding:6px 10px;margin:0 6px 8px 0;background-color:rgba(0,0,0,.5);border-radius:100px;font-size:12px;transition:background-color .2s}#loading,.basicModal__button.hidden{display:none}.sidebar #tags .tag:hover{background-color:rgba(0,0,0,.3)}.sidebar #tags .tag span{float:right;padding:0;margin:0 0 -2px;width:0;overflow:hidden;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:width .2s,margin .2s,fill .2s ease-out,-webkit-transform .2s;transition:width .2s,margin .2s,transform .2s,fill .2s ease-out;transition:width .2s,margin .2s,transform .2s,fill .2s ease-out,-webkit-transform .2s}.sidebar #tags .tag span .iconic{fill:#d92c34;width:8px;height:8px}.sidebar #tags .tag span:hover .iconic{fill:#e1575e}.sidebar #tags .tag span:active .iconic{transition:none;fill:#b22027}.sidebar #tags .tag:hover span{width:9px;margin:0 0 -2px 5px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#loading{position:fixed;width:100%;height:3px;background-size:100px 3px;background-repeat:repeat-x;border-bottom:1px solid rgba(0,0,0,.3);-webkit-animation-name:moveBackground;animation-name:moveBackground;animation-duration:.3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}#loading.loading{height:3px;background-image:linear-gradient(to right,#153674 0,#153674 47%,#2651AE 53%,#2651AE 100%);z-index:2}#loading.error{height:40px;background-color:#2f0d0e;background-image:linear-gradient(to right,#451317 0,#451317 47%,#AA3039 53%,#AA3039 100%);z-index:1}#loading h1{margin:13px 13px 0;color:#ddd;font-size:14px;font-weight:700;text-shadow:0 1px 0 #000;text-transform:capitalize}.basicModal .choice label,.basicModal h1,.basicModal input.text,.basicModal p,.basicModal__button{text-shadow:0 -1px 0 rgba(0,0,0,.2)}#loading h1 span{margin-left:10px;font-weight:400;text-transform:none}.basicModalContainer{background-color:rgba(0,0,0,.85)}.basicModal{background:linear-gradient(to bottom,#444,#333);box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)}.basicModal__content{padding:0}.basicModal__content p{margin:0}.basicModal__buttons{box-shadow:none}.basicModal p{padding:10px 30px;color:rgba(255,255,255,.9);font-size:14px;text-align:left;line-height:20px}.basicModal p b{font-weight:700;color:#fff}.basicModal p a{color:rgba(255,255,255,.9);text-decoration:none;border-bottom:1px dashed #888}.basicModal p:first-of-type{padding-top:42px}.basicModal p:last-of-type{padding-bottom:40px}.basicModal p.signIn:first-of-type{padding-top:30px}.basicModal p.less,.basicModal p.signIn:last-of-type{padding-bottom:30px}.basicModal__button{padding:13px 0 15px;background:rgba(0,0,0,.02);color:rgba(255,255,255,.5);border-top:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02);cursor:default}.basicModal__button:hover{background:rgba(255,255,255,.02)}.basicModal__button--active,.basicModal__button:active{transition:none;background:rgba(0,0,0,.1)}.basicModal__button#basicModal__action{color:#2293EC;box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2)}.basicModal__button#basicModal__action.red{color:#d92c34}.basicModal input.text{padding:9px 2px;width:100%;background-color:transparent;color:#fff;border:none;border-bottom:1px solid #222;border-radius:0;box-shadow:0 1px 0 rgba(255,255,255,.05);outline:0}.basicModal input.text:focus{border-bottom-color:#2293EC}.basicModal input.text.error{border-bottom-color:#d92c34}.basicModal input.text:first-child{margin-top:10px}.basicModal input.text:last-child{margin-bottom:10px}.basicModal .choice{padding:0 30px 15px;width:100%;color:#fff}.basicModal .choice:last-child{padding-bottom:40px}.basicModal .choice label{float:left;color:#fff;font-size:14px;font-weight:700}.basicModal .choice label input{position:absolute;margin:0;opacity:0}.basicModal .choice label .checkbox{float:left;display:block;width:16px;height:16px;background:rgba(0,0,0,.5);border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.7)}.basicModal .choice label .checkbox .iconic{box-sizing:border-box;fill:#2293EC;padding:2px;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:opacity .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1);transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1)}.basicModal .choice label input:checked~.checkbox{background:rgba(0,0,0,.5)}.basicModal .choice label input:active~.checkbox,.basicModal .select{background:rgba(0,0,0,.3)}.basicModal .choice label input:checked~.checkbox .iconic{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.basicModal .choice label input:active~.checkbox .iconic{opacity:.8}.basicModal .choice label .label{margin:0 0 0 18px}.basicModal .choice p{clear:both;padding:2px 0 0 35px;margin:0;width:100%;color:rgba(255,255,255,.6);font-size:13px}.basicModal .choice input.text{display:none;margin-top:5px;margin-left:35px;width:calc(100% - 35px)}.basicModal .select{position:relative;margin:1px 5px;padding:0;width:110px;color:#fff;border-radius:3px;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 0 rgba(255,255,255,.02);font-size:11px;line-height:16px;overflow:hidden;outline:0;vertical-align:middle}.basicModal .select::after{position:absolute;content:'≡';right:8px;top:4px;color:#2293EC;font-size:16px;line-height:16px;font-weight:700;pointer-events:none}.basicModal .select select{margin:0;padding:4px 8px;width:120%;color:#fff;font-size:11px;line-height:16px;border:0;outline:0;box-shadow:none;border-radius:0;background-color:transparent;background-image:none;-moz-appearance:none;-webkit-appearance:none;appearance:none}.basicModal .select select:focus{outline:0}.basicModal .select select option{margin:0;padding:0;background:#fff;color:#333;transition:none}.basicModal .version,.basicModal .version span a{color:rgba(255,255,255,.3)}.basicModal .version{margin:-5px 0 0;padding:0 30px 30px!important;font-size:12px;text-align:right}.basicModal .version span{display:none}.basicModal h1{float:left;width:100%;padding:12px 0;color:#fff;font-size:16px;font-weight:700;text-align:center}.basicModal .rows{margin:0 8px 8px;width:calc(100% - 16px);height:300px;background-color:rgba(0,0,0,.4);overflow:hidden;overflow-y:auto;border-radius:3px;box-shadow:inset 0 0 3px rgba(0,0,0,.4)}.basicModal .rows .row{float:left;padding:8px 0;width:100%;background-color:rgba(255,255,255,.02)}.basicModal .rows .row:nth-child(2n){background-color:rgba(255,255,255,0)}.basicModal .rows .row a.name{float:left;padding:5px 10px;width:70%;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden}.basicModal .rows .row a.status{float:left;padding:5px 10px;width:30%;color:rgba(255,255,255,.5);font-size:14px;text-align:right;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.basicModal .rows .row a.status.error,.basicModal .rows .row a.status.success,.basicModal .rows .row a.status.warning{-webkit-animation:none;animation:none}.basicModal .rows .row a.status.error{color:#e92a00}.basicModal .rows .row a.status.warning{color:#e4e900}.basicModal .rows .row a.status.success{color:#7ee900}.basicModal .rows .row p.notice{display:none;float:left;padding:2px 10px 5px;width:100%;color:rgba(255,255,255,.5);font-size:12px;overflow:hidden;line-height:16px}#multiselect{position:absolute;background-color:rgba(0,94,204,.3);border:1px solid #005ecc;border-radius:3px;z-index:3} \ No newline at end of file +@charset "UTF-8";.basicContext,.basicModal__button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.basicContextContainer,.basicModalContainer{width:100%;height:100%;top:0;left:0;z-index:1000}.basicContext,.basicContext *,.basicModalContainer,.basicModalContainer *,.basicModalContainer :after,.basicModalContainer :before,.header__toolbar{box-sizing:border-box}.basicContextContainer{position:fixed;-webkit-tap-highlight-color:transparent}.basicContext{position:absolute;opacity:0;user-select:none;-webkit-animation:basicContext__popIn .3s cubic-bezier(.51,.92,.24,1.2);animation:basicContext__popIn .3s cubic-bezier(.51,.92,.24,1.2)}.basicContext__item{cursor:pointer}.basicContext__item--separator{float:left;width:100%;cursor:default}.basicContext__data{padding-right:20px;text-align:left;white-space:nowrap}.basicContext__icon{display:inline-block}.basicContext--scrollable{height:100%;-webkit-overflow-scrolling:touch;overflow-y:auto}.basicContext--scrollable .basicContext__data{min-width:160px}@-webkit-keyframes basicContext__popIn{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes basicContext__popIn{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes basicModal__fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes basicModal__fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes basicModal__fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes basicModal__fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes basicModal__moveUpFade{0%{-webkit-transform:translateY(80px);transform:translateY(80px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes basicModal__moveUpFade{0%{-webkit-transform:translateY(80px);transform:translateY(80px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes basicModal__shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%,60%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes basicModal__shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%,60%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.basicModalContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:fixed}.basicModalContainer--fadeIn{-webkit-animation:basicModal__fadeIn .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__fadeIn .3s cubic-bezier(.51,.92,.24,1.15)}.basicModalContainer--fadeOut{-webkit-animation:basicModal__fadeOut .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__fadeOut .3s cubic-bezier(.51,.92,.24,1.15)}.basicModalContainer--fadeIn .basicModal--fadeIn{-webkit-animation:basicModal__moveUpFade .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__moveUpFade .3s cubic-bezier(.51,.92,.24,1.15)}.basicModalContainer--fadeIn .basicModal--shake{-webkit-animation:basicModal__shake .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__shake .3s cubic-bezier(.51,.92,.24,1.15)}.basicModal{position:relative;width:500px;background-color:#fff;font-size:14px;border-radius:5px}.basicModal__content{max-height:70vh;overflow:auto;-webkit-overflow-scrolling:touch}.basicModal__buttons{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.basicModal__button{display:inline-block;width:100%;background-color:rgba(0,0,0,.07);color:#444;font-weight:700;text-align:center;transition:background-color .2s;user-select:none}#upload,.svgsprite{display:none}.basicModal__button:hover{background-color:rgba(0,0,0,.02)}.basicModal__button--active,.basicModal__button:active{background-color:rgba(0,0,0,.1)}.basicModal__button#basicModal__cancel{-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}.basicModal__button#basicModal__action{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.basicModal__button#basicModal__action:first-child{box-shadow:none}.basicModal__button:first-child{border-radius:0 0 0 5px}.basicModal__button:last-child{border-radius:0 0 5px}.basicModal__text{width:100%;margin:0;padding:14px 10px;background-color:transparent;color:#333;border:none;box-shadow:0 1px 0 #c8c8c8;border-radius:0;outline:0;transition:background-color .2s,box-shadow .2s}.basicModal__text:hover{background-color:rgba(0,0,0,.02);box-shadow:0 1px 0 #b4b4b4}.basicModal__text:focus{background-color:rgba(40,117,237,.05);box-shadow:0 1px 0 #2875ed}.basicModal__text.error{background-color:rgba(255,36,16,.05);box-shadow:0 1px 0 #ff2410}.basicModal p{margin:0 0 5%;width:100%;color:#444}.basicModal p a{color:#2875ed}.basicModal p:last-child{margin:0}.basicModal__small{max-width:340px;text-align:center}.basicModal__small .basicModal__content{padding:10% 5%}.basicModal__xclose#basicModal__cancel{position:absolute;top:-8px;right:-8px;margin:0;padding:0;width:40px;height:40px;background-color:#fff;border-radius:100%;box-shadow:0 1px 2px rgba(0,0,0,.2)}.basicModal__xclose#basicModal__cancel:after{content:'';position:absolute;left:-3px;top:8px;width:35px;height:34px;background:#fff}.basicModal__xclose#basicModal__cancel svg{position:relative;width:20px;height:39px;fill:#888;z-index:1;transition:fill .2s}.basicModal__xclose#basicModal__cancel:after:hover svg,.basicModal__xclose#basicModal__cancel:hover svg{fill:#2875ed}.basicModal__xclose#basicModal__cancel:active svg,.basicModal__xclose#basicModal__cancel:after:active svg{fill:#1364e3}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#1d1d1d;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .3s,opacity .3s ease-out,box-shadow .3s,-webkit-transform .3s ease-out;transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s;transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s,-webkit-transform .3s ease-out}body,html{min-height:100%}body.view{background-color:#0f0f0f}input{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.iconic{width:100%;height:100%}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1);animation-timing-function:cubic-bezier(.51,.92,.24,1)}.content .album,.content .photo,.fadeOut{-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1)}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.51,.92,.24,1)}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes moveBackground{0%{background-position-x:0}100%{background-position-x:-100px}}@keyframes moveBackground{0%{background-position-x:0}100%{background-position-x:-100px}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:50px 0 33px;width:100%;min-height:calc(100% - 83px);-webkit-overflow-scrolling:touch}.content .album .overlay h1,.content .photo .overlay h1,.header__title{overflow:hidden;text-overflow:ellipsis;font-weight:700;white-space:nowrap}.content::before{content:'';position:absolute;left:0;width:100%;height:1px;background:rgba(255,255,255,.02)}.content--sidebar{width:calc(100% - 300px)}.content.contentZoomIn .album,.content.contentZoomIn .photo{-webkit-animation-name:zoomIn;animation-name:zoomIn}.content.contentZoomIn .divider{-webkit-animation-name:fadeIn;animation-name:fadeIn}.content.contentZoomOut .album,.content.contentZoomOut .photo{-webkit-animation-name:zoomOut;animation-name:zoomOut}.content.contentZoomOut .divider{-webkit-animation-name:fadeOut;animation-name:fadeOut}.content .album,.content .photo{position:relative;width:202px;height:202px;margin:30px 0 0 30px;cursor:default;-webkit-animation-duration:.2s;animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.51,.92,.24,1)}.content .album img,.content .photo img{position:absolute;width:200px;height:200px;background:#222;box-shadow:0 2px 5px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.5);transition:opacity .3s ease-out,border-color .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out,border-color .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out,border-color .3s ease-out,-webkit-transform .3s ease-out;will-change:transform}.content .album.active img,.content .album:hover img,.content .photo.active img,.content .photo:hover img{border-color:#2293EC}.content .album:active img,.content .photo:active img{transition:none;border-color:#0f6ab2}.content .album img:first-child,.content .album img:nth-child(2){-webkit-transform:rotate(0) translateY(0) translateX(0);-ms-transform:rotate(0) translateY(0) translateX(0);transform:rotate(0) translateY(0) translateX(0);opacity:0}.content .album:hover img:nth-child(1),.content .album:hover img:nth-child(2){opacity:1}.content .album:hover img:nth-child(1){-webkit-transform:rotate(-2deg) translateY(10px) translateX(-12px);-ms-transform:rotate(-2deg) translateY(10px) translateX(-12px);transform:rotate(-2deg) translateY(10px) translateX(-12px)}.content .album:hover img:nth-child(2){-webkit-transform:rotate(5deg) translateY(-8px) translateX(12px);-ms-transform:rotate(5deg) translateY(-8px) translateX(12px);transform:rotate(5deg) translateY(-8px) translateX(12px)}.content .album .overlay,.content .photo .overlay{position:absolute;margin:0 1px;width:200px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));bottom:1px}.content .album img[data-overlay=false]+.overlay{background:0 0}.content .photo .overlay{opacity:0}.content .photo.active .overlay,.content .photo:hover .overlay{opacity:1}.content .album .overlay h1,.content .photo .overlay h1{min-height:19px;width:180px;margin:12px 0 5px 15px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);font-size:16px}.content .album .overlay a,.content .photo .overlay a{display:block;margin:0 0 12px 15px;font-size:11px;color:#ccc;text-shadow:0 1px 3px rgba(0,0,0,.4)}.content .photo .overlay a .iconic{fill:#ccc;margin:0 5px 0 0;width:8px;height:8px}.content .album img[data-overlay=false]+.overlay a,.content .album img[data-overlay=false]+.overlay h1{text-shadow:none}.content .album .badges,.content .photo .badges{position:relative;margin:-1px 0 0 6px}.content .album .badge,.content .photo .badge{display:none;margin:0 0 0 6px;padding:12px 8px 6px;width:18px;background:#d92c34;box-shadow:0 0 2px rgba(0,0,0,.6);border-radius:0 0 5px 5px;border:1px solid #fff;border-top:none;color:#fff;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.4);opacity:.9}.content .album .badge--visible,.content .photo .badge--visible{display:inline-block}.content .album .badge .iconic,.content .photo .badge .iconic{fill:#fff;width:16px;height:16px}.content .divider{margin:50px 0 0;padding:10px 0 0;width:100%;opacity:0;border-top:1px solid rgba(255,255,255,.02);box-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1);animation-timing-function:cubic-bezier(.51,.92,.24,1)}#imageview #image,#loading{-webkit-animation-duration:.3s}.content .divider:first-child{margin-top:10px;border-top:0;box-shadow:none}.content .divider h1{margin:0 0 0 30px;color:rgba(255,255,255,.6);font-size:14px;font-weight:700}.no_content{position:absolute;top:50%;left:50%;padding-top:20px;color:rgba(255,255,255,.35);text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.no_content .iconic{fill:rgba(255,255,255,.3);margin:0 0 10px;width:50px;height:50px}.no_content p{font-size:16px;font-weight:700}.basicContext{padding:5px 0 6px;background:linear-gradient(to bottom,#333,#252525);box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);border-radius:5px;border:1px solid rgba(0,0,0,.7);border-bottom:1px solid rgba(0,0,0,.8);transition:none}.basicContext__item{margin-bottom:2px;font-size:14px}.basicContext__item--separator{margin:4px 0;height:2px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.06)}.basicContext__item--disabled{cursor:default;opacity:.5}.basicContext__item:last-child{margin-bottom:0}.basicContext__data{min-width:auto;padding:6px 25px 7px 12px;color:#fff;transition:none;cursor:default}.basicContext__item:not(.basicContext__item--disabled):hover .basicContext__data{background:linear-gradient(to bottom,#2293EC,#1386e1)}.basicContext__item:not(.basicContext__item--disabled):active .basicContext__data{background:linear-gradient(to bottom,#1178ca,#0f6ab2)}.basicContext__icon{margin-right:10px;width:12px;text-align:center}.basicContext__data .cover{position:absolute;background-color:#222;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.5)}.basicContext__data .title{display:inline-block;margin:0 0 3px 26px}.basicContext__data .iconic{display:inline-block;margin:0 10px 0 1px;width:11px;height:10px;fill:#fff}.basicContext__data .iconic.ionicons{margin:0 8px -2px 0;width:14px;height:14px}.basicContext__data input#link{margin:-2px 0;padding:5px 7px 6px;width:100%;background:#333;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.05);border:1px solid rgba(0,0,0,.4);border-radius:3px;outline:0}.basicContext__item--noHover .basicContext__data{padding-right:12px}.basicContext__item--noHover:hover .basicContext__data{background:0 0!important}.header{position:fixed;height:49px;width:100%;background:linear-gradient(to bottom,#222,#1a1a1a);border-bottom:1px solid #0f0f0f;z-index:1;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.header--hidden{-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px)}.header--loading{-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.header--error{-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}.header--view{background:0 0;border-bottom:none}.header--view.header--error{background-color:rgba(10,10,10,.99)}.header__toolbar{display:none;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;position:relative;width:100%;height:100%;padding:0 10px}.header__toolbar--visible{display:-webkit-flex;display:-ms-flexbox;display:flex}.header__title{width:100%;padding:16px 0;color:#fff;font-size:16px;text-align:center;cursor:default}.header__title .iconic{display:none;margin:0 0 0 5px;width:10px;height:10px;fill:rgba(255,255,255,.5);transition:fill .2s ease-out}.header__title:hover .iconic{fill:#fff}.header__title:active .iconic{transition:none;fill:rgba(255,255,255,.8)}.header__title--editable .iconic{display:inline-block}.header .button{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:16px 8px;height:15px}.header .button .iconic{width:15px;height:15px;fill:rgba(255,255,255,.5);transition:fill .2s ease-out}.header .button:hover .iconic{fill:#fff}.header .button:active .iconic{transition:none;fill:rgba(255,255,255,.8)}.header .button--star.active .iconic{fill:#f0ef77}.header .button--eye.active .iconic{fill:#ff9737}.header .button--info.active .iconic{fill:#2293EC}.header__divider{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:14px}.header__search{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:80px;margin:0;padding:5px 12px 6px;background-color:#1d1d1d;color:#fff;border:1px solid rgba(0,0,0,.9);box-shadow:0 1px 0 rgba(255,255,255,.04);outline:0;border-radius:50px;opacity:.6;transition:opacity .3s ease-out,box-shadow .3s ease-out,width .2s ease-out}.header__search:focus{width:140px;border-color:#2293EC;box-shadow:0 1px 0 rgba(255,255,255,0);opacity:1}.header__search:focus~#clearSearch{opacity:1}.header__search::-ms-clear{display:none}.header__clear{position:absolute;top:13px;right:60px;padding:0;color:rgba(255,255,255,.5);font-size:20px;opacity:0;transition:color .2s ease-out;cursor:default}.header__clear:hover{color:#fff}.header__hostedwith{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:5px 10px;margin:11px 0;color:#888;font-size:13px;border-radius:100px;cursor:default}.header__hostedwith:hover{background-color:rgba(0,0,0,.3)}#imageview{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background-color:rgba(10,10,10,.98);transition:background-color .3s}#imageview.view{background-color:inherit}#imageview.full{background-color:#000}#imageview #image{position:absolute;top:60px;right:30px;bottom:30px;left:30px;margin:auto;max-width:calc(100% - 60px);max-height:calc(100% - 90px);width:auto;height:auto;transition:top .3s,right .3s,bottom .3s,left .3s,max-width .3s,max-height .3s;will-change:transform;-webkit-animation-name:zoomIn;animation-name:zoomIn;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1.15);animation-timing-function:cubic-bezier(.51,.92,.24,1.15)}@media (max-width:640px){#imageview #image{top:60px;right:20px;bottom:20px;left:20px;max-width:calc(100% - 40px);max-height:calc(100% - 80px)}#imageview .arrow_wrapper{display:none}}#imageview.full #image{top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%}#imageview .arrow_wrapper{position:fixed;width:15%;height:calc(100% - 60px);top:60px}#imageview .arrow_wrapper--previous{left:0}#imageview .arrow_wrapper--next{right:0}.basicModal .select,.sidebar #tags,.sidebar #tags .tag,.sidebar #tags>div,.sidebar .edit{display:inline-block}#imageview .arrow_wrapper a{position:fixed;top:50%;margin:-19px 0 0;padding:8px 12px;width:16px;height:22px;background-size:100% 100%;border:1px solid rgba(255,255,255,.8);opacity:.6;z-index:2;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;will-change:transform}#imageview .arrow_wrapper a#previous{left:-1px;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}#imageview .arrow_wrapper a#next{right:-1px;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}#imageview .arrow_wrapper:hover a#next,#imageview .arrow_wrapper:hover a#previous{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#imageview .arrow_wrapper a:hover{opacity:1}#imageview .arrow_wrapper .iconic{fill:rgba(255,255,255,.8)}.sidebar{position:fixed;top:50px;right:-360px;width:350px;height:calc(100% - 50px);background-color:rgba(25,25,25,.98);border-left:1px solid rgba(0,0,0,.2);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .3s cubic-bezier(.51,.92,.24,1);transition:transform .3s cubic-bezier(.51,.92,.24,1);transition:transform .3s cubic-bezier(.51,.92,.24,1),-webkit-transform .3s cubic-bezier(.51,.92,.24,1)}.sidebar.active{-webkit-transform:translateX(-360px);-ms-transform:translateX(-360px);transform:translateX(-360px)}.sidebar.notSelectable table tr td:last-child{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.sidebar__header{float:left;height:49px;width:100%;background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-top:1px solid #2293EC}.sidebar__header h1{position:absolute;margin:15px 0;width:100%;color:#fff;font-size:16px;font-weight:700;text-align:center}.sidebar__wrapper{float:left;height:calc(100% - 49px);width:350px;overflow:auto;-webkit-overflow-scrolling:touch}.sidebar__divider{float:left;padding:12px 0 8px;width:100%;border-top:1px solid rgba(255,255,255,.02);box-shadow:0 -1px 0 rgba(0,0,0,.2)}.sidebar__divider:first-child{border-top:0;box-shaodw:none}.sidebar__divider h1{margin:0 0 0 20px;color:rgba(255,255,255,.6);font-size:14px;font-weight:700}.sidebar .edit{margin-left:3px;width:10px}.sidebar .edit .iconic{width:10px;height:10px;fill:rgba(255,255,255,.5);transition:fill .2s ease-out}.sidebar .edit:hover .iconic{fill:#fff}.sidebar .edit:active .iconic{transition:none;fill:rgba(255,255,255,.8)}.sidebar table{float:left;margin:10px 0 15px 20px}.sidebar table tr td{padding:5px 0;color:#fff;font-size:14px;line-height:19px}.sidebar table tr td:first-child{width:110px}.sidebar table tr td:last-child{padding-right:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.sidebar #tags{width:calc(100% - 40px);margin:16px 20px 12px;color:#fff}.sidebar #tags .empty{font-size:14px;margin:0 2px 8px 0}.sidebar #tags .edit{margin-top:6px}.sidebar #tags .empty .edit{margin-top:0}.sidebar #tags .tag{padding:6px 10px;margin:0 6px 8px 0;background-color:rgba(0,0,0,.5);border-radius:100px;font-size:12px;transition:background-color .2s}#loading,.basicModal__button.hidden{display:none}.sidebar #tags .tag:hover{background-color:rgba(0,0,0,.3)}.sidebar #tags .tag span{float:right;padding:0;margin:0 0 -2px;width:0;overflow:hidden;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:width .2s,margin .2s,fill .2s ease-out,-webkit-transform .2s;transition:width .2s,margin .2s,transform .2s,fill .2s ease-out;transition:width .2s,margin .2s,transform .2s,fill .2s ease-out,-webkit-transform .2s}.sidebar #tags .tag span .iconic{fill:#d92c34;width:8px;height:8px}.sidebar #tags .tag span:hover .iconic{fill:#e1575e}.sidebar #tags .tag span:active .iconic{transition:none;fill:#b22027}.sidebar #tags .tag:hover span{width:9px;margin:0 0 -2px 5px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#loading{position:fixed;width:100%;height:3px;background-size:100px 3px;background-repeat:repeat-x;border-bottom:1px solid rgba(0,0,0,.3);-webkit-animation-name:moveBackground;animation-name:moveBackground;animation-duration:.3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}#loading.loading{height:3px;background-image:linear-gradient(to right,#153674 0,#153674 47%,#2651AE 53%,#2651AE 100%);z-index:2}#loading.error{height:40px;background-color:#2f0d0e;background-image:linear-gradient(to right,#451317 0,#451317 47%,#AA3039 53%,#AA3039 100%);z-index:1}#loading h1{margin:13px 13px 0;color:#ddd;font-size:14px;font-weight:700;text-shadow:0 1px 0 #000;text-transform:capitalize}#loading h1 span{margin-left:10px;font-weight:400;text-transform:none}.basicModalContainer{background-color:rgba(0,0,0,.85)}.basicModal{background:linear-gradient(to bottom,#444,#333);box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)}.basicModal__content{padding:0}.basicModal__content p{margin:0}.basicModal__buttons{box-shadow:none}.basicModal p{padding:10px 30px;color:rgba(255,255,255,.9);font-size:14px;text-align:left;line-height:20px}.basicModal p b{font-weight:700;color:#fff}.basicModal p a{color:rgba(255,255,255,.9);text-decoration:none;border-bottom:1px dashed #888}.basicModal p:first-of-type{padding-top:42px}.basicModal p:last-of-type{padding-bottom:40px}.basicModal p.signIn:first-of-type{padding-top:30px}.basicModal p.less,.basicModal p.signIn:last-of-type{padding-bottom:30px}.basicModal__button{padding:13px 0 15px;background:rgba(0,0,0,.02);color:rgba(255,255,255,.5);border-top:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02);cursor:default}.basicModal__button:hover{background:rgba(255,255,255,.02)}.basicModal__button--active,.basicModal__button:active{transition:none;background:rgba(0,0,0,.1)}.basicModal__button#basicModal__action{color:#2293EC;box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2)}.basicModal__button#basicModal__action.red{color:#d92c34}.basicModal input.text{padding:9px 2px;width:100%;background-color:transparent;color:#fff;border:none;border-bottom:1px solid #222;border-radius:0;box-shadow:0 1px 0 rgba(255,255,255,.05);outline:0}.basicModal input.text:focus{border-bottom-color:#2293EC}.basicModal input.text.error{border-bottom-color:#d92c34}.basicModal input.text:first-child{margin-top:10px}.basicModal input.text:last-child{margin-bottom:10px}.basicModal .choice{padding:0 30px 15px;width:100%;color:#fff}.basicModal .choice:last-child{padding-bottom:40px}.basicModal .choice label{float:left;color:#fff;font-size:14px;font-weight:700}.basicModal .choice label input{position:absolute;margin:0;opacity:0}.basicModal .choice label .checkbox{float:left;display:block;width:16px;height:16px;background:rgba(0,0,0,.5);border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.7)}.basicModal .choice label .checkbox .iconic{box-sizing:border-box;fill:#2293EC;padding:2px;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:opacity .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1);transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1)}.basicModal .choice label input:checked~.checkbox{background:rgba(0,0,0,.5)}.basicModal .choice label input:active~.checkbox,.basicModal .select{background:rgba(0,0,0,.3)}.basicModal .choice label input:checked~.checkbox .iconic{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.basicModal .choice label input:active~.checkbox .iconic{opacity:.8}.basicModal .choice label .label{margin:0 0 0 18px}.basicModal .choice p{clear:both;padding:2px 0 0 35px;margin:0;width:100%;color:rgba(255,255,255,.6);font-size:13px}.basicModal .choice input.text{display:none;margin-top:5px;margin-left:35px;width:calc(100% - 35px)}.basicModal .select{position:relative;margin:1px 5px;padding:0;width:110px;color:#fff;border-radius:3px;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 0 rgba(255,255,255,.02);font-size:11px;line-height:16px;overflow:hidden;outline:0;vertical-align:middle}.basicModal .select::after{position:absolute;content:'≡';right:8px;top:4px;color:#2293EC;font-size:16px;line-height:16px;font-weight:700;pointer-events:none}.basicModal .select select{margin:0;padding:4px 8px;width:120%;color:#fff;font-size:11px;line-height:16px;border:0;outline:0;box-shadow:none;border-radius:0;background-color:transparent;background-image:none;-moz-appearance:none;-webkit-appearance:none;appearance:none}.basicModal .select select:focus{outline:0}.basicModal .select select option{margin:0;padding:0;background:#fff;color:#333;transition:none}.basicModal .version,.basicModal .version span a{color:rgba(255,255,255,.3)}.basicModal .version{margin:-5px 0 0;padding:0 30px 30px!important;font-size:12px;text-align:right}.basicModal .version span{display:none}.basicModal h1{float:left;width:100%;padding:12px 0;color:#fff;font-size:16px;font-weight:700;text-align:center}.basicModal .rows{margin:0 8px 8px;width:calc(100% - 16px);height:300px;background-color:rgba(0,0,0,.4);overflow:hidden;overflow-y:auto;border-radius:3px;box-shadow:inset 0 0 3px rgba(0,0,0,.4)}.basicModal .rows .row{float:left;padding:8px 0;width:100%;background-color:rgba(255,255,255,.02)}.basicModal .rows .row:nth-child(2n){background-color:rgba(255,255,255,0)}.basicModal .rows .row a.name{float:left;padding:5px 10px;width:70%;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden}.basicModal .rows .row a.status{float:left;padding:5px 10px;width:30%;color:rgba(255,255,255,.5);font-size:14px;text-align:right;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.basicModal .rows .row a.status.error,.basicModal .rows .row a.status.success,.basicModal .rows .row a.status.warning{-webkit-animation:none;animation:none}.basicModal .rows .row a.status.error{color:#e92a00}.basicModal .rows .row a.status.warning{color:#e4e900}.basicModal .rows .row a.status.success{color:#7ee900}.basicModal .rows .row p.notice{display:none;float:left;padding:2px 10px 5px;width:100%;color:rgba(255,255,255,.5);font-size:12px;overflow:hidden;line-height:16px}#multiselect{position:absolute;background-color:rgba(0,94,204,.3);border:1px solid #005ecc;border-radius:3px;z-index:3} \ No newline at end of file diff --git a/src/styles/_basicContext.custom.scss b/src/styles/_basicContext.custom.scss index 9ef3ed2..7684577 100644 --- a/src/styles/_basicContext.custom.scss +++ b/src/styles/_basicContext.custom.scss @@ -12,7 +12,6 @@ &__item { margin-bottom: 2px; font-size: 14px; - text-shadow: $shadowLight; &--separator { margin: 4px 0; diff --git a/src/styles/_content.scss b/src/styles/_content.scss index 08f3175..07ecaca 100644 --- a/src/styles/_content.scss +++ b/src/styles/_content.scss @@ -146,7 +146,6 @@ margin: 0 5px 0 0; width: 8px; height: 8px; - filter: drop-shadow(0 1px 3px black(.4)); } .album img[data-overlay='false'] + .overlay h1, @@ -185,7 +184,6 @@ fill: #fff; width: 16px; height: 16px; - filter: drop-shadow($shadowLight); } } @@ -225,7 +223,6 @@ left: 50%; padding-top: 20px; color: white(.35); - text-shadow: 0 -1px 0 black(.4); text-align: center; transform: translateX(-50%) translateY(-50%); @@ -234,7 +231,6 @@ margin: 0 0 10px; width: 50px; height: 50px; - filter: drop-shadow(0 -1px 0 black(.4)); } p { diff --git a/src/styles/_imageview.scss b/src/styles/_imageview.scss index d50dc57..24d59fe 100644 --- a/src/styles/_imageview.scss +++ b/src/styles/_imageview.scss @@ -105,7 +105,6 @@ .iconic { fill: white(.8); - filter: drop-shadow(0 1px 0 black(.4)); } } diff --git a/src/styles/_message.scss b/src/styles/_message.scss index a38e8b1..f90928c 100644 --- a/src/styles/_message.scss +++ b/src/styles/_message.scss @@ -26,7 +26,6 @@ color: white(.9); font-size: 14px; text-align: left; - text-shadow: $shadow; line-height: 20px; b { @@ -56,7 +55,6 @@ padding: 13px 0 15px; background: black(.02); color: white(.5); - text-shadow: $shadow; border-top: 1px solid black(.2); box-shadow: inset 0 1px 0 white(.02); cursor: default; @@ -85,7 +83,6 @@ width: 100%; background-color: transparent; color: #fff; - text-shadow: $shadow; border: none; // Do not use rgba() for border-bottom // to avoid a blurry line in Safari on non-retina screens @@ -116,7 +113,6 @@ color: white(1); font-size: 14px; font-weight: 700; - text-shadow: $shadow; } label input { @@ -258,7 +254,6 @@ color: #fff; font-size: 16px; font-weight: bold; - text-shadow: $shadow; text-align: center; } diff --git a/src/styles/main.scss b/src/styles/main.scss index e4b9751..f4f6c66 100755 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -12,8 +12,7 @@ } // Properties -------------------------------------------------------------- // -$shadowLight : 0 -1px 0 black(.1); -$shadow : 0 -1px 0 black(.2); +$shadow: 0 -1px 0 black(.2); // Colors ------------------------------------------------------------------ // $colorBlue : #2293EC; From 2b7dcb6795eab96c5aba203661a14a342abadd98 Mon Sep 17 00:00:00 2001 From: Tobias Reich Date: Thu, 24 Mar 2016 17:43:14 +0100 Subject: [PATCH 03/43] Finalized database update for version 3.1 --- php/database/update_030100.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/php/database/update_030100.php b/php/database/update_030100.php index 428ba92..3e78358 100644 --- a/php/database/update_030100.php +++ b/php/database/update_030100.php @@ -14,6 +14,6 @@ $result = Database::execute($connection, $query, 'update_030100', __LINE__); if ($result===false) Response::error('Could not adjust the length of the album id field!'); // Set version -// if (Database::setVersion($connection, '030100')===false) Response::error('Could not update version of database!'); +if (Database::setVersion($connection, '030100')===false) Response::error('Could not update version of database!'); ?> \ No newline at end of file From 30bb0417d51d86f01b5e1aca46c467eb578a6072 Mon Sep 17 00:00:00 2001 From: Tobias Reich Date: Thu, 24 Mar 2016 17:58:31 +0100 Subject: [PATCH 04/43] Updated changelog --- docs/Changelog.md | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/docs/Changelog.md b/docs/Changelog.md index 13803b9..7567d8b 100644 --- a/docs/Changelog.md +++ b/docs/Changelog.md @@ -14,7 +14,8 @@ This updates includes a huge rewrite of the back-end. We are now using namespace - `New` Empty titles for albums - `New` Share albums as hidden so they are only viewable with a direct link (#27) -- `Improved` Error messages and log output +- `New` Log failed and successful login attempts (Thanks @qligier, #382 #246) +- `Improved` error messages and log output - `Improved` The search shows albums above photos (#434) - `Improved` Album id now based on the current microtime (#27) - `Improved` Back-end modules and plugins @@ -22,6 +23,10 @@ This updates includes a huge rewrite of the back-end. We are now using namespace - `Improved` Default photo title now "Untitled" - `Improved` Move to next photo after after moving a picture (#437) - `Improved` Return to album overview when canceling album password input +- `Improved` URL import now accepts photo URLs containing "?" and ":" (Thanks @qligier, #482) +- `Improved` Replaced date by strftime to simplify date translations (Thanks @qligier, #461) +- `Fixed` Missing icons in Safari 9.1 +- `Fixed` duplicate uploads (Thanks @qligier, #433) - `Fixed` incorrect escaping when using backslashes - `Fixed` session_start() after sending headers (#433) - `Fixed` error when deleting last open photo in album From 9c1bab29f162247e1fca55cb14e035ef739b26cb Mon Sep 17 00:00:00 2001 From: Tobias Reich Date: Thu, 24 Mar 2016 18:16:33 +0100 Subject: [PATCH 05/43] Updated comment --- src/scripts/api.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/scripts/api.js b/src/scripts/api.js index d45a007..83e800d 100644 --- a/src/scripts/api.js +++ b/src/scripts/api.js @@ -26,7 +26,7 @@ api.post = function(fn, params, callback) { return false } - // Convert 1 to true and an empty string to false + // Convert true and false to real booleans if (data==='true') data = true else if (data==='false') data = false From c6d8b5f3122614222f9f79ad6651cc2780d4debd Mon Sep 17 00:00:00 2001 From: Tobias Reich Date: Thu, 24 Mar 2016 18:23:19 +0100 Subject: [PATCH 06/43] Fixed long albums/photos ids for 32bit PHP versions #487 --- php/Access/Admin.php | 2 +- php/Modules/Response.php | 4 ++-- php/helpers/generateID.php | 5 +++-- 3 files changed, 6 insertions(+), 5 deletions(-) diff --git a/php/Access/Admin.php b/php/Access/Admin.php index 927198b..790f398 100644 --- a/php/Access/Admin.php +++ b/php/Access/Admin.php @@ -93,7 +93,7 @@ final class Admin extends Access { Validator::required(isset($_POST['title']), __METHOD__); $album = new Album(null); - Response::json($album->add($_POST['title'])); + Response::json($album->add($_POST['title']), JSON_NUMERIC_CHECK); } diff --git a/php/Modules/Response.php b/php/Modules/Response.php index 01c4c10..289c42e 100644 --- a/php/Modules/Response.php +++ b/php/Modules/Response.php @@ -16,9 +16,9 @@ final class Response { } - public static function json($str) { + public static function json($str, $options = 0) { - exit(json_encode($str)); + exit(json_encode($str, $options)); } diff --git a/php/helpers/generateID.php b/php/helpers/generateID.php index 80f42c1..84c463d 100644 --- a/php/helpers/generateID.php +++ b/php/helpers/generateID.php @@ -8,8 +8,9 @@ function generateID() { // Ensure that the id has a length of 14 chars while(strlen($id)<14) $id .= 0; - // Return the integer value of the id - return intval($id); + // Return id as a string. Don't convert the id to an integer + // as 14 digits are too big for 32bit PHP versions. + return $id; } From 50086cfe695f1cb2566ce8da8ac6430c24f87ce4 Mon Sep 17 00:00:00 2001 From: Tobias Reich Date: Thu, 24 Mar 2016 18:23:33 +0100 Subject: [PATCH 07/43] Removed outdated first album check --- src/scripts/album.js | 3 --- 1 file changed, 3 deletions(-) diff --git a/src/scripts/album.js b/src/scripts/album.js index 109405f..961e8b1 100644 --- a/src/scripts/album.js +++ b/src/scripts/album.js @@ -116,9 +116,6 @@ album.add = function() { api.post('Album::add', params, function(data) { - // Avoid first album to be true - if (data===true) data = 1 - if (data!==false && isNumber(data)) { albums.refresh() lychee.goto(data) From 7bb2a618293da1b697120d0c39875e2d768d79ad Mon Sep 17 00:00:00 2001 From: Tobias Reich Date: Thu, 24 Mar 2016 18:23:39 +0100 Subject: [PATCH 08/43] Rebuild --- dist/main.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) mode change 100755 => 100644 dist/main.js diff --git a/dist/main.js b/dist/main.js old mode 100755 new mode 100644 index 42a11ad..666f199 --- a/dist/main.js +++ b/dist/main.js @@ -1,6 +1,6 @@ function _taggedTemplateLiteral(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function gup(e){e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var t="[\\?&]"+e+"=([^&#]*)",n=new RegExp(t),o=n.exec(window.location.href);return null===o?"":o[1]}!function(e,t){"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){function n(e){var t=!!e&&"length"in e&&e.length,n=ae.type(e);return"function"===n||ae.isWindow(e)?!1:"array"===n||0===t||"number"==typeof t&&t>0&&t-1 in e}function o(e,t,n){if(ae.isFunction(t))return ae.grep(e,function(e,o){return!!t.call(e,o,e)!==n});if(t.nodeType)return ae.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(be.test(t))return ae.filter(t,e,n);t=ae.filter(t,e)}return ae.grep(e,function(e){return J.call(t,e)>-1!==n})}function i(e,t){for(;(e=e[t])&&1!==e.nodeType;);return e}function a(e){var t={};return ae.each(e.match(xe)||[],function(e,n){t[n]=!0}),t}function r(){V.removeEventListener("DOMContentLoaded",r),e.removeEventListener("load",r),ae.ready()}function l(){this.expando=ae.expando+l.uid++}function s(e,t,n){var o;if(void 0===n&&1===e.nodeType)if(o="data-"+t.replace($e,"-$&").toLowerCase(),n=e.getAttribute(o),"string"==typeof n){try{n="true"===n?!0:"false"===n?!1:"null"===n?null:+n+""===n?+n:Ce.test(n)?ae.parseJSON(n):n}catch(i){}ke.set(e,t,n)}else n=void 0;return n}function c(e,t,n,o){var i,a=1,r=20,l=o?function(){return o.cur()}:function(){return ae.css(e,t,"")},s=l(),c=n&&n[3]||(ae.cssNumber[t]?"":"px"),u=(ae.cssNumber[t]||"px"!==c&&+s)&&Ae.exec(ae.css(e,t));if(u&&u[3]!==c){c=c||u[3],n=n||[],u=+s||1;do a=a||".5",u/=a,ae.style(e,t,u+c);while(a!==(a=l()/s)&&1!==a&&--r)}return n&&(u=+u||+s||0,i=n[1]?u+(n[1]+1)*n[2]:+n[2],o&&(o.unit=c,o.start=u,o.end=i)),i}function u(e,t){var n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[];return void 0===t||t&&ae.nodeName(e,t)?ae.merge([e],n):n}function d(e,t){for(var n=0,o=e.length;o>n;n++)Me.set(e[n],"globalEval",!t||Me.get(t[n],"globalEval"))}function p(e,t,n,o,i){for(var a,r,l,s,c,p,h=t.createDocumentFragment(),f=[],b=0,m=e.length;m>b;b++)if(a=e[b],a||0===a)if("object"===ae.type(a))ae.merge(f,a.nodeType?[a]:a);else if(Ne.test(a)){for(r=r||h.appendChild(t.createElement("div")),l=(Pe.exec(a)||["",""])[1].toLowerCase(),s=Oe[l]||Oe._default,r.innerHTML=s[1]+ae.htmlPrefilter(a)+s[2],p=s[0];p--;)r=r.lastChild;ae.merge(f,r.childNodes),r=h.firstChild,r.textContent=""}else f.push(t.createTextNode(a));for(h.textContent="",b=0;a=f[b++];)if(o&&ae.inArray(a,o)>-1)i&&i.push(a);else if(c=ae.contains(a.ownerDocument,a),r=u(h.appendChild(a),"script"),c&&d(r),n)for(p=0;a=r[p++];)Ie.test(a.type||"")&&n.push(a);return h}function h(){return!0}function f(){return!1}function b(){try{return V.activeElement}catch(e){}}function m(e,t,n,o,i,a){var r,l;if("object"==typeof t){"string"!=typeof n&&(o=o||n,n=void 0);for(l in t)m(e,l,n,o,t[l],a);return e}if(null==o&&null==i?(i=n,o=n=void 0):null==i&&("string"==typeof n?(i=o,o=void 0):(i=o,o=n,n=void 0)),i===!1)i=f;else if(!i)return e;return 1===a&&(r=i,i=function(e){return ae().off(e),r.apply(this,arguments)},i.guid=r.guid||(r.guid=ae.guid++)),e.each(function(){ae.event.add(this,t,i,o,n)})}function g(e,t){return ae.nodeName(e,"table")&&ae.nodeName(11!==t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function v(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function y(e){var t=We.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function w(e,t){var n,o,i,a,r,l,s,c;if(1===t.nodeType){if(Me.hasData(e)&&(a=Me.access(e),r=Me.set(t,a),c=a.events)){delete r.handle,r.events={};for(i in c)for(n=0,o=c[i].length;o>n;n++)ae.event.add(t,i,c[i][n])}ke.hasData(e)&&(l=ke.access(e),s=ae.extend({},l),ke.set(t,s))}}function x(e,t){var n=t.nodeName.toLowerCase();"input"===n&&Le.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}function _(e,t,n,o){t=Z.apply([],t);var i,a,r,l,s,c,d=0,h=e.length,f=h-1,b=t[0],m=ae.isFunction(b);if(m||h>1&&"string"==typeof b&&!oe.checkClone&&Be.test(b))return e.each(function(i){var a=e.eq(i);m&&(t[0]=b.call(this,i,a.html())),_(a,t,n,o)});if(h&&(i=p(t,e[0].ownerDocument,!1,e,o),a=i.firstChild,1===i.childNodes.length&&(i=a),a||o)){for(r=ae.map(u(i,"script"),v),l=r.length;h>d;d++)s=i,d!==f&&(s=ae.clone(s,!0,!0),l&&ae.merge(r,u(s,"script"))),n.call(e[d],s,d);if(l)for(c=r[r.length-1].ownerDocument,ae.map(r,y),d=0;l>d;d++)s=r[d],Ie.test(s.type||"")&&!Me.access(s,"globalEval")&&ae.contains(c,s)&&(s.src?ae._evalUrl&&ae._evalUrl(s.src):ae.globalEval(s.textContent.replace(Xe,"")))}return e}function j(e,t,n){for(var o,i=t?ae.filter(t,e):e,a=0;null!=(o=i[a]);a++)n||1!==o.nodeType||ae.cleanData(u(o)),o.parentNode&&(n&&ae.contains(o.ownerDocument,o)&&d(u(o,"script")),o.parentNode.removeChild(o));return e}function T(e,t){var n=ae(t.createElement(e)).appendTo(t.body),o=ae.css(n[0],"display");return n.detach(),o}function M(e){var t=V,n=Ye[e];return n||(n=T(e,t),"none"!==n&&n||(ze=(ze||ae("