mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-12-02 11:58:10 -05:00
131 lines
2.7 KiB
Sass
131 lines
2.7 KiB
Sass
#markdown-resource-view
|
|
.backlink
|
|
@media print
|
|
display: none
|
|
|
|
.print, .print p
|
|
text-align: center
|
|
font-size: .75em
|
|
@media print
|
|
display: none
|
|
|
|
.print a
|
|
color: #fff
|
|
text-decoration: none
|
|
|
|
.back-to-top
|
|
text-transform: none
|
|
@media print
|
|
display: none
|
|
|
|
#footer, #final-footer
|
|
@media print
|
|
display: none
|
|
|
|
.lesson-plans
|
|
max-width: 900px
|
|
background-color: #f8f8f8
|
|
border-radius: 10px
|
|
border: 1px solid #ddd
|
|
padding: 40px 100px
|
|
font-size: 0.85em
|
|
margin: 20px auto
|
|
@media print
|
|
max-width: none
|
|
border: none
|
|
margin: none
|
|
padding: none
|
|
font-size: 80%
|
|
|
|
ul
|
|
margin: 0 0 30px 0
|
|
|
|
// page header //
|
|
h1
|
|
font-size: 2.5em
|
|
margin: 0
|
|
padding: 0
|
|
font-family: Open Sans
|
|
font-weight: 200
|
|
@media print
|
|
font-size: 2em
|
|
|
|
// module header //
|
|
h2
|
|
margin: 10px 0 0px 0
|
|
|
|
// section header //
|
|
h3
|
|
font-size: 1.4em
|
|
margin: 20px 0 0 0
|
|
|
|
// section breakout //
|
|
h4
|
|
font-size: 1.1em
|
|
font-weight: normal
|
|
color: #999
|
|
|
|
// lesson plans/module header //
|
|
h5
|
|
color: #999
|
|
text-transform: uppercase
|
|
font-family: Open Sans
|
|
font-size: 1em
|
|
padding: 0
|
|
margin: 0
|
|
|
|
// make it so the page breaks before each module
|
|
h5[id^="module"], h5[id^="step"]
|
|
border-top: 1px solid #666
|
|
margin: 30px 0 0 0
|
|
padding: 20px 0 0 0
|
|
@media print
|
|
page-break-before: always
|
|
|
|
h5[id="step-1"]
|
|
border-top: none !important
|
|
@media print
|
|
page-break-before: avoid
|
|
.back-to-top
|
|
display: none
|
|
|
|
h6
|
|
font-style: italic
|
|
font-weight: 200
|
|
text-align: right
|
|
|
|
table, tr, td, th
|
|
border: 2px solid #f8f8f8
|
|
border-radius: 5px
|
|
background-color: #fff
|
|
|
|
td, th
|
|
padding: 0 10px
|
|
|
|
blockquote
|
|
padding: 5px
|
|
margin: 15px 0 30px 0
|
|
|
|
blockquote::before
|
|
content: none
|
|
|
|
blockquote p
|
|
font-size: 1.0em
|
|
line-height: 1.7em
|
|
// font-style: italic
|
|
margin: 0 0 0 0px
|
|
padding: 0 60px 0 50px
|
|
border-left: 5px solid #eee
|
|
|
|
|
|
|
|
// Styles for Getting Started page.
|
|
#getting-started
|
|
img
|
|
max-width: 400px
|
|
border: 1px solid #666
|
|
box-shadow: 2px 2px #ddd
|
|
margin: 15px auto 15px auto
|
|
display: block
|
|
@media print
|
|
max-width: 400px !important
|