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({
active:${ active_chapter },
active: ${ active_chapter },
autoHeight: false
});
......
sass/_base-extends.scss
......@@ -30,3 +30,83 @@
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 {
width: 100%;
div#accordion {
@include box-shadow( inset -1px 0 0 #f6f6f6);
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);
@extend .sidebar;
h3 {
overflow: hidden;
......@@ -29,34 +21,13 @@ div.course-wrapper {
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 {
border: none;
border-bottom: 1px solid #d3d3d3;
}
&.ui-state-active {
@include box-shadow(none);
background: none;
border: 0;
border-bottom: 1px solid #bbb;
color: #000;
font-weight: bold;
a {
color: #000;
}
@extend .active;
}
}
}
......@@ -127,6 +98,7 @@ div.course-wrapper {
margin-bottom: $body-line-height;
li {
border: none;
cursor: pointer;
display: table-cell;
min-width: 30px;
......@@ -138,7 +110,7 @@ div.course-wrapper {
div.video-wrapper {
float: left;
width: 640px;
min-height: 500px;
min-height: 620px;
section {
ul {
......@@ -148,6 +120,8 @@ div.course-wrapper {
margin-top: 5px;
display: inline-block;
cursor: pointer;
border: 0;
padding: 0;
div {
&:empty {
......@@ -186,9 +160,13 @@ div.course-wrapper {
li {
margin-bottom: 8px;
cursor: pointer;
border: 0;
padding: 0;
color: #666;
&.current {
background-color: #f3f3f3;
color: #333;
}
&:hover {
......
sass/_textbook.scss
......@@ -2,17 +2,9 @@ div.book-wrapper {
display: table;
ul#booknav {
@include box-shadow( inset -1px 0 0 #f6f6f6);
@extend .sidebar;
@include box-sizing(border-box);
background: #e3e3e3;
border-right: 1px solid #d3d3d3;
font-family: $body-font-family;
padding: $body-line-height;
text-shadow: 0 1px 0 #f6f6f6;
vertical-align: top;
width: grid-width(3);
min-width: 240px;
display: table-cell;
li {
ul {
......@@ -29,9 +21,7 @@ div.book-wrapper {
display: table-cell;
nav {
background: #F6EFD4;
border-bottom: 1px solid darken(#F6EFD4, 10%);
margin: (-$body-line-height) (-$body-line-height) $body-line-height;
@extend .topbar;
ul {
@extend .clearfix;
......@@ -45,17 +35,6 @@ div.book-wrapper {
&.next {
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 @@
@import "courseware";
@import "textbook";
@import "profile";
@import "wiki-create", "wiki";
// left over
@import "theme";
......
simplewiki_create.html
......@@ -5,17 +5,15 @@
<%block name="wiki_page_title">
Create article
</%block>
<%block name="wiki_body">
<form method="POST" id="wiki_revision">
<div style="display:none">
<input type="hidden" name="csrfmiddlewaretoken" value="${csrf_token}"/>
</div>
<table id="wiki_revision_table">
${ wiki_form }
<tr>
<td colspan="2" align="right">
<input type="submit" value="Create article" /></td>
</tr>
</table>
<div style="display:none">
<input type="hidden" name="csrfmiddlewaretoken" value="${csrf_token}"/>
</div>
${ wiki_form }
<input type="submit" value="Create article" /></td>
</form>
</%block>
simplewiki_edit.html
......@@ -11,12 +11,9 @@ ${ wiki_article.title }
<div style="display:none">
<input type="hidden" name="csrfmiddlewaretoken" value="${csrf_token}"/>
</div>
<table id="wiki_revision_table">
${wiki_form}
<tr>
<td colspan="2" align="right">
<input type="submit" value="Edit article" /></td>
</tr>
</table>
${wiki_form}
<input type="submit" value="Edit article" /></td>
</form>
</%block>
simplewiki_view.html
......@@ -3,11 +3,11 @@
<%inherit file="simplewiki_base.html"/>
<%block name="wiki_page_title">
${ wiki_article.title }
${ wiki_article.title }
</%block>
<%block name="wiki_body">
<div id="wiki_article">
${ wiki_article.current_revision.contents_parsed| n}
</div>
<%block name="wiki_body">
<div id="wiki_article">
${ wiki_article.current_revision.contents_parsed| n}
</div>
</%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