/*
 * Basic Improved
 * Inherits from "Basic Formatting"
 * 
 * Revision 3 
 * 2024-02-29
 * 
 * */

#workskin span.htab {
	display: inline-block;
	width: 4ex;
}

#workskin span.vtab {
	display: inline-block;
	height: 4ex;
}

#workskin p.print {
	white-space: pre-line;
}

#workskin div.print p {
	white-space: pre-line;
}

#workskin .indent {
	text-indent: 3em;
}

#workskin .indent-percent {
	text-indent: 12%;
}

#workskin .book {
	margin: 0 auto;
	text-indent: 3em;
}

/* 
 * Modified to prefer libre/free distributable fonts.
 * 
 * Due to AO3 limitations, these fonts must be installed user-side.
 * 
 * Gentium from: https://software.sil.org/gentium/ / Debian package fonts-sil-gentium
 * Libra from: https://fontlibrary.org/en/font/libra-serif-modern
 * Liberation from: https://github.com/liberationfonts/liberation-fonts/releases / Debian package fonts-liberation
 * DejaVu from: https://dejavu-fonts.github.io/
 * Caladea from: https://fontlibrary.org/en/font/caladea
 * */
#workskin .font-serif {
	font-family: 'Gentium Plus', 'Gentium Basic', 'Libra Serif', 'Libra Serif Modern', 'Liberation Serif', 'Nimbus Roman', 'FreeSerif', 'DejaVu Serif', 'Caladea', 'Cambria', 'Tinos', 'Constantia', 'Palatino', 'Times New Roman', 'Georgia'  
	, serif;
}

/* 
 * Modified to prefer libre/free distributable fonts.
 * 
 * Due to AO3 limitations, these fonts must be installed user-side.
 * 
 * Isabella from: https://fontlibrary.org/en/font/isabella-sans
 * Metropolitano from:  https://fontlibrary.org/en/font/metropolitano
 * Gidole from: https://fontlibrary.org/en/font/gidole-regular
 * Caladea from: https://fontlibrary.org/en/font/carlito
 * Lucida Grande is the default font on AO3
 * */
#workskin .font-sansserif {
	font-family: 'Isabella Sans', 'Metropolitano', 'Gidole', 'Open Sans', 'Nimbus Sans', 'Liberation Sans', 'Libra Sans', 'DejaVu Sans', 'Charis', 'Lucida Grande', 'Carlito', 'Calibri', 'Arimo', 'Verdana', 'Helvetica', 'Arial'  
	, sans-serif;
}

/*
 * Modified to prefer libre/free distributable fonts.
 * 
 * Due to AO3 limitations, these fonts must be installed user-side.
 * 
 * Iosevka from: https://typeof.net/Iosevka/ / Debian package fonts-iosevka
 * Monoid from: https://github.com/larsenwork/monoid
 * Inconsolata from: Debian package fonts-inconsolata
 * */
#workskin .font-monospace {
	font-family: 'Iosevka', 'Monoid', 'Liberation Mono', 'Inconsolata', 'Source Code Pro', 'Consolas', 'Courier Prime', 'Courier New', 'Courier'
	, monospace;
}

/*
 * Modified to prefer libre/free distributable fonts.
 * 
 * Due to AO3 limitations, these fonts must be installed user-side.
 * 
 * Allura from: https://www.1001fonts.com/allura-font.html
 * Sofia from: http://www.latinotype.com/
 * Feltpen from: https://fontlibrary.org/en/font/feltpen
 * 
 * */
#workskin .font-cursive {
	font-family: 'Allura', 'Sofia Regular', 'Cursive', 'Feltpen Regular'  
	, cursive;
}

/*
 * Modified to prefer libre/free distributable fonts.
 * 
 * Due to AO3 limitations, these fonts must be installed user-side.
 * 
 * */
#workskin .font-fantasy {
	font-family: fantasy;
}

#workskin .font-system-ui {
	font-family: system-ui;
}

/* Metric compatibility; Prefers libre fonts */
#workskin .metric-arial {
	font-family: 'Liberation Sans', 'Albany', 'Arimo', 'Arial', sans-serif;
}

#workskin .metric-courier {
	font-family: 'Nimbus Mono', 'Liberation Mono', 'Cumberland', 'TeX Gyre Cursor', 'Cousine', 'Courier New', monospace;
}

#workskin .metric-helvetica {
	font-family: 'Nimbus Sans', 'FreeSans', 'Helvetica', sans-serif;
}

#workskin .metric-times {
	font-family: 'TeX Gyre Termes', 'Nimbus Roman', 'Tinos', 'Times', serif;
}

#workskin .metric-cambria {
	font-family: 'Caladea', 'Cambria', sans-serif;
}

#workskin .metric-calibri {
	font-family: 'Carlito', 'Calibri', serif;
}



/*
 * Typographical Styles
 * Apply to eg.: <p class="name">, <span class="name">, etc.
 * 
 * The section order is: size, color, weight, form variant, stretch, etc.
 * */

/* relative sizes */
#workskin .font-big {
	font-size: 120%;
}
#workskin .font-x-big {
	font-size: 155%;
}
#workskin .font-little {
	font-size: 85%;
}
#workskin .font-x-little {
	font-size: 65%;
}
/* absolute sizes */
#workskin .font-large {
	font-size: large;
}
#workskin .font-x-large {
	font-size: x-large;
}
#workskin .font-small {
	font-size: small;
}
#workskin .font-x-small {
	font-size: x-small;
}
/* relative keywords */
#workskin .font-larger {
	font-size: larger;
}
#workskin .font-smaller {
	font-size: smaller;
}

