[IMP] doc: allow force-right sections, removing bootstrap class from tables

This commit is contained in:
Xavier Morel 2015-02-16 09:44:19 +01:00
parent 9ffa3a5c15
commit eac831f45b
3 changed files with 203 additions and 179 deletions

View File

@ -68,8 +68,13 @@ def visit_table(self, node):
self._table_row_index = 0 self._table_row_index = 0
self.context.append(self.compact_p) self.context.append(self.compact_p)
self.compact_p = True self.compact_p = True
classes = ' '.join({'table', self.settings.table_style}).strip()
self.body.append(self.starttag(node, 'table', CLASS=classes)) classes = {self.settings.table_style}
node_classes = node.get('classes', [])
if 'no-table' in node_classes: node_classes.remove('no-table')
else: classes.add('table')
self.body.append(self.starttag(node, 'table', CLASS=' '.join(classes).strip()))
def starttag_data(self, node, tagname, suffix='\n', empty=False, **attributes): def starttag_data(self, node, tagname, suffix='\n', empty=False, **attributes):
attributes.update( attributes.update(

View File

@ -6811,49 +6811,58 @@ td.field-body > ul {
margin-bottom: 2em; margin-bottom: 2em;
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.stripe .section > *, .stripe .section:not(.force-right) > *,
.stripe .section > .force-left { .stripe .section:not(.force-right) > .force-left {
width: 49%; width: 49%;
float: left; float: left;
clear: left; clear: left;
} }
.stripe .section > .force-right { .stripe .section:not(.force-right) > .force-right {
padding-left: 1em; padding-left: 1em;
padding-right: 1em; padding-right: 1em;
} }
.stripe .section > .force-right, .stripe .section:not(.force-right) > .force-right,
.stripe .section > [class*=highlight] { .stripe .section:not(.force-right) > [class*=highlight] {
float: none; float: none;
clear: none; clear: none;
margin-left: 50%; margin-left: 50%;
width: 50%; width: 50%;
color: #eeeeee; color: #eeeeee;
} }
.stripe .section > .force-right a, .stripe .section:not(.force-right) > .force-right legend,
.stripe .section > [class*=highlight] a { .stripe .section:not(.force-right) > [class*=highlight] legend {
color: inherit;
}
.stripe .section:not(.force-right) > .force-right input,
.stripe .section:not(.force-right) > [class*=highlight] input {
color: inherit;
background-color: #555555;
}
.stripe .section:not(.force-right) > .force-right a,
.stripe .section:not(.force-right) > [class*=highlight] a {
color: #d9a8cc; color: #d9a8cc;
} }
.stripe .section > .force-right code, .stripe .section:not(.force-right) > .force-right code,
.stripe .section > [class*=highlight] code, .stripe .section:not(.force-right) > [class*=highlight] code,
.stripe .section > .force-right .literal, .stripe .section:not(.force-right) > .force-right .literal,
.stripe .section > [class*=highlight] .literal { .stripe .section:not(.force-right) > [class*=highlight] .literal {
color: #f9f2f4; color: #f9f2f4;
background-color: #555555; background-color: #555555;
} }
.stripe .section > .force-right:not(.highlight-json) .highlight, .stripe .section:not(.force-right) > .force-right:not(.highlight-json) .highlight,
.stripe .section > [class*=highlight]:not(.highlight-json) .highlight { .stripe .section:not(.force-right) > [class*=highlight]:not(.highlight-json) .highlight {
border-bottom-color: #777777; border-bottom-color: #777777;
} }
.stripe .section > .force-right.admonition, .stripe .section:not(.force-right) > .force-right.admonition,
.stripe .section > [class*=highlight].admonition { .stripe .section:not(.force-right) > [class*=highlight].admonition {
margin-left: 51%; margin-left: 51%;
width: 49%; width: 49%;
border-top-color: #777777; border-top-color: #777777;
border-bottom-color: #777777; border-bottom-color: #777777;
border-right-color: #777777; border-right-color: #777777;
} }
.stripe .section > .force-right .highlight, .stripe .section:not(.force-right) > .force-right .highlight,
.stripe .section > [class*=highlight] .highlight { .stripe .section:not(.force-right) > [class*=highlight] .highlight {
border-color: #555555; border-color: #555555;
border-style: solid; border-style: solid;
border-width: 1px 0; border-width: 1px 0;
@ -6930,302 +6939,302 @@ td.field-body > ul {
/* Name.Variable.Instance */ /* Name.Variable.Instance */
/* Literal.Number.Integer.Long */ /* Literal.Number.Integer.Long */
} }
.stripe .section > .force-right .highlight .lineno, .stripe .section:not(.force-right) > .force-right .highlight .lineno,
.stripe .section > [class*=highlight] .highlight .lineno { .stripe .section:not(.force-right) > [class*=highlight] .highlight .lineno {
color: #586e75; color: #586e75;
} }
.stripe .section > .force-right .highlight .c, .stripe .section:not(.force-right) > .force-right .highlight .c,
.stripe .section > [class*=highlight] .highlight .c { .stripe .section:not(.force-right) > [class*=highlight] .highlight .c {
color: #586e75; color: #586e75;
} }
.stripe .section > .force-right .highlight .err, .stripe .section:not(.force-right) > .force-right .highlight .err,
.stripe .section > [class*=highlight] .highlight .err { .stripe .section:not(.force-right) > [class*=highlight] .highlight .err {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .g, .stripe .section:not(.force-right) > .force-right .highlight .g,
.stripe .section > [class*=highlight] .highlight .g { .stripe .section:not(.force-right) > [class*=highlight] .highlight .g {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .k, .stripe .section:not(.force-right) > .force-right .highlight .k,
.stripe .section > [class*=highlight] .highlight .k { .stripe .section:not(.force-right) > [class*=highlight] .highlight .k {
color: #859900; color: #859900;
} }
.stripe .section > .force-right .highlight .l, .stripe .section:not(.force-right) > .force-right .highlight .l,
.stripe .section > [class*=highlight] .highlight .l { .stripe .section:not(.force-right) > [class*=highlight] .highlight .l {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .n, .stripe .section:not(.force-right) > .force-right .highlight .n,
.stripe .section > [class*=highlight] .highlight .n { .stripe .section:not(.force-right) > [class*=highlight] .highlight .n {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .o, .stripe .section:not(.force-right) > .force-right .highlight .o,
.stripe .section > [class*=highlight] .highlight .o { .stripe .section:not(.force-right) > [class*=highlight] .highlight .o {
color: #859900; color: #859900;
} }
.stripe .section > .force-right .highlight .x, .stripe .section:not(.force-right) > .force-right .highlight .x,
.stripe .section > [class*=highlight] .highlight .x { .stripe .section:not(.force-right) > [class*=highlight] .highlight .x {
color: #cb4b16; color: #cb4b16;
} }
.stripe .section > .force-right .highlight .p, .stripe .section:not(.force-right) > .force-right .highlight .p,
.stripe .section > [class*=highlight] .highlight .p { .stripe .section:not(.force-right) > [class*=highlight] .highlight .p {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .cm, .stripe .section:not(.force-right) > .force-right .highlight .cm,
.stripe .section > [class*=highlight] .highlight .cm { .stripe .section:not(.force-right) > [class*=highlight] .highlight .cm {
color: #586e75; color: #586e75;
} }
.stripe .section > .force-right .highlight .cp, .stripe .section:not(.force-right) > .force-right .highlight .cp,
.stripe .section > [class*=highlight] .highlight .cp { .stripe .section:not(.force-right) > [class*=highlight] .highlight .cp {
color: #859900; color: #859900;
} }
.stripe .section > .force-right .highlight .c1, .stripe .section:not(.force-right) > .force-right .highlight .c1,
.stripe .section > [class*=highlight] .highlight .c1 { .stripe .section:not(.force-right) > [class*=highlight] .highlight .c1 {
color: #586e75; color: #586e75;
} }
.stripe .section > .force-right .highlight .cs, .stripe .section:not(.force-right) > .force-right .highlight .cs,
.stripe .section > [class*=highlight] .highlight .cs { .stripe .section:not(.force-right) > [class*=highlight] .highlight .cs {
color: #859900; color: #859900;
} }
.stripe .section > .force-right .highlight .gd, .stripe .section:not(.force-right) > .force-right .highlight .gd,
.stripe .section > [class*=highlight] .highlight .gd { .stripe .section:not(.force-right) > [class*=highlight] .highlight .gd {
color: #2aa198; color: #2aa198;
} }
.stripe .section > .force-right .highlight .ge, .stripe .section:not(.force-right) > .force-right .highlight .ge,
.stripe .section > [class*=highlight] .highlight .ge { .stripe .section:not(.force-right) > [class*=highlight] .highlight .ge {
color: #cccccc; color: #cccccc;
font-style: italic; font-style: italic;
} }
.stripe .section > .force-right .highlight .gr, .stripe .section:not(.force-right) > .force-right .highlight .gr,
.stripe .section > [class*=highlight] .highlight .gr { .stripe .section:not(.force-right) > [class*=highlight] .highlight .gr {
color: #dc322f; color: #dc322f;
} }
.stripe .section > .force-right .highlight .gh, .stripe .section:not(.force-right) > .force-right .highlight .gh,
.stripe .section > [class*=highlight] .highlight .gh { .stripe .section:not(.force-right) > [class*=highlight] .highlight .gh {
color: #cb4b16; color: #cb4b16;
} }
.stripe .section > .force-right .highlight .gi, .stripe .section:not(.force-right) > .force-right .highlight .gi,
.stripe .section > [class*=highlight] .highlight .gi { .stripe .section:not(.force-right) > [class*=highlight] .highlight .gi {
color: #859900; color: #859900;
} }
.stripe .section > .force-right .highlight .go, .stripe .section:not(.force-right) > .force-right .highlight .go,
.stripe .section > [class*=highlight] .highlight .go { .stripe .section:not(.force-right) > [class*=highlight] .highlight .go {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .gp, .stripe .section:not(.force-right) > .force-right .highlight .gp,
.stripe .section > [class*=highlight] .highlight .gp { .stripe .section:not(.force-right) > [class*=highlight] .highlight .gp {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .gs, .stripe .section:not(.force-right) > .force-right .highlight .gs,
.stripe .section > [class*=highlight] .highlight .gs { .stripe .section:not(.force-right) > [class*=highlight] .highlight .gs {
color: #cccccc; color: #cccccc;
font-weight: bold; font-weight: bold;
} }
.stripe .section > .force-right .highlight .gu, .stripe .section:not(.force-right) > .force-right .highlight .gu,
.stripe .section > [class*=highlight] .highlight .gu { .stripe .section:not(.force-right) > [class*=highlight] .highlight .gu {
color: #cb4b16; color: #cb4b16;
} }
.stripe .section > .force-right .highlight .gt, .stripe .section:not(.force-right) > .force-right .highlight .gt,
.stripe .section > [class*=highlight] .highlight .gt { .stripe .section:not(.force-right) > [class*=highlight] .highlight .gt {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .kc, .stripe .section:not(.force-right) > .force-right .highlight .kc,
.stripe .section > [class*=highlight] .highlight .kc { .stripe .section:not(.force-right) > [class*=highlight] .highlight .kc {
color: #cb4b16; color: #cb4b16;
} }
.stripe .section > .force-right .highlight .kd, .stripe .section:not(.force-right) > .force-right .highlight .kd,
.stripe .section > [class*=highlight] .highlight .kd { .stripe .section:not(.force-right) > [class*=highlight] .highlight .kd {
color: #268bd2; color: #268bd2;
} }
.stripe .section > .force-right .highlight .kn, .stripe .section:not(.force-right) > .force-right .highlight .kn,
.stripe .section > [class*=highlight] .highlight .kn { .stripe .section:not(.force-right) > [class*=highlight] .highlight .kn {
color: #859900; color: #859900;
} }
.stripe .section > .force-right .highlight .kp, .stripe .section:not(.force-right) > .force-right .highlight .kp,
.stripe .section > [class*=highlight] .highlight .kp { .stripe .section:not(.force-right) > [class*=highlight] .highlight .kp {
color: #859900; color: #859900;
} }
.stripe .section > .force-right .highlight .kr, .stripe .section:not(.force-right) > .force-right .highlight .kr,
.stripe .section > [class*=highlight] .highlight .kr { .stripe .section:not(.force-right) > [class*=highlight] .highlight .kr {
color: #268bd2; color: #268bd2;
} }
.stripe .section > .force-right .highlight .kt, .stripe .section:not(.force-right) > .force-right .highlight .kt,
.stripe .section > [class*=highlight] .highlight .kt { .stripe .section:not(.force-right) > [class*=highlight] .highlight .kt {
color: #dc322f; color: #dc322f;
} }
.stripe .section > .force-right .highlight .ld, .stripe .section:not(.force-right) > .force-right .highlight .ld,
.stripe .section > [class*=highlight] .highlight .ld { .stripe .section:not(.force-right) > [class*=highlight] .highlight .ld {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .m, .stripe .section:not(.force-right) > .force-right .highlight .m,
.stripe .section > [class*=highlight] .highlight .m { .stripe .section:not(.force-right) > [class*=highlight] .highlight .m {
color: #2aa198; color: #2aa198;
} }
.stripe .section > .force-right .highlight .s, .stripe .section:not(.force-right) > .force-right .highlight .s,
.stripe .section > [class*=highlight] .highlight .s { .stripe .section:not(.force-right) > [class*=highlight] .highlight .s {
color: #2aa198; color: #2aa198;
} }
.stripe .section > .force-right .highlight .na, .stripe .section:not(.force-right) > .force-right .highlight .na,
.stripe .section > [class*=highlight] .highlight .na { .stripe .section:not(.force-right) > [class*=highlight] .highlight .na {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .nb, .stripe .section:not(.force-right) > .force-right .highlight .nb,
.stripe .section > [class*=highlight] .highlight .nb { .stripe .section:not(.force-right) > [class*=highlight] .highlight .nb {
color: #b58900; color: #b58900;
} }
.stripe .section > .force-right .highlight .nc, .stripe .section:not(.force-right) > .force-right .highlight .nc,
.stripe .section > [class*=highlight] .highlight .nc { .stripe .section:not(.force-right) > [class*=highlight] .highlight .nc {
color: #268bd2; color: #268bd2;
} }
.stripe .section > .force-right .highlight .no, .stripe .section:not(.force-right) > .force-right .highlight .no,
.stripe .section > [class*=highlight] .highlight .no { .stripe .section:not(.force-right) > [class*=highlight] .highlight .no {
color: #cb4b16; color: #cb4b16;
} }
.stripe .section > .force-right .highlight .nd, .stripe .section:not(.force-right) > .force-right .highlight .nd,
.stripe .section > [class*=highlight] .highlight .nd { .stripe .section:not(.force-right) > [class*=highlight] .highlight .nd {
color: #268bd2; color: #268bd2;
} }
.stripe .section > .force-right .highlight .ni, .stripe .section:not(.force-right) > .force-right .highlight .ni,
.stripe .section > [class*=highlight] .highlight .ni { .stripe .section:not(.force-right) > [class*=highlight] .highlight .ni {
color: #cb4b16; color: #cb4b16;
} }
.stripe .section > .force-right .highlight .ne, .stripe .section:not(.force-right) > .force-right .highlight .ne,
.stripe .section > [class*=highlight] .highlight .ne { .stripe .section:not(.force-right) > [class*=highlight] .highlight .ne {
color: #cb4b16; color: #cb4b16;
} }
.stripe .section > .force-right .highlight .nf, .stripe .section:not(.force-right) > .force-right .highlight .nf,
.stripe .section > [class*=highlight] .highlight .nf { .stripe .section:not(.force-right) > [class*=highlight] .highlight .nf {
color: #268bd2; color: #268bd2;
} }
.stripe .section > .force-right .highlight .nl, .stripe .section:not(.force-right) > .force-right .highlight .nl,
.stripe .section > [class*=highlight] .highlight .nl { .stripe .section:not(.force-right) > [class*=highlight] .highlight .nl {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .nn, .stripe .section:not(.force-right) > .force-right .highlight .nn,
.stripe .section > [class*=highlight] .highlight .nn { .stripe .section:not(.force-right) > [class*=highlight] .highlight .nn {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .nx, .stripe .section:not(.force-right) > .force-right .highlight .nx,
.stripe .section > [class*=highlight] .highlight .nx { .stripe .section:not(.force-right) > [class*=highlight] .highlight .nx {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .py, .stripe .section:not(.force-right) > .force-right .highlight .py,
.stripe .section > [class*=highlight] .highlight .py { .stripe .section:not(.force-right) > [class*=highlight] .highlight .py {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .nt, .stripe .section:not(.force-right) > .force-right .highlight .nt,
.stripe .section > [class*=highlight] .highlight .nt { .stripe .section:not(.force-right) > [class*=highlight] .highlight .nt {
color: #268bd2; color: #268bd2;
} }
.stripe .section > .force-right .highlight .nv, .stripe .section:not(.force-right) > .force-right .highlight .nv,
.stripe .section > [class*=highlight] .highlight .nv { .stripe .section:not(.force-right) > [class*=highlight] .highlight .nv {
color: #268bd2; color: #268bd2;
} }
.stripe .section > .force-right .highlight .ow, .stripe .section:not(.force-right) > .force-right .highlight .ow,
.stripe .section > [class*=highlight] .highlight .ow { .stripe .section:not(.force-right) > [class*=highlight] .highlight .ow {
color: #859900; color: #859900;
} }
.stripe .section > .force-right .highlight .w, .stripe .section:not(.force-right) > .force-right .highlight .w,
.stripe .section > [class*=highlight] .highlight .w { .stripe .section:not(.force-right) > [class*=highlight] .highlight .w {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .mf, .stripe .section:not(.force-right) > .force-right .highlight .mf,
.stripe .section > [class*=highlight] .highlight .mf { .stripe .section:not(.force-right) > [class*=highlight] .highlight .mf {
color: #2aa198; color: #2aa198;
} }
.stripe .section > .force-right .highlight .mh, .stripe .section:not(.force-right) > .force-right .highlight .mh,
.stripe .section > [class*=highlight] .highlight .mh { .stripe .section:not(.force-right) > [class*=highlight] .highlight .mh {
color: #2aa198; color: #2aa198;
} }
.stripe .section > .force-right .highlight .mi, .stripe .section:not(.force-right) > .force-right .highlight .mi,
.stripe .section > [class*=highlight] .highlight .mi { .stripe .section:not(.force-right) > [class*=highlight] .highlight .mi {
color: #2aa198; color: #2aa198;
} }
.stripe .section > .force-right .highlight .mo, .stripe .section:not(.force-right) > .force-right .highlight .mo,
.stripe .section > [class*=highlight] .highlight .mo { .stripe .section:not(.force-right) > [class*=highlight] .highlight .mo {
color: #2aa198; color: #2aa198;
} }
.stripe .section > .force-right .highlight .sb, .stripe .section:not(.force-right) > .force-right .highlight .sb,
.stripe .section > [class*=highlight] .highlight .sb { .stripe .section:not(.force-right) > [class*=highlight] .highlight .sb {
color: #586e75; color: #586e75;
} }
.stripe .section > .force-right .highlight .sc, .stripe .section:not(.force-right) > .force-right .highlight .sc,
.stripe .section > [class*=highlight] .highlight .sc { .stripe .section:not(.force-right) > [class*=highlight] .highlight .sc {
color: #2aa198; color: #2aa198;
} }
.stripe .section > .force-right .highlight .sd, .stripe .section:not(.force-right) > .force-right .highlight .sd,
.stripe .section > [class*=highlight] .highlight .sd { .stripe .section:not(.force-right) > [class*=highlight] .highlight .sd {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .s2, .stripe .section:not(.force-right) > .force-right .highlight .s2,
.stripe .section > [class*=highlight] .highlight .s2 { .stripe .section:not(.force-right) > [class*=highlight] .highlight .s2 {
color: #2aa198; color: #2aa198;
} }
.stripe .section > .force-right .highlight .se, .stripe .section:not(.force-right) > .force-right .highlight .se,
.stripe .section > [class*=highlight] .highlight .se { .stripe .section:not(.force-right) > [class*=highlight] .highlight .se {
color: #cb4b16; color: #cb4b16;
} }
.stripe .section > .force-right .highlight .sh, .stripe .section:not(.force-right) > .force-right .highlight .sh,
.stripe .section > [class*=highlight] .highlight .sh { .stripe .section:not(.force-right) > [class*=highlight] .highlight .sh {
color: #cccccc; color: #cccccc;
} }
.stripe .section > .force-right .highlight .si, .stripe .section:not(.force-right) > .force-right .highlight .si,
.stripe .section > [class*=highlight] .highlight .si { .stripe .section:not(.force-right) > [class*=highlight] .highlight .si {
color: #2aa198; color: #2aa198;
} }
.stripe .section > .force-right .highlight .sx, .stripe .section:not(.force-right) > .force-right .highlight .sx,
.stripe .section > [class*=highlight] .highlight .sx { .stripe .section:not(.force-right) > [class*=highlight] .highlight .sx {
color: #2aa198; color: #2aa198;
} }
.stripe .section > .force-right .highlight .sr, .stripe .section:not(.force-right) > .force-right .highlight .sr,
.stripe .section > [class*=highlight] .highlight .sr { .stripe .section:not(.force-right) > [class*=highlight] .highlight .sr {
color: #dc322f; color: #dc322f;
} }
.stripe .section > .force-right .highlight .s1, .stripe .section:not(.force-right) > .force-right .highlight .s1,
.stripe .section > [class*=highlight] .highlight .s1 { .stripe .section:not(.force-right) > [class*=highlight] .highlight .s1 {
color: #2aa198; color: #2aa198;
} }
.stripe .section > .force-right .highlight .ss, .stripe .section:not(.force-right) > .force-right .highlight .ss,
.stripe .section > [class*=highlight] .highlight .ss { .stripe .section:not(.force-right) > [class*=highlight] .highlight .ss {
color: #2aa198; color: #2aa198;
} }
.stripe .section > .force-right .highlight .bp, .stripe .section:not(.force-right) > .force-right .highlight .bp,
.stripe .section > [class*=highlight] .highlight .bp { .stripe .section:not(.force-right) > [class*=highlight] .highlight .bp {
color: #268bd2; color: #268bd2;
} }
.stripe .section > .force-right .highlight .vc, .stripe .section:not(.force-right) > .force-right .highlight .vc,
.stripe .section > [class*=highlight] .highlight .vc { .stripe .section:not(.force-right) > [class*=highlight] .highlight .vc {
color: #268bd2; color: #268bd2;
} }
.stripe .section > .force-right .highlight .vg, .stripe .section:not(.force-right) > .force-right .highlight .vg,
.stripe .section > [class*=highlight] .highlight .vg { .stripe .section:not(.force-right) > [class*=highlight] .highlight .vg {
color: #268bd2; color: #268bd2;
} }
.stripe .section > .force-right .highlight .vi, .stripe .section:not(.force-right) > .force-right .highlight .vi,
.stripe .section > [class*=highlight] .highlight .vi { .stripe .section:not(.force-right) > [class*=highlight] .highlight .vi {
color: #268bd2; color: #268bd2;
} }
.stripe .section > .force-right .highlight .il, .stripe .section:not(.force-right) > .force-right .highlight .il,
.stripe .section > [class*=highlight] .highlight .il { .stripe .section:not(.force-right) > [class*=highlight] .highlight .il {
color: #2aa198; color: #2aa198;
} }
.stripe .body > .section > .section { .stripe .body > .section > .section {
border-top: 1px solid #eeeeee; border-top: 1px solid #eeeeee;
} }
.stripe .section > h1, .stripe .section:not(.force-right) > h1,
.stripe .section > h2, .stripe .section:not(.force-right) > h2,
.stripe .section > h3, .stripe .section:not(.force-right) > h3,
.stripe .section > h4, .stripe .section:not(.force-right) > h4,
.stripe .section > h5, .stripe .section:not(.force-right) > h5,
.stripe .section > h6 { .stripe .section:not(.force-right) > h6 {
max-width: 50%; max-width: 50%;
} }
.stripe .section > h1, .stripe .section:not(.force-right) > h1,
.stripe .section > h2, .stripe .section:not(.force-right) > h2,
.stripe .section > h3, .stripe .section:not(.force-right) > h3,
.stripe .section > h4, .stripe .section:not(.force-right) > h4,
.stripe .section > h5, .stripe .section:not(.force-right) > h5,
.stripe .section > h6, .stripe .section:not(.force-right) > h6,
.stripe .section > .section { .stripe .section > .section:not(.force-right) {
position: relative; position: relative;
width: auto; width: auto;
float: none; float: none;

View File

@ -610,24 +610,31 @@ td.field-body {
// === columning only on medium+ === // === columning only on medium+ ===
@media (min-width: @screen-md-min) { @media (min-width: @screen-md-min) {
// column 1 // column 1
.section > *, .section:not(.force-right) > *,
.section > .force-left { .section:not(.force-right) > .force-left {
width: 49%; width: 49%;
float: left; float: left;
clear: left; clear: left;
} }
// column 2 // column 2
.section > .force-right { .section:not(.force-right) > .force-right {
padding-left: 1em; padding-left: 1em;
padding-right: 1em; padding-right: 1em;
} }
.section > .force-right, .section:not(.force-right) > .force-right,
.section > [class*=highlight] { .section:not(.force-right) > [class*=highlight] {
float: none; float: none;
clear: none; clear: none;
margin-left: 50%; margin-left: 50%;
width: 50%; width: 50%;
color: @color-right; color: @color-right;
legend {
color: inherit;
}
input {
color: inherit;
background-color: @gray;
}
a { a {
color: lighten(@link-color, 30%); color: lighten(@link-color, 30%);
} }
@ -728,13 +735,16 @@ td.field-body {
.body > .section > .section { .body > .section > .section {
border-top: 1px solid @color-right; border-top: 1px solid @color-right;
} }
.section > h1, .section > h2, .section > h3, .section > h4, .section > h5, .section:not(.force-right) > h1, .section:not(.force-right) > h2,
.section > h6 { .section:not(.force-right) > h3, .section:not(.force-right) > h4,
.section:not(.force-right) > h5, .section:not(.force-right) > h6 {
max-width: 50%; max-width: 50%;
} }
.section > h1, .section > h2, .section > h3, .section > h4, .section > h5, .section:not(.force-right) > h1, .section:not(.force-right) > h2,
.section > h6, .section > .section { .section:not(.force-right) > h3, .section:not(.force-right) > h4,
.section:not(.force-right) > h5, .section:not(.force-right) > h6,
.section > .section:not(.force-right) {
position: relative; position: relative;
width: auto; width: auto;
float: none; float: none;