balsamine.2016-2017
clone your own copy | download snapshot

Snapshots | iceberg

Inside this repository

styles.less
text/plain

Download raw (4.3 KB)

/* Here you can put your specific typography, layout styles. */
/* Here you can put your specific typography, layout styles. */
/* FONTES */
@font-face {
    font-family: "Mincho";
    src: url("/fonts/UmePlumePMincho-200.otf");
        font-weight: 200;
}

@font-face {
    font-family: "Gothic";
    src: url("/fonts/UmePlumePGothic-200.otf");
    font-weight: 200;
}
@font-face {
    font-family: "Gothic-balsa";
    src: url("/fonts/Ume-P-Gothic_Balsa.ttf");
    font-weight: normal;
}
@font-face {
    font-family: 'UmePlumePGothic';
    src: url("/fonts/UmePlumePGothic-600.otf");
    font-weight: 600;
}

@font-face {
    font-family: "Mincho";
    //src: url("/fonts/Ume-P-Gothic-Vertical.ttf");
    src: url("/fonts/UmePlumePMincho-600.otf");
    font-weight: 600;
}
@font-face {
    font-family: "PGothicVertical";
    //src: url("/fonts/Ume-P-Gothic-Vertical.ttf");
    src: url("/fonts/Ume-P-Gothic-Vertical.ttf");
    font-weight: 600;
}

/* VARIABLES */

@color: black;
@color2: black;
@small: 0.8em;

/* STYLES COMMUNS */

body {
font-family: "Gothic-balsa";
font-size: 12.5pt;
line-height: 0.75em;
//text-transform: uppercase;
color: @color;

}

.body {
width:100%;
height: 100%;
//padding-bottom: 20mm;
margin-bottom: 15mm;
padding-top: 0mm;
padding-bottom: 15mm;
font-size: 13pt;

}

.paper:nth-child(odd) .body{
  //padding-right: 15mm;
}
.paper:nth-child(even) .body {
  //padding-left: 15mm;
}
.column50{
  width: 50%;
  position: relative;
  float: left;
  padding: 0pt !important;
  margin: 0pt !important;
}

.column25{
  width: 25%;
  position: relative;
  float: left;
  padding: 0pt 1.5em 0pt 0pt !important;
  margin: 0pt !important;
}
.column33{
  width: 33%;
  position: relative;
  float: left;
  padding: 0pt 1em 0pt 0pt !important;
  margin: 0pt !important;
}




.small {
    font-size:@small;
    }

.header {
font-size: 1em;
      //  font-weight: 600;
padding-top: 16px;
//position: absolute;
}

.footer {
    font-size: 13pt;
    //font-weight: 600;
    }

.paper {
    position: relative;
}

.paper:nth-child(even) section.footer:before {
content: "Cultiver l’art - Naturellement";
}
.paper:nth-child(odd) section.footer:before {
content: " C →  | ";
}





h1{
font-size: 2em;
line-height: 1.25em;
padding:0px;
//-webkit-region-break-before: always;
text-align: center;
margin-bottom: 1em;
}

p + p {
    margin-top: 1em;
    text-indent: 3em;
}

b {

text-decoration: underline;
    }

em {
    font-style: italic;
}

sup {
    font-size: 0.7em;
    vertical-align: 0.5em;
    line-height: 0;
}

#bibles {
 font-size: 7pt;


          h2{
            font-size: 7pt;
            font-weight: normal;
            margin: 0em 0pt 1em 0pt;
           padding: 0pt;
          // line-height: 1.25em;
          page-break-before: avoid;
          }
          div + h2 {
            margin-top: 7em;
          }

          h2 + h3 {
            margin-top: 1.5em !important
          }
           h3{
             font-size: 7pt;
             font-weight: normal;
             margin: 2em 0pt 1em 2em;
          // text-transform: uppercase;
           text-align: left;
           //text-decoration: underline;

           }

          dl{
            margin: 0pt 0pt 1em 0pt !important;
           padding: 0pt !important;
          }
          dt{
            margin: 0 !important;
           padding: 0pt !important;
          }
          dd{
            margin: 0 !important;
           padding: 0pt 0pt 0pt 2em !important;
           width: 40%;
          }
          .production, .date{
            margin: 0pt 0pt 1em 0pt !important;
            text-indent: 2em;
          }
          dl + div {
            margin-top: 1em !important;
          }
}








#edito {
-webkit-region-break-after: always;
break-after: always;
text-align: justify;
}






div.region-break {
    -webkit-region-break-before: always;
    break-before: always;
}
/*       I N F O S     P R A T I Q U E S     */

#infos-pratiques {
-webkit-region-break-before: always;
font-family: Gothic;
font-size: 0.7em;
line-height: 1.3em;
font-weight: 600;

}


#pass {
-webkit-region-break-before: always;
height: 7cm;
padding:2mm;
position: relative;

      h2 {
      margin-bottom: 0.5em;
      }

      #sticker {
      position: absolute;
      bottom: -10px;
      right: 0px;
      width: 3cm;
      }
}





#logos {
    -webkit-region-break-before: always;
}