more work on account page

main
psychobunny 10 years ago
parent 0daede3cf1
commit 18c0fa3b8a

@ -1,4 +1,8 @@
.account { .account {
.breadcrumb {
margin-bottom: 30px;
}
.cover { .cover {
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -16,7 +20,7 @@
position: absolute; position: absolute;
left: 50%; left: 50%;
margin-left: -64px; margin-left: -64px;
top: 230px; top: 94px;
border: 4px solid white; border: 4px solid white;
border-radius: 50%; border-radius: 50%;
} }
@ -102,22 +106,35 @@
margin-top: 200px; margin-top: 200px;
.container {
min-height: 200px;
position: relative;
}
@media (min-width: @screen-md-min) { @media (min-width: @screen-md-min) {
margin-top: 300px; margin-top: 300px;
.cover { .cover, .container {
min-height: 300px; min-height: 300px;
.controls { .controls {
min-height: 300px; min-height: 300px;
line-height: 300px; line-height: 300px;
} }
.avatar {
top: 230px;
}
} }
} }
} }
.account-fab { .account-fab {
position: absolute;
right: 15px;
bottom: -26px;
.open #profile { .open #profile {
background-color: lighten(@brand-primary, 10%); background-color: lighten(@brand-primary, 10%);
} }

@ -18,5 +18,7 @@
<!-- ENDIF picture --> <!-- ENDIF picture -->
</div> </div>
<div class="container">
<!-- IMPORT partials/account/menu.tpl --> <!-- IMPORT partials/account/menu.tpl -->
</div>
</div> </div>
Loading…
Cancel
Save