Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made the header and footer wrappers fixed width

Browse Source
This commit is contained in:
Reda Lemeden
2012-01-25 11:39:25 -05:00
parent 6d3e6827c9
commit b977901a6e
2 changed files with 112 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
sass/_askbot-original.scss
View File

@@ -1,13 +1,13 @@
// Original styles
/*body {
background: #FFF;
font-size: 14px;
line-height: 150%;
margin: 0;
padding: 0;
color: #000;
font-family: Arial; }*/
// body {
// background: #FFF;
// font-size: 14px;
// line-height: 150%;
// margin: 0;
// padding: 0;
// color: #000;
// font-family: Arial; }
// div {
// margin: 0 auto;
@@ -2146,16 +2146,16 @@ ins {
text-decoration: underline;
font-weight: bold; } }
#ground {
width: 100%;
clear: both;
border-top: 1px solid #000;
padding: 6px 0 0 0;
background: #16160f;
font-size: 16px;
font-family: 'Yanone Kaffeesatz',sans-serif;
p {
margin-bottom: 0; } }
// #ground {
// width: 100%;
// clear: both;
// border-top: 1px solid #000;
// padding: 6px 0 0 0;
// background: #16160f;
// font-size: 16px;
// font-family: 'Yanone Kaffeesatz',sans-serif;
// p {
// margin-bottom: 0; } }
.footer-links {
color: #EEE;

178
sass/_discussion.scss
View File

@@ -1,108 +1,118 @@
.secondary-nav {
@extend .topbar;
margin: 0;
padding: 15px 0;
body.askbot {
.secondary-nav {
margin: 0;
nav {
@extend .clearfix;
@extend .wrapper;
@include box-sizing(border-box);
padding: 0 $body-line-height;
nav {
@extend .clearfix;
@extend .topbar;
@extend .wrapper;
@include box-sizing(border-box);
border: 1px solid darken(#F6EFD4, 10%);
border-top: 0;
margin: 0 auto;
padding: $body-line-height;
div {
float: left;
div {
float: left;
&.question-filter {
font-size:16px;
margin-top: 4px;
width: grid-width(4);
&.question-filter {
font-size:16px;
margin-top: 4px;
width: grid-width(4);
ul {
@include border-radius(35px);
background: darken(#F6EFD4, 20%);
display: inline;
margin: 0 0 0 10px;
padding: $body-line-height/4 20px;
ul {
@include border-radius(35px);
background: darken(#F6EFD4, 20%);
display: inline;
margin: 0 0 0 10px;
padding: $body-line-height/4 20px;
li {
display: inline-block;
list-style: none;
margin-right: 10px;
li {
display: inline-block;
list-style: none;
margin-right: 10px;
&:last-child {
margin-right: 0;
}
&:last-child {
margin-right: 0;
}
a {
text-transform: capitalize;
text-shadow: none;
font-size: 14px;
a {
text-transform: capitalize;
text-shadow: none;
font-size: 14px;
&.on {
font-weight: bold;
&.on {
font-weight: bold;
}
}
}
}
}
}
&.search-box {
margin-left:2%;
text-align:right;
width: grid-width(8);
}
&.search-box {
margin-left:2%;
text-align:right;
width: grid-width(8);
}
}
}
}
}
.content-wrapper {
@extend .clearfix;
@extend .wrapper;
@include box-shadow(0 1px 0 #fff);
@include box-sizing(border-box);
background: #fff;
border: 1px solid #ccc;
border-top: 0;
.discussion-content {
/*@extend .content;*/
.content-wrapper {
@extend .clearfix;
@extend .wrapper;
@include box-shadow(0 1px 0 #fff);
@include box-sizing(border-box);
display: table-cell;
padding: $gw-gutter;
vertical-align: top;
width: grid-width(9);
background: #fff;
border: 1px solid #ccc;
border-top: 0;
.discussion-content {
/*@extend .content;*/
@include box-sizing(border-box);
display: table-cell;
padding: $gw-gutter;
vertical-align: top;
width: grid-width(9);
}
aside {
@extend .sidebar;
width: grid-width(2.5);
padding: $gw-gutter;
h2 {
font-size: 16px;
}
h3 {
border-bottom: 0;
box-shadow: none;
}
input[type="text"] {
width: 68%;
}
#displayTagFilterControl {
margin-top: 10px;
}
}
}
aside {
@extend .sidebar;
width: grid-width(2.5);
padding: $gw-gutter;
footer {
margin: 0 auto;
padding: 0;
h2 {
font-size: 16px;
}
h3 {
border-bottom: 0;
box-shadow: none;
}
input[type="text"] {
width: 68%;
}
#displayTagFilterControl {
margin-top: 10px;
.footer-wrapper {
@extend .clearfix;
@extend .wrapper;
@include box-shadow(0 1px 0 #fff);
@include box-sizing(border-box);
background-color: #000;
border-top: 0;
padding: $gw-gutter/2;
}
}
}
.footer-wrapper {
@extend .clearfix;
@extend .wrapper;
@include box-shadow(0 1px 0 #fff);
@include box-sizing(border-box);
border-top: 0;
padding: 0 $gw-gutter/2;
}