Commits (26)
// why is there a content class?
.content {
margin: 0;
}
// var checker
$tester: pink;
// variables declarations
@import "parts/vars";
// mixins
@import "helpers/mixins";
// baseline grid
@import "helpers/layout";
// simple reset scss
@import "parts/reset";
// fontface declarations
@import "parts/fontface";
// variables declarations
@import "parts/vars";
//Everything typographic related comes here
@import "parts/bodyStyle";
@import "parts/headerStyle";
// based on UCP styles
@import "parts/display";
// start chapter
@import "parts/startChapter";
// numbering everything that would be to be numbered in this file.
@import "parts/numbering";
......@@ -34,7 +48,7 @@ $tester: pink;
@import "parts/pictures";
//design list
@import "parts/list2";
@import "parts/list";
//design tables
@import "parts/table";
......@@ -55,22 +69,3 @@ $tester: pink;
@import "parts/page-toc";
// @import "parts/page-part";
.numbering p {
font-size: $fontSize;
line-height: $lineHeight;
// border-bottom: 1px solid grey;
box-sizing: content-box;
padding: 0;
margin: 0;
text-indent: 0;
text-align: right;
background: grey;
display: block;
height:17px;
overflow: hidden;
}
.numbering p:nth-of-type(2n) {
background: lightgrey;
}
\ No newline at end of file
// this helpers show the number of lines
.numbering p {
font-size: $fontSize;
line-height: $lineHeight;
box-sizing: content-box;
padding: 0;
margin: 0;
text-indent: 0;
text-align: right;
background: grey;
display: block;
height:17px;
overflow: hidden;
}
.numbering p:nth-of-type(2n) {
background: lightgrey;
}
// 1 px = 0.75 point; 1 point = 1.333333 px
@mixin ruler($size, $mt) {
content: '';
height: $size;
......
......@@ -158,7 +158,7 @@ h3 {
padding-top: 10px;
// background:red;
& + p {
margin-top: 7px;
margin-top: 7px;
}
&:after {
......@@ -172,33 +172,7 @@ ol, ul, hr {
}
}
.chapter {
hgroup {
.cepsn:last-child {
margin-bottom: 0;
}
.cep:last-child {
margin-bottom: 88px;
}
.cst:last-child {
margin-bottom: 135px;
}
.cau:last-child {
margin-bottom: 105px;
}
.ct:last-child {
margin-bottom: 166px;
}
}
}
hgroup + h2 {
// margin-top: -22px;
}
ol, ul {
......@@ -209,4 +183,4 @@ ol, ul {
li:last-child {
margin-bottom: 9px;
}
}
\ No newline at end of file
}
......@@ -2,115 +2,17 @@ html {
counter-reset: chapter;
}
/* half title*/
.ht {
margin-top: 8px;
margin-bottom: 0;
font-weight: 400;
line-height: 36px;
font-size: 24px;
}
.chapter {
hgroup {
&:after {
// @include ruler(75px, -200px);
}
margin: 0 auto;
h1, .ct {
margin-top: 40px;
padding-left: 55px;
padding-right: 55px;
font-size: 24px;
line-height: 34px;
text-transform: none;
font-weight: 400;
text-align: center;
text-transform: capitalize;
margin-bottom: 0;
&:before {
@extend .old-style-figures;
content: counter(chapter);
counter-increment: chapter;
text-align: center;
font-size: 16px;
border-bottom: 0.5px solid black;
margin: 0 auto;
margin-bottom: 17px;
display: block;
// padding: 0 1em 0.5em;
letter-spacing: 1px;
clear: both;
width: 32px;
height: 31px;
}
}
.cst {
padding-left: 55px;
padding-right: 55px;
font-size: 17px;
line-height: 21px;
font-style: italic;
text-align: center;
margin-top: 10px;
&:before {}
}
.cau {
padding-left: 35px;
padding-right: 35px;
font-size: 13px;
margin-top: 13px;
text-indent: 0;
text-align: center;
}
.cep {
font-size: 12px;
line-height: 14px;
font-style: italic;
width: 350px;
margin: 0 auto;
text-align: justify;
text-indent: 0;
margin-top: 25px;
&:before {
// @include ruler(30.5pt, -20px);
}
em {
font-style: normal;
}
}
.cepsn {
@extend .small-caps;
font-size: 11px;
line-height: 16px;
font-style: normal;
width: 350px;
letter-spacing: 1px;
margin: 0 auto;
margin-top: 3px;
text-align: justify;
text-indent: 0;
// margin-top: 21px;
&:before {
// @include ruler(13pt, 0);
}
}
}
}
/* Parts */
.pt {
break-before: page;
font-size: 16px;
......@@ -119,4 +21,6 @@ html {
font-variant: all-small-caps;
font-feature-settings: "smcp", "c2sc";
letter-spacing: 1px;
}
\ No newline at end of file
text-align: center;
font-weight: 400;
}
......@@ -9,10 +9,12 @@
font-feature-settings: "smcp", "c2sc";
letter-spacing: 0.5pt;
margin-bottom: 0;
text-align: center;
font-weight: 400;
&:after {
// @include ruler(24pt, -3.5pt);
}
}
......@@ -37,13 +39,13 @@
&:before {
// @include ruler(31.5pt, -23pt);
}
// &:after {
// @include ruler(18.5pt, -4pt);
// }
}
.fmhn {
......@@ -63,7 +65,7 @@
&:after {
// @include ruler(17px, 0);
}
}
......@@ -90,7 +92,7 @@
margin-left: 1em;
// background: white;
}
}
}
......@@ -142,7 +144,7 @@
}
}
}
}
......@@ -155,4 +157,4 @@
// font-weight: 300;
// content: target-counter(attr(href, url), page);
}
}
\ No newline at end of file
}
// @font face import the font using only otf for now
@font-face {
font-family: 'MinionPro';
src: url('fonts/MinionPro-Regular.otf');
font-family: "Minion Pro";
src: url(fonts/MinionPro-Regular.otf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MinionPro';
src: url('fonts/MinionPro-It.otf');
font-family: "Minion Pro";
src: url(fonts/MinionPro-It.otf);
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'MinionPro';
src: url('fonts/MinionPro-Bold.otf');
font-family: "Minion Pro";
src: url(fonts/MinionPro-Bold.otf);
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'MinionPro';
src: url('fonts/MinionPro-BoldIt.otf');
font-family: "Minion Pro";
src: url(fonts/MinionPro-BoldIt.otf);
font-weight: bold;
font-style: italic;
}
\ No newline at end of file
}
/* The ways all the titles appears */
// title level 1
section {
h1 {
font-size: 24px;
line-height: 36px;
// // margin-top: 36pt;
// text-transform: none;
font-weight: 400;
// // margin-top: 31.5pt;
// // margin-bottom: 18.5pt;
text-align: center;
// text-transform: capitalize;
}
/* h1 are very different from one section to another,
they are declared separately in the dedicated sections,
without common style */
.subtitle {
margin-top: 0.8pc;
text-align: center;
font-style: italic;
font-weight: 400;
font-size: 13pt;
break-before: avoid;
display: block;
margin-top: 0;
+ p {
margin-top: 141pt;
}
}
// as known as h1 in the word doc
h2 {
// when font stuff will be used: font-variant-caps: all-small-caps;
......@@ -61,7 +35,7 @@ section {
line-height: 17px;
font-style: italic;
margin: 0 auto;
max-width: 361px;
text-align: center;
font-weight: 400;
......@@ -97,42 +71,8 @@ section {
}
}
// blockquote introduction chapters
hgroup {
blockquote.intro {
max-width: 80mm;
display: block;
margin-top: 1pc;
margin-left: 0;
&:first-of-type {
margin-top: 2pc;
}
p {
font-style: normal;
font-size: 12px;
line-height: 13pt;
text-indent: 0;
text-align: left;
}
p.author {
font-size: 8pt;
line-height: 13pt;
}
}
}
hgroup {
margin-bottom: 0;
+ p {
// margin-top: 7.5pc;
text-indent: 0;
}
}
}
}
......@@ -3,102 +3,63 @@
ul,
ol {
margin: 0;
// margin-bottom: 17px;
padding: 0;
text-indent: 0;
ul,
ol {
margin-left: 2.1em;
margin-left: 2.1em;
}
p {
text-indent: 0;
text-align: left;
hyphens: none
}
}
// numbering here
ol {
counter-reset: list-num;
ol, ul {
list-style-position: outside;
font-variant-numeric: oldstyle-nums;
font-feature-settings: "onum";
li {
list-style-type: none;
counter-increment: list-num;
margin-left: 2em;
&:before {
content: counter(list-num)". ";
display: inline-block;
float: left;
padding-left: 0.25em;
margin-right: 0.4em;
margin-left: -1.7em;
text-align: left;
width: 1em;
padding-top: 1px;
font-style: normal;
}
// change the style when there more than 10 li.
&:nth-child(n + 10) {
list-style-type: none;
counter-increment: list-num;
&:before {
padding-left: 0;
margin-right: 0.6em;
width: 1em;
}
lh.lpti {
margin-left: 1.5em;
letter-spacing: 1px;
// margin-top: 10px;
// margin-bottom: 3px;
margin-top: 16px;
margin-bottom: 2px;
@extend .small-caps;
display: block;
& + li {
margin-top: 0;
}
}
li {
margin-left: 1.5em;
// margin-left: 1em;
}
& > li:first-of-type {
margin-top: 17px;
// background: red;
}
li:nth-of-type(n + 9) {
margin-left: 1.5em;
}
}
// unordered list
ul {
margin-left: 1.5em;
li {
list-style-type: none;
&:before {
content: "•";
display: block;
float: left;
// width: auto;
// margin-left: 1em;
padding-left: 0.5em;
margin-right: 0.9em;
text-align: left;
}
list-style-type: bullet;
list-style-position: outside;
}
}
// FLEX RESEARCH. COME BACK LATER
// flex column doesnt work since height of the list is not defined, and cant be without knowing the content.
// .undecorated {
// display: flex;
// flex-direction: column;
// li {
// padding-left: 0;
// text-indent: 0;
// flex-direction: row;
// width: 100%;
// justify-content: space-around;
// vertical-align: baseline;
// justify-content: distribute-space;
// align-content: baseline;
// &:before {
// content: ' ';
// width: 0;
// padding: 0;
// margin: 0;
// }
// abbr {
// display: block;
// float: left;
// width: 20ch;
// padding-left: 12px;
// text-indent: -12px;
// //         display: flex;
// }
// }
// }
/* list */
ul,
ol {
margin: 0;
// margin-bottom: 17px;
padding: 0;
text-indent: 0;
ul,
ol {
margin-left: 2.1em;
}
p {
text-indent: 0;
text-align: left;
hyphens: none
}
}
// numbering here
ol, ul {
list-style-position: outside;
font-variant-numeric: oldstyle-nums;
font-feature-settings: "onum";
lh.lpti {
margin-left: 1.5em;
letter-spacing: 1px;
// margin-top: 10px;
// margin-bottom: 3px;
margin-top: 16px;
margin-bottom: 2px;
@extend .small-caps;
display: block;
& + li {
margin-top: 0;
}
}
li {
margin-left: 1.5em;
// margin-left: 1em;
}
& > li:first-of-type {
margin-top: 17px;
// background: red;
}
li:nth-of-type(n + 9) {
margin-left: 1.5em;
}
}
// unordered list
ul {
margin-left: 1.5em;
li {
list-style-type: bullet;
list-style-position: outside;
}
}
$note-margins: 6pt;
section[data-type="seriePage"] {
font-size: 11px;
line-height: 14px;
line-height: 17px;
.st {
text-align: center;
margin-top: 0;
......
.subvention p {
/* style for the Lumino subvention paragraph */
[data-type="subvention"] p {
font-size: 12px;
line-height: 11pt;
font-family: inherit;
text-align: left;
line-height: 17px;
text-align: center;
text-align-last: center;
}
......@@ -35,17 +35,14 @@
&:after {
// insert torn here
position: absolute;
left: 10.5pc;
// left: 10.5pc;
content: ' ';
display: block;
display: flex;
width: 2pc;
margin: 0 auto;
margin-top: 4pc;
text-align: center;
margin-top: 2.17pc;
height: 1pt;
border-bottom: 0.3pt solid black;
margin-top: 60px;
height: 1px;
border-bottom: 1px solid black; // was 0.3pt
}
}
......
/* Reminder grid:
$fontSize: 13px;
$lineHeight: 17px;
*/
$ct-fontSize : 24px;
$ct-lineHeight: $lineHeight*2;
$cst-fontSize : 17px;
$cst-lineHeight : 21px;
$cau-fontSize : $fontSize;
$cau-lineHeight : $lineHeight;
.ct {
margin-top: 42px;
padding-left: 55px;
padding-right: 55px;
font-size: $ct-fontSize;
line-height: $ct-lineHeight;
text-transform: none;
font-weight: 400;
text-align: center;
text-transform: capitalize;
margin-bottom: 0;
&:before {
@extend .old-style-figures;
content: counter(chapter);
counter-increment: chapter;
text-align: center;
font-size: 16px;
border-bottom: 0.5px solid black;
margin: 0 auto 17px;
display: block;
// padding: 0 1em 0.5em;
letter-spacing: 1px;
clear: both;
width: 32px;
height: 31px;
}
}
.cst {
padding-left: 55px;
padding-right: 55px;
font-size: $cst-fontSize;
line-height: $cst-lineHeight;
font-style: italic;
text-align: center;
&:before {}
}
.cau {
padding-left: 35px;
padding-right: 35px;
line-height : $cau-lineHeight;
font-size: $cau-fontSize;
margin-top: 13px;
text-indent: 0;
text-align: center;
}
.cep {
font-size: 12px;
line-height: 17px;
font-style: italic;
width: 350px;
margin: 0 auto;
text-align: justify;
text-indent: 0;
//margin-top: 25px;
&:before {
// @include ruler(30.5pt, -20px);
}
em {
font-style: normal;
}
}
.cepsn {
@extend .small-caps;
font-size: 11px;
line-height: 16px;
font-style: normal;
width: 350px;
letter-spacing: 1px;
margin: 0 auto;
text-align: justify;
text-indent: 0;
padding-top: 3px; /* align on baseline */
padding-bottom: 15px; /* align on baseline */
&:before {
//@include ruler(13pt, 0);
}
}
.ct + p,
.cst + p,
.cau + p,
.cep + p,
.cepo + p,
.cepsn + p,
hgroup + p {
text-indent: 0;
}
/* TO ADD IN HTML BY HAND:
- in all cases, if chapitre subtitle (cst) have 2, 3 or 4 lines:
-- add class "cst cst-2" for cst 2 lines
-- add class "cst cst-3" for cst 3 lines
-- add class "cst cst-4" for cst 4 lines
- only if there are chapter title (ct) and chapitre subtitle (cst) and no cau, cep or other:
-- add class "ct ct-2" for ct 2 lines
-- add class "ct ct-3" for ct 3 lines
*/
/* Select chap title alone */
$space-ct-co : 11px; // +11px ($ct-fontSize - $fontSize ?) begin first paragraphe on baseline
$ct-marginBottom : $lineHeight*9 + $space-ct-co;
.ct:not(.ct-2):not(.ct-3){
margin-bottom: $ct-marginBottom;
}
/* if there ct 2 lines*/
$ct2-marginBottom : $lineHeight*7 + $space-ct-co;
.ct-2{
margin-bottom: $ct2-marginBottom;
}
/* if there ct 3 lines*/
$ct3-marginBottom : $lineHeight*5 + $space-ct-co;
.ct-3{
margin-bottom: $ct3-marginBottom;
}
/* Space between chapter title (ct) and chapter subtitle (cst) ----------------------------- */
$space-ct-cst : 8px;
$cst-marginTop : -$ct-marginBottom + $space-ct-cst;
// "-$ct-marginBottom" canceled margin bottom after ct alone
// and + 8px ($lineHeight-cst - $fontSize ?) beginnig cst on the second baseline after ct
.ct:not(.ct-2):not(.ct-3) + .cst{
margin-top: $cst-marginTop;
}
$ct2-cst-marginTop : -$ct2-marginBottom + $space-ct-cst;
.ct-2 + .cst{
margin-top: $ct2-cst-marginTop;
}
$ct3-cst-marginTop : -$ct3-marginBottom + $space-ct-cst;
.ct-3 + .cst{
margin-top: $ct3-cst-marginTop;
}
/* Space between chapter subtitle (cst) and first chapter opening -------------------- */
/* Chapter Subtitle (1 line) */
$cst1-marginBottom : $lineHeight*8;
.ct:not(.ct-2):not(.ct-3) + .cst:not(.cst-2):not(.cst-3):not(.cst-4){
margin-bottom: $cst1-marginBottom;
}
.ct-2 + .cst:not(.cst-2):not(.cst-3):not(.cst-4){
margin-bottom : $lineHeight*6;
}
.ct-3 + .cst:not(.cst-2):not(.cst-3):not(.cst-4){
margin-bottom : $lineHeight*4;
}
/* Chapter Subtitle 2 lines */
$cst2-marginBottom: $cst1-marginBottom - $cst-lineHeight;
.ct:not(.ct-2):not(.ct-3) + .cst-2{
margin-bottom: $cst2-marginBottom;
}
.ct-2 + .cst-2,
.ct-3 + .cst-2{
margin-bottom : $cst2-marginBottom - 2*$lineHeight;
}
/* Chapter Subtitle 3 lines */
$cst3-marginBottom: $cst1-marginBottom - $cst-lineHeight*2;
.ct:not(.ct-2) + .cst-3{
margin-bottom: $cst3-marginBottom;
}
.ct-2 + .cst-3{
margin-bottom : $cst3-marginBottom - $lineHeight;
}
/* Chapter Subtitle 4 lines */
$cst4-marginBottom: $cst1-marginBottom - $cst-lineHeight*3;
.ct:not(.ct-2):not(.ct-3) + .cst-4,
.ct-2 + .cst-4,
.ct-3 + .cst-4{
margin-bottom: $cst4-marginBottom;
}
/* Author (cau) -------------------------------------------------------------------------- */
/* Select cau below ct */
$space-ct-cau : 11px;
.ct + .cau{
margin-top: -$ct-marginBottom + $space-ct-cau; /* cau begins on the second baseline after ct */
margin-bottom: $lineHeight*8; /* Body of book begins first line on 18th normal text line */
}
/* Select cau below cst 1 line */
$space-cst-cau : 16px; /* cau begins on the second baseline after cst 1 line */
$cst1-cau-marginTop : -$cst1-marginBottom + $space-cst-cau ;
$cst1-cau-marginBottom : $lineHeight*6; /* Body of book begins first line on 18th normal text line */
.cst:not(.cst-2):not(.cst-3):not(.cst-4) + .cau{
margin-top : $cst1-cau-marginTop ;
margin-bottom: $cst1-cau-marginBottom;
}
/* Select cau below cst 2 lines */
$cst2-cau-marginTop : -$cst2-marginBottom + $space-cst-cau ;
$cst2-cau-marginBottom : $lineHeight*6 - $cst-lineHeight ; /* Body of book begins first line on 18th normal text line */
.cst-2 + .cau{
margin-top : $cst2-cau-marginTop ;
margin-bottom: $cst2-cau-marginBottom;
}
/* Select cau below cst 3 lines */
$cst3-cau-marginTop : -$cst3-marginBottom + $space-cst-cau ;
$cst3-cau-marginBottom : $lineHeight*6 - $cst-lineHeight*2 ; /* Body of book begins at least 4p6 (approximately $lineHeight*4 here) + "$lineHeight*2 - $cst-lineHeight*2" begin open chapter on baseline */
.cst-3 + .cau{
margin-top : $cst3-cau-marginTop ;
margin-bottom: $cst3-cau-marginBottom;
}
/* Select cau below cst 4 lines */
$cst4-cau-marginTop : -$cst4-marginBottom + $space-cst-cau ;
$cst4-cau-marginBottom : $lineHeight*8 - $cst-lineHeight*3 ; /* Body of book begins at least 4p6 (approximately $lineHeight*4 here) + "$lineHeight*4 - $cst-lineHeight*3" begin open chapter on baseline */
.cst-4 + .cau{
margin-top : $cst4-cau-marginTop ;
margin-bottom: $cst4-cau-marginBottom;
}
/* CEP(O) -------------------------------------------------------------------------- */
/* Spec : 30.5 pts above ( approximately 2*$lineHeight here) and 22.5 pts between epigraphs. */
$cep-marginTop : 2*$lineHeight; /* space before the beginning of cep(o) and after the previous element */
$cep-marginBottom : $lineHeight*3; /* Body of book begins at least 4p6 (approximately $lineHeight*4 here) : there one $lineHeight less because padding after cepsn is vig (15px) */
/* CEP(O) below .ct -------------------------------------------------------------------------- */
/* Select cepsn of cep(o) below ct + if there are 2 cep(o) */
.ct ~ .cep + .cepsn,
.ct ~ .cepo + .cepsn,
.ct ~ .cep ~ .cepsn ~ .cep + .cepsn,
.ct ~ .cepo ~ .cepsn ~ .cep + .cepsn,
.ct ~ .cep ~ .cepsn ~ .cepo + .cepsn,
.ct ~ .cepo ~ .cepsn ~ .cepo + .cepsn{
margin-bottom: $cep-marginBottom;
}
/* space between 2 cep(o) */
.ct ~ .cep ~ .cepsn ~ .cep,
.ct ~ .cepo ~ .cepsn ~ .cep ,
.ct ~ .cep ~ .cepsn ~ .cepo,
.ct ~ .cepo ~ .cepsn ~ .cepo {
margin-top: -$lineHeight*3;
}
/* Select cep(o) below ct (space between ct and cep(o))*/
.ct + .cep,
.ct + .cepo{
margin-top: -$ct-marginBottom + 28px; // exception
}
/* CEP(O) below .ct + .cau -------------------------------------------------------------------------- */
.cau ~ .cep + .cepsn{
margin-bottom: $cep-marginBottom;
}
/* space between 2 cep(o) */
.cau ~ .cep ~ .cepsn ~ .cep,
.cau ~ .cepo ~ .cepsn ~ .cep ,
.cau ~ .cep ~ .cepsn ~ .cepo,
.cau ~ .cepo ~ .cepsn ~ .cepo {
margin-top: -$lineHeight*3;
}
.cau + .cep{
margin-top: -$cst1-marginBottom + $cep-marginTop; /* like cst 1 line*/
}
/* CEP(O) below .ct + .cst (+ .cau) -------------------------------------------------------------------------- */
/* Select cepsn of cep(o) below cst 1 line */
.cst:not(.cst-2):not(.cst-3):not(.cst-4) ~ .cep + .cepsn,
.cst:not(.cst-2):not(.cst-3):not(.cst-4) ~ .cepo + .cepsn{
margin-bottom: $cep-marginBottom;
}
/* space between 2 cep(o) when cst 1 line */
.cst:not(.cst-2):not(.cst-3):not(.cst-4) ~ .cep ~ .cepsn ~ .cep,
.cst:not(.cst-2):not(.cst-3):not(.cst-4) ~ .cepo ~ .cepsn ~ .cep ,
.cst:not(.cst-2):not(.cst-3):not(.cst-4) ~ .cep ~ .cepsn ~ .cepo,
.cst:not(.cst-2):not(.cst-3):not(.cst-4) ~ .cepo ~ .cepsn ~ .cepo {
margin-top: -$lineHeight*3;
}
/* Select cep below cst 1 line */
.cst:not(.cst-2):not(.cst-3):not(.cst-4) + .cep,
.cst:not(.cst-2):not(.cst-3):not(.cst-4) + .cepo{
margin-top: -$cst1-marginBottom + $cep-marginTop - 1px;
}
/* Select cepsn of cep(o) below cst 2 lines (space between end cep(o) and begin chapter opening)*/
.cst-2 ~ .cep + .cepsn,
.cst-2 ~ .cepo + .cepsn{
margin-bottom : $lineHeight*2 + 13px!important;
}
/* space between 2 cep(o) when cst 2 lines */
.cst-2 ~ .cep ~ .cepsn ~ .cep,
.cst-2 ~ .cepo ~ .cepsn ~ .cep ,
.cst-2 ~ .cep ~ .cepsn ~ .cepo,
.cst-2 ~ .cepo ~ .cepsn ~ .cepo {
margin-top: -$lineHeight*2 - 13px!important;
}
/* Select cep below cst 2 lines (space between cst and cep(o))*/
.cst-2 + .cep,
.cst-2 + .cepo{
margin-top: -$cst2-marginBottom + $cep-marginTop - 1px;
}
/* Select cep below cst 2 lines + cau (space between cau and cep(o))*/
.cst-2 ~ .cau + .cep,
.cst-2 ~ .cau + .cepo{
margin-top: -$cst2-marginBottom + $cep-marginTop + $lineHeight;
}
/* Select cepsn of cep(o) below cst 3 lines */
.cst-3 ~ .cep + .cepsn,
.cst-3 ~ .cepo + .cepsn{
margin-bottom : $lineHeight*3 + 8px!important;
}
/* space between 2 cep(o) when cst 3 lines */
.cst-3 ~ .cep ~ .cepsn ~ .cep,
.cst-3 ~ .cepo ~ .cepsn ~ .cep ,
.cst-3 ~ .cep ~ .cepsn ~ .cepo,
.cst-3 ~ .cepo ~ .cepsn ~ .cepo {
margin-top: -$lineHeight*3 - 8px!important;
}
/* Select cep below cst 3 lines */
.cst-3 + .cep,
.cst-3 + .cepo{
margin-top: -$cst3-marginBottom + $cep-marginTop;
}
/* Select cep below cst 3 lines + cau (space between cau and cep(o))*/
.cst-3 ~ .cau + .cep,
.cst-3 ~ .cau + .cepo{
margin-top: -$cst3-marginBottom + $cep-marginTop + $lineHeight + 1px;
}
/* Select cepsn of cep(o) below cst 4 lines */
.cst-4 ~ .cep + .cepsn,
.cst-4 ~ .cepo + .cepsn{
margin-bottom : $lineHeight*3 + 5px!important;
}
/* space between 2 cep(o) when cst 4 lines */
.cst-4 ~ .cep ~ .cepsn ~ .cep,
.cst-4 ~ .cepo ~ .cepsn ~ .cep ,
.cst-4 ~ .cep ~ .cepsn ~ .cepo,
.cst-4 ~ .cepo ~ .cepsn ~ .cepo {
margin-top: -$lineHeight*3 - 5px!important;
}
/* Select cep below cst 4 lines */
.cst-4 + .cep,
.cst-4 + .cepo{
margin-top: -$cst4-marginBottom + $cep-marginTop - 1px;
}
/* Select cep below cst 4 lines + cau (space between cau and cep(o)) */
.cst-4 ~ .cau + .cep,
.cst-4 ~ .cau + .cepo{
margin-top: -$cst4-marginBottom + $cep-marginTop + $lineHeight;
}
// Gutter Margin: 3/4"
// Text/Display Typeface: Minion Pro (Open Type)
// General Text: 10/12.5 Minion Pro x 27 picas. First paragraph following chapter opening display or subheads or line space begins flush left. All other paragraphs indent 1 pica. OK to set isolated page spreads one line short only.
// Prose Extract: 9/11.5 Minion Pro x 25 picas, center block. Allow 18 pts above and 19.5 pts below. Sources (EXSN) run in at same size.
// Footnotes: 8/10.5 Minion Pro x 27 picas
// Backnotes/Bibliography: 9/11.5 Minion Pro x 27 picas.
// Index: 8/10 Minion Pro x 13 + 1 + 13 picas, rag right. Allow 20 pts between alphabetical sections. Runovers align on 1 pica indent. Note: alternate spec offered for indent-style.
// Small Caps: Included in specs for source notes, in table of contents, and in tables.
// Figures: Use old style figures for all elements except table body elements, superscript note numbers in text, and all-cap headings. Small cap text use old style figures.
// Measurements: All vertical dimensions are specified in base-to-base measurements unless otherwise specified. Letterspacing is specified in InDesign tracking increments.
//Choosing the fonts
//font for the body
$bodyFont: "Minion Pro";
// $bodyFont: "Serif";
......
......@@ -3,20 +3,17 @@
width: 20pc;
.cp, .cip {
margin-top: 21pt;
margin-top: 34px;
&:after {
// @include ruler(31.5pt , -3.5pt)
@include ruler(31.5pt , -3.5pt)
}
p {
font-size: 8pt;
line-height: 10.5pt;
font-size: 12px;
line-height: 17px;
hyphens: inherit;
text-indent: 0;
text-align: left;
margin-top: 1pt;
// margin-top: 1pt;
}
}
......
......@@ -5,11 +5,11 @@
<meta lang="en-US"/>
<title>UCP style tests</title>
<link rel="stylesheet" href="css/book.css" type="text/css"/>
<link rel="stylesheet" href="css/layout-new-min.css" type="text/css"/>
<link rel="stylesheet" href="css/layout.css" type="text/css"/>
</head>
<body>
<div class="booktitle">Title of the book</div>
<div class="numbering">
<div class="numbering">
<p>1</p>
<p>2</p>
<p>3</p>
......@@ -64,64 +64,64 @@
<p class="sphn">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="sed">Edited by Joel Robbins</p>
<ol class="sl">
<li>
<li>
<p><em>Christian Moderns: Freedom and Fetish in the Mission Encounter</em>, by Webb Keane</p>
</li>
<li>
<li>
<p><em>A Problem of Presence: Beyond Scripture in an African Church</em>, by Matthew Engelke</p>
</li>
<li>
<li>
<p><em>Reason to Believe: Cultural Agency in Latin American Evangelicalism</em>, by David Smilde</p>
</li>
<li>
<li>
<p><em>Chanting Down the New Jerusalem: Calypso, Christianity, and Capitalism in the Caribbean</em>, by Francio Guadeloupe</p>
</li>
<li>
<li>
<p><em>In God’s Image: The Metaculture of Fijian Christianity</em>, by Matt Tomlinson</p>
</li>
<li>
<li>
<p><em>Converting Words: Maya in the Age of the Cross</em>, by ul Hanks</p>
</li>
<li>
<li>
<p><em>City of God: Christian Citizenship in Postwar Guatemala</em>, by Kevin O’Neill</p>
</li>
<li>
<li>
<p><em>Death in a Church of Life: Moral Passion during Botswana’s Time of AIDS</em>, by Frederick Klaits</p>
</li>
<li>
<li>
<p><em>Eastern Christians in Anthropological Perspective</em>, edited by Chris Hann and Hermann Goltz</p>
</li>
<li>
<li>
<p><em>Studying Global Pentecostalism: Theories and Methods</em>, by Allan Anderson, Michael ­Bergunder, Andre Droogers, and Cornelis van der Laan</p>
</li>
<li>
<li>
<p><em>Holy Hustlers, Schism, and Prophecy: Apostolic Reformation in Botswana</em>, by Richard ­Werbner</p>
</li>
<li>
<li>
<p><em>Moral Ambition: Mobilization and Social Outreach in Evangelical Megachurches</em>, by Omri Elisha</p>
</li>
<li>
<li>
<p><em>Spirits of Protestantism: Medicine, Healing, and</em> by Klassen</p>
</li>
<li>
<li>
<p><em>The Saint in the Banyan Tree: Christianity and Caste Society in India</em>, by David Mosse</p>
</li>
<li>
<li>
<p><em>God’s Agents: Biblical Publicity in Contemporary England</em>, by Matthew Engelke</p>
</li>
<li>
<li>
<p><em>Critical Christianity: Translation and Denominational Conflict in Papua New Guinea</em>, by Courtney Handman</p>
</li>
<li>
<li>
<p><em>Sensational Movies: Video, Vision, and Christianity in Ghana</em>, by Birgit Meyer</p>
</li>
<li>
<li>
<p><em>Christianity, Islam, and Oris­a Religion: Three</em> by D. Y. Peel</p>
</li>
</ol>
</section>
<section class="titlepage" data-type="titlepage">
<hgroup>
<hgroup>
<h1 class="ti">Christianity, Islam<br/>and <em>Orisa</em> Religion</h1></h1>
<p class="sti">This is the subtitle, right</p>
</hgroup>
......@@ -130,8 +130,8 @@
<p class="aux">George Watson and friends among others.</p>
</section>
<div class="publisher">
<div class="right"></div>
<div id="ucp-logo">
<!-- <div class="right"></div> -->
<div id="ucp-logo">
<svg viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="15.4">
<desc>Universtity of California Press logo</desc>
<path id="logo" stroke="none" stroke-width="1" fill-rule="evenodd" d="M0.617751592,0.631939107 L0.617751592,15.1914235 L9.13874018,15.1914235 L9.13874018,18.106159 L10.8586793,19.8273884 L10.8586793,15.1914235 L19.3822484,15.1914235 L19.3822484,0.631939107 L0.617751592,0.631939107 Z M10.8586793,7.1426763 L17.6584385,7.1426763 L17.6584385,2.35574903 L10.8586793,2.35574903 L10.8586793,7.1426763 Z M2.34156152,13.4689039 L9.14003045,13.4689039 L9.14003045,2.35574903 L2.34156152,2.35574903 L2.34156152,13.4689039 Z M10.8586793,13.4689039 L17.6584385,13.4689039 L17.6584385,8.67939607 L10.8586793,8.67939607 L10.8586793,13.4689039 Z"></path>
......@@ -187,7 +187,7 @@
<cite class="beposn">Henrik Urnsenar Jr</cite>
</blockquote>
</section>
<section class="fm-body list-illustration" data-type="fmBody">
<section class="fm-body list-illustration" data-type="fmBody">
<hgroup class="fhgroup">
<h1 class="fmh">Illustrations </h1>
</hgroup>
......@@ -195,7 +195,7 @@
<p class="fmhn">Following page 298</p>
<p class="fmtxt"></p>
<ol class="crossRef">
<li>
<li>
<p>Un écorché </p>
</li>
<li>
......@@ -569,67 +569,67 @@
<p>A two-week sojourn at the Zentrum Moderner Orient in Berlin in 2010 gave me the opportunity to present an early overview of several chapters. I remember with pleasure and gratitude the generous hospitality of all these institutions.</p>
<ul>
<lh class="lpti">list or poetry title</lh>
<li>
<li>
<p>test</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>st of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yo 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
</ul>
<p>a list without header:
<p>a list without header:
<ol>
<li>
<li>
<p>test</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>st of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yo 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
</ol>
......@@ -668,67 +668,67 @@
<p>A two-week sojourn at the Zentrum Moderner Orient in Berlin in 2010 gave me the opportunity to present an early overview of several chapters. I remember with pleasure and gratitude the generous hospitality of all these institutions.</p>
<ul>
<lh class="lpti">list or poetry title</lh>
<li>
<li>
<p>test</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>st of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yo 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
</ul>
<p>a list without header:
<p>a list without header:
<ol>
<li>
<li>
<p>test</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>st of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yorust of mine for over half a century, I was increasingly aware of just how skimpy was my knowledge of Yo 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
<li>
<li>
<p>test 2</p>
</li>
</ol>
......@@ -754,4 +754,4 @@
</section>
</div>
</body>
</html>
\ No newline at end of file
</html>