flox/public/assets/css/app.css

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:'Titillium Web';font-style:normal;font-weight:400;src:local("Titillium Web"),local("TitilliumWeb-Regular"),url(http://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTcZSnX671uNZIV63UdXh3Mg0.woff2) format("woff2"),url(http://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTcdGU7DQ8I6RFMlK0vgclk7w.woff) format("woff")}@font-face{font-family:'Titillium Web';font-style:normal;font-weight:600;src:local("Titillium WebSemiBold"),local("TitilliumWeb-SemiBold"),url(http://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr46gJz9aNFrmnwBdd69aqzY.woff2) format("woff2"),url(http://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wprx7IBmrqA5IG9z8WNe77b9o.woff) format("woff")}*{margin:0;padding:0;box-sizing:border-box}.wrap{width:1100px;margin:0 auto;padding:0 20px}body{background:#1b1b1b;font-family:'Titillium Web',sans-serif;padding:65px 0 0;overflow-y:scroll}.modal-active{overflow:hidden}::-moz-selection{background:rgba(71,71,71,.99);color:#fff}::selection{background:rgba(71,71,71,.99);color:#fff}::-webkit-input-placeholder{color:#636363}::-moz-placeholder{color:#636363;opacity:1}::-ms-input-placeholder{color:#636363}ul{list-style:none}a{text-decoration:none;outline:0}img{border:0}input,textarea{outline:0}.icon-add{background-image:url(../img/sprite.png);background-position:-32px -64px;width:32px;height:32px}.icon-close{background-image:url(../img/sprite.png);background-position:-64px -64px;width:32px;height:32px}.icon-edit{background-image:url(../img/sprite.png);background-position:-128px -18px;width:16px;height:16px}.icon-github{background-image:url(../img/sprite.png);background-position:0 -96px;width:33px;height:27px}.icon-no-image{background-image:url(../img/sprite.png);background-position:0 0;width:64px;height:64px}.icon-search{background-image:url(../img/sprite.png);background-position:-64px 0;width:32px;height:32px}.icon-star-active,.icon-star.active{background-image:url(../img/sprite.png);background-position:-96px 0;width:32px;height:32px}.icon-star{background-image:url(../img/sprite.png);background-position:-96px -32px;width:32px;height:32px}.icon-time-active,.icon-time.active{background-image:url(../img/sprite.png);background-position:0 -64px;width:32px;height:32px}.icon-time{background-image:url(../img/sprite.png);background-position:-64px -32px;width:32px;height:32px}.icon-tmdb{background-image:url(../img/sprite.png);background-position:-128px 0;width:138px;height:18px}.site-header{position:fixed;width:100%;left:0;top:0;background:rgba(186,89,210,.95);height:65px;overflow:hidden;z-index:100}.logo{float:left;padding:19px 0}.site-nav{float:right;margin:0 20px 0 0;padding:0 20px 0 0;border-right:1px solid #c86ede}.site-nav li{float:left}.site-nav a{color:#fff;padding:16px 20px 18px;float:left;font-size:17px;border-top:3px solid transparent;transition:border .2s ease-in-out 0s}.site-nav a.active{border-top:3px solid #fff}.add-wrap,.icon-search-wrap{float:right;padding:16px 0 19px;cursor:pointer}.add-wrap i,.icon-search-wrap i{display:block}.add-wrap:active,.icon-search-wrap:active{opacity:.8}.icon-search-wrap{margin:0 0 0 10px}.flox{position:relative;width:100%;min-height:calc(100vh + 120px);float:left;padding:0 0 120px}.box{float:left;width:100%;padding:60px 0;position:relative}.box:nth-child(2){background:#242424}.box-headline{font-size:22px;color:#555}.box-headline:hover{background:#ba59d2;color:#fff}.box-options{float:right}.box-options i{float:left;cursor:pointer;margin:0 0 0 20px;opacity:.8}.box-options i:active{opacity:.6}.items{float:left;width:100%;min-height:400px}.item{float:left;width:185px;margin:50px 33px 0 0;position:relative}.item:nth-child(5n){margin:50px 0 0}.item:hover .icon-edit-wrap{display:block}.icon-edit-wrap{padding:10px;background:#ba59d2;position:absolute;left:0;top:0;z-index:50;display:none;cursor:pointer;opacity:.85;transition:opacity .2s ease-in-out 0s}.icon-edit-wrap i{float:left}.icon-edit-wrap:hover{opacity:1}.rating{float:right;width:10px;height:270px;opacity:.9;background:silver}.item-image-big .rating{height:450px}.rating-1{background:#ac1b1b}.rating-2{background:#c15e33}.rating-3{background:#dea621}.rating-4{background:#73a01c}.rating-5{background:#ba59d2}.item-image{background-color:#101010;float:left;width:185px;height:270px;position:relative;top:0;opacity:1;transition:top .4s ease-in-out 0s,opacity .4s ease-in-out 0s}.loading .item-image{top:-5px;opacity:0}.item-image-big{width:300px;height:450px}.item-content{float:left;margin:20px 0 0;padding:0 5px;width:100%}.icon-no-image{position:absolute;top:95px;left:60px}.item-image-big .icon-no-image{top:175px;left:120px}.item-date{float:left;clear:both;color:#555;font-size:15px}.item-title{float:left;clear:both;font-size:17px;color:#909090;border-bottom:1px solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.item-title:active,.item-title:hover{background:#ba59d2;color:#fff}.icon-box-load,.icon-content-load{background:url(../img/content-load.gif);width:32px;height:32px;position:absolute;left:50%;top:50vh;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.icon-box-load{top:280px}.show-item-wrap{float:left;width:100%;margin:50px 0 0}.image-wrap{float:left;width:350px}.show-content{float:left;width:710px}.show-content h2{color:#ba59d2;font-size:32px}.modal-wrap{background:rgba(14,14,14,.98);position:fixed;left:0;top:0;height:100%;width:100%;z-index:200;opacity:1;transition:opacity .1s ease-in-out 0s}.modal-active .modal-wrap{overflow-y:scroll}.modal-wrap.loading{opacity:0}.modal-header{background:#ba59d2;float:left;width:100%;height:65px;position:fixed;left:0;top:0;transition:top .5s ease-in-out 0s}.loading .modal-header{top:-100%}.modal-header .icon-search{float:left;margin:17px 0 0}.icon-close-wrap{padding:16px;float:right;cursor:pointer;margin:5px 0 0}.icon-close-wrap .icon-close{float:left}.icon-close-wrap:active{opacity:.6}.modal-input{border:0;background:0 0;font-size:38px;color:#ba59d2;width:100%}.search-wrap{float:left;width:calc(100% - 100px)}.search-items{width:100%;float:left;padding:80px 0}.no-items-found{width:100%;float:left;margin:30vh 0 0;text-align:center;color:#474747;font-size:32px}.modal-label{float:left;text-transform:uppercase;color:#3e3e3e;font-size:15px}.site-footer{float:left;width:100%;background:#131313;padding:40px 0;position:absolute;bottom:0;font-size:14px}.site-footer a:active{opacity:.5}.attribution{color:#555;float:left}.icon-tmdb{float:left;margin:3px 10px 0 0}.icon-github{float:right}