Styled textbook navigation
This commit is contained in:
Kyle Fiedler
@@ -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; } }
|
||||
// .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%; }
|
||||
// #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; } }
|
||||
// .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-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-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;
|
||||
|
||||
@@ -0,0 +1,160 @@
|
||||
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 {
|
||||
}
|
||||
|
||||
|
||||
27
sass/_discussion-tags.scss
Normal file
27
sass/_discussion-tags.scss
Normal file
@@ -0,0 +1,27 @@
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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";
|
||||
|
||||
Reference in New Issue
Block a user