Commit 2371c80f authored by Dorian's avatar Dorian
Browse files

layout short enquete

parent ad331a45
......@@ -71,13 +71,28 @@
src: url('');
}
.enquete h1.headline {
color: red;
}
.enquete h2.subhead {
color: blue;
}
.enquete p.header-byline {
}
// basic correction
// example de fonds d'encadré
.fond-sidebar {
background-color: @color-C1;
outline: 12pt solid @color-C1;
}
// exergues
.enquete .pull-out:nth-of-type(2) {
margin-left: 0;
}
// corrections
.rubric-title {
background-color: white;
......@@ -89,14 +104,3 @@ figure footer {
.no-footer(1);
.no-footer(2);
.no-footer(7);
.enquete .pull-out:nth-of-type(2) {
margin-left: 0;
}
// example de fonds d'encadré
.fond-sidebar {
background-color: @color-C1;
outline: 12pt solid @color-C1;
}
......@@ -11,160 +11,73 @@
<body>
<!-- PAGES -->
<div id="pages">
<div class="sheet">
<div class="page">
<!-- PAGE-1 -->
<div class="main">
<div class="bloc x0 t-1 w2 flow-slug" ></div>
<!-- header -->
<div class="bloc x3 t2 w7 h3 flow-subhead"></div>
<div class="bloc x3 t3 w7 h3 flow-headline"></div>
<div class="bloc x4 t5 w8 h1 flow-header-byline"></div>
<!-- image en double -->
<div class="bloc l-1 t-1 b-1 r-1 fond1"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-2 -->
<div class="main">
<!-- image en double -->
<div class="bloc l-1 t-1 b-1 r-1 fond2"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-3 -->
<div class="main">
<div class="bloc x0 y0 w9 h4 flow-lead"></div>
<div class="bloc x0 t10 w5 b0 flow-fig2"></div>
<!-- colones -->
<div class="bloc x1 y4 w4 b13 flow-main" style="margin-bottom:-24pt;"></div>
<div class="bloc x5 y4 w4 b0 flow-main"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-4 -->
<div class="main">
<div class="bloc x1 y0 w4 b0 flow-main"></div>
<div class="bloc x5 y0 w4 b0 flow-main"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-5 -->
<div class="main">
<div class="bloc l-1 y0 r8 b-1 flow-fig3"></div>
<div class="bloc x5 y0 w4 b0 flow-main"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-6 -->
<div class="main">
<!-- encadre -->
<div class="bloc l0 t15 r0 b0 fond-sidebar"></div>
<div class="bloc l0 y8 walf b0 flow-sidebar1"></div>
<div class="bloc r0 y8 walf b0 flow-sidebar1"></div>
<!-- colones -->
<div class="bloc x1 y0 w4 b9 flow-main"></div>
<div class="bloc x5 y0 w4 b9 flow-main"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-7 -->
<div class="main">
<div class="bloc x1 y0 w4 b0 flow-main"></div>
<div class="bloc x5 y0 w4 b0 flow-main"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-8 -->
<div class="main">
<div class="bloc l-1 t15 r-1 b-1 flow-fig4"></div>
<div class="bloc x1 y0 w4 b7 flow-main"></div>
<div class="bloc x5 y0 w4 b7 flow-main"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-9 -->
<div class="main">
<!-- encadre -->
<div class="bloc l-1 t-1 r-1 b-1 fond-sidebar"></div>
<div class="bloc l0 t7 walf b1 flow-sidebar4" style="margin-bottom: -12pt;"></div>
<div class="bloc r0 t5 walf b2 flow-sidebar4" ></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-10 -->
<div class="main">
<div class="bloc x4 y5 w5 h8 flow-fig5"></div>
<div class="bloc x1 y0 w4 h6 flow-main"></div>
<div class="bloc x1 y6 r9 b0 flow-main"></div>
<div class="bloc x5 y0 w4 b13 flow-main"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-11 -->
<div class="main">
<div class="bloc x4 y4 w6 b0 flow-fig6"></div>
<div class="bloc x1 y0 w4 b0 flow-main"></div>
<div class="bloc x5 y0 w4 h4 flow-main"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-12 -->
<div class="main">
<div class="bloc x1 y0 w4 b2 flow-main" ></div>
<div class="bloc x5 y0 w4 b8 flow-main" ></div>
</div>
</div>
</div>
</div>
<div id="stories">
<art id="flow-main" class="enquete" folio="1" src="https://medor.coop/api/v2/pages/328/?draft=true"></art>
</div>
<!-- JAVASCRIPT -->
<script src="../../vendors/jquery-3.2.1.min.js"></script>
<script src="../../vendors/less.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.js"></script>
<script src="../../js/stories.new.js"></script>
<script src="../../js/pullout.js"></script>
<script src="main.js"></script>
<div id="pages">
<div class="sheet">
<div class="page">
<!-- PAGE-1 -->
<div class="main">
<div class="bloc x0 t-1 w6 flow-slug"></div>
<div class="bloc b-1 t-1 r-1 l-1 fond-intro" ></div>
<!-- header -->
<div class="bloc x1 y2 w8 flow-headline"></div>
<div class="bloc x6 y6 w5 flow-header-byline"></div>
<div class="bloc x1 y7 w8 flow-subhead"></div>
<div class="bloc x1 y9 w8 flow-lead"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-2 -->
<div class="main">
<div class="bloc x1 y0 w4 b0 flow-main"></div>
<div class="bloc x5 y0 w4 b0 flow-main"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-3 -->
<div class="main">
<div class="bloc t13 l-1 b-1 r0 flow-fig3"></div>
<div class="bloc x1 y0 w4 b10 flow-main"></div>
<div class="bloc x5 y0 w4 b10 flow-main"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-4 -->
<div class="main">
<div class="bloc t-1 l2 b14 r-1 flow-fig1"></div>
<div class="bloc x1 y5 w4 b0 flow-main"></div>
<div class="bloc x5 y5 w4 b0 flow-main"></div>
</div>
</div>
</div>
<div class="sheet">
<div class="page">
<!-- PAGE-5 -->
<div class="main">
<div class="bloc x1 y0 w4 b0 flow-main"></div>
<div class="bloc x5 y0 w4 b0 flow-main"></div>
</div>
</div>
</div>
</div>
<div id="stories">
<art id="flow-main" class="enquete" folio="1" src="https://medor.coop/api/v2/pages/764/?draft=true"></art>
</div>
<!-- JAVASCRIPT -->
<script src="../../vendors/jquery-3.2.1.min.js"></script>
<script src="../../vendors/less.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.js"></script>
<script src="../../js/stories.new.js"></script>
<script src="../../js/pullout.js"></script>
<script src="main.js"></script>
</body>
</html>
......@@ -26,7 +26,7 @@
.flow-fig@{i} { .flow-from(~"flow-fig@{i}"); }
.fig-loop(@i - 1);
}
.fig-loop(8); //number of figs
.fig-loop(3); //number of figs
//FOOTNOTES
.fn-loop (@i) when (@i > 0) {
......@@ -55,35 +55,22 @@
}
.enquete h1.headline {
color: red;
margin: @col-width @row-height;
}
.enquete h2.subhead {
color: green;
margin: @col-gutter-width @row-gutter-height;
color: blue;
}
.enquete p.header-byline {
}
// basic correction
// exergues
.rubric-title {
background-color: white;
.enquete .pull-out:nth-of-type(3){
margin-left: 0;
}
// corrections
figure footer {
display: none;
}
.no-footer(1);
.no-footer(2);
.no-footer(7);
.enquete .pull-out:nth-of-type(2) {
margin-left: 0;
}
// example de fonds d'encadré
.fond-sidebar {
background-color: @color-C1;
outline: 12pt solid @color-C1;
}
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