powerdns-admin/app/static/admin/pages/css/profile.css
2015-12-13 16:34:12 +07:00

165 lines
2.6 KiB
CSS

/***
New Profile Page
***/
.profile-sidebar {
float: left;
width: 300px;
margin-right: 20px;
}
.profile-content {
overflow: hidden;
}
/* PROFILE SIDEBAR */
.profile-sidebar-portlet {
padding: 30px 0 0 0 !important;
}
.profile-userpic img {
float: none;
margin: 0 auto;
width: 50%;
height: 50%;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
}
.profile-usertitle {
text-align: center;
margin-top: 20px;
}
.profile-usertitle-name {
color: #5a7391;
font-size: 20px;
font-weight: 600;
margin-bottom: 7px;
}
.profile-usertitle-job {
text-transform: uppercase;
color: #5b9bd1;
font-size: 13px;
font-weight: 800;
margin-bottom: 7px;
}
.profile-userbuttons {
text-align: center;
margin-top: 10px;
}
.profile-userbuttons .btn {
margin-right: 5px;
}
.profile-userbuttons .btn:last-child {
margin-right: 0;
}
.profile-userbuttons button {
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
padding: 6px 15px;
}
.profile-usermenu {
margin-top: 30px;
padding-bottom: 20px;
}
.profile-usermenu ul li {
border-bottom: 1px solid #f0f4f7;
}
.profile-usermenu ul li:last-child {
border-bottom: none;
}
.profile-usermenu ul li a {
color: #93a3b5;
font-size: 16px;
font-weight: 400;
}
.profile-usermenu ul li a i {
margin-right: 8px;
font-size: 16px;
}
.profile-usermenu ul li a:hover {
background-color: #fafcfd;
color: #5b9bd1;
}
.profile-usermenu ul li.active a {
color: #5b9bd1;
background-color: #f6f9fb;
border-left: 2px solid #5b9bd1;
margin-left: -2px;
}
.profile-stat {
padding-bottom: 20px;
border-bottom: 1px solid #f0f4f7;
}
.profile-stat-title {
color: #7f90a4;
font-size: 25px;
text-align: center;
}
.profile-stat-text {
color: #5b9bd1;
font-size: 11px;
font-weight: 800;
text-align: center;
}
.profile-desc-title {
color: #7f90a4;
font-size: 17px;
font-weight: 600;
}
.profile-desc-text {
color: #7e8c9e;
font-size: 14px;
}
.profile-desc-link i {
width: 22px;
font-size: 19px;
color: #abb6c4;
margin-right: 5px;
}
.profile-desc-link a {
font-size: 14px;
font-weight: 600;
color: #5b9bd1;
}
/* END PROFILE SIDEBAR */
/* RESPONSIVE MODE */
@media (max-width: 991px) {
/* 991px */
/* 991px */
.profile-sidebar {
float: none;
width: 100% !important;
margin: 0;
}
.profile-sidebar > .portlet {
margin-bottom: 20px;
}
.profile-content {
overflow: visible;
}
}