mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-23 23:58:02 -05:00
Reworked the account modal links and a little bit of the styling.
This commit is contained in:
parent
bb766e9610
commit
2a135eeaf1
2 changed files with 31 additions and 48 deletions
|
@ -56,12 +56,12 @@
|
|||
left: 0
|
||||
right: 0
|
||||
|
||||
a
|
||||
& > a
|
||||
color: rgb(158,135,119)
|
||||
&:hover
|
||||
color: $white
|
||||
|
||||
a, button, select
|
||||
& > a, button, select
|
||||
font-size: 18px
|
||||
text-transform: uppercase
|
||||
font-family: Open Sans Condensed
|
||||
|
@ -100,57 +100,44 @@
|
|||
width: 18px
|
||||
|
||||
.dropdown-menu
|
||||
//left: auto // this busts it, not sure why it's in
|
||||
width: 280px
|
||||
width: 180px
|
||||
padding: 0px
|
||||
border-radius: 0px
|
||||
font-family: Open Sans Condensed
|
||||
font-variant: small-caps
|
||||
|
||||
> .user-dropdown-header
|
||||
position: relative
|
||||
.user-dropdown-header
|
||||
background: #E4CF8C
|
||||
height: 160px
|
||||
padding: 10px
|
||||
text-align: center
|
||||
color: black
|
||||
border-bottom: #32281e 1px solid
|
||||
> a:hover
|
||||
background-color: transparent
|
||||
|
||||
img
|
||||
border: #e3be7a 8px solid
|
||||
height: 98px // Includes the border
|
||||
&:hover
|
||||
box-shadow: 0 0 20px #e3be7a
|
||||
> h3
|
||||
|
||||
h3
|
||||
font-variant: small-caps
|
||||
font-family: Open Sans Condensed
|
||||
margin-top: 10px
|
||||
text-shadow: 2px 2px 3px white
|
||||
color: #31281E
|
||||
|
||||
.user-level
|
||||
position: absolute
|
||||
top: 73px
|
||||
right: 86px
|
||||
right: 40px
|
||||
color: gold
|
||||
text-shadow: 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black
|
||||
|
||||
.user-dropdown-body
|
||||
li
|
||||
color: black
|
||||
padding: 15px
|
||||
letter-spacing: 1px
|
||||
font: 15px 'Helvetica Neue', Helvetica, Arial, sans-serif
|
||||
+clearfix()
|
||||
|
||||
.user-dropdown-footer
|
||||
padding: 10px
|
||||
margin-left: 0px
|
||||
font-size: 14px
|
||||
+clearfix()
|
||||
|
||||
.btn-flat
|
||||
border: #ddd 1px solid
|
||||
border-radius: 0px
|
||||
margin: 0px
|
||||
font-size: 16px
|
||||
|
||||
#logout-button
|
||||
font-weight: bold
|
||||
|
||||
//- Content
|
||||
|
||||
|
|
|
@ -20,7 +20,7 @@ block header
|
|||
img.account-settings-image(src=me.getPhotoURL(18), alt="")
|
||||
else
|
||||
i.glyphicon.glyphicon-user
|
||||
span.spl.spr(data-i18n="nav.account" href="/account") Account
|
||||
span.spl.spr(data-i18n="nav.account" href="/account")
|
||||
span.caret
|
||||
ul.dropdown-menu(role="menu")
|
||||
li.user-dropdown-header
|
||||
|
@ -28,18 +28,14 @@ block header
|
|||
a(href="/user/#{me.getSlugOrID()}")
|
||||
img.img-circle(src="#{me.getPhotoURL()}" alt="")
|
||||
h3=me.displayName()
|
||||
li.user-dropdown-body
|
||||
.col-xs-4.text-center
|
||||
a(href="/user/#{me.getSlugOrID()}" data-i18n="nav.profile") Profile
|
||||
.col-xs-4.text-center
|
||||
a(href="/user/#{me.getSlugOrID()}/stats" data-i18n="nav.stats") Stats
|
||||
.col-xs-4.text-center
|
||||
a.disabled(data-i18n="nav.code") Code
|
||||
li.user-dropdown-footer
|
||||
.pull-left
|
||||
a.btn.btn-default.btn-flat(href="/account" data-i18n="nav.account") Account
|
||||
.pull-right
|
||||
button#logout-button.btn.btn-default.btn-flat(data-i18n="login.log_out") Log Out
|
||||
li
|
||||
a(href="/user/#{me.getSlugOrID()}" data-i18n="nav.profile")
|
||||
li
|
||||
a(href="/account/settings", data-i18n="play.settings")
|
||||
li
|
||||
a(href="/account/payments", data-i18n="account.payments")
|
||||
li
|
||||
a#logout-button(data-i18n="login.log_out")
|
||||
|
||||
else
|
||||
button.btn.btn-sm.btn-primary.header-font.signup-button(data-i18n="login.sign_up")
|
||||
|
|
Loading…
Reference in a new issue