Commit 9e063912 authored by sarah's avatar sarah
Browse files

arc en ciel

parent 6c584e02
......@@ -154,4 +154,11 @@ figcaption{
.production {
margin-top: 8pt;
text-indent: 0;
}
\ No newline at end of file
}
.inside {
visibility: hidden;
z-index: 1000;
}
......@@ -74,12 +74,25 @@
}
&:nth-child(even) .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 3mm;
height: 214mm;
position: absolute;
display: inline-block;
left: 0;
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 8mm;
height: 220mm;
position: absolute;
display: inline-block;
left: -5mm;
z-index: 1000;
top: -5mm;
}
&:nth-child(even)[data-master="m-empty"] .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 8mm;
height: 220mm;
position: absolute;
display: inline-block;
left: 7mm;
z-index: 1000;
top: 7mm;
}
&:nth-child(odd) .header,
&:nth-child(odd) .body,
......@@ -97,12 +110,49 @@
&:nth-child(odd) .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 3mm;
height: 214mm;
position: absolute;
display: inline-block;
right: 0;
width: 8mm;
height: 220mm;
position: absolute;
display: inline-block;
margin-left: 145mm;
top: -5mm;
}
}
.normal .paper {
&:nth-child(even) .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 8mm;
height: 220mm;
position: absolute;
display: inline-block;
margin-left: 145mm;
top: -5mm;
}
&:nth-child(odd) .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 8mm;
height: 220mm;
position: absolute;
display: inline-block;
left: -5mm;
z-index: 1000;
top: -5mm;
}
&:nth-child(odd)[data-master="m-empty"] .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 8mm;
height: 220mm;
position: absolute;
display: inline-block;
left: 7mm;
z-index: 1000;
top: 7mm;
}
}
.paper {
/* &:nth-child(odd) .header {
......@@ -122,15 +172,7 @@
text-align: right;
margin-bottom: 30pt
}
&:nth-child(odd) .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 3mm;
height: 214mm;
position: absolute;
display: inline-block;
left: 0;
}
&:nth-child(even) .header,
&:nth-child(even) .body,
&:nth-child(even) .footer {
......@@ -144,15 +186,7 @@
text-align: left;
margin-bottom: 30pt
}
&:nth-child(even) .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 3mm;
height: 214mm;
position: absolute;
display: inline-block;
right: 0;
}
}
img {
......
......@@ -467,7 +467,7 @@ ReForm asbl </h2>
</div>
</section>
</article>
<article class="schedule__item schedule__item__interface has-shape non-spectacle" data-url="saison-21-22/les-balsatoiles.html" id="les-balsatoiles soutiens">
<article class="schedule__item schedule__item__interface has-shape non-spectacle soutiens" data-url="saison-21-22/les-balsatoiles.html" id="les-balsatoiles">
<section class="page-number-frame">
<div class="schedule__page-number"><p>p.76</p></div>
</section>
......
......@@ -881,7 +881,7 @@
<h3>Le 27 octobre</h3>
<h2>Calamity, une enfance de Martha Jane Cannary</h2>
<h3>de Rémi Chayé, France 2020</h3>
<h3>Le 24 novembre</h3>2
<h3>Le 24 novembre</h3>
<h2>Toy Story 4</h2>
<h3>de Josh Cooley, États-Unis 2019</h3>
......
......@@ -19,8 +19,8 @@
<!-- <div class="header"></div>
-->
<!-- <div class="inside"></div>
-->
<div class="inside"></div>
<div class="body recipient"></div>
<div class="footer"></div>
......
......@@ -161,7 +161,7 @@ margin-bottom: 0 !important;
*/ background: pink;
}
#interfaceBalsa.list-display .schedule__list > #soutiens.schedule__item.non-spectacle::after{
#interfaceBalsa.list-display .schedule__list > .soutiens.schedule__item.non-spectacle::after{
/* height: 0;
*/ background: white;
......@@ -322,3 +322,8 @@ article#abri-ou-les-casanieres-de-lapocalypse.schedule__item.schedule__item__int
padding-top: 0;
margin-top: -20pt;
}*/
#page-1 .inside {
visibility: visible;
}
......@@ -17,8 +17,8 @@
<div id="master-page" class="paper master-page">
<div class="page">
<!-- <div class="header"></div> -->
<!-- <div class="inside"></div>
--> <div class="body recipient"></div>
<div class="inside"></div>
<div class="body recipient"></div>
<div class="footer"></div>
</div>
......
......@@ -260,4 +260,10 @@ figure#arsene50{
font-size: 7.5pt;
letter-spacing: 0.05em;
font-weight: bold;
}
\ No newline at end of file
}
#page-4 .inside,
#page-5 .inside,
#page-14 .inside {
visibility: visible;
}
......@@ -20,6 +20,7 @@
<div id="m-image" class="master-page paper ">
<div class="page ">
<div class="inside"></div>
<div class="fond"></div>
<div class="footer"></div>
......@@ -28,8 +29,8 @@
<div id="m-first" class="master-page paper">
<div class="page">
<!-- <div class="inside"></div>
-->
<div class="inside"></div>
<div class="image-forme"></div>
<div class="header-title"></div>
<div class="header-date"></div>
......@@ -43,8 +44,8 @@
</div>
<div id="m-first-festival" class="master-page paper festival">
<div class="page">
<!-- <div class="inside"></div>
--> <div class="header-title"></div>
<div class="inside"></div>
<div class="header-title"></div>
<div class="image-festival"></div>
<div class="header-date-detail"></div>
<div class="image-figcaption"></div>
......@@ -56,8 +57,8 @@
<div id="m-current" class="master-page paper">
<div class="page">
<!-- <div class="inside"></div>
--> <div class="image-extra-figcaption"></div>
<div class="inside"></div>
<div class="image-extra-figcaption"></div>
<div class="body content"></div>
<div class="footer"></div>
......@@ -65,8 +66,8 @@
</div>
<div id="m-empty-off" class="master-page paper">
<!-- <div class="inside"></div>
-->
<div class="inside"></div>
<div class="page">
<div class="footer"></div>
......@@ -74,8 +75,8 @@
</div>
<div id="m-empty" class="master-page paper">
<!-- <div class="inside"></div>
-->
<div class="inside"></div>
<div class="page">
<div class="footer"></div>
......
......@@ -17,7 +17,6 @@
overflow: visible;
}
// master image
.image {
/* background: grey;
position: absolute;
......@@ -37,12 +36,6 @@ margin: -12mm;*/
.preview .image {
overflow: hidden;
}
<<<<<<< HEAD
div#article-1--page-0 div.image{
background-image: url("../../content/images/pages-inconnu.png");
background-size: 100%;
background-repeat: no-repeat;
=======
.fond {
width: calc(158mm);
......@@ -53,8 +46,8 @@ background-repeat: no-repeat;
background-size: 109%;
background-position: -7mm 5mm;
background-repeat: no-repeat;
>>>>>>> d3e52f11c81b44186960ad29830fa153648e490e
}
div#article-1--page-0 .fond {
background-image: url("http://localhost:8000/content/images/pages-inconnu.png");
}
......@@ -481,3 +474,15 @@ margin-right: 8pt
figure#ars-musica{
width: 10%;
}
h1#les-balsatoiles.title {
margin-bottom: 20pt;
}
#article-6--page-0 .inside,
#article-6--page-1 .inside,
#article-11--page-0 .inside,
#article-11--page-1 .inside,
#article-20--page-2 .inside,
#article-20--page-3 .inside{
visibility: visible;
}
\ No newline at end of file
// Local settings
//var content = "intro"; var nb_page = 6;
var content = "spectacles"; var nb_page = 0;
//var content = "outro"; var nb_page = 16;
//var content = "spectacles"; var nb_page = 0;
var content = "outro"; var nb_page = 16;
Supports Markdown
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