From 547b9757b1617833b862cdbad39f0912817cd782 Mon Sep 17 00:00:00 2001 From: Michael Q Larson Date: Tue, 27 Jan 2015 15:05:51 -0800 Subject: [PATCH] set wide layout background to white --- public/css/main.less | 4 + views/bonfire/show.jade | 158 ++++++++++++++++++++-------------------- views/layout-wide.jade | 2 +- 3 files changed, 83 insertions(+), 81 deletions(-) diff --git a/public/css/main.less b/public/css/main.less index b215b8a0f8..fe5cd6676f 100644 --- a/public/css/main.less +++ b/public/css/main.less @@ -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; diff --git a/views/bonfire/show.jade b/views/bonfire/show.jade index 521a054722..24e5405698 100644 --- a/views/bonfire/show.jade +++ b/views/bonfire/show.jade @@ -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') diff --git a/views/layout-wide.jade b/views/layout-wide.jade index 63fb20c1d7..0bed8cac5f 100644 --- a/views/layout-wide.jade +++ b/views/layout-wide.jade @@ -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