Advertisement
CoyoteCrafty

eBookish.css

Sep 11th, 2017 (edited)
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.11 KB | None | 0 0
  1. /*--- eBookish -- 2020.08.30 No px ------------*/
  2. /*--- eBookish -- core body styles ------------*/
  3. body {
  4.     display: block;
  5.     margin: 0 5pt;
  6.     widows: 3;
  7.     orphans: 3;
  8.     -webkit-hyphens: auto;
  9.     -moz-hyphens: auto;
  10.     -ms-hyphens: auto;
  11.     -o-hyphens: auto;
  12.     hyphens: auto;
  13.     line-height: 1.4;
  14.     text-align: justify;
  15.     text-indent: 0;
  16.     page-break-before: always;
  17. }
  18. .ded {
  19.     margin: 10em 5% 20%;
  20. }
  21. .cop {
  22.     text-align: center;
  23.     font-size: 75%;
  24.     margin-top: 10em;
  25. }
  26. .ob {
  27.     text-align: center;
  28.     margin: 10em 5% 20%;
  29. }
  30. .cv {
  31.     text-align: center;
  32.     margin: 0;
  33.     vertical-align: middle;
  34. }
  35. /*--- eBookish -- core paragraph styles -------*/
  36. p {
  37.     display: block;
  38.     margin: 0.1em 0;
  39.     widows: 3;
  40.     orphans: 3;
  41.     word-break: normal;
  42.     -webkit-hyphens: auto;
  43.     -moz-hyphens: auto;
  44.     -ms-hyphens: auto;
  45.     hyphens: auto;
  46.     text-indent: 1em;
  47. }
  48. div {
  49.     display: block;
  50.     margin: 0;
  51.     text-indent: 0;
  52. }
  53. /*--- eBookish -- chapter start styles --------*/
  54. .fl {
  55.     display: block;
  56.     widows: 3;
  57.     orphans: 3;
  58.     margin: 0;
  59.     text-indent: 0;
  60.     page-break-after: avoid !important;
  61.     page-break-inside: avoid !important;
  62. }
  63. .fl:first-letter {
  64.     color: #777;
  65.     text-shadow: 0.05em 0.05em 0 ##000, -0.025em -0.025em 0 ##000, 0.025em -0.025em 0 ##000, -0.025em 0.025em 0 ##000, 0.025em 0.025em 0 ##000;
  66.     font-size: 270%;
  67.     float: left;
  68.     line-height: 100%;
  69.     padding: 0.025em 0.035em 0 0;
  70.     widows: 3;
  71.     orphans: 3;
  72.     page-break-after: avoid !important;
  73.     page-break-inside: avoid !important;
  74. }
  75. .fl:first-line {
  76.     font-variant: small-caps;
  77.     widows: 3;
  78.     orphans: 3;
  79.     font-size: 120%;
  80.     page-break-after: avoid !important;
  81.     page-break-inside: avoid !important;
  82. }
  83. .fl1 {
  84.     display: block;
  85.     margin: 1em 0 0;
  86.     text-indent: 0;
  87.     widows: 3;
  88.     orphans: 3;
  89.     page-break-after: avoid !important;
  90.     page-break-inside: avoid !important;
  91. }
  92. .fl1:first-letter {
  93.     color: #ddd;
  94.     text-shadow: 0.05em 0.05em 0 #000, -0.025em -0.025em 0 #000, 0.025em -0.025em 0 #000, -0.025em 0.025em 0 #000, 0.025em 0.025em 0 #000;
  95.     font-weight: bold;
  96.     font-size: 330%;
  97.     float: left;
  98.     line-height: 100%;
  99.     padding: 0.025em 0.035em 0 0;
  100.     widows: 3;
  101.     orphans: 3;
  102.     page-break-after: avoid !important;
  103.     page-break-inside: avoid !important;
  104. }
  105. .fl1:first-line {
  106.     font-variant: small-caps;
  107.     font-size: 130%;
  108.     letter-spacing: 0.05em;
  109.     widows: 3;
  110.     orphans: 3;
  111.     page-break-after: avoid !important;
  112.     page-break-inside: avoid !important;
  113. }
  114. /*--- eBookish -- titles styles ----------------*/
  115. h1, h2, h3, h4, h5, h6 {
  116.     line-height: inherit;
  117.     font-weight: normal;
  118.     page-break-after: avoid !important;
  119.     page-break-inside: avoid !important;
  120. }
  121. h1 {
  122.     display: block;
  123.     margin: 10em 0 10%;
  124.     text-align: center;
  125.     line-height: 150%;
  126.     page-break-after: avoid !important;
  127. }
  128. h1 + p, *[class^="Head-Level-1"] + p {
  129.     text-indent: 0;
  130. }
  131. h2 {
  132.     display: block;
  133.     margin: 5em 0;
  134.     text-align: center;
  135.     page-break-after: avoid !important;
  136. }
  137. h2 + p, *[class^="Head-Level-2"] + p {
  138.     text-indent: 0;
  139. }
  140. h3 {
  141.     display: block;
  142.     font-size: 1.75em;
  143.     margin: 5em 0 10%;
  144.     text-align: center;
  145.     page-break-after: avoid !important;
  146. }
  147. h3 + p, *[class^="Head-Level-3"] + p {
  148.     text-indent: 0;
  149. }
  150. h4 {
  151.     display: block;
  152.     margin: 2.5% 0 0;
  153.     widows: 3;
  154.     orphans: 3;
  155.     page-break-after: avoid !important;
  156. }
  157. h5 {
  158.     display: block;
  159.     font-size: 1em;
  160.     margin: 0;
  161.     page-break-after: avoid !important;
  162. }
  163. h6 {
  164.     display: block;
  165.     font-size: 1em;
  166.     margin: 5% 0;
  167.     text-align: center;
  168. }
  169. /*--- eBookish -- align styles -----------------*/
  170. .right {
  171.     display: block;
  172.     text-align: right;
  173. }
  174. .sign {
  175.     display: block;
  176.     margin: 0.25em 0 1em;
  177.     page-break-before: avoid !important;
  178.     text-align: right;
  179. }
  180. .date {
  181.     display: block;
  182.     margin: 1em 0 0.5em;
  183.     page-break-after: avoid !important;
  184.     text-align: right;
  185. }
  186. .def {
  187.     display: block;
  188.     margin: 1em 0;
  189.     text-indent: 0;
  190. }
  191. .left {
  192.     display: block;
  193.     text-align: left;
  194. }
  195. /*--- eBookish -- core font styles ------------*/
  196. font {
  197.     font-variant: small-caps;
  198. }
  199. small {
  200.     font-size: smaller;
  201. }
  202. big {
  203.     font-size: larger;
  204. }
  205. sub, sup {
  206.     font-size: 75%;
  207.     line-height: 100% !important;
  208.     position: relative;
  209.     vertical-align: baseline;
  210.     padding: 0 0 0 0.4%;
  211. }
  212. sup {
  213.     top: -0.5em;
  214.     padding: 0 0 0 0.4%;
  215. }
  216. sub {
  217.     bottom: -0.25em;
  218.     padding: 0 0 0 0.4%;
  219. }
  220. .letter {
  221.     display: block;
  222.     margin: 0.5em 2em;
  223.     font-family: "Mali Medium", "Segoe Script", "Segoe Print", cursive;
  224.     line-height: 200%;
  225.     text-align: left;
  226.     font-weight: normal;
  227. }
  228. .cursive {
  229.     font-family: "Mali Medium", "Segoe Script", "Segoe Print", cursive;
  230.     font-weight: normal;
  231. }
  232. .sans {
  233.     font-family: sans-serif;
  234.     font-weight: normal;
  235. }
  236. .space {
  237.     letter-spacing: 0.25em;
  238. }
  239. /*--- eBookish -- blockquotes ----------------*/
  240. blockquote {
  241.     display: block;
  242.     margin: 1em;
  243. }
  244. blockquote + p {
  245.     text-indent: 0;
  246. }
  247. blockquote p {
  248.     text-indent: 0;
  249. }
  250. blockquote p + p {
  251.     text-indent: 1em;
  252. }
  253. blockquote p {
  254.     display: inline;
  255.     text-indent: 0;
  256. }
  257. blockquote:after {
  258.     content: close-quote;
  259.     line-height: 0.1em;
  260.     margin-right: 0.25em;
  261.     vertical-align: 0;
  262. }
  263. blockquote:before {
  264.     content: open-quote;
  265.     line-height: 0.1em;
  266.     margin-right: 0.25em;
  267.     vertical-align: 0;
  268. }
  269. .hang {
  270.     display: block;
  271.     page-break-before: avoid !important;
  272.     text-indent: -1em;
  273.     margin-left: 1em;
  274. }
  275. dl {
  276.     margin: 1em;
  277. }
  278. /*--- eBookish -- image ----------------------*/
  279. img.middle {
  280.     display: block;
  281.     margin-left: auto;
  282.     margin-right: auto;
  283.     max-height: 100%;
  284.     max-width: 100%;
  285.     vertical-align: sub;
  286.     /*removes descender gap beneath images*/
  287.     padding: 5% 0;
  288.     border: 0;
  289. }
  290. img {
  291.     display: inline-block;
  292.     vertical-align: middle;
  293.     height: auto;
  294. }
  295. /*--- eBookish -- line styles -----------------*/
  296. hr {
  297.     border: 0;
  298.     height: 0.04em;
  299.     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.25));
  300.     margin: 5% auto;
  301. }
  302. hr + p {
  303.     text-indent: 0;
  304. }
  305. .sep {
  306.     width: 10%;
  307.     height: 0.08em;
  308.     margin: 5% auto;
  309. }
  310. /*--- eBookish -- list styles -----------------*/
  311. ol {
  312.     display: block;
  313.     margin: 0.2em 0 0.2em -0.4em;
  314. }
  315. ol > li:before {
  316.     padding-right: 0.32em;
  317.     margin: 0 0 0 -0.4em;
  318. }
  319. ul {
  320.     display: block;
  321.     font-style: normal;
  322.     list-style-type: none;
  323.     /* Remove list bullets */
  324.     margin: 0 0 0.2em -0.8em;
  325. }
  326. ul > li:before {
  327.     padding-right: 0.32em;
  328.     margin: 0 0 0 -0.4em;
  329. }
  330. /*--- eBookish -- link styles -----------------*/
  331. a {
  332.     text-underline-position: under;
  333.     text-decoration :underline dotted #009933;
  334.     color: inherit;
  335. }
  336. /*--- eBookish -- page styles -----------------*/
  337. @page {
  338.     margin: 5pt 0;
  339. }
  340. /*--- eBookish -- end ------------------------*/
  341.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement