writesdown/app-cms

#media-browser{position:absolute;top:0;right:0;bottom:0;left:0;background:#fcfcfc}#media-browser .browser-menu{position:absolute;top:0;bottom:0;left:0;width:200px;z-index:150;border-right:1px solid #ccc;background-color:#f3f3f3;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}#media-browser .browser-content{position:absolute;top:0;right:0;bottom:0;left:200px}#media-browser .browser-nav-tabs{border-radius:0;box-shadow:none;margin-bottom:0;background-color:transparent}#media-browser .toggle-menu{display:none}#media-library{position:absolute;top:44px;right:0;bottom:0;left:0}#media-library .media-filter{position:absolute;left:0;right:267px;height:50px;padding:10px 15px;background-color:#fff}#media-library .library-footer{position:absolute;left:0;right:0;bottom:0;height:55px;padding:10px;text-align:right;border-top:1px solid #f4f4f4}#media-library .library-left{position:absolute;top:50px;right:267px;bottom:55px;left:0;background-color:#fff;overflow-x:hidden;overflow-y:auto;padding-left:10px;padding-right:10px}#media-library .library-right{position:absolute;top:0;right:0;bottom:55px;background-color:#f3f3f3;width:267px;border-left:1px solid #ccc;overflow-x:hidden;overflow-y:auto;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}#media-library .media-container{margin:0;padding:0}#media-library .media-item{position:relative;float:left;width:16.66%;display:block;box-sizing:border-box;padding:5px;cursor:pointer}#media-library .media-item.ui-selected{-webkit-box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 5px #1e8cbe;box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 5px #1e8cbe}#media-library .item{position:relative}#media-library .item>img{width:100%}#media-library .item>.description{position:absolute;bottom:0;left:0;right:0;top:80%;padding:3px 6px;background:rgba(0,0,0,0.4);color:#fff;font-size:12px;line-height:18px;white-space:nowrap}#media-library .item>.description>span{overflow:hidden;display:block}#media-library .item>.selected-check{padding:5px;background:#1e8cbe;position:absolute;top:-4px;right:-4px;color:#fff;border:1px solid #1e8cbe;display:none;width:28px;height:28px;text-align:center}#media-library .item>.selected-check:before{content:"\f00c"}#media-library .item>.selected-check:hover:before{content:"\f068"}#media-library .media-item.ui-selected>.item>.selected-check{display:block}#media-library .library-right .media-details{padding:15px}#media-library .media-details .row{border-bottom:1px solid #ccc;padding-bottom:15px}#media-library .library-right .media-form{padding:15px}#media-library .library-right h3{margin-top:0;font-size:14px;font-weight:700;text-transform:uppercase;color:#666}#media-library .library-right h4{font-weight:700;color:#464646;font-size:14px;word-wrap:break-word}#media-library .library-right label{padding-top:5px;font-weight:normal;color:#777;text-align:left}#add-new-media{bottom:0;left:0;position:absolute;right:0;top:44px;background-color:#fff}#add-new-media .dropzone{position:absolute;top:10px;left:10px;right:10px;bottom:10px;text-align:center;border:5px dashed #eee;transition:all .3s ease-out;opacity:1;padding:25px}@media(max-width:1200px){#media-library .media-item{width:25%}}@media(max-width:979px){#media-library .media-item{width:33.333%}}@media only screen and (max-width:900px){#media-browser .browser-menu{top:44px;left:-300px}#media-browser .browser-menu.visible{left:0}#media-browser .browser-content{left:0}#media-browser .toggle-menu{display:block}}@media(max-width:640px){#media-browser .library-right{z-index:1900;bottom:120%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-bottom:0;top:50px}#media-browser.visible-lr .library-right{bottom:55px}#media-browser .media-filter,#media-browser .library-left{right:0}#media-browser.visible-lr .library-left{right:267px}#media-browser .media-item{width:33.333%}#media-browser.visible-lr .media-item{width:50%}}@media(max-width:479px){#media-browser .library-right{width:200px}#media-browser.visible-lr .library-left{right:200px}#media-browser .media-item{width:50%}#media-browser.visible-lr .media-item{width:100%}#media-browser .browser-nav-tabs span{display:none}}@media(max-width:319px){#media-browser.visible-lr .library-left{right:0}}