codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-03-28 13:50:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed play footer in new styling regime.

Browse source
This commit is contained in:
Nick Winter 2014-11-23 15:48:08 -08:00
parent 1cd781233c
commit 1535b6bdd2
2 changed files with 32 additions and 29 deletions
app
styles/play
level.sass
templates/play
level.jade

38
app/styles/play/level.sass
View file

@ -3,8 +3,6 @@
body.is-playing
background-color: black
.footer
background-color: black
$level-resize-transition-time: 0.5s
@ -145,13 +143,6 @@ $level-resize-transition-time: 0.5s
&.btn-#{nth($tuple, 1)}
@include banner-button(nth($tuple, 2), #FFF)
.footer .footer-link-text a
@include opacity(0.75)
@include transition(opacity .10s linear)
&:hover, &:active
@include opacity(1)
$GI: 0.5 // gradient intensity; can tweak this 0-1
.gradient
@ -194,21 +185,34 @@ $level-resize-transition-time: 0.5s
height: 100%
width: 2%
.footer
#play-footer
text-align: center
font-family: "Open Sans Condensed"
font-variant: small-caps
font-size: 25px
padding: 10px 0
@include transition(opacity .10s linear)
@include opacity(0.6)
&:hover
@include opacity(1)
a
@include opacity(0.75)
@include transition(opacity .10s linear)
color: white
&:hover, &:active
@include opacity(1)
@media screen and (min-aspect-ratio: 17/10)
display: none
&:not(:hover)
@include opacity(0.6)
.hour-of-code-explanation
margin-top: 5px
color: white
font-size: 12px
&:not(:hover)
@include opacity(0.75)
a
color: white
text-decoration: underline
@ -249,7 +253,7 @@ body.ipad #level-view
height: 1024px * (589 / 924) + 50px
overflow: hidden
#code-area, .footer, #thang-hud
#code-area, #play-footer, #thang-hud
display: none
#level-chat-view

23
app/templates/play/level.jade
View file

@ -34,15 +34,14 @@
button.btn.btn-lg.btn-warning.banner.header-font#stop-real-time-playback-button(title="Stop real-time playback", data-i18n="play_level.skip") Skip
.footer
.content
p(class='footer-link-text')
a(title='Send CodeCombat a message', tabindex=-1, data-toggle="coco-modal", data-target="modal/ContactModal", data-i18n="nav.contact") Contact
if explainHourOfCode
// Does not show up unless lang is en-US.
div.hour-of-code-explanation
| The 'Hour of Code' is a nationwide initiative by
a(href="http://csedweek.org") Computer Science Education Week
| and
a(href="http://code.org") Code.org
| to introduce millions of students to one hour of computer science and computer programming.
#play-footer
p(class='footer-link-text')
a(title='Send CodeCombat a message', tabindex=-1, data-toggle="coco-modal", data-target="modal/ContactModal", data-i18n="nav.contact") Contact
if explainHourOfCode
// Does not show up unless lang is en-US.
div.hour-of-code-explanation
| The 'Hour of Code' is a nationwide initiative by
a(href="http://csedweek.org") Computer Science Education Week
| and
a(href="http://code.org") Code.org
| to introduce millions of students to one hour of computer science and computer programming.