body {background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;background-attachment: fixed; }.profile-container {background-color: #fff;border: 1px solid #ddd;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);margin-bottom: 20px;overflow: hidden;margin: 30px 0; }.profile-container > .profile-header {position: relative;height: 200px;background-color: #ddd;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;border-radius: 4px 4px 0 0; }.profile-container > .profile-header:hover > .profile-header-upload {display: block; }.profile-container > .profile-header > .profile-name {position: absolute;width: 100%;padding: 5px 10px 10px 220px;bottom: 0;background: rgba(0, 0, 0, 0.50);display: block;color: #fff;line-height: normal;white-space: nowrap;overflow: hidden;overflow-text: ellipsis;font-size: 14pt; }.profile-container > .profile-header > .profile-name > small {margin-left: 5px;font-size: 10pt; }.profile-container > .profile-header > .profile-header-upload {color: #fff;cursor: pointer;font-size: 10pt;padding: 3px 0;background-color: rgba(0, 0, 0, 0.25);border-radius: 50%;left: 10px;top: 5px;font-size: 16pt;line-height: 40px;width: 45px;position: absolute;text-align: center;overflow: hidden;opacity: 0.8;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); }.profile-container > .profile-header > .profile-header-upload:hover {background-color: rgba(0, 0, 0, 0.6);opacity: 1; }.profile-container > .profile-header > .profile-header-upload.profile-bg {left: auto;right: 10px; }.profile-container > .profile-header > .profile-header-upload > input {cursor: pointer;direction: ltr;font-size: 200px;margin: 0;opacity: 0;position: absolute;right: 0;top: 0; }.profile-container > .profile-avatar {position: relative;height: 150px;width: 150px;z-index: 1001;float: left;margin-top: -120px;margin-left: 50px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;line-height: 1.42857;padding: 4px;transition: all 0.2s ease-in-out 0s;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }.profile-container > .profile-avatar:hover > .profile-avatar-upload {display: block; }.profile-container > .profile-avatar > .profile-avatar-upload {background-color: rgba(0, 0, 0, 0.65);color: #fff;cursor: pointer;display: none;font-size: 10pt;padding: 3px 0;border-radius: 2px;left: 3px;bottom: 3px;right: 3px;position: absolute;text-align: center;overflow: hidden; }.profile-container > .profile-avatar > .profile-avatar-upload:hover {background-color: rgba(0, 0, 0, 0.9); }.profile-container > .profile-avatar > .profile-avatar-upload > input {cursor: pointer;direction: ltr;font-size: 200px;margin: 0;opacity: 0;position: absolute;right: 0;top: 0; }.profile-container > .profile-point {position: relative;padding: 10px;text-align: right; }.profile-container > .profile-body {padding: 15px;min-height: 500px; }#profile-text {background: #f4f8fa;border-color: #5bc0de; }#profile-menu {position: absolute;padding: 10px 0;left: 220px; }.layout-sidebar.has-sidebar {width: 185px;float: left; }.layout-sidebar.has-sidebar + .layout-container {margin-left: 205px; }.layout-sidebar-top {margin-bottom: 15px; }.layout-sidemenu.layout-sidemenu-fixed {position: absolute;left: 15px;right: 15px;z-index: 1000; }.layout-sidemenu > ul > li {margin: 3px 0;padding-left: 2px; }.layout-sidemenu > ul > li.active {padding-left: 0;border-left: 2px solid #4caf50; }.layout-sidemenu > ul > li.active > a {color: #444; }.layout-sidemenu > ul > li.active > ul > li.active {background-color: #eee; }.layout-sidemenu > ul > li.divider {margin: 15px 0 10px 0;height: 1px;border-bottom: 1px solid #ddd; }.layout-sidemenu > ul > li a {display: block;color: #999;transition: color 0.2s; }.layout-sidemenu > ul > li a:hover {color: #ff9800; }.layout-sidemenu > ul > li > a {padding: 5px 8px;font-size: 10pt;font-weight: bold; }.layout-sidemenu > ul > li > ul > li > a {padding: 2px 13px 2px 21px;font-size: 9pt; }.layout-content {display: table;width: 100%; }