Commit 44fa0baa by Kyle Fiedler

Added highlihgts to the inputs for problems made check / save buttons a little…

Added highlihgts to the inputs for problems made check / save buttons a little bigger and gave the next / prev buttons in the sequnce nav hovers
parent 8e01bd38
...@@ -120,11 +120,20 @@ div.course-wrapper { ...@@ -120,11 +120,20 @@ div.course-wrapper {
> span { > span {
display: block; display: block;
margin-bottom: lh(.5); 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"] { input[type="text"] {
display: inline-block; display: inline-block;
width: 50%;
} }
center { center {
...@@ -136,6 +145,11 @@ div.course-wrapper { ...@@ -136,6 +145,11 @@ div.course-wrapper {
section.action { section.action {
margin-top: lh(); margin-top: lh();
input[type="button"] {
padding: lh(.4) lh();
text-shadow: 0 -1px 0 #666;
}
} }
} }
...@@ -172,6 +186,7 @@ div.course-wrapper { ...@@ -172,6 +186,7 @@ div.course-wrapper {
header { header {
@extend h1.top-header; @extend h1.top-header;
@include border-radius(0 4px 0 0);
margin-bottom: -16px; margin-bottom: -16px;
h1 { h1 {
......
...@@ -171,7 +171,7 @@ nav.sequence-nav { ...@@ -171,7 +171,7 @@ nav.sequence-nav {
} }
ul { ul {
list-style: none !important; list-style: none;
height: 100%; height: 100%;
position: absolute; position: absolute;
right: 0; right: 0;
...@@ -194,12 +194,10 @@ nav.sequence-nav { ...@@ -194,12 +194,10 @@ nav.sequence-nav {
cursor: pointer; cursor: pointer;
display: block; display: block;
text-indent: -9999px; text-indent: -9999px;
@include transition(all, .2s, $ease-in-out-quad);
&:hover { &:hover {
background-color: none; opacity: .5;
color: darken($cream, 60%);
text-decoration: none;
text-decoration: none;
} }
&.disabled { &.disabled {
...@@ -214,7 +212,7 @@ nav.sequence-nav { ...@@ -214,7 +212,7 @@ nav.sequence-nav {
background-image: url('../images/sequence-nav/previous-icon.png'); background-image: url('../images/sequence-nav/previous-icon.png');
&:hover { &:hover {
background-color: none; background-color: $cream;
} }
} }
} }
...@@ -222,10 +220,9 @@ nav.sequence-nav { ...@@ -222,10 +220,9 @@ nav.sequence-nav {
&.next { &.next {
a { a {
background-image: url('../images/sequence-nav/next-icon.png'); background-image: url('../images/sequence-nav/next-icon.png');
// @include border-top-right-radius(4px);
&:hover { &:hover {
background-color: none; background-color: $cream;
} }
} }
} }
...@@ -270,11 +267,11 @@ section.course-content { ...@@ -270,11 +267,11 @@ section.course-content {
display: block; display: block;
padding: lh(.5) 4px; padding: lh(.5) 4px;
text-indent: -9999px; text-indent: -9999px;
@include transition(all, .4s, $ease-in-out-quad); @include transition(all, .2s, $ease-in-out-quad);
width: 45px; width: 45px;
&:hover { &:hover {
background-color: darken($cream, 10%); background-color: $cream;
color: darken($cream, 60%); color: darken($cream, 60%);
opacity: .5; opacity: .5;
text-decoration: none; text-decoration: none;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment