set wide layout background to white

This commit is contained in:
Michael Q Larson
2015-01-27 15:05:51 -08:00
parent 2f0415ecf9
commit 547b9757b1
3 changed files with 83 additions and 81 deletions

View File

@ -29,6 +29,10 @@ html {
min-height: 100%;
}
body.full-screen-body-background {
background-color: #eeeeee;
}
body.top-and-bottom-margins {
padding-top: 80px;
margin-bottom: 60px;

View File

@ -17,86 +17,84 @@ block content
script(src='/js/lib/bonfire/bonfireInit.js')
.panel.panel-primary.panel-bonfire
.panel.panel-body
.row
.col-xs-12.col-sm-12.col-md-3
#testCreatePanel
h2.text-center #{name}
h2.text-center
if (difficulty == "0")
i.ion-ios-flame-outline
i.ion-ios-flame-outline
i.ion-ios-flame-outline
i.ion-ios-flame-outline
i.ion-ios-flame-outline
if (difficulty == "1")
i.ion-ios-flame
i.ion-ios-flame-outline
i.ion-ios-flame-outline
i.ion-ios-flame-outline
i.ion-ios-flame-outline
if (difficulty == "2")
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame-outline
i.ion-ios-flame-outline
i.ion-ios-flame-outline
if (difficulty == "3")
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame-outline
i.ion-ios-flame-outline
if (difficulty == "4")
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame-outline
if (difficulty == "5")
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame
.well
.row.text-center
row.text-center
.col-xs-12
.bonfire-instructions
= brief
#brief-instructions.col-xs-12
button#more-info.btn.btn-info
span.ion-help-circled
| More information
#long-instructions.row.text-center.hide
.col-xs-12
.bonfire-instructions
for sentence in details
p!= sentence
button#less-info.btn.btn-info
span.ion-help-circled
| Less information
#submitButton.btn.btn-primary.btn-big.btn-block Run code (ctrl + enter)
br
form.code
.form-group.codeMirrorView
textarea#codeOutput
br
#testSuite
br
script(type="text/javascript").
var tests = !{JSON.stringify(tests)};
var challengeSeed = !{JSON.stringify(challengeSeed)};
var challengeEntryPoint = !{JSON.stringify(challengeEntryPoint)};
var passedBonfireHash = !{JSON.stringify(bonfireHash)};
.col-xs-12.col-sm-12.col-md-9
#mainEditorPanel
form.code
.form-group.codeMirrorView
textarea#codeEditor(autofocus=true)
script(src='/js/lib/bonfire/bonfireFramework.js')
.row
.col-xs-12.col-sm-12.col-md-3
#testCreatePanel
h2.text-center #{name}
h2.text-center
if (difficulty == "0")
i.ion-ios-flame-outline
i.ion-ios-flame-outline
i.ion-ios-flame-outline
i.ion-ios-flame-outline
i.ion-ios-flame-outline
if (difficulty == "1")
i.ion-ios-flame
i.ion-ios-flame-outline
i.ion-ios-flame-outline
i.ion-ios-flame-outline
i.ion-ios-flame-outline
if (difficulty == "2")
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame-outline
i.ion-ios-flame-outline
i.ion-ios-flame-outline
if (difficulty == "3")
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame-outline
i.ion-ios-flame-outline
if (difficulty == "4")
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame-outline
if (difficulty == "5")
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame
i.ion-ios-flame
.well
.row.text-center
row.text-center
.col-xs-12
.bonfire-instructions
= brief
#brief-instructions.col-xs-12
button#more-info.btn.btn-info
span.ion-help-circled
| More information
#long-instructions.row.text-center.hide
.col-xs-12
.bonfire-instructions
for sentence in details
p!= sentence
button#less-info.btn.btn-info
span.ion-help-circled
| Less information
#submitButton.btn.btn-primary.btn-big.btn-block Run code (ctrl + enter)
br
form.code
.form-group.codeMirrorView
textarea#codeOutput
br
#testSuite
br
script(type="text/javascript").
var tests = !{JSON.stringify(tests)};
var challengeSeed = !{JSON.stringify(challengeSeed)};
var challengeEntryPoint = !{JSON.stringify(challengeEntryPoint)};
var passedBonfireHash = !{JSON.stringify(bonfireHash)};
.col-xs-12.col-sm-12.col-md-9
#mainEditorPanel
form.code
.form-group.codeMirrorView
textarea#codeEditor(autofocus=true)
script(src='/js/lib/bonfire/bonfireFramework.js')

View File

@ -16,7 +16,7 @@ html(ng-app='profileValidation', lang='en')
meta(name='csrf-token', content=_csrf)
!= css('main')
body.no-top-and-bottom-margins
body.no-top-and-bottom-margins.full-screen-body-background
include partials/navbar-wide
include partials/flash
block content