You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
283 lines
5.3 KiB
283 lines
5.3 KiB
/* Cubic Bezier Transition */
|
|
/***
|
|
Profile Page
|
|
***/
|
|
.profile {
|
|
position: relative; }
|
|
.page-container-bg-solid .profile {
|
|
background: #ffffff;
|
|
padding: 20px; }
|
|
|
|
.profile p {
|
|
color: #636363;
|
|
font-size: 13px; }
|
|
|
|
.profile p a {
|
|
color: #169ef4; }
|
|
|
|
.profile label {
|
|
margin-top: 10px; }
|
|
|
|
.profile label:first-child {
|
|
margin-top: 0; }
|
|
|
|
/*profile info*/
|
|
.profile-classic .profile-image {
|
|
position: relative; }
|
|
|
|
.profile-classic .profile-edit {
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
color: #fff;
|
|
opacity: 0.6;
|
|
padding: 0 9px;
|
|
font-size: 11px;
|
|
background: #000;
|
|
position: absolute;
|
|
filter: alpha(opacity=60);
|
|
/*for ie*/ }
|
|
|
|
.profile-classic .profile-image img {
|
|
margin-bottom: 15px; }
|
|
|
|
.profile-classic li {
|
|
padding: 8px 0;
|
|
font-size: 13px;
|
|
border-top: solid 1px #f5f5f5; }
|
|
|
|
.profile-classic li:first-child {
|
|
border-top: none; }
|
|
|
|
.profile-classic li span {
|
|
color: #666;
|
|
font-size: 13px;
|
|
margin-right: 7px; }
|
|
|
|
/*profile tabs*/
|
|
.profile .tabbable-custom-profile .nav-tabs > li > a {
|
|
padding: 6px 12px; }
|
|
|
|
/*profile navigation*/
|
|
.profile ul.profile-nav {
|
|
margin-bottom: 30px; }
|
|
.profile ul.profile-nav img.pic-bordered {
|
|
border: 1px solid #e1e7ee; }
|
|
|
|
.profile ul.profile-nav li {
|
|
position: relative; }
|
|
|
|
.profile ul.profile-nav li a {
|
|
color: #557386;
|
|
display: block;
|
|
font-size: 14px;
|
|
padding: 8px 10px;
|
|
margin-bottom: 1px;
|
|
background: #f0f6fa;
|
|
border-left: solid 2px #c4d5df; }
|
|
|
|
.profile ul.profile-nav li a:hover {
|
|
color: #169ef4;
|
|
background: #ecf5fb;
|
|
text-decoration: none;
|
|
border-left: solid 2px #169ef4; }
|
|
|
|
.profile ul.profile-nav li a.profile-edit {
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
color: #fff;
|
|
opacity: 0.6;
|
|
border: none;
|
|
padding: 3px 9px;
|
|
font-size: 12px;
|
|
background: #000;
|
|
position: absolute;
|
|
filter: alpha(opacity=60);
|
|
/*for ie*/ }
|
|
|
|
.profile ul.profile-nav li a.profile-edit:hover {
|
|
text-decoration: underline; }
|
|
|
|
.profile ul.profile-nav a span {
|
|
top: 0;
|
|
right: 0;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
padding: 7px 13px;
|
|
position: absolute;
|
|
background: #169ef4; }
|
|
|
|
.profile ul.profile-nav a:hover span {
|
|
background: #0b94ea; }
|
|
|
|
/*profile information*/
|
|
.profile-info h1 {
|
|
color: #383839;
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
margin: 0 0 10px 0; }
|
|
|
|
.profile-info ul {
|
|
margin-bottom: 15px; }
|
|
|
|
.profile-info li {
|
|
color: #6b6b6b;
|
|
font-size: 13px;
|
|
margin-right: 15px;
|
|
margin-bottom: 5px;
|
|
padding: 0 !important; }
|
|
|
|
.profile-info li i {
|
|
color: #b5c1c9;
|
|
font-size: 15px; }
|
|
|
|
.profile-info li:hover i {
|
|
color: #169ef4; }
|
|
|
|
/*profile sales summary*/
|
|
.sale-summary ul {
|
|
margin-top: -10px; }
|
|
|
|
.sale-summary li {
|
|
padding: 10px 0;
|
|
overflow: hidden;
|
|
border-top: solid 1px #eee; }
|
|
|
|
.sale-summary li:first-child {
|
|
border-top: none; }
|
|
|
|
.sale-summary li .sale-info {
|
|
margin-top: 4px;
|
|
float: left;
|
|
color: #646464;
|
|
font-size: 14px;
|
|
text-transform: uppercase; }
|
|
|
|
.sale-summary li .sale-num {
|
|
float: right;
|
|
color: #169ef4;
|
|
font-size: 20px;
|
|
font-weight: 300; }
|
|
|
|
.sale-summary li span i {
|
|
top: 1px;
|
|
width: 13px;
|
|
height: 14px;
|
|
margin-left: 3px;
|
|
position: relative;
|
|
display: inline-block; }
|
|
|
|
.sale-summary li i.icon-img-up {
|
|
background: url(../../img/icon-img-up.png) no-repeat !important; }
|
|
|
|
.sale-summary li i.icon-img-down {
|
|
background: url(../../img/icon-img-down.png) no-repeat !important; }
|
|
|
|
.sale-summary .caption h4 {
|
|
color: #383839;
|
|
font-size: 18px; }
|
|
|
|
.sale-summary .caption {
|
|
border-color: #c9c9c9; }
|
|
|
|
/*latest customers table*/
|
|
.profile .table-advance thead tr th {
|
|
background: #f0f6fa; }
|
|
|
|
.profile .table-bordered th,
|
|
.profile .table-bordered td,
|
|
.profile .table-bordered {
|
|
border-color: #e5eff6; }
|
|
|
|
.profile .table-striped tbody > tr:nth-child(2n+1) > td,
|
|
.profile .table-striped tbody > tr:nth-child(2n+1) > th {
|
|
background: #fcfcfc; }
|
|
|
|
.profile .table-hover tbody tr:hover td,
|
|
.profile .table-hover tbody tr:hover th {
|
|
background: #f5fafd; }
|
|
|
|
/*add portfolio*/
|
|
.add-portfolio {
|
|
overflow: hidden;
|
|
margin-bottom: 30px;
|
|
background: #f0f6fa;
|
|
padding: 12px 14px; }
|
|
|
|
.add-portfolio span {
|
|
float: left;
|
|
display: inline-block;
|
|
font-weight: 300;
|
|
font-size: 22px;
|
|
margin-top: 0px; }
|
|
|
|
.add-portfolio .btn {
|
|
margin-left: 20px; }
|
|
|
|
/*portfolio block*/
|
|
.portfolio-block {
|
|
background: #f7f7f7;
|
|
margin-bottom: 15px;
|
|
overflow: hidden; }
|
|
|
|
.portfolio-stat {
|
|
overflow: hidden; }
|
|
|
|
/*portfolio text*/
|
|
.portfolio-text {
|
|
overflow: hidden; }
|
|
|
|
.portfolio-text img {
|
|
float: left;
|
|
margin-right: 15px; }
|
|
|
|
.portfolio-text .portfolio-text-info {
|
|
overflow: hidden; }
|
|
|
|
/*portfolio button*/
|
|
.portfolio-btn a {
|
|
display: block;
|
|
padding: 25px 0;
|
|
background: #ddd !important; }
|
|
|
|
.portfolio-btn a:hover {
|
|
background: #1d943b !important; }
|
|
|
|
.portfolio-btn span {
|
|
color: #fff;
|
|
font-size: 22px;
|
|
font-weight: 200; }
|
|
|
|
/*portfolio info*/
|
|
.portfolio-info {
|
|
float: left;
|
|
color: #616161;
|
|
font-size: 12px;
|
|
padding: 10px 25px;
|
|
margin-bottom: 5px;
|
|
text-transform: uppercase; }
|
|
|
|
.portfolio-info span {
|
|
color: #16a1f2;
|
|
display: block;
|
|
font-size: 28px;
|
|
line-height: 28px;
|
|
margin-top: 0px;
|
|
font-weight: 200;
|
|
text-transform: uppercase; }
|
|
|
|
/*portfolio settings*/
|
|
.profile-settings {
|
|
background: #fafafa;
|
|
padding: 15px 8px 0;
|
|
margin-bottom: 5px; }
|
|
|
|
.profile-settings p {
|
|
padding-left: 5px;
|
|
margin-bottom: 3px; }
|
|
|
|
.profile-settings .controls > .radio,
|
|
.profile-settings .controls > .checkbox {
|
|
font-size: 12px;
|
|
margin-top: 2px !important; }
|