David A. Windham
david
/
lychee
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: b6b568b146
Branches Tags
lychee
/
dist
/
main.css

main.css 31 KB
History Raw

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 popIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes popIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-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;transition:top .3s,right .3s,bottom .3s,left .3s,opacity .2s,-webkit-transform .2s;transition:top .3s,right .3s,bottom .3s,left .3s,opacity .2s,transform .2s;transition:top .3s,right .3s,bottom .3s,left .3s,opacity .2s,transform .2s,-webkit-transform .2s;will-change:transform;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-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{right:20px;bottom:20px;left:20px}#imageview .arrow_wrapper{display:none}}#imageview.full #image{top:0;right:0;bottom:0;left:0}#imageview #image>div{width:0;height:0}#imageview #image img{position:absolute;max-width:100%;max-height:100%;width:auto;height:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#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}
    2.