/* 
 * font colors 
 * The listing from AO3 is supplemented with some SVG/X11 colornames.
 * Priority is given to colors that distinguish themselves well on standard white-background pages.
 * 
 * Official listing from:
 * * https://en.wikipedia.org/wiki/X11_color_names
 * * https://en.wikipedia.org/wiki/X11_color_names
 * */

#workskin .color-red {
	color: red;
}

#workskin .color-orange {
	color: orange;
}

#workskin .color-yellow {
	color: yellow;
}

#workskin .color-green {
	color: green;
}

#workskin .color-blue {
	color: blue;
}

#workskin .color-purple {
	color: purple;
}
/* intentionally different */
#workskin .color-white {
	color: #eee;
}
/* intentionally different */
#workskin .color-black {
	color: #111;
}

#workskin .color-pink {
	color: pink;
}

#workskin .color-teal {
	color: #008282;
}

#workskin .fontweight-normal {
	font-weight: normal;
}
#workskin .fontweight-lighter {
	font-weight: lighter;
}
#workskin .fontweight-bolder {
	font-weight: bolder;
}

#workskin .fontstretch-normal {
	font-stretch: normal;
}
#workskin .fontstretch-condensed {
	font-stretch: condensed;
}
#workskin .fontstretch-expanded {
	font-stretch: expanded;
}


/* inherited */

#workskin .caps {
	font-variant-caps: small-caps;
}

#workskin .all-small-caps {
	font-variant-caps: all-small-caps;
}

#workskin .spoiler {
	background: #333;
	color: #333;
}

/* Prefers libre fonts */
#workskin .dropcap {
	font-family: 'Liberation Serif', 'DejaVu Serif', 'Bitstream Serif', Georgia, serif;
	font-size: 3em;
}

/*
 * Narrative layout sections 
 * */


/* Prefers libre fonts */
#workskin .flashback {
	font-family: 'Lato', 'Nimbus', 'Palatino', serif;

	border-left: 8pt wavy gray;
	padding-left: 12%;
	/* disable (comment) the following for print versions */
	opacity: 75%;
}

#workskin .epistolary {
	margin-left: 2ex;
	margin-right: 2ex;
}

/* More "TLA"-like version of spoiler */
#workskin .REDACTED {
  background: #333;
  color: #333;
  font-family: monospace;
  margin: auto 1em;
}

/* WAAPT's version of EVIL */
#workskin .EVIL {
	display: inline-block;
	padding: auto 2em;
	background-color: #333;
	color: red;
}
	


/*
 * heading sections
 * apply as eg.: <h3 class="class1 class2">
 * */

#workskin h3.title.shadow1 {
  text-shadow: 2pt -3pt gray;
}

#workskin h3.title.shadow2 {
  text-shadow: -2pt -2pt #bee;
}

#workskin h3.title.newspaper {
	/* pending */
}

/* 
 * Text and Element Layout, Ordering 
 * */

#workskin .invisible {
	visibility: hidden;
}


/* sometimes this is needed explicitly */
#workskin .align-left {
  text-align: left;
}

/* inherited */
#workskin .align-right {
  text-align: right;
}

/* inherited */
#workskin .align-center {
  text-align: center;
}

/* inherited */
#workskin .align-justify {
  text-align: justify;
}

#workskin .valign-top {
	vertical-align: top;
}

#workskin .valign-middle {
	vertical-align: middle; 
}

#workskin .valign-bottom {
	vertical-align: bottom; 
}

/* 
 * Line and Border markers 
 * */

#workskin .border {
  border: 2px solid;
}

#workskin .border-dotted {
  border: 2px dotted; 
}

#workskin .border-dashed {
  border: 2px dashed; 
}

#workskin table.border1 {
  border: 2px solid #222;
  outline: 1px solid #222;
}

#workskin table.border2 {
  border: 4px outset #442;
  outline: 1px solid #442;
}

#workskin hr.third {
	width: 33%;
	margin: auto;
}

#workskin hr.half {
	width: 50%;
	margin: auto;
}

#workskin hr.twothirds {
	width: 66%; 
	margin: auto;
}

/* inherited with name "full" rather than eg.: "auto" */
#workskin hr.full {
	width: auto;
	margin: auto;
}

#workskin hr.solid {
	border-style: solid;
}

#workskin hr.dashed {
	border-style: dashed;
}

#workskin hr.double {
	border-style: double;
}


/*
 * layout for boxes. 
 * Boxes are floated to be either the leftmost 1/3rd of content, or the rightmost 1/3rd of content, with an inner padding.
 * 
 * */

#workskin .box-clear {
  float: clear;
}

#workskin .box-left {
  float: left;
  max-width: 33%;
  margin-right: 8pt;
}

#workskin .box-right {
  float: right;
  max-width: 33%;
  margin-left: 8pt;
}

#workskin .box-left.box-border {
  border-right: 4pt dotted #333;
}

#workskin .box-right.box-border {
  border-left: 4pt dotted #333;
}

#workskin table tr th.cell-important1 {
  background-color: #ddd;
}

/* For "visible" tabs */
#workskin span.tab {
	display: inline-block;
	width: 4em;
}

#workskin .Newsreel {
}


#workskin .initial {
}


#workskin .line-decoration-solid {
  text-decoration-style: solid;
}
#workskin .line-decoration-dotted {
  text-decoration-style: dotted;
}

#workskin .line-decoration-double {
  text-decoration-style: double;
}

#workskin .line-decoration-wavy {
  text-decoration-style: wavy;
}

#workskin a.reflink[href*="wikipedia.org/"] {
	text-decoration-style: double;
}

#workskin a.reflink[href*="veniasilente.user.tropi.us/"] {
	color: forestgreen;
}

#workskin a.reflink[href*="suoceverse.tropi.us/"] {
	color: green;
}