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%; min-height: 100%;
} }
body.full-screen-body-background {
background-color: #eeeeee;
}
body.top-and-bottom-margins { body.top-and-bottom-margins {
padding-top: 80px; padding-top: 80px;
margin-bottom: 60px; margin-bottom: 60px;

View File

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