1 line
34 KiB
CSS
1 line
34 KiB
CSS
.basicContext,.basicContext *,.basicModalContainer,.basicModalContainer *{box-sizing:content-box}.basicContextContainer{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000}.basicContext{position:absolute;background-color:#fff;opacity:0;-webkit-transition:opacity .1s;transition:opacity .1s;user-select:none}.basicContext,.basicModal .basicModal__button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.basicContext--scrollable{height:calc(100% - 6px * 2);-webkit-overflow-scrolling:touch;overflow-y:auto}.basicContext tr{cursor:pointer}.basicContext tr.separator{float:left;margin:4px 0;width:100%;height:1px;background-color:rgba(0,0,0,.1);cursor:default}.basicContext tr:last-child{margin-bottom:0}.basicContext tr td{text-align:left;white-space:nowrap}.basicContext tr td:hover{color:#fff;background-color:#CA5858}.basicContext tr td span{display:inline-block;margin-right:10px;width:12px;text-align:center}@-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{position:fixed;width:100%;height:100%;top:0;left:0;font-size:14px;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;box-align:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;box-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.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{width:500px;background-color:#fff;border-radius:5px}.basicModal p{width:calc(100% - 60px);color:#444}.basicModal p a{color:#2875ed}.basicModal .basicModal__button{float:left;width:30%;background-color:rgba(0,0,0,.07);color:#444;font-weight:700;text-align:center;-webkit-transition:background-color .2s;transition:background-color .2s;user-select:none}.basicModal .basicModal__button:hover{background-color:rgba(0,0,0,.02)}.basicModal .basicModal__button--active,.basicModal .basicModal__button:active{background-color:rgba(0,0,0,.12)}.basicModal .basicModal__button#basicModal__cancel{border-radius:0 0 0 5px}.basicModal .basicModal__button#basicModal__action{width:70%;border-radius:0 0 5px}.basicModal .basicModal__button--full#basicModal__action{width:100%;border-radius:0 0 5px 5px;box-shadow:none}.basicModal .basicModal__dropdown{float:left;position:relative;margin:0 5% 1px;width:90%;color:#333;text-align:left;user-select:none}*,.basicModal .basicModal__dropdown{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.basicModal .basicModal__dropdown.flip .front{-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);opacity:0}.basicModal .basicModal__dropdown.flip .back{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:1}.basicModal .basicModal__dropdown.flip .front.text{-webkit-transform:scaleY(2);-ms-transform:scaleY(2);transform:scaleY(2);opacity:0}.basicModal .basicModal__dropdown.flip .back.text{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:1}.basicModal .basicModal__dropdown span{margin-left:14px;height:inherit;font-weight:400;line-height:46px}.basicModal .basicModal__dropdown .back,.basicModal .basicModal__dropdown .front{-webkit-transition:-webkit-transform .2s cubic-bezier(.51,.92,.24,1.15),opacity .2s cubic-bezier(.51,.92,.24,1.15);transition:transform .2s cubic-bezier(.51,.92,.24,1.15),opacity .2s cubic-bezier(.51,.92,.24,1.15)}.basicModal .basicModal__dropdown .front{height:46px;background-color:rgba(0,0,0,.08);-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.basicModal .basicModal__dropdown .front::after{content:'';position:absolute;top:21px;right:14px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.5)}.basicModal .basicModal__dropdown .front:hover{background-color:rgba(0,0,0,.13)}.basicModal .basicModal__dropdown:first-of-type .front{border-top-left-radius:2px;border-top-right-radius:2px}.basicModal .basicModal__dropdown:last-of-type .front{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.basicModal .basicModal__dropdown.error .front{background-color:rgba(255,36,16,.2)}.basicModal .basicModal__dropdown .back{display:none;position:absolute;top:-80px;width:100%;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.basicModal .basicModal__dropdown ul{width:calc(100% - 28px);padding:10px 14px;background-color:rgba(255,255,255,.98);box-shadow:0 1px 2px rgba(0,0,0,.5);border-radius:2px;list-style:none}.basicModal .basicModal__dropdown ul li{color:#2875ed;line-height:30px;cursor:pointer;-webkit-transition:color .2s;transition:color .2s}.basicModal .basicModal__dropdown ul li span{display:block;margin:-5px 0 10px;padding:0;width:100%;color:rgba(0,0,0,.4);line-height:20px;-webkit-transition:color .2s;transition:color .2s}.basicModal .basicModal__dropdown ul li:last-child span{margin-bottom:5px}.basicModal .basicModal__dropdown ul li.separator{width:100%;height:1px;background-color:rgba(0,0,0,.1);margin:6px 0;cursor:inherit}.basicModal .basicModal__dropdown ul li:hover{color:#0e47a1}.basicModal .basicModal__dropdown ul li:hover span{color:rgba(0,0,0,.6)}.basicModal.login{position:relative;max-width:340px;text-align:center}.basicModal.login h1,.basicModal.login h2{width:100%;font-weight:400}.basicModal.login h1{margin:60px 0 0;color:rgba(0,0,0,.8);font-size:28px}.basicModal.login h2{margin:6px 0 30px;color:rgba(0,0,0,.4);font-size:12px}.basicModal.login p{width:80%;padding:10px 10% 18px}.basicModal.login input.text{float:left;width:calc(90% - 28px);padding:14px;margin:0 5% 1px;background-color:rgba(0,0,0,.08);color:#333;border:none;border-radius:0;outline:0;-webkit-transition:background-color .2s;transition:background-color .2s}.basicModal.login input.text:focus{background-color:rgba(0,0,0,.13)}.basicModal.login input.text.error{background-color:rgba(255,36,16,.2)}.basicModal.login input.text:first-of-type{border-top-left-radius:2px;border-top-right-radius:2px}.basicModal.login input.text:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.basicModal.login .basicModal__button#basicModal__action{margin:35px 5% 5%;width:90%;background-color:#2875ed;color:#fff;border:0;box-shadow:none;border-radius:2px}.basicModal.login .basicModal__button#basicModal__action:hover{background-color:#4084ef}.basicModal.login .basicModal__button#basicModal__action--active,.basicModal.login .basicModal__button#basicModal__action:active{background-color:#1367e8}.basicModal.login .basicModal__button#basicModal__cancel{position:absolute;top:-8px;right:-8px;margin:0;padding:0;width:40px;height:40px;background-color:#fff;font-weight:400;border-radius:100px;box-shadow:0 1px 2px rgba(0,0,0,.2)}.basicModal.login .basicModal__button#basicModal__cancel::after{content:'';position:absolute;width:35px;height:38px;background:#fff;left:-3px;top:8px}.basicModal.login .basicModal__button#basicModal__cancel svg{position:relative;width:20px;height:39px;fill:#888;z-index:1;-webkit-transition:fill .2s;transition:fill .2s}.basicModal.login .basicModal__button#basicModal__cancel::after:hover svg,.basicModal.login .basicModal__button#basicModal__cancel:hover svg{fill:#2875ed}.basicModal.login .basicModal__button#basicModal__cancel::after:active svg,.basicModal.login .basicModal__button#basicModal__cancel: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}#upload,.svgsprite{display:none}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}*{user-select:none;-webkit-transition:color .3s,opacity .3s ease-out,-webkit-transform .3s ease-out,box-shadow .3s;transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s}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;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.51,.92,.24,1)}.fadeIn,.fadeOut{-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1);-webkit-animation-fill-mode:forwards;-webkit-animation-duration:.3s}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.51,.92,.24,1)}@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes moveUp{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity: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-box;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{white-space:nowrap;font-weight:700;overflow:hidden;text-overflow:ellipsis}#content::before{content:'';position:absolute;left:0;width:100%;height:1px;border-top:1px solid rgba(255,255,255,.02)}#content.sidebar{width:calc(100% - 300px)}#content.contentZoomIn .album,#content.contentZoomIn .photo{-webkit-animation-name:zoomIn;animation-name:zoomIn;animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.51,.92,.24,1)}#content.contentZoomIn .album,#content.contentZoomIn .divider,#content.contentZoomIn .photo{-webkit-animation-duration:.2s;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1)}#content.contentZoomIn .divider{-webkit-animation-name:fadeIn;animation-name:fadeIn;animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.51,.92,.24,1)}#content.contentZoomOut .album,#content.contentZoomOut .photo{-webkit-animation-name:zoomOut;animation-name:zoomOut;animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.51,.92,.24,1)}#content.contentZoomOut .album,#content.contentZoomOut .divider,#content.contentZoomOut .photo{-webkit-animation-duration:.2s;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1)}#content.contentZoomOut .divider{-webkit-animation-name:fadeOut;animation-name:fadeOut;animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.51,.92,.24,1)}#content .album,#content .photo{position:relative;width:202px;height:202px;margin:30px 0 0 30px;cursor:default}#content .album img,#content .photo img{position:absolute;width:200px;height:200px;background-color:#222;box-shadow:0 2px 5px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.5);-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,border-color .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out,border-color .3s ease-out}#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{-webkit-transition:none;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:rgba(0,0,0,.6);background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.6));background:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));bottom:1px}#content .album img[data-retina=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-retina=false]+.overlay a,#content .album img[data-retina=false]+.overlay h1{text-shadow:none}#content .album .badge,#content .photo .badge{position:absolute;margin:-1px 0 0 12px;padding:12px 8px 6px;box-shadow:0 0 2px rgba(0,0,0,.6);background:#d92c34;border-radius:0 0 5px 5px;border:1px solid #fff;border-top:none;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.4);opacity:.9}#content .album .badge:nth-child(2n),#content .photo .badge:nth-child(2n){margin-left:54px}#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)}#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:-webkit-linear-gradient(top,#333,#252525);background:linear-gradient(to bottom,#333,#252525);border:1px solid rgba(0,0,0,.7);border-bottom:1px solid rgba(0,0,0,.8);border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)}.basicContext tr{margin-bottom:2px;color:rgba(255,255,255,.9);font-size:14px;text-shadow:0 -1px 0 rgba(0,0,0,.1)}.basicContext tr.separator{background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.06)}.basicContext tr td{padding:6px 25px 7px 12px;min-width:auto;color:#fff;border-radius:0;-webkit-transition:none;transition:none;cursor:default}.basicContext tr td:hover{background:-webkit-linear-gradient(top,#2293EC,#1386e1);background:linear-gradient(to bottom,#2293EC,#1386e1)}.basicContext tr td:active{background:-webkit-linear-gradient(top,#1178ca,#0f6ab2);background:linear-gradient(to bottom,#1178ca,#0f6ab2)}.basicContext tr td .cover{background-color:#222;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.5);position:absolute}.basicContext tr td .title{display:inline-block;margin:0 0 3px 26px}.basicContext tr td .iconic{display:inline-block;margin:0 10px 0 1px;width:11px;height:10px;fill:#fff}.basicContext tr td .iconic.ionicons{margin:0 8px -2px 0;width:14px;height:14px}.basicContext input#link{width:100%;margin:-2px 0 -1px -2px;padding:5px 7px 6px;background:#333;color:#fff;border:1px solid rgba(0,0,0,.4);box-shadow:0 1px 0 rgba(255,255,255,.05);outline:0;border-radius:3px}.basicContext tr.noHover td:hover{background:0 0}header{position:fixed;height:49px;width:100%;background:-webkit-linear-gradient(top,#222,#1a1a1a);background:linear-gradient(to bottom,#222,#1a1a1a);border-bottom:1px solid #0f0f0f;z-index:1;-webkit-transition:-webkit-transform .3s ease-out;transition: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.error{background-color:rgba(10,10,10,.99)}header #title{position:absolute;margin:0 30%;width:40%;padding:15px 0;color:#fff;font-size:16px;text-align:center;z-index:1;cursor:default}header #title .iconic{display:none;margin:0 0 0 5px;width:10px;height:10px;fill:rgba(255,255,255,.5);-webkit-transition:fill .2s ease-out;transition:fill .2s ease-out}header #title:hover .iconic{fill:#fff}header #title:active .iconic{-webkit-transition:none;transition:none;fill:rgba(255,255,255,.8)}header #title.editable .iconic{display:inline-block}header .toolbar{display:none;position:absolute;box-sizing:border-box;width:100%;height:100%;padding:0 10px}header .button{display:inline-block;padding:17px 8px;width:15px;height:15px}#imageview,header .button#button_signin{display:none}header .button--left{float:left}header .button--right{float:right}header .button .iconic{width:15px;height:15px;fill:rgba(255,255,255,.5);-webkit-transition:fill .2s ease-out;transition:fill .2s ease-out}header .button:hover .iconic{fill:#fff}header .button:active .iconic{-webkit-transition:none;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 .button_divider{float:right;position:relative;width:14px;height:50px}header #search{float:right;width:80px;margin:12px 12px 0 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;-webkit-transition:opacity .3s ease-out,box-shadow .3s ease-out,width .2s ease-out;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 #clearSearch{position:absolute;top:13px;right:78px;padding:0;color:rgba(255,255,255,.5);font-size:20px;opacity:0;-webkit-transition:color .2s ease-out;transition:color .2s ease-out;cursor:default}header #clearSearch:hover{color:#fff}header #hostedwith{float:right;padding:5px 10px;margin:13px 9px;color:#888;font-size:13px;border-radius:100px;display:none}header #hostedwith:hover{background-color:rgba(0,0,0,.3)}#imageview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(10,10,10,.98);-webkit-transition:background-color .3s;transition:background-color .3s}#sidebar #tags,#sidebar #tags .tag,#sidebar #tags>div,#sidebar .edit{display:inline-block}#imageview.view{background-color:inherit}#imageview.full{background-color:#000}#imageview #image{position:absolute;top:60px;right:30px;bottom:30px;left:30px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;-webkit-transition:top .3s,right .3s,bottom .3s,left .3s,margin-top .3s,opacity .2s,-webkit-transform .3s cubic-bezier(.51,.92,.24,1.15);transition:top .3s,right .3s,bottom .3s,left .3s,margin-top .3s,opacity .2s,transform .3s cubic-bezier(.51,.92,.24,1.15);-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)}#imageview #image,#loading{-webkit-animation-duration:.3s}#imageview #image.small{top:50%;right:auto;bottom:auto;left:50%}#imageview #image.full{top:0;right:0;bottom:0;left:0}#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}#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;-webkit-transition:-webkit-transform .2s ease-out,opacity .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out}#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:-370px;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);-webkit-transition:-webkit-transform .3s cubic-bezier(.51,.92,.24,1);transition:transform .3s cubic-bezier(.51,.92,.24,1)}#sidebar.active{-webkit-transform:translateX(-320px);-ms-transform:translateX(-320px);transform:translateX(-320px)}#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:-webkit-linear-gradient(top,rgba(255,255,255,.02),transparent);background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-top:1px solid #2293EC}#sidebar .header h1{position:absolute;margin:15px 50px 15px 0;width:calc(100% - 50px);color:#fff;font-size:16px;font-weight:700;text-align:center}#sidebar .wrapper{float:left;height:calc(100% - 49px);width:300px;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);-webkit-transition:fill .2s ease-out;transition:fill .2s ease-out}#sidebar .edit:hover .iconic{fill:#fff}#sidebar .edit:active .iconic{-webkit-transition:none;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;-webkit-transition:background-color .2s;transition:background-color .2s}#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);-webkit-transition:width .2s,margin .2s,-webkit-transform .2s,fill .2s ease-out;transition:width .2s,margin .2s,transform .2s,fill .2s ease-out}#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{-webkit-transition:none;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);display:none;-webkit-animation-name:moveBackground;animation-name:moveBackground;animation-duration:.3s;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}#loading,.basicModal .rows .row a.status{-webkit-animation-iteration-count:infinite}#loading.loading{height:3px;background-image:-webkit-linear-gradient(left,#153674 0,#153674 47%,#2651AE 53%,#2651AE 100%);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:-webkit-linear-gradient(left,#451317 0,#451317 47%,#AA3039 53%,#AA3039 100%);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 .basicModal__button,.basicModal .choice label,.basicModal h1,.basicModal input.text,.basicModal p{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:-webkit-linear-gradient(top,#444,#333);background:linear-gradient(to bottom,#444,#333);border:1px solid rgba(0,0,0,.7);border-bottom:1px solid rgba(0,0,0,.8);box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)}.basicModal p{display:block;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 .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 .basicModal__button:hover{background:rgba(255,255,255,.02)}.basicModal .basicModal__button--active,.basicModal .basicModal__button:active{-webkit-transition:none;transition:none;background:rgba(0,0,0,.1)}.basicModal .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 .basicModal__button#basicModal__action.red{color:#d92c34}.basicModal .basicModal__button.hidden{display:none}.basicModal input.text{width:calc(100% - 4px);padding:9px 2px;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:calc(100% - 60px);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);-webkit-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)}.basicModal .choice label input:checked~.checkbox{background:rgba(0,0,0,.5)}.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{background:rgba(0,0,0,.3)}.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:calc(100% - 35px);color:rgba(255,255,255,.6);font-size:13px}.basicModal .version,.basicModal .version span a{color:rgba(255,255,255,.3)}.basicModal .choice input.text{display:none;margin-top:5px;margin-left:35px;width:calc(100% - 39px)}.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:calc(70% - 20px);color:#fff;font-size:14px;white-space:nowrap;overflow:hidden}.basicModal .rows .row a.status{float:left;padding:5px 10px;width:calc(30% - 20px);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;animation-iteration-count:infinite}.basicModal .rows .row a.status.error,.basicModal .rows .row a.status.success{-webkit-animation:none;animation:none}.basicModal .rows .row a.status.error{color:#d51818}.basicModal .rows .row a.status.success{color:#2ad500}.basicModal .rows .row p.notice{display:none;float:left;padding:2px 10px 5px;width:calc(100% - 20px);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}@media only screen and (max-width:900px){#title,#title.view{margin:0 20%!important}#title{width:40%!important}#title.view{width:60%!important}}@media only screen and (max-width:640px){#title{display:none!important}#title.view{display:block!important;width:70%!important;margin:0 20% 0 10%!important}#imageview .arrow_wrapper{display:none!important}} |