[IMP] doc: have ws page take whole page width

Doc pages used container() which is width-limited, works acceptably for
single-column content but WS page takes 2 columns with code, having as
much space as possible is a much better idea.

Mayhaps it should even use lg-column(2) instead of md-column(3)?
This commit is contained in:
Xavier Morel 2014-11-17 16:20:43 +01:00
parent a8f261b49c
commit a4d2f04564
2 changed files with 36 additions and 12 deletions

View File

@ -5902,8 +5902,10 @@ button.close {
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
.document-super:before,
.document-super:after,
.document-super:not(.stripe):before,
.document-super:not(.stripe):after,
.document-super.stripe:before,
.document-super.stripe:after,
.document:before,
.document:after {
content: " ";
@ -5924,7 +5926,8 @@ button.close {
.pager:after,
.panel-body:after,
.modal-footer:after,
.document-super:after,
.document-super:not(.stripe):after,
.document-super.stripe:after,
.document:after {
clear: both;
}
@ -6181,35 +6184,53 @@ body {
overflow: auto;
position: relative;
}
.document-super {
.document-super:not(.stripe) {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.document-super {
.document-super:not(.stripe) {
width: 750px;
}
}
@media (min-width: 992px) {
.document-super {
.document-super:not(.stripe) {
width: 970px;
}
}
@media (min-width: 1200px) {
.document-super {
.document-super:not(.stripe) {
width: 1170px;
}
}
.document-super > .navbar-header,
.document-super > .navbar-collapse {
.document-super:not(.stripe) > .navbar-header,
.document-super:not(.stripe) > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.document-super > .navbar-header,
.document-super > .navbar-collapse {
.document-super:not(.stripe) > .navbar-header,
.document-super:not(.stripe) > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.document-super.stripe {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.document-super.stripe > .navbar-header,
.document-super.stripe > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.document-super.stripe > .navbar-header,
.document-super.stripe > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}

View File

@ -25,9 +25,12 @@ body {
position: relative;
}
.document-super {
.document-super:not(.stripe) {
.container();
}
.document-super.stripe {
.container-fluid();
}
.document {
.make-row();