Skip to content

E
edx-platform
Commit e0299cd6 by Kyle Fiedler
Options

Styled textbook navigation

parents f7ca1a5b f0a4ae55
Showing with 384 additions and 197 deletions
sass/_askbot-original.scss
......@@ -662,116 +662,116 @@ ul#searchTags {
float: right;
padding-top: 2px; }
.search-tips {
font-size: 16px;
line-height: 17px;
color: #707070;
margin: 5px 0 10px 0;
padding: 0px;
float: left;
font-family: 'Yanone Kaffeesatz',sans-serif;
a {
text-decoration: underline;
color: #1b79bd; } }
#question-list {
float: left;
position: relative;
background-color: #FFF;
padding: 0;
width: 100%; }
// .search-tips {
// font-size: 16px;
// line-height: 17px;
// color: #707070;
// margin: 5px 0 10px 0;
// padding: 0px;
// float: left;
// font-family: 'Yanone Kaffeesatz',sans-serif;
// a {
// text-decoration: underline;
// color: #1b79bd; } }
.short-summary {
position: relative;
filter: inherit;
padding: 10px;
border-bottom: 1px solid #DDDBCE;
margin-bottom: 1px;
overflow: hidden;
width: 710px;
float: left;
background: url(../images/summary-background.png) repeat-x;
h2 {
font-size: 24px;
font-weight: normal;
line-height: 26px;
padding-left: 0;
margin-bottom: 6px;
display: block;
font-family: 'Yanone Kaffeesatz',sans-serif; }
a {
color: #464646; }
.userinfo {
text-align: right;
line-height: 16px;
font-family: Arial;
padding-right: 4px;
.relativetime {
font-size: 11px;
clear: both;
font-weight: normal;
color: #555; } }
span.anonymous {
font-size: 11px;
clear: both;
font-weight: normal;
color: #555; }
.userinfo a {
font-weight: bold;
font-size: 11px; }
.counts {
float: right;
margin: 4px 0 0 5px;
font-family: 'Yanone Kaffeesatz',sans-serif;
.item-count {
padding: 0px 5px 0px 5px;
font-size: 25px;
font-family: 'Yanone Kaffeesatz',sans-serif; }
.votes div, .views div, .answers div, .favorites div {
margin-top: 3px;
font-size: 14px;
line-height: 14px;
color: #646464; } }
.tags {
margin-top: 0; }
.votes, .answers, .favorites, .views {
text-align: center;
margin: 0 3px;
padding: 8px 2px 0px 2px;
width: 51px;
float: right;
height: 44px;
border: #dbdbd4 1px solid; }
.votes {
background: url(../images/vote-background.png) repeat-x; }
.answers {
background: url(../images/answers-background.png) repeat-x; }
.views {
background: url(../images/view-background.png) repeat-x; }
.no-votes .item-count {
color: #b1b5b6; }
.some-votes .item-count {
color: #4a757f; }
.no-answers .item-count {
color: #b1b5b6; }
.some-answers .item-count {
color: #eab243; }
.no-views .item-count {
color: #b1b5b6; }
.some-views .item-count {
color: #d33f00; }
.accepted .item-count {
background: url(../images/accept.png) no-repeat top right;
display: block;
text-align: center;
width: 40px;
color: #eab243; }
.some-favorites .item-count {
background: #338333;
color: #d0f5a9; }
.no-favorites .item-count {
background: #eab243;
color: yellow; } }
// #question-list {
// float: left;
// position: relative;
// background-color: #FFF;
// padding: 0;
// width: 100%; }
// .short-summary {
// position: relative;
// filter: inherit;
// padding: 10px;
// border-bottom: 1px solid #DDDBCE;
// margin-bottom: 1px;
// overflow: hidden;
// width: 710px;
// float: left;
// background: url(../images/summary-background.png) repeat-x;
// h2 {
// font-size: 24px;
// font-weight: normal;
// line-height: 26px;
// padding-left: 0;
// margin-bottom: 6px;
// display: block;
// font-family: 'Yanone Kaffeesatz',sans-serif; }
// a {
// color: #464646; }
// .userinfo {
// text-align: right;
// line-height: 16px;
// font-family: Arial;
// padding-right: 4px;
// .relativetime {
// font-size: 11px;
// clear: both;
// font-weight: normal;
// color: #555; } }
// span.anonymous {
// font-size: 11px;
// clear: both;
// font-weight: normal;
// color: #555; }
// .userinfo a {
// font-weight: bold;
// font-size: 11px; }
// .counts {
// float: right;
// margin: 4px 0 0 5px;
// font-family: 'Yanone Kaffeesatz',sans-serif;
// .item-count {
// padding: 0px 5px 0px 5px;
// font-size: 25px;
// font-family: 'Yanone Kaffeesatz',sans-serif; }
// .votes div, .views div, .answers div, .favorites div {
// margin-top: 3px;
// font-size: 14px;
// line-height: 14px;
// color: #646464; } }
// .tags {
// margin-top: 0; }
// .votes, .answers, .favorites, .views {
// text-align: center;
// margin: 0 3px;
// padding: 8px 2px 0px 2px;
// width: 51px;
// float: right;
// height: 44px;
// border: #dbdbd4 1px solid; }
// .votes {
// background: url(../images/vote-background.png) repeat-x; }
// .answers {
// background: url(../images/answers-background.png) repeat-x; }
// .views {
// background: url(../images/view-background.png) repeat-x; }
// .no-votes .item-count {
// color: #b1b5b6; }
// .some-votes .item-count {
// color: #4a757f; }
// .no-answers .item-count {
// color: #b1b5b6; }
// .some-answers .item-count {
// color: #eab243; }
// .no-views .item-count {
// color: #b1b5b6; }
// .some-views .item-count {
// color: #d33f00; }
// .accepted .item-count {
// background: url(../images/accept.png) no-repeat top right;
// display: block;
// text-align: center;
// width: 40px;
// color: #eab243; }
// .some-favorites .item-count {
// background: #338333;
// color: #d0f5a9; }
// .no-favorites .item-count {
// background: #eab243;
// color: yellow; } }
// .evenMore {
// font-size: 13px;
......@@ -869,31 +869,31 @@ ul#searchTags {
.tag-size-10 {
font-size: 21px; }
ul {
&.tags {
list-style: none;
margin: 0;
padding: 0;
line-height: 170%;
display: block;
&.marked-tags {
list-style: none;
margin: 0;
padding: 0;
line-height: 170%;
display: block; } }
&#related-tags {
list-style: none;
margin: 0;
padding: 0;
line-height: 170%;
display: block; }
&.tags li {
float: left;
display: block;
margin: 0 8px 0 0;
padding: 0;
height: 20px; } }
// ul {
// &.tags {
// list-style: none;
// margin: 0;
// padding: 0;
// line-height: 170%;
// display: block;
// &.marked-tags {
// list-style: none;
// margin: 0;
// padding: 0;
// line-height: 170%;
// display: block; } }
// &#related-tags {
// list-style: none;
// margin: 0;
// padding: 0;
// line-height: 170%;
// display: block; }
// &.tags li {
// float: left;
// display: block;
// margin: 0 8px 0 0;
// padding: 0;
// height: 20px; } }
.wildcard-tags {
clear: both; }
......@@ -919,35 +919,35 @@ ul {
float: left;
clear: left; } }
.tag-left {
cursor: pointer;
display: block;
float: left;
height: 17px;
margin: 0 5px 0 0;
padding: 0;
-webkit-box-shadow: 0px 0px 5px #d3d6d7;
-moz-box-shadow: 0px 0px 5px #d3d6d7;
box-shadow: 0px 0px 5px #d3d6d7; }
.tag-right {
background: #f3f6f6;
border: #fff 1px solid;
border-top: #fff 2px solid;
outline: #cfdbdb 1px solid;
display: block;
float: left;
height: 17px;
line-height: 17px;
font-weight: normal;
font-size: 11px;
padding: 0px 8px 0px 8px;
text-decoration: none;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-family: Arial;
color: #717179; }
// .tag-left {
// cursor: pointer;
// display: block;
// float: left;
// height: 17px;
// margin: 0 5px 0 0;
// padding: 0;
// -webkit-box-shadow: 0px 0px 5px #d3d6d7;
// -moz-box-shadow: 0px 0px 5px #d3d6d7;
// box-shadow: 0px 0px 5px #d3d6d7; }
// .tag-right {
// background: #f3f6f6;
// border: #fff 1px solid;
// border-top: #fff 2px solid;
// outline: #cfdbdb 1px solid;
// display: block;
// float: left;
// height: 17px;
// line-height: 17px;
// font-weight: normal;
// font-size: 11px;
// padding: 0px 8px 0px 8px;
// text-decoration: none;
// text-align: center;
// white-space: nowrap;
// vertical-align: middle;
// font-family: Arial;
// color: #717179; }
.deletable-tag {
margin-right: 3px;
......@@ -2563,13 +2563,13 @@ p.signup_p {
margin-bottom: 7px;
font-size: 14px; } }
.search-result-summary {
font-weight: bold;
font-size: 18px;
line-height: 22px;
margin: 0px 0px 0px 0px;
padding: 2px 0 0 0;
float: left; }
// .search-result-summary {
// font-weight: bold;
// font-size: 18px;
// line-height: 22px;
// margin: 0px 0px 0px 0px;
// padding: 2px 0 0 0;
// float: left; }
.faq-rep-item {
text-align: right;
......
sass/_discussion-questions.scss
div.question-controls {
display: block;
margin-bottom: 30px;
overflow: hidden;
width: flex-grid(9,9);
div {
display: inline-block;
}
div.question-count {
margin-right: flex-gutter();
width: flex-grid(5.5,9);
h1 {
margin-top: 0;
}
}
div.question-sort {
vertical-align: bottom;
width: flex-grid(3.5,9);
nav {
@include border-radius(35px);
background-color: lighten(#F6EFD4, 5%) ;
height: 30px;
float: right;
font-size: 16px;
margin: 3px 0;
padding: 0 20px;
a {
color: darken(#F6EFD4, 50%);
&:before {
content: '|';
color: darken(#F6EFD4, 10%);
font-size: 22px;
}
&:hover {
text-decoration: none;
color: darken(#F6EFD4, 70%);
}
}
}
}
}
ul.question-list {
width: flex-grid(9,9);
li.single-question {
border-top: 1px solid #eee;
list-style: none;
padding: 10px 0;
&:hover {
background: lighten(#F6EFD4, 8%);
}
div {
display: inline-block;
&.question-body {
@include box-sizing(border-box);
margin-right: flex-gutter();
padding-left: 10px;
width: flex-grid(5.5,9);
h2 {
font-size: 16px;
font-weight: normal;
margin: 0px 0 15px 0;
text-transform: none;
a {
color: #000;
}
}
div.user-info {
display: inline-block;
vertical-align: top;
span.relative-time {
font-weight: normal;
}
a {
color: $mit-red;
}
}
ul.tags {
display: inline-block;
}
}
&.question-meta {
width: flex-grid(3.5,9);
ul {
text-align: right;
li {
@include border-radius(3px);
display: inline-block;
height:60px;
margin-right: 10px;
width: 60px;
&.views {
background: lighten(#F6EFD4, 5%);
}
&.answers {
background: #F6EFD4;
}
&.votes {
background: darken(#F6EFD4, 5%);
}
span, div {
@include box-sizing(border-box);
color: darken(#F6EFD4, 60%);
display: block;
text-align: center;
}
span {
font-size: 16px;
font-weight: bold;
height: 35px;
padding-top: 15px;
vertical-align: middle;
}
div {
height: 25px;
font-size: 12px;
}
}
}
}
}
}
}
div.search-tips {
display: block;
}
.search-result-summary {
}
sass/_discussion-tags.scss 0 → 100644
ul.tags {
list-style: none;
li, a {
position: relative;
}
li {
@include border-radius(4px);
background: #eee;
color: #555;
display: inline;
font-size: 12px;
margin-left: 15px;
padding: 5px 10px 5px 5px;
&:before {
content:"";
position:absolute;
top:0;
left:-12px;
width:0;
height:0;
border-color:transparent #eee transparent transparent;
border-style:solid;
border-width:12px 12px 12px 0;
}
}
}
sass/_discussion.scss
......@@ -75,31 +75,6 @@ body.askbot {
vertical-align: top;
width: flex-grid(9);
div.order-sort {
@include border-radius(35px);
background-color: lighten(#F6EFD4, 5%) ;
height: 30px;
float: right;
font-size: 16px;
margin: 3px 0;
padding: 0 20px;
a {
color: darken(#F6EFD4, 50%);
&:before {
content: '|';
color: darken(#F6EFD4, 10%);
font-size: 22px;
}
&:hover {
text-decoration: none;
color: darken(#F6EFD4, 70%);
}
}
}
p.tabula-rasa {
@include border-radius(5px);
background-color: #f6f6f6;
......
sass/_textbook.scss
......@@ -4,13 +4,38 @@ div.book-wrapper {
ul#booknav {
@extend .sidebar;
@include box-sizing(border-box);
padding: lh();
a {
color: #000;
&:hover {
color: #666;
}
}
li {
background: none;
padding-left: 30px;
div.hitarea {
margin-left: -22px;
&:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}
}
ul {
background: none;
}
}
> li {
border-bottom: 1px solid #d3d3d3;
@include box-shadow(0 1px 0 #eee);
padding: 7px 7px 7px 30px;
}
}
section.book {
......
sass/application.scss
......@@ -14,7 +14,7 @@
@import "wiki-basic-html", "wiki-create", "wiki";
@import "activation";
@import "help";
@import "discussion", "discussion-questions", "askbot-original";
@import "askbot-original", "discussion", "discussion-questions", "discussion-tags" ;
// left over
@import "theme";
......
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