UnfoldingCSS:Electric Field: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
mNo edit summary |
||
(148 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
@font-face { | @font-face { | ||
font-family: ' | font-family: 'windy'; | ||
src: url('/wiki/images/7/7b/SpookySquiggles-LLwG.woff') format('woff'); | |||
font-weight: normal; | |||
font-style: normal; | |||
} | |||
@font-face { | |||
font-family: 'garden'; | |||
src: url('/wiki/images/b/b2/Bitwise.woff') format('woff'); | src: url('/wiki/images/b/b2/Bitwise.woff') format('woff'); | ||
font-weight: | font-weight: normal; | ||
font-style: normal; | |||
} | } | ||
Line 12: | Line 19: | ||
src: url('/wiki/images/2/2f/Asul-bold-webfont.woff') format('woff'), | src: url('/wiki/images/2/2f/Asul-bold-webfont.woff') format('woff'), | ||
url('/wiki/images/3/3c/Asul-bold-webfont.woff2') format('woff2'); | url('/wiki/images/3/3c/Asul-bold-webfont.woff2') format('woff2'); | ||
font-weight: | font-weight: bold; | ||
font-style: normal; | font-style: normal; | ||
} | } | ||
Line 18: | Line 25: | ||
@font-face { | @font-face { | ||
font-family: 'asulregular'; | font-family: 'asulregular'; | ||
src: url('/wiki/images/ | src: url('/wiki/images/5/58/Le-patin-helvete.woff') format('woff'); | ||
font-weight: normal; | font-weight: normal; | ||
font-style: normal; | font-style: normal; | ||
Line 35: | Line 41: | ||
} | } | ||
b, strong {font-family: 'asulbold'; font-size: 11pt;} | |||
@page{ | @page{ | ||
size: 148mm 210mm; | size: 148mm 210mm; | ||
margin: 17mm 15mm 19mm 15mm; | margin:17mm 15mm 19mm 15mm; | ||
@bottom-center{ | @bottom-center{ | ||
Line 59: | Line 63: | ||
} | } | ||
@page:first{ | @page:first{ | ||
background-size: | background-image:url(https://titipi.org/wiki/images/5/51/Text-cutout-field-lightning.jpg); | ||
background-size: contain; | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center center; | background-position: center center; | ||
@bottom-center{ | @bottom-center{ | ||
font-family: | font-family: garden; | ||
color: #ff8c0080; | |||
font-size: | content:""; | ||
-webkit-text-stroke: 1px #FF69B480; | |||
font-size:24pt; | |||
padding-bottom:19mm; | |||
position:auto; | |||
} | } | ||
} | } | ||
@page:nth(2){ | @page:nth(2){ | ||
Line 91: | Line 98: | ||
@page:nth(3) { | @page:nth(3) { | ||
background-color:white; | background-color:white; | ||
} | } | ||
Line 116: | Line 110: | ||
div.section, div.section div.contrib:nth-of-type(1){ | div.section, div.section div.contrib:nth-of-type(1){ | ||
break-before: right; | |||
} | } | ||
div.contrib:not(:first-of-type){ | div.contrib:not(:first-of-type){ | ||
Line 124: | Line 119: | ||
page: contrib; | page: contrib; | ||
} | } | ||
span.bookcover { | span.bookcover { | ||
line-height: 1; | |||
string-set: sectiontitle content(text); | string-set: sectiontitle content(text); | ||
font-size: | font-size:120px; | ||
text-align:center; | |||
font-family: 'windy'; | |||
font-family: ' | position:auto; | ||
position: | hyphens:manual; | ||
hyphens: | color: #FF69B480; | ||
color: # | -webkit-text-stroke: 10px #ff8c0080; | ||
} | } | ||
Line 140: | Line 139: | ||
font-size: 140px; | font-size: 140px; | ||
line-height: 0.55; | line-height: 0.55; | ||
margin: | margin: auto; | ||
font-family: 'garden'; | font-family: 'garden'; | ||
display:inline; | display:inline; | ||
Line 147: | Line 146: | ||
color: black; | color: black; | ||
} | } | ||
body{ | body{ | ||
color: black; | color: black; | ||
font-size:10pt; | |||
line-height: 1. | margin: auto; | ||
line-height: 1.5em; | |||
font-family: 'asulregular'; | font-family: 'asulregular'; | ||
max-width: 900px; | |||
padding: 1.5em 1em; | |||
); | |||
} | } | ||
div.pagebreak{ | div.pagebreak{ | ||
Line 160: | Line 165: | ||
} | } | ||
div.nobreak{ | div.nobreak{ | ||
page-break-inside: avoid; | page-break-inside:avoid; | ||
} | } | ||
Line 171: | Line 176: | ||
h2{ | h2{ | ||
margin | margin: 0.5em 0 0.5em 0; | ||
font-weight: 600; | font-weight: 600; | ||
line-height: 1; | line-height: 1; | ||
font-family: ' | font-family: 'garden'; | ||
font-size: | color:#FF00BF; | ||
page-break-before: | -webkit-text-stroke: 1px orange; | ||
font-size:24pt; | |||
page-break-before:never; | |||
} | } | ||
.runningtitle { | .runningtitle { | ||
Line 185: | Line 193: | ||
} | } | ||
h3 {font-family: | h3 {font-family: garden; font-size: 1.5em; line-height: 1;} | ||
h3, h4, h5, h6{ | h3, h4, h5, h6{ | ||
margin: 0 0 | margin: 0.5em 0 0.5em 0; | ||
page-break-after: avoid; | page-break-after: avoid; | ||
font-weight: 600; | font-weight: 600; | ||
} | } | ||
p{ | p { | ||
margin: 0 0 1em 0; | margin: 0 0 1em 0; | ||
} | } | ||
Line 206: | Line 214: | ||
.thumb{ | .thumb{ | ||
/* image caption */ | /* image caption */ | ||
font-size: | font-size: 8pt; | ||
line-height: 1.25; | line-height: 1.25; | ||
margin: 24pt 16pt 16pt 16pt; | margin: 24pt 16pt 16pt 16pt; | ||
Line 238: | Line 246: | ||
a:active, | a:active, | ||
a:hover{ | a:hover{ | ||
color: # | color: #FF00BF; | ||
text-decoration: none; | text-decoration: none; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #FF00BF; | ||
} | } | ||
Latest revision as of 05:47, 3 June 2023
@font-face { font-family: 'windy'; src: url('/wiki/images/7/7b/SpookySquiggles-LLwG.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'garden'; src: url('/wiki/images/b/b2/Bitwise.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'asulbold'; src: url('/wiki/images/2/2f/Asul-bold-webfont.woff') format('woff'), url('/wiki/images/3/3c/Asul-bold-webfont.woff2') format('woff2'); font-weight: bold; font-style: normal; } @font-face { font-family: 'asulregular'; src: url('/wiki/images/5/58/Le-patin-helvete.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'compagnon-italic'; src: url('/wiki/images/5/51/Compagnon-Italic.woff2') format('woff2'), url('/wiki/images/f/fc/Compagnon-Italic.woff') format('woff'); url('/wiki/images/e/e7/Compagnon-Italic.eot') format('eot'); font-weight: normal; font-style: normal; } b, strong {font-family: 'asulbold'; font-size: 11pt;} @page{ size: 148mm 210mm; margin:17mm 15mm 19mm 15mm; @bottom-center{ margin-top: -4mm; font-family: 'asulregular'; font-size: 9pt; content: counter(page); } @footnote { float: bottom; border-top: solid #222 thin; padding-top: 8pt; font-family: 'asulregular'; font-size: 8pt; } } @page:first{ background-image:url(https://titipi.org/wiki/images/5/51/Text-cutout-field-lightning.jpg); background-size: contain; background-repeat: no-repeat; background-position: center center; @bottom-center{ font-family: garden; color: #ff8c0080; content:""; -webkit-text-stroke: 1px #FF69B480; font-size:24pt; padding-bottom:19mm; position:auto; } } @page:nth(2){ background-color: white; @bottom-center{ content:""; } } @page:nth(3) { background-color:white; } @page:blank{ background-color:white; @bottom-center{ content:""; color: white; } } div.section, div.section div.contrib:nth-of-type(1){ break-before: right; } div.contrib:not(:first-of-type){ break-before: always; } div.contrib{ page: contrib; } span.bookcover { line-height: 1; string-set: sectiontitle content(text); font-size:120px; text-align:center; font-family: 'windy'; position:auto; hyphens:manual; color: #FF69B480; -webkit-text-stroke: 10px #ff8c0080; } span.frenchtitle{ string-set: sectiontitle content(text); font-size: 140px; line-height: 0.55; margin: auto; font-family: 'garden'; display:inline; position:relative; hyphens:auto; color: black; } body{ color: black; font-size:10pt; margin: auto; line-height: 1.5em; font-family: 'asulregular'; max-width: 900px; padding: 1.5em 1em; ); } div.pagebreak{ page-break-after: always; } div.nobreak{ page-break-inside:avoid; } /* GENERAL ELEMENTS */ blockquote { font-family: 'compagnon-italic'; } h2{ margin: 0.5em 0 0.5em 0; font-weight: 600; line-height: 1; font-family: 'garden'; color:#FF00BF; -webkit-text-stroke: 1px orange; font-size:24pt; page-break-before:never; } .runningtitle { display:none; } h2:not( .runningtitle ~ h2 ){ string-set: contributiontitle content(text); } h3 {font-family: garden; font-size: 1.5em; line-height: 1;} h3, h4, h5, h6{ margin: 0.5em 0 0.5em 0; page-break-after: avoid; font-weight: 600; } p { margin: 0 0 1em 0; } /* .contrib p{ orphans:2; widows:2; } */ .thumb{ /* image caption */ font-size: 8pt; line-height: 1.25; margin: 24pt 16pt 16pt 16pt; page-break-inside: avoid; font-family: asulregular; } img{ position: relative; display: block; max-width: 100%; height: auto; margin: 0 0 8pt 0; } .thumbinner{ max-width:100%; } pre{ font-size: 8pt; line-height: 1.8; white-space: pre; margin: 16pt 16pt; } table{ width: 100%; } sup{ line-height: 0; } a, a:visited, a:active, a:hover{ color: #FF00BF; text-decoration: none; border-bottom: 1px solid #FF00BF; } /* specific details */ a.external{ } a.text{ word-break: none !important; } b,strong { font-weight:500; } small, .small {font-size: 8pt;} span.reference-text { float: footnote; } .reference-text::footnote-call { font-family:'asulregular'; } .reference-text::footnote-marker { font-family:'asulregular'; } .contents ul{ margin-top:0.5em; } .contents h3{ margin-bottom: 0.5em; } /* WIKISTYLING */ .tocnumber { display: none; }