some minor touches for the ui making rounded courners work throughout the site and changing around the wiki help bar

This commit is contained in:
Kyle Fiedler
2012-05-30 11:43:45 -04:00
parent 45715e9280
commit 4b22520fb0
6 changed files with 28 additions and 11 deletions

View File

@@ -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;

View File

@@ -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();
@@ -186,6 +184,7 @@ div.course-wrapper {
margin-top: 8px;
text-align: right;
padding-right: 0;
border-right: 0;
}
}

View File

@@ -222,7 +222,7 @@ nav.sequence-nav {
&.next {
a {
background-image: url('../images/sequence-nav/next-icon.png');
@include border-top-right-radius(4px);
// @include border-top-right-radius(4px);
&:hover {
background-color: none;
@@ -237,6 +237,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;

View File

@@ -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;
}
}

View File

@@ -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;

View File

@@ -1,12 +1,12 @@
<div id="wiki_edit_instructions">
This wiki uses <strong>Markdown</strong> for styling. There are several <a href="http://daringfireball.net/projects/markdown/basics">useful</a> <a href="http://greg.vario.us/doc/markdown.txt">guides</a> <a href="http://www.lowendtalk.com/discussion/6/miniature-markdown-guide">online</a>.
<br>
<br>MITx Additions:
This wiki uses <strong>Markdown</strong> for styling.
<h2> MITx Additions: </h2>
<p class="markdown-example">circuit-schematic:</p>
<p class="markdown-example"><span>$</span>LaTeX Math Expression<span>$</span></p>
To create a new wiki article, create a link to it. Clicking the link gives you the creation page.
<p class="markdown-example">[Article Name](wiki:ArticleName)</p>
Other useful examples:<br>
<h2>Useful examples: </h2>
<p class="markdown-example">[Link](http://google.com)</p>
<p class="markdown-example">Huge Header
<br>====</p>
@@ -19,4 +19,6 @@
<br>&nbsp&nbsp- Sub Item 2</p>
<p class="markdown-example">1. Ordered
<br>2. List</p>
<p>Need more help? There are several <a href="http://daringfireball.net/projects/markdown/basics">useful</a> <a href="http://greg.vario.us/doc/markdown.txt">guides</a> <a href="http://www.lowendtalk.com/discussion/6/miniature-markdown-guide">online</a>.</p>
</div>