/** Version: 1.1.2 **/ .hascroll { overflow: auto; } .gfmuf-wrap { overflow: auto; } .gfmuf-notice { border: 1px solid #f2f2f2; border-left: 5px solid #d54e21; color: #000; display: block; margin: 10px 0; padding: 10px 15px; background-color: #fef7f1; } .gfmuf-transition { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .gfmuf-cursor { cursor: pointer; } .gfmuf-table { width: 100%; display: table; line-height: 0; height: 100%; margin: auto; } .gfmuf-cell { display: table-cell; vertical-align: middle; } .gfmuf-padding-0 { padding: 0; } .gfmuf-relative { position: relative; } .gfmuf-absolute { position: absolute; } .gfmuf-top-0 { top: 0; } .gfmuf-bottom-0 { bottom: 0; } .gfmuf-right-0 { right: 0; } .gfmuf-left-0 { left: 0; } .gfmuf-float-right { float: right; } .gfmuf-float-left { float: left; } .gfmuf-z-index-1 { z-index: 1; } .gfmuf-z-index-2 { z-index: 2; } .gfmuf-z-index-3 { z-index: 4; } .gfmuf-fit { width: 100%; height: 100%; } .gfmuf-hide { display: none; } .gfmuf-inline { display: inline-block; } .gfmuf-error { background-color: #fff; border-left: 3px solid #a00 !important; padding: 20px; box-sizing: border-box; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04); box-shadow: 0 1px 1px rgba(0,0,0,.04); } .gfmuf-bg { background-repeat: no-repeat; background-position: center center; } .gfmuf-upload-wrap .gfmuf-crop-wrap { position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; display: table; z-index: 999999; } .gfmuf-upload-wrap .gfmuf-crop-inner { display: table-cell; vertical-align: middle; text-align: center; } .gfmuf-upload-wrap .gfmuf-crop-entry { display: inline-block; background-color: #fff; padding: 5px 5px 25px 5px; } .gfmuf-upload-wrap .cr-boundary { margin: auto; } .gfmuf-upload-wrap .edit-image { background-image: url('../images/edit-image.png'); background-color: rgba(0, 0, 0, 0.3); } .gfmuf-upload-wrap .gfmuf-img-wrap:hover .edit-image { display: inline-block; } .gfmuf-upload-wrap .button { background-color: #46b450; padding: 5px 30px; display: inline-block; color: #fff; cursor: pointer; line-height: normal; margin-bottom: 5px; } .gfmuf-upload-wrap .button:hover { background-color: #333; } .cr-boundary img#save-loading { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; } .gfmuf-upload-wrap { background-image: url('../images/i.png'); line-height: 0; display: inline-block; } .gfmuf-img-wrap { background-image: url('../images/avatar.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; } .gfmuf-img-active { background-image: none; } .gfmuf-profile-cover-photo { max-width: 100%;margin-bottom: 30px;}