Skip to content

E
edx-platform
Commit 741d1741 by Kyle Fiedler
Options

Added structure and style for most of the wiki 

--HG--
branch : kf-wiki
parent 61a713f2
Showing with 267 additions and 78 deletions
.DS_Store
No preview for this file type
accordion_init.js
$("#accordion").accordion({ $("#accordion").accordion({
active:${ active_chapter }, active: ${ active_chapter },
autoHeight: false autoHeight: false
}); });
......
sass/_base-extends.scss
...@@ -30,3 +30,83 @@ ...@@ -30,3 +30,83 @@
border: 1px solid darken(#888, 20%); border: 1px solid darken(#888, 20%);
} }
} }
.content {
@include box-sizing(border-box);
display: table-cell;
padding: $body-line-height;
vertical-align: top;
width: grid-width(9);
}
.sidebar {
@include box-shadow( inset -1px 0 0 #f6f6f6);
background: #e3e3e3;
border-right: 1px solid #d3d3d3;
display: table-cell;
font-family: $body-font-family;
text-shadow: 0 1px 0 #f1f1f1;
vertical-align: top;
width: grid-width(3);
position: relative;
h3 {
@include box-shadow(0 1px 0 #eee);
background: none;
border: none;
border-bottom: 1px solid #d3d3d3;
color: #000;
font-weight: normal;
margin: 0;
overflow: hidden;
a {
@include transition();
color: lighten($text-color, 10%);
display: block;
font-size: $body-font-size;
padding: 7px 7px 7px 30px;
text-decoration: none;
&:hover {
@include box-shadow(0 1px 0 #fff);
background: #efefef;
}
}
span.ui-icon {
background-image: url(images/ui-icons_454545_256x240.png);
}
&.active {
@include box-shadow(none);
background: none;
border: 0;
border-bottom: 1px solid #bbb;
color: #000;
font-weight: bold;
a {
color: #000;
}
}
}
}
.topbar {
background: #F6EFD4;
border-bottom: 1px solid darken(#F6EFD4, 10%);
margin: (-$body-line-height) (-$body-line-height) $body-line-height;
font-size: 12px;
text-shadow: 0 1px 0 #fff;
@extend .clearfix;
a {
text-transform: uppercase;
color: darken(#F6EFD4, 80%);
&:hover {
color: darken(#F6EFD4, 60%);
}
}
}
sass/_courseware.scss
...@@ -3,15 +3,7 @@ div.course-wrapper { ...@@ -3,15 +3,7 @@ div.course-wrapper {
width: 100%; width: 100%;
div#accordion { div#accordion {
@include box-shadow( inset -1px 0 0 #f6f6f6); @extend .sidebar;
background: #e3e3e3;
border-right: 1px solid #d3d3d3;
display: table-cell;
font-family: $body-font-family;
overflow: hidden;
text-shadow: 0 1px 0 #f1f1f1;
vertical-align: top;
width: grid-width(3);
h3 { h3 {
overflow: hidden; overflow: hidden;
...@@ -29,34 +21,13 @@ div.course-wrapper { ...@@ -29,34 +21,13 @@ div.course-wrapper {
color: lighten($text-color, 10%); color: lighten($text-color, 10%);
} }
&.ui-state-default {
@include box-shadow(0 1px 0 #eee);
background: none;
border: none;
border-bottom: 1px solid #d3d3d3;
font-weight: normal;
span.ui-icon {
background-image: url(images/ui-icons_454545_256x240.png);
}
}
&.ui-state-hover { &.ui-state-hover {
border: none; border: none;
border-bottom: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;
} }
&.ui-state-active { &.ui-state-active {
@include box-shadow(none); @extend .active;
background: none;
border: 0;
border-bottom: 1px solid #bbb;
color: #000;
font-weight: bold;
a {
color: #000;
}
} }
} }
} }
...@@ -127,6 +98,7 @@ div.course-wrapper { ...@@ -127,6 +98,7 @@ div.course-wrapper {
margin-bottom: $body-line-height; margin-bottom: $body-line-height;
li { li {
border: none;
cursor: pointer; cursor: pointer;
display: table-cell; display: table-cell;
min-width: 30px; min-width: 30px;
...@@ -138,7 +110,7 @@ div.course-wrapper { ...@@ -138,7 +110,7 @@ div.course-wrapper {
div.video-wrapper { div.video-wrapper {
float: left; float: left;
width: 640px; width: 640px;
min-height: 500px; min-height: 620px;
section { section {
ul { ul {
...@@ -148,6 +120,8 @@ div.course-wrapper { ...@@ -148,6 +120,8 @@ div.course-wrapper {
margin-top: 5px; margin-top: 5px;
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
border: 0;
padding: 0;
div { div {
&:empty { &:empty {
...@@ -186,9 +160,13 @@ div.course-wrapper { ...@@ -186,9 +160,13 @@ div.course-wrapper {
li { li {
margin-bottom: 8px; margin-bottom: 8px;
cursor: pointer; cursor: pointer;
border: 0;
padding: 0;
color: #666;
&.current { &.current {
background-color: #f3f3f3; background-color: #f3f3f3;
color: #333;
} }
&:hover { &:hover {
......
sass/_textbook.scss
...@@ -2,17 +2,9 @@ div.book-wrapper { ...@@ -2,17 +2,9 @@ div.book-wrapper {
display: table; display: table;
ul#booknav { ul#booknav {
@include box-shadow( inset -1px 0 0 #f6f6f6); @extend .sidebar;
@include box-sizing(border-box); @include box-sizing(border-box);
background: #e3e3e3;
border-right: 1px solid #d3d3d3;
font-family: $body-font-family;
padding: $body-line-height; padding: $body-line-height;
text-shadow: 0 1px 0 #f6f6f6;
vertical-align: top;
width: grid-width(3);
min-width: 240px;
display: table-cell;
li { li {
ul { ul {
...@@ -29,9 +21,7 @@ div.book-wrapper { ...@@ -29,9 +21,7 @@ div.book-wrapper {
display: table-cell; display: table-cell;
nav { nav {
background: #F6EFD4; @extend .topbar;
border-bottom: 1px solid darken(#F6EFD4, 10%);
margin: (-$body-line-height) (-$body-line-height) $body-line-height;
ul { ul {
@extend .clearfix; @extend .clearfix;
...@@ -45,17 +35,6 @@ div.book-wrapper { ...@@ -45,17 +35,6 @@ div.book-wrapper {
&.next { &.next {
float: right; float: right;
} }
a {
font-size: 12px;
text-transform: uppercase;
color: darken(#F6EFD4, 80%);
text-shadow: 0 1px 0 #fff;
&:hover {
color: darken(#F6EFD4, 60%);
}
}
} }
} }
} }
......
sass/_wiki-create.scss 0 → 100644
form#wiki_revision {
label {
display: block;
margin-bottom: 7px ;
}
textarea {
@include box-sizing(border-box);
margin-bottom: 20px;
min-height: 300px;
width: 100%;
}
input[type="text"] {
width: 50%;
}
input[type="submit"] {
display: block;
margin-top: 20px;
}
}
sass/_wiki.scss 0 → 100644
div.wiki-wrapper {
display: table;
width: 100%;
div#wiki_panel {
@extend .sidebar;
overflow: auto;
input[type="button"] {
@extend h3;
color: lighten($text-color, 10%);
@include transition();
font-size: $body-font-size;
margin: 0 !important;
padding: 7px 7px 7px 30px;
text-align: left;
width: 100%;
&:hover {
@include box-shadow(0 1px 0 #fff);
background: #efefef;
}
}
ul {
li {
&.create-article {
position: relative;
h3 {
position: relative;
&:before {
background: blue url(images/ui-icons_454545_256x240.png) -32px -16px no-repeat;
display: block;
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
}
&:hover {
&:before {
background-image: url(images/ui-icons_454545_256x240.png) -64px -16px no-repeat;
}
}
}
}
}
}
div#wiki_create_form {
@extend .clearfix;
padding: 15px;
background: #d6d6d6;
border-bottom: 1px solid #bbb;
input[type="text"] {
margin-bottom: 6px;
display: block;
width: 100%;
@include box-sizing(border-box);
}
ul {
li {
float: left;
&#cancel {
float: right;
margin-top: 10px;
}
}
}
}
}
section.wiki-body {
@extend .content;
header {
@extend .topbar;
p {
float: left;
padding: 15px;
margin-bottom: 0;
color: darken(#F6EFD4, 55%);
line-height: 1em;
}
ul {
float: right;
li {
float: left;
input[type="button"] {
@include box-shadow(inset 1px 0 0 lighten(#f6efd4, 5%));
@include border-radius(0);
@include transition();
background: darken(#F6EFD4, 5%);
border: 0;
border-left: 1px solid darken(#f6efd4, 20%);
color: darken(#F6EFD4, 80%);
text-shadow: none;
font-weight: normal;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 15px;
margin: 0;
&:hover {
background: none;
}
}
}
}
}
h1.wiki-title {
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
}
p {
line-height: 1.6em;
}
}
}
sass/application.scss
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
@import "courseware"; @import "courseware";
@import "textbook"; @import "textbook";
@import "profile"; @import "profile";
@import "wiki-create", "wiki";
// left over // left over
@import "theme"; @import "theme";
......
simplewiki_create.html
...@@ -5,17 +5,15 @@ ...@@ -5,17 +5,15 @@
<%block name="wiki_page_title"> <%block name="wiki_page_title">
Create article Create article
</%block> </%block>
<%block name="wiki_body"> <%block name="wiki_body">
<form method="POST" id="wiki_revision"> <form method="POST" id="wiki_revision">
<div style="display:none"> <div style="display:none">
<input type="hidden" name="csrfmiddlewaretoken" value="${csrf_token}"/> <input type="hidden" name="csrfmiddlewaretoken" value="${csrf_token}"/>
</div> </div>
<table id="wiki_revision_table">
${ wiki_form } ${ wiki_form }
<tr>
<td colspan="2" align="right"> <input type="submit" value="Create article" /></td>
<input type="submit" value="Create article" /></td>
</tr>
</table>
</form> </form>
</%block> </%block>
simplewiki_edit.html
...@@ -11,12 +11,9 @@ ${ wiki_article.title } ...@@ -11,12 +11,9 @@ ${ wiki_article.title }
<div style="display:none"> <div style="display:none">
<input type="hidden" name="csrfmiddlewaretoken" value="${csrf_token}"/> <input type="hidden" name="csrfmiddlewaretoken" value="${csrf_token}"/>
</div> </div>
<table id="wiki_revision_table">
${wiki_form} ${wiki_form}
<tr>
<td colspan="2" align="right"> <input type="submit" value="Edit article" /></td>
<input type="submit" value="Edit article" /></td>
</tr>
</table>
</form> </form>
</%block> </%block>
simplewiki_view.html
...@@ -3,11 +3,11 @@ ...@@ -3,11 +3,11 @@
<%inherit file="simplewiki_base.html"/> <%inherit file="simplewiki_base.html"/>
<%block name="wiki_page_title"> <%block name="wiki_page_title">
${ wiki_article.title } ${ wiki_article.title }
</%block> </%block>
<%block name="wiki_body">
<div id="wiki_article"> <%block name="wiki_body">
${ wiki_article.current_revision.contents_parsed| n} <div id="wiki_article">
</div> ${ wiki_article.current_revision.contents_parsed| n}
</div>
</%block> </%block>
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