diff --git a/static/sass/base/_extends.scss b/static/sass/base/_extends.scss index 4626afc2fa..880f6cd3ca 100644 --- a/static/sass/base/_extends.scss +++ b/static/sass/base/_extends.scss @@ -16,6 +16,11 @@ div.table-wrapper { display: table; width: flex-grid(12); + overflow: hidden; + + @media screen and (min-width: 1400px) { + @include border-radius(4px); + } } } @@ -83,6 +88,7 @@ h1.top-header { padding: lh(); vertical-align: top; width: flex-grid(9) + flex-gutter(); + overflow: hidden; @media print { @include box-shadow(none); @@ -196,7 +202,8 @@ h1.top-header { @extend .clearfix; background: $cream; border-bottom: 1px solid darken($cream, 10%); - @include box-shadow(inset 0 1px 0 #fff, inset 1px 0 0 #fff); + border-top: 1px solid #fff; + // @include box-shadow(inset 0 1px 0 #fff, inset 1px 0 0 #fff); font-size: 12px; height:46px; line-height: 46px; diff --git a/static/sass/courseware/_courseware.scss b/static/sass/courseware/_courseware.scss index 44d54492ea..c886177437 100644 --- a/static/sass/courseware/_courseware.scss +++ b/static/sass/courseware/_courseware.scss @@ -17,9 +17,7 @@ div.course-wrapper { section.course-content { @extend .content; - overflow: hidden; - @include border-top-right-radius(4px); - @include border-bottom-right-radius(4px); + @include border-radius(0 4px 4px 0); h1 { margin: 0 0 lh(); @@ -129,11 +127,20 @@ div.course-wrapper { > span { display: block; margin-bottom: lh(.5); + + &[answer] { + border-top: 1px solid #ededed; + border-bottom: 1px solid #ededed; + background: #f3f3f3; + margin: 0 (-(lh())); + padding: lh(.5) lh(); + } } } input[type="text"] { display: inline-block; + width: 50%; } center { @@ -145,6 +152,11 @@ div.course-wrapper { section.action { margin-top: lh(); + + input[type="button"] { + padding: lh(.4) lh(); + text-shadow: 0 -1px 0 #666; + } } } @@ -181,6 +193,7 @@ div.course-wrapper { header { @extend h1.top-header; + @include border-radius(0 4px 0 0); margin-bottom: -16px; h1 { @@ -193,6 +206,7 @@ div.course-wrapper { margin-top: 8px; text-align: right; padding-right: 0; + border-right: 0; } } @@ -302,9 +316,11 @@ div.course-wrapper { &.closed { section.course-index { width: flex-grid(.6); + overflow: hidden; header#open_close_accordion { padding: 0; + min-height: 47px; a { background-image: url('../images/slide-right-icon.png'); @@ -313,7 +329,6 @@ div.course-wrapper { h2 { visibility: hidden; width: 10px; - padding: 0; } } @@ -321,6 +336,16 @@ div.course-wrapper { visibility: hidden; width: 10px; padding: 0; + + nav { + white-space: pre; + overflow: hidden; + + ul { + overflow: hidden; + white-space: nowrap; + } + } } } diff --git a/static/sass/courseware/_sequence-nav.scss b/static/sass/courseware/_sequence-nav.scss index 2be435c350..9a2aee57af 100644 --- a/static/sass/courseware/_sequence-nav.scss +++ b/static/sass/courseware/_sequence-nav.scss @@ -171,7 +171,7 @@ nav.sequence-nav { } ul { - list-style: none !important; + list-style: none; height: 100%; position: absolute; right: 0; @@ -194,12 +194,10 @@ nav.sequence-nav { cursor: pointer; display: block; text-indent: -9999px; + @include transition(all, .2s, $ease-in-out-quad); &:hover { - background-color: none; - color: darken($cream, 60%); - text-decoration: none; - text-decoration: none; + opacity: .5; } &.disabled { @@ -214,7 +212,7 @@ nav.sequence-nav { background-image: url('../images/sequence-nav/previous-icon.png'); &:hover { - background-color: none; + background-color: $cream; } } } @@ -222,10 +220,9 @@ nav.sequence-nav { &.next { a { background-image: url('../images/sequence-nav/next-icon.png'); - @include border-top-right-radius(4px); &:hover { - background-color: none; + background-color: $cream; } } } @@ -241,6 +238,13 @@ nav.sequence-nav { section.course-content { position: relative; + ol.vert-mod { + nav.sequence-nav { + margin-top: -15px; + @include border-radius(0); + } + } + nav.sequence-bottom { margin: lh(2) 0 0; text-align: center; @@ -267,11 +271,11 @@ section.course-content { display: block; padding: lh(.5) 4px; text-indent: -9999px; - @include transition(all, .4s, $ease-in-out-quad); + @include transition(all, .2s, $ease-in-out-quad); width: 45px; &:hover { - background-color: darken($cream, 10%); + background-color: $cream; color: darken($cream, 60%); opacity: .5; text-decoration: none; diff --git a/static/sass/courseware/_sidebar.scss b/static/sass/courseware/_sidebar.scss index 845821c5f4..44e9d02c28 100644 --- a/static/sass/courseware/_sidebar.scss +++ b/static/sass/courseware/_sidebar.scss @@ -2,6 +2,14 @@ section.course-index { @extend .sidebar; @extend .tran; + header { + max-height: 47px; + + h2 { + white-space: nowrap; + } + } + div#accordion { h3 { diff --git a/static/sass/layout/_layout.scss b/static/sass/layout/_layout.scss index 1b476a30db..7f4645dd5a 100644 --- a/static/sass/layout/_layout.scss +++ b/static/sass/layout/_layout.scss @@ -17,7 +17,6 @@ html { @include box-shadow(0 0 4px #dfdfdf); @include box-sizing(border-box); margin-top: 3px; - overflow: hidden; @media print { border-bottom: 0; @@ -27,6 +26,7 @@ html { @media screen and (min-width: 1400px) { @include border-radius(4px); margin-top: lh(.5); + overflow: hidden; } } diff --git a/static/sass/wiki/_wiki.scss b/static/sass/wiki/_wiki.scss index 179902223b..9c878ad263 100644 --- a/static/sass/wiki/_wiki.scss +++ b/static/sass/wiki/_wiki.scss @@ -5,12 +5,14 @@ div.wiki-wrapper { section.wiki-body { @extend .clearfix; @extend .content; + @include border-radius(0 4px 4px 0); position: relative; header { @extend .topbar; - @include box-shadow(inset 0 1px 0 white); + @include border-radius(0 4px 0 0); height:46px; + overflow: hidden; &:empty { border-bottom: 0; diff --git a/templates/simplewiki_instructions.html b/templates/simplewiki_instructions.html index 58ef12a47c..449b92b004 100644 --- a/templates/simplewiki_instructions.html +++ b/templates/simplewiki_instructions.html @@ -1,12 +1,12 @@
circuit-schematic:
$LaTeX Math Expression$
To create a new wiki article, create a link to it. Clicking the link gives you the creation page.[Article Name](wiki:ArticleName)
- Other useful examples:[Link](http://google.com)
Huge Header
====
1. Ordered
2. List