Browse Source

backup of the css

master
manetta 2 years ago
parent
commit
fb0b2b2fb8
  1. 133
      command-line/css/print.css

133
command-line/css/print.css

@ -62,11 +62,19 @@ div.page-break{
page-break-after: always;
}
div.column-break{
break-after: column !important;
/* does not work from this stylesheet, rule gets removed by paged.js??? */
/* only worked once inserted directly into the HTML */
break-after: column;
}
div.column-break + p{
orphans: 8;
}
div.no-hyphens{
hyphens: none !important;
}
div.no-indent p{
text-indent: unset !important;
}
/* general */
@ -138,34 +146,34 @@ html, body{
@page:nth(29){
background-color: lightgray;
}
@page:nth(104){
@page:nth(100){
background-color: lightgray;
}
@page:nth(105){
@page:nth(101){
background-color: lightgray;
}
@page:nth(164){
@page:nth(160){
background-color: lightgray;
}
@page:nth(165){
@page:nth(161){
background-color: lightgray;
}
@page:nth(210){
@page:nth(206){
background-color: lightgray;
}
@page:nth(211){
@page:nth(207){
background-color: lightgray;
}
@page:nth(262){
@page:nth(260){
background-color: lightgray;
}
@page:nth(263){
@page:nth(261){
background-color: lightgray;
}
@page:nth(318){
@page:nth(316){
background-color: lightgray;
}
@page:nth(319){
@page:nth(317){
background-color: lightgray;
}
@page contribution:first{
@ -203,6 +211,24 @@ html, body{
content: none;
}
}
@page nomarkssmallmargins:right{
@top-center{
content: none;
}
@bottom-center{
content: none;
}
}
@page nomarkssmallmargins:left{
@top-center{
content: none;
}
@bottom-center{
content: none;
}
}
@page:blank{
@top-center{
@ -256,9 +282,13 @@ div.contribution{
}
div.section.nomarks,
div.section.toc,
div.contribution.beirut-82 div.thumb{
div.contribution.beirut-82 div.thumb,
div.enlarged-image{
page: nomarks;
}
div.special_image_treatment.userinfo{
page: nomarkssmallmargins;
}
div.cover.second,
div.multi,
div.series{
@ -314,16 +344,18 @@ div.backcover{
div.backcover p{
margin-bottom: 1em;
}
div.series{
font-size: var(--small-font-size);
line-height: var(--small-line-height);
hyphens: none;
}
div.series.about{
width: 50%;
}
div.series.colophon{
columns: 2 auto;
column-gap: 5mm;
column-gap: 8mm;
column-fill: auto;
height: 207mm;
}
@ -404,6 +436,8 @@ div.item_index{
}
div.item_index li{
margin-bottom: 0 !important;
text-indent: -7mm;
margin-left: 7mm;
}
div.item_index li a::after{
content: ", " target-counter(attr(href), page);
@ -415,27 +449,33 @@ div.item_index{
text-align: right;
}
/* Invasive imagination and its agential cuts - figures */
div.two-columns{
columns: 2 auto;
column-fill: auto;
column-gap: 14mm;
margin-bottom: 1em;
}
columns: 2 auto;
column-fill: auto;
column-gap: 14mm;
/*margin-bottom: 1em;*/
}
div.two-columns img,
div.two-columns div.thumb{
display: block;
float: left;
}
div.two-columns img,
div.two-columns div.thumb img{
width: 50mm !important;
display: inline-block;
width: 55mm !important;
}
/* general elements*/
h1{
/* section titles */
font-size: 37pt;
font-size: 34pt;
line-height: 1.15;
margin: 0;
word-break: normal;
hyphens: none;
hyphens: manual !important;
}
/* h1's are followed by a <span class="running-header-section"></span> */
.running-header-section{
@ -468,11 +508,6 @@ h2{
div.contribution h2 + p > b{
font-weight: normal !important;
}
/* introduction running-header exception */
.running-header-contribution{
string-set: contributiontitle content(text) !important;
display: none;
}
h3{
/* Sub-headers + Notes/References sections + TOC headers*/
font-size: 100%;
@ -481,10 +516,6 @@ h3{
letter-spacing: 0.05em;
hyphens: none;
}
/*This is for the Notes sections only, but how to apply it? */
/*h3{
margin: 1em 0 0 10px;
}*/
h4{
/* Sub-sub-headers */
font-size: 100%;
@ -508,7 +539,6 @@ p{
/* all exceptions on the text-indent */
div.list-without-markers p,
div.no-text-indent p,
div.bugged-report p,
div.toc p,
h2 + p, /* author name */
h2 + p,
@ -578,6 +608,7 @@ ul > li {
column-gap: 7mm;
margin: 0 1em;
padding: 0;
orphans: 8;
}
ul.references > li{
text-indent: -1em;
@ -612,7 +643,7 @@ img{
}
div.portrait div.thumb img{
width: auto !important;
min-width: 75mm;
min-width: 60mm;
}
div.fullpage{
page: fullpage !important;
@ -647,8 +678,9 @@ img{
div.special_image_treatment.userinfo img{
width: auto !important;
max-width: auto !important;
height: 180mm !important;
max-height: 180mm !important;
height: 200mm !important;
max-height: 200mm !important;
margin: 0;
}
/* Exception for Invasive Imagination images */
div.invasive-imagination div.thumb{
@ -659,6 +691,7 @@ img{
width: 100% !important;
}
/* Exception for Maria Dada's text on Beirut 82 */
div.enlarged-image img,
div.contribution.beirut-82 div.thumb img{
width: auto !important;
max-width: auto !important;
@ -667,6 +700,15 @@ img{
margin-top: -10mm;
margin-left: -22mm !important;
}
img[alt="Strategy and Tactics.jpg"]{
margin-left: -18mm !important;
}
div.enlarged-image img[alt="Spiralling outburst"],
div.enlarged-image img[alt="Spiralling outburst"]{
max-width: 140mm !important;
height: auto !important;
max-height: unset !important;
}
pre{
/* <br>'s are sometimes manually added in the text */
@ -709,7 +751,26 @@ table{
td {
vertical-align: top;
padding: 0.5em !important;
}
}
tr:first-of-type td {
border: 0 !important;
border-left: 1px solid black !important;
}
td:first-of-type{
font-weight: bold;
border: 0 !important;
border-bottom: 1px solid black !important;
}
tr:last-of-type td{
border-bottom: 0 !important;
}
tr:first-of-type td:first-of-type{
border-left: 0 !important;
border-bottom: 0 !important;
}
tr:first-of-type td:last-of-type{
border-right: 1px solid black !important;
}
sup{
line-height: 0;
font-size: 7pt;

Loading…
Cancel
Save