CINXE.COM

<!DOCTYPE html> <html lang="en-GB"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> Template and documentation for writeups.org contributors - Writeups.org</title><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin/><link rel="preconnect" href="https://fonts.googleapis.com"/><style type="text/css">@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVc.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjaVc.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype'); } </style> <meta name="viewport" content="user-scalable=no, user-scalable=no, initial-scale=1.0, maximum-scale=1, width=device-width" /> <link rel="stylesheet" href="https://www.writeups.org/wp-content/themes/glurk/style.css" /> <script src="https://kit.fontawesome.com/e91faeb4a4.js" crossorigin="anonymous"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" type="text/css" href="https://www.writeups.org/wp-content/themes/glurk/dist/css/print.css" media="print" /> <meta name="flattr:id" content="ljl79y" /> <link rel="me" href="https://piaille.fr/@ghostwise" /> <meta name="robots" content="noimageai" /> <meta name="robots" content="noai" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <meta name="description" content="Procedural document for writeups.org contributors, though of course it's also accessible to readers who wants to look under the hood." /> <link rel="canonical" href="https://www.writeups.org/writeup-template-and-documentation-for-contributors/" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Template and documentation for writeups.org contributors" /> <meta property="og:description" content="Procedural document for writeups.org contributors, though of course it's also accessible to readers who wants to look under the hood." /> <meta property="og:url" content="https://www.writeups.org/writeup-template-and-documentation-for-contributors/" /> <meta property="og:site_name" content="Writeups.org" /> <meta property="article:publisher" content="https://www.facebook.com/Writeupsorg-135805366442534/" /> <meta property="article:published_time" content="2015-10-29T09:26:17+00:00" /> <meta property="article:modified_time" content="2023-06-13T14:37:47+00:00" /> <meta property="og:image" content="https://www.writeups.org/wp-content/uploads/WORG-Guy-writeups-org-featured.jpg" /> <meta property="og:image:width" content="400" /> <meta property="og:image:height" content="400" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="author" content="Worgmeister" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Worgmeister" /> <meta name="twitter:label2" content="Estimated reading time" /> <meta name="twitter:data2" content="31 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://www.writeups.org/writeup-template-and-documentation-for-contributors/#article","isPartOf":{"@id":"https://www.writeups.org/writeup-template-and-documentation-for-contributors/"},"author":{"name":"Worgmeister","@id":"https://www.writeups.org/#/schema/person/bd708b9bd484e25cb22c4246203bb0b8"},"headline":"Writeup template and documentation for contributors","datePublished":"2015-10-29T09:26:17+00:00","dateModified":"2023-06-13T14:37:47+00:00","mainEntityOfPage":{"@id":"https://www.writeups.org/writeup-template-and-documentation-for-contributors/"},"wordCount":3800,"publisher":{"@id":"https://www.writeups.org/#organization"},"image":{"@id":"https://www.writeups.org/writeup-template-and-documentation-for-contributors/#primaryimage"},"thumbnailUrl":"https://www.writeups.org/wp-content/uploads/WORG-Guy-writeups-org-featured.jpg","keywords":["FAQ"],"articleSection":["Articles about Writeups.org"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https://www.writeups.org/writeup-template-and-documentation-for-contributors/","url":"https://www.writeups.org/writeup-template-and-documentation-for-contributors/","name":"Template and documentation for writeups.org contributors","isPartOf":{"@id":"https://www.writeups.org/#website"},"primaryImageOfPage":{"@id":"https://www.writeups.org/writeup-template-and-documentation-for-contributors/#primaryimage"},"image":{"@id":"https://www.writeups.org/writeup-template-and-documentation-for-contributors/#primaryimage"},"thumbnailUrl":"https://www.writeups.org/wp-content/uploads/WORG-Guy-writeups-org-featured.jpg","datePublished":"2015-10-29T09:26:17+00:00","dateModified":"2023-06-13T14:37:47+00:00","description":"Procedural document for writeups.org contributors, though of course it's also accessible to readers who wants to look under the hood.","breadcrumb":{"@id":"https://www.writeups.org/writeup-template-and-documentation-for-contributors/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://www.writeups.org/writeup-template-and-documentation-for-contributors/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https://www.writeups.org/writeup-template-and-documentation-for-contributors/#primaryimage","url":"https://www.writeups.org/wp-content/uploads/WORG-Guy-writeups-org-featured.jpg","contentUrl":"https://www.writeups.org/wp-content/uploads/WORG-Guy-writeups-org-featured.jpg","width":400,"height":400,"caption":"WORG Guy writeups.org mascot 400px featured version"},{"@type":"BreadcrumbList","@id":"https://www.writeups.org/writeup-template-and-documentation-for-contributors/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.writeups.org/"},{"@type":"ListItem","position":2,"name":"Writeup template and documentation for contributors"}]},{"@type":"WebSite","@id":"https://www.writeups.org/#website","url":"https://www.writeups.org/","name":"Writeups.org","description":"In-depth character profiles from comics, games, movies","publisher":{"@id":"https://www.writeups.org/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.writeups.org/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https://www.writeups.org/#organization","name":"Writeups.org","url":"https://www.writeups.org/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https://www.writeups.org/#/schema/logo/image/","url":"https://www.writeups.org/wp-content/uploads/WORG-logo.jpg","contentUrl":"https://www.writeups.org/wp-content/uploads/WORG-logo.jpg","width":500,"height":539,"caption":"Writeups.org"},"image":{"@id":"https://www.writeups.org/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/Writeupsorg-135805366442534/","https://x.com/Writeupsorg","https://www.instagram.com/writeupsdotorg/","https://fr.pinterest.com/writeupsorg/","https://www.youtube.com/channel/UC2a-bu4LFxSA9QKb90t0o6g"]},{"@type":"Person","@id":"https://www.writeups.org/#/schema/person/bd708b9bd484e25cb22c4246203bb0b8","name":"Worgmeister"}]}</script>  <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> <link rel='dns-prefetch' href='//stats.wp.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel='dns-prefetch' href='//fonts.gstatic.com' /> <link rel='dns-prefetch' href='//ajax.googleapis.com' /> <link rel='dns-prefetch' href='//apis.google.com' /> <link rel='dns-prefetch' href='//google-analytics.com' /> <link rel='dns-prefetch' href='//www.google-analytics.com' /> <link rel='dns-prefetch' href='//ssl.google-analytics.com' /> <link rel='dns-prefetch' href='//youtube.com' /> <link rel='dns-prefetch' href='//images-na.ssl-images-amazon.com' /> <link rel='dns-prefetch' href='//aax-us-east.amazon-adsystem.com' /> <link rel='dns-prefetch' href='//i1.wp.com' /> <link rel='dns-prefetch' href='//i0.wp.com' /> <link rel='dns-prefetch' href='//i2.wp.com' /> <link rel='dns-prefetch' href='//m.media-amazon.com' /> <link rel='stylesheet' id='wp-block-library-css' href='https://www.writeups.org/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <style id='wpgb-head-inline-css' type='text/css'> .wp-grid-builder:not(.wpgb-template),.wpgb-facet{opacity:0.01}.wpgb-facet fieldset{margin:0;padding:0;border:none;outline:none;box-shadow:none}.wpgb-facet fieldset:last-child{margin-bottom:40px;}.wpgb-facet fieldset legend.wpgb-sr-only{height:1px;width:1px} </style> <script type="text/javascript" src="https://www.writeups.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <link rel="https://api.w.org/" href="https://www.writeups.org/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.writeups.org/wp-json/wp/v2/posts/35006" /><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.writeups.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.writeups.org%2Fwriteup-template-and-documentation-for-contributors%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.writeups.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.writeups.org%2Fwriteup-template-and-documentation-for-contributors%2F&format=xml" /> <noscript><style>.wp-grid-builder .wpgb-card.wpgb-card-hidden .wpgb-card-wrapper{opacity:1!important;visibility:visible!important;transform:none!important}.wpgb-facet {opacity:1!important;pointer-events:auto!important}.wpgb-facet *:not(.wpgb-pagination-facet){display:none}</style></noscript> <style>img#wpstats{display:none}</style>  <link href=" https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css " rel="stylesheet"> <style type="text/css" id="wp-custom-css"> /* page accueil */ .block-archive .categories li a:after { font-family: "Font Awesome 5 Free"!important; } body.home{ font-family: "open-sans", "alright_sansregular","Helvetica Neue",Helvetica,Arial,sans-serif; } body .wp-grid-builder .wpgb-card-26 .wpgb-block-2 .wpgb-block-term { background: #E85520; } body .wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox[aria-pressed=true] .wpgb-checkbox-control { border-color: #E85520; background-color: #E85520; } body .wp-grid-builder .wpgb-area-bottom-1, body .wp-grid-builder .wpgb-area-bottom-2{ justify-content: center; } body .wpgb-facet .wpgb-apply, body .wpgb-facet .wpgb-load-more { background-color: #E85520; } .wp-audio-shortcode{ width:300px; } .home .categories li a:hover{ color: #ad00bc; } .block-archive .categories li a:last-child:after { font-weight: normal; content: ""; margin-left: 0px; } .home figure.image-head-accueil{ margin-bottom:50px; border-top:3px solid #08a596; border-bottom:3px solid #08a596; } .home p.vocation{ margin:50px auto 50px auto; background: #08a596; border:4px solid #00796b; color:#ffff; padding:20px 30px; font-size: 1.2em; line-height: 1.8em; border-radius:5px; } .home .row .info-pratique{ margin:50px auto 50px auto; } .home .info-pratique .info { width:33.33%; } .home .row .mobile{ display:none; } .home .info-centre a.bouton-accueil{ background: #00796b; color:#fff; border: 4px solid #08a596; display:inline-block; text-align:left; padding: 10px 60px; margin: 0 0 10px 0; border-radius:5px; font-size: 1.11em; line-height: 2em; width:100%; } .home .info-centre a.bouton-accueil i { font-size: 1.2em; margin-right:10px; width:30px; } .home a .imgg1 img{ display:none; } .home .info-centre a.bouton-accueil:hover{ background: #08a596; border: 4px solid #00796b; } #block-social h2.followus{ text-decoration: none; text-align: left; } .home .info-centre #block-social{ background:transparent; } .home .info-centre #block-social .list-socilafe li{ text-align:center; margin:0 auto; } .home .info-centre #block-social .list-socilafe li a{ background-image:none; background:#08a596; width: 65px; height: 65px; font-size:1.8em; line-height:2.1em; color:#fff; border:4px solid #00796b; } .home .info-centre #block-social .list-socilafe li.googleplus a img.groupio-hover{ display:none; } .home .info-centre #block-social .list-socilafe li.googleplus a:hover img.groupio-hover{ display:block; } .home .info-centre #block-social .list-socilafe li.googleplus a:hover img.groupio-vert{ display:none; } .home .info-centre a.ramdom-accueil{ margin-top:40px; } .home .info-centre #block-social .list-socilafe li a:hover{ background:#00796b; border:3px solid #08a596; } .info-droite{ padding: 10px 0px 10px 30px; } .info-droite .bloc-donate a.donate-accueil{ background:#e85520; border: 4px solid #fb895f; width:300px; display:block; color:#fff; border-radius:5px; padding: 70px 20px 55px 20px; text-align:center; font-size: 1.3em; line-height: 1.5em; margin:0 auto; z-index:1; position:relative; } .info-droite .bloc-donate a.donate{ width:250px; padding: 10px 20px; font-size: 1.3em; line-height: 1.5em; margin:30px auto -35px auto; z-index:10; } .info-droite .bloc-donate a.donate-accueil:hover, .info-droite .bloc-donate a.donate:hover{ text-decoration:underline; } .home .listing-item a img{ width:400px !important; height:400px !important; } .home .col-centered, .page-template-page-random .col-centered, .page-template-page-donate .col-centered{ float: none; margin: 0 auto; display:flex; } .page-template-page-our-top-ten .col-centered { float: none; margin: 0 auto; display:flex; flex-direction: column; } .page-template-page-our-top-ten p{ font-size: 1.11em; line-height: 1.8em; margin: 20px 0 20px 0; } .page-template-page-our-top-ten li{ margin:10px auto 10px auto; text-align: center } .sidebar-inner .list-top li{ display:block; } .page-template-page-our-top-ten .sidebar-inner h2.widgettitle{ line-height: 1.6em; margin-bottom: 60px; } .sidebar-inner ul li{ display:inline-block; width:370px !important; } .home .insidel{ padding-right:0px; margin: 0 auto; display:block } .home h2, .page-template-page-random h2, .page-template-page-donate h2, .page-template-page-our-top-ten h2 { padding: 0 0 5px 0; margin: 30px 0 30px 0; line-height: 1.1em; color: #00796b; font-size: 2.5em; font-family: "Cambria"; text-decoration:underline; text-align:center; text-underline-offset: 14px; background:none; display:block; } .page-template-page-donate h3 { padding: 0 0 5px 0; display:block; margin: 30px 0 25px 0; color: #e85520; font-size: 1.9em; line-height: 1.1em; text-align:center; } .page-template-page-donate .entry{ display:inline-block; } .page-template-page-donate p{ display:inline-block; font-size: 1.11em; line-height: 1.8em; } .page-template-page-donate table{ border: 2px solid #e85520; border-radius:10px; margin: 50px 0; } .page-template-page-donate .col-sm-4{ text-align:right; } .home .block-archive, .page-template-page-random .block-archive{ margin:50px 0 50px 0; display:inline-block; background:none; -webkit-box-shadow: 1px 6px 25px 2px rgb(82 69 255 / 10%); box-shadow: 1px 6px 25px 2px rgb(82 69 255 / 10%); padding:20px; } .page-template-page-random .insidel { padding-right: 0; } .home info-pratique{ color:#f2f5f5; } .home .block-archive a.article{ width:100%; } .home .block-archive a.image{ display:inline-block; float:left; width:40%; } .block-archive h3{ background: #08a596; width:100%; font-size: 2.4rem; line-height: 1.2em; margin: 0px; } .block-archive h3 a{ font-family: "Cambria"; color: #ffffff; padding: 20px 20px; width:100%; display: block; } .block-archive .h2-clarification { background: #e85520; font-weight: 100; font-size: 1.5em; line-height: 1.2em; margin: 0 0 10px 0; } .block-archive .h2-clarification a{ font-family: "Cambria"; padding: 10px 20px; color: #ffffff; display: block; } .block-archive .entry{ margin: 20px 0 0 0; } .block-archive .entry p{ display:none; } .block-archive .entry p:first-child{ margin-bottom:0px; display:block; font-size: 1.11em; line-height: 1.8em; } .block-archive .categories{ border:none; font-size: inherit; } .block-archive .categories li.cat-item { background: #e85520; border: 4px solid #fb895f; border-radius: 5px; padding: 0 0 0 3px; font-size: 1em; display: inline-block; margin: 0 5px 5px 0; vertical-align: top; } .block-archive .categories li a { color: #fff; text-decoration: none; font-size: 0.7em; line-height: 1.9em; font-family: "open-sans", "alright_sansregular","Helvetica Neue",Helvetica,Arial,sans-serif; display: inline-block; } .block-archive .categories li.cat-item ul, .block-archive .categories li.cat-item ul li { display: inline; background: none; border: none; } .block-archive .categories li a:after { /* font-family: "Font Awesome 5 Free";*/ font-weight: 900; content: "\f054 \f054"; margin-left: 10px; } .block-archive .categories li:nth-child(2) a:last-child:after{ display:none; } /* page accueil */ /* page intérieur article */ body .fa, body .far, body .fas{ font: normal normal normal 18px/1 FontAwesome; } body #hd { min-height: 90px; } .post-template-single-nouveau-post .post p { font-size: 1.11em; line-height: 1.8em; } .post-template-single-nouveau-post .post ul li, .post-template-single-nouveau-post .post ol li { font-size: 1.11em; line-height: 1.8em; } .post-template-single-nouveau-post .fa-amazon:before{ margin-left:5px; } .post-template-single-nouveau-post .post ul li ul{ margin: 0 0 5px 0; } .post-template-single-nouveau-post .post ul li ul li{ font-size: 1em; } .post-template-single-nouveau-post a{ text-decoration:underline; } .post-template-single-nouveau-post a:hover, .post-template-single-nouveau-post a:focus{ color:#ad00bc; text-decoration:none; } .post-template-single-nouveau-post .post p.caption{ color:#000; background:#f0effa; padding: 20px 10px; border-radius: 0 0 10px 10px; line-height:1.6em; } .post-template-single-nouveau-post .post h2 { padding: 0 0 5px 0; margin: 45px 0 22px 0; line-height: 1.1em; color: #00796b; font-size: 2.5em; font-family: "Cambria"; border-bottom:#08a596 5px solid; } .post-template-single-nouveau-post .post h3 { padding: 0 0 5px 0; display:inline-block; margin: 30px 0 25px 0; color: #e85520; font-size: 1.9em; line-height: 1.1em; border-bottom:#fb895f 5px solid; } .post-template-single-nouveau-post .post h3.right { padding: 0 0 5px 0; text-align:right; margin: 30px 0 25px 0; color: #e85520; font-size: 1.9em; line-height: 1.1em; text-decoration-line: underline; text-decoration-color: #fb895f; text-underline-offset: 0.3em; display: block; border-bottom:none; text-decoration-thickness: 5px } .post-template-single-nouveau-post .post h4 { padding: 0 0 5px 0; display:inline-block; margin: 30px 0 25px 0; color: #e85520; font-size: 1.5em; line-height: 1.1em; border-bottom:#fb895f 5px solid; } .post-template-single-nouveau-post .col-sm-7-1{ width:57.09%; } body.post-template-single-nouveau-post { font-family:"open-sans", "alright_sansregular","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1.125em; line-height: 1.42857143; color: #5c5c5c; background-color: #fff; } .post-template-single-nouveau-post .block-bread .col-sm-12{ display:inline; float:right; width:auto; } .post-template-single-nouveau-post .block-bread .col-sm-12 p{ display:inline-block; float:left; } .post-template-single-nouveau-post .block-bread .col-sm-12 p.audio{ margin-right:20px; } .post-template-single-nouveau-post .block-bread .col-sm-12 p.audio, .post-template-single-nouveau-post .block-bread .col-sm-12 p.print-btn, .post-template-single-nouveau-post .block-bread audio{ height:40px; } .post-template-single-nouveau-post .block-bread .col-sm-12 p.audio, .post-template-single-nouveau-post .block-bread .col-sm-12 p.print-btn{ font-size: 1.5em; } #hd .logo { background:none; } .post-template-single-nouveau-post figure{ margin-bottom:20px; text-align:center; } .post-template-single-nouveau-post .post header h1 { background:#08a596; color: #ffffff; padding: 20px 30px; font-size: 4rem; line-height:1em; display:inline-block; margin:0px; } body .post header h1 { background:transparent; } body.post-template-single-nouveau-post .h2-clarification { color: #ffffff; display:inline-block; background:#e85520; font-family: "Cambria"; font-weight:100; font-size: 2em; line-height:1.2em; margin: 0 0 10px 0; padding: 10px 20px; } .post-template-single-nouveau-post .col-centered{ float: none; margin: 0 auto; } .post-template-single-nouveau-post .post .taglist li a{ background:none; } .post-template-single-nouveau-post li .fa-tags:before { color:#2e9186; font-size:1.2em; } .post-template-single-nouveau-post .post .taglist{ margin: 20px 0 10px 0; } .post-template-single-nouveau-post .post .taglist li a { display: inline-block; font-size:1em; color: #2e9186; margin: 0 5px 5px; padding: 6px 13px 0 0px; height: 22px; text-decoration:underline; } .post-template-single-nouveau-post .post .taglist li:hover a{ color: #ad00bc; text-decoration:none; } .post-template-single-nouveau-post .categories { background:none; border:none; margin: 10px 0 20px 0; border-radius: 0; font-size: 1em; padding:0; } .post-template-single-nouveau-post .categories li.cat-item { background:#e85520; border:4px solid #fb895f; margin: 5px 0; border-radius: 5px; padding:5px; font-size: 1em; display:inline-block; margin-right:5px; min-height:52px; vertical-align: top; } .post-template-single-nouveau-post .categories li.cat-item ul, .post-template-single-nouveau-post .categories li.cat-item ul li{ display:inline; background:none; border:none; } .post-template-single-nouveau-post .categories i:last-child, .post-template-single-nouveau-post .categories i:nth-last-child(2){ display:none; } .post-template-single-nouveau-post .categories li a { color:#fff; text-decoration:none; font-size: 1em; line-height: 1.7em; } .post-template-single-nouveau-post .categories li a:hover { color:#ad00bc; } .post-template-single-nouveau-post .categories li a:after{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054 \f054"; margin-left:10px; } .post-template-single-nouveau-post .categories li a:last-child:after{ font-weight: normal; content: ""; margin-left:0px; } .post-template-single-nouveau-post .categories .fa { color:#fff; } .post-template-single-nouveau-post .block-taxonomie{ padding:20px 30px; border:5px solid #00796b; border-radius:10px; margin: 10px 0 20px 0; } .post-template-single-nouveau-post .block-taxonomie .taxo{ background:none; font-weight:bold; font-size: 1em; line-height: 2em; margin: 0px; } .post-template-single-nouveau-post .block-taxonomie .taxo a { text-decoration:underline; font-weight:normal; } .post-template-single-nouveau-post .block-taxonomie .taxo a:hover { text-decoration:none; } body .contentpost .bsf-rt-reading-time{ display:none; } p.read-time{ padding-left: 15px; padding-right: 15px; /*color:#2e9186;*/ color:#000; font-size:1.3em; text-align:center; font-family: "open-sans", "alright_sansregular","Helvetica Neue",Helvetica,Arial,sans-serif; } p.read-time i{ /*color:#2e9186;*/ font-size:1.2em; margin-right:10px; color:#000; } .post-template-single-nouveau-post .post header { margin: 0 0 10px 0; } .post-template-single-nouveau-post hr, .page-template-page-our-top-ten hr{ background:url("https://www.writeups.org/wp-content/themes/glurk/dist/img/separateur-hr.gif")no-repeat center !important; } .page-template-page-our-top-ten hr{ margin-top:40px; } .post-template-single-nouveau-post .lead-border { background:#fff3ef; padding: 13px 15px 10px 45px; color: #000000; border-radius: 3px; height: 100%; position: relative; margin: 30px 0 30px 0; border: 3px solid #e85520 } .page-template-page-random .lead-border { background:#fff3ef; padding: 20px; color: #000000; border-radius: 3px; height: auto; position: relative; margin: 30px 0 30px 0; border: 3px solid #e85520 } .post-template-single-nouveau-post .postinside{ width: 58.5%; margin:0 auto; padding-right: 0; } .page-template-page-random .insidelead p { margin: 20px 0; text-align:center; font-size: 1.11em; line-height: 1.8em; } .post-template-single-nouveau-post .lead{ background:#08a596; color:#fff; font-size: 1.2em; line-height:1.9em; } .post-template-single-nouveau-post .post .list-type1 ul li strong{ color:#08a596; } .post-template-single-nouveau-post .post .list-type1 ul li { color: #000; } .post-template-single-nouveau-post .post .special-green { background-color: #e4f0ee; border: 5px solid #00796b; color: #30897b; font-size: 1em; line-height: 1.3em; margin: 0 0 25px 0; padding: 15px; border-radius: 5px; } .post-template-single-nouveau-post .post .special-green h3 { padding: 0 0 0px 0; display: inline-block; margin: 0 0 25px 0; color: #00796b; font-size: 1.9em; line-height: 1.1em; border-bottom: none; } .post-template-single-nouveau-post .post .special-green p { font-size: 1.11em; color: #00796b; padding: 0; margin: 0 0 25px 0; line-height: 32px; } .post-template-single-nouveau-post .post .special-orange { background-color: #fff0ea; border: 5px solid #e85520; color: #e85520; font-size: 1em; line-height: 1.3em; margin: 0 0 25px 0; padding: 15px; border-radius: 5px; } .post-template-single-nouveau-post .post .special-orange h3 { padding: 0 0 0px 0; display: inline-block; margin: 0 0 25px 0; color: #e85520; font-size: 1.9em; line-height: 1.1em; border-bottom: none; } .post-template-single-nouveau-post .post .special-orange p { font-size: 1.11em; color: #e85520; padding: 0; margin: 0 0 25px 0; line-height: 32px; } .post-template-single-nouveau-post .special-orange a{ color:#ad00bc; } .post-template-single-nouveau-post .special-orange a:hover, .post-template-single-nouveau-post .special-orange a:focus{ color:#08a596; text-decoration:none; } .post-template-single-nouveau-post .post .newget { width: auto; float: none; padding: 0 20px; } .post-template-single-nouveau-post .post .newget .quote { border-bottom: 4px solid #00ACFF; border-top: 4px solid #00ACFF; color: #00ACFF; font-size: 1.2em; line-height: 1.8em; margin: 8px 0 40px 0; padding: 25px 20px; } .post-template-single-nouveau-post .post .newlegend h4 { font-family: inherit; font-weight: 400; line-height: 1.1; color: #e85520; border-bottom:none; font-size: 1.4em; margin-bottom:10px; } .post-template-single-nouveau-post .post .newlegend{ margin: 60px 0 60px 0; } .post-template-single-nouveau-post .post .publicite{ border: 4px dashed #08a596; padding:40px 25px 30px 25px; margin: 30px 0; } .post-template-single-nouveau-post .post .publicite p { font-size: 1.5em; color: #08a596; padding: 0; margin: 0 0 35px 0 !important; line-height: 32px; font-family: "Cambria"; } .post-template-single-nouveau-post .post .publicite p font{ color: #08a596 !important; } .post-template-single-nouveau-post .post .publicite .bp-title{ display:none; } .post-template-single-nouveau-post #bd .post .publicite h2.klop_title { font-size: 1.9em; color: #08a596; padding: 0; margin: 0 0 35px 0 !important; line-height: 32px; border:none; font-style: italic; } .post-template-single-nouveau-post #bd .post .publicite .centerpouet ul{ display: inline-block; margin-bottom:0px; } .post-template-single-nouveau-post #bd .post .publicite .centerpouet ul li{ float:left; display: inline; width:220px; } .post-template-single-nouveau-post #bd .post .publicite .centerpouet ul li a{ font-size: 0.9em; line-height: 1.5em; text-decoration:none; } .post-template-single-nouveau-post #bd .post .publicite .centerpouet ul li span{ margin-bottom:25px; } .post-template-single-nouveau-post #bd .post .publicite .blockinfamz { margin-bottom: 0px; } .post-template-single-nouveau-post #bd .post .publicite .centerpouet p{ margin-bottom:0px !important; } .post-template-single-nouveau-post #bd .post .publicite2 .centerpouet ul li{ width:325px; } .post-template-single-nouveau-post #bd .post .publicitelink{ text-align:center; margin-top:5px; padding: 20px 25px 20px 25px; } .post-template-single-nouveau-post #bd .post ol li::marker{ color:#e85520; } .post-template-single-nouveau-post #bd .post .listul{ padding:10px; } .post-template-single-nouveau-post #bd .post .listol{ padding:10px; } .post-template-single-nouveau-post #bd .post .listul p, .post-template-single-nouveau-post #bd .post .listol p{ margin-bottom:0px; } .post-template-single-nouveau-post .shariff h2{ border-bottom:none; } .post-template-single-nouveau-post hr.footer { background: url(https://www.writeups.org/wp-content/themes/glurk/dist/img/separateur-hr-footer.gif)no-repeat center !important; } .post-template-single-nouveau-post .shariff hr{ display:none; } .post-template-single-nouveau-post .printstatsdch i.fa-gear{ line-height:1.3em; float:left; font-size: 2.5em; color:#00a5e9; } .post-template-single-nouveau-post .printstatsdch h2.game-stat{ float:right; font-size: 3em; color:#00a5e9; width:92%; border-bottom:#00a5e9 5px solid; margin: 0 0 15px 0; } .post-template-single-nouveau-post .printstatsdch h3{ color:#00a5e9; border:none; } .post-template-single-nouveau-post #bd .fancy-image { margin-bottom: 30px; } .post-template-single-nouveau-post .printstatsdch h4{ color:#00a5e9; border-bottom:#82c9e6 5px solid; margin: 20px 0 25px 0; } .post-template-single-nouveau-post .post .printstatsdch .link{ color: #e6550e; font-style: italic; font-size: 1.2em; margin: -15px 0 28px 0; padding: 0; line-height: 1.1em; } .post-template-single-nouveau-post .img-titre-stat{ text-align:center; margin: 30px 0; } .post-template-single-nouveau-post .printstatsdch table tr:nth-child(odd) td { background-color: #00a5e9; } .post-template-single-nouveau-post .printstatsdch table td { background-color: #ebf4f3; } .post-template-single-nouveau-post .printstatsdch ul{ padding-left: 10px; } .post-template-single-nouveau-post .printstatsdch ul li{ font-size: 1.11em; line-height: 1.8em; background: url(https://www.writeups.org/wp-content/themes/glurk/dist/img/bulltet-dhc.gif) no-repeat 0 9px; padding: 0 0 4px 15px; color:#191919; } .page-template-page-our-top-ten .col-centered ul{ margin: 0 auto; width:800px; } .list-top li em { padding: 8px 0 0 8px; text-align:left; line-height: 1em; z-index: 9999; font-style: normal; font-family: "open-sans"; font-weight:bold; font-size: 1.11em; } .page-template-page-our-top-ten h2{ margin: 30px 0 50px 0; } .list-top li span{ font-family: "open-sans"; font-size: 1.11em; } .page-template-page-our-top-ten ul.list-top{ display:none; } .page-template-page-our-top-ten .entry ul.list-top{ display:block; } .page-template-page-our-top-ten p{ font-family: "open-sans", "alright_sansregular","Helvetica Neue",Helvetica,Arial,sans-serif; color: #191919; } .post ul li, .post ol li { color: inherit; } .post-template-default ul li, .post-template-default ol li { color: #191919; } .gamestat ul li, .gamestat ol li{ color: #191919; } .post-template-single-nouveau-post .printstatsdch .special-statsdch ul li{ font-size: 1.11em; line-height: 1.8em; background: url(https://www.writeups.org/wp-content/themes/glurk/dist/img/bulltet-dhc-noir.gif) no-repeat 0 9px; padding: 0 0 4px 15px; } .post-template-single-nouveau-post table td{ font-size: 1.11em; } .post-template-single-nouveau-post .printstatsdch hr { border-bottom:#00a5e9 5px dashed; background:none !important; } .post-template-single-nouveau-post .printstatsdch .special-statsdch { background-color: #00a5e9; border: 5px solid #82c9e6; color: #ffffff; font-size: 1em; line-height: 1.3em; margin: 0 0 25px 0; padding: 15px; border-radius: 5px; } .post-template-single-nouveau-post #bd .post .printstatsdch .special-statsdch ol li::marker { color: inherit; } .post-template-single-nouveau-post #bd .post .printstatsdca .special-statsdca ol li::marker { color: inherit; } .post-template-single-nouveau-post .post .printstatsdca .special-statsdca a.infobulle, .post-template-single-nouveau-post .post .printstatsdch .special-statsdch a.infobulle { border-bottom: 3px dashed #fff; padding-bottom: 1px; text-decoration: none; } .post-template-single-nouveau-post .printstatsdch .special-statsdch h3{ color: #ffffff; margin: 0px 0 25px 0; } .post-template-single-nouveau-post .printstatsdch .special-statsdch p{ color: #ffffff; font-size: 1.11em; } .post-template-single-nouveau-post .printstatsdch .special-statsdch a{ color:#000; } .post .printstatsdch strong { color: #00a5e9 !important; } .post-template-single-nouveau-post .gamestat{ margin: 50px 0 0 0; } .post-template-single-nouveau-post .post .lead-border h3 { margin: 0px 0 25px 0; } .post-template-single-nouveau-post .printstatsdca p b { color: #e23a0d; } .post-template-single-nouveau-post .printstatsdca i.fa-gear{ line-height:1.3em; float:left; font-size: 2.5em; color:#e23a0d; } .post-template-single-nouveau-post .printstatsdca h2.game-stat{ float:right; font-size: 3em; color:#e23a0d; width:92%; border-bottom:#e23a0d 5px solid; margin: 0 0 15px 0; } .post-template-single-nouveau-post .printstatsdca h3{ color:#e23a0d; border:none; } .post-template-single-nouveau-post .printstatsdca h4{ color:#e23a0d; border-bottom:#e29873 5px solid; } .post-template-single-nouveau-post .post .printstatsdca .link{ color: #e6550e; font-style: italic; font-size: 1.2em; margin: -15px 0 28px 0; padding: 0; line-height: 1.1em; } .post-template-single-nouveau-post .printstatsdca table tr:nth-child(odd) td { background-color: #e23a0d; } .post-template-single-nouveau-post .printstatsdca table tr th { background: #e23a0d; } .post .printstatsdca strong { color: #e23a0d !important; } .post-template-single-nouveau-post .printstatsdca table td { background-color: #fdd1c1; } .post-template-single-nouveau-post .printstatsdca ul{ padding-left: 10px; } .post-template-single-nouveau-post .printstatsdca ul li{ font-size: 1.11em; line-height: 1.8em; color: #191919; background: url(https://www.writeups.org/wp-content/themes/glurk/dist/img/bulltet-dca.gif) no-repeat 0 9px; padding: 0 0 4px 15px; } .post-template-single-nouveau-post .printstatsdca .special-statsdca ul li{ font-size: 1.11em; line-height: 1.8em; color: inherit; background: url(https://www.writeups.org/wp-content/themes/glurk/dist/img/bulltet-dhc-noir.gif) no-repeat 0 9px; padding: 0 0 4px 15px; } .post-template-single-nouveau-post .printstatsdca hr { border-bottom:#e23a0d 5px dashed; background:none !important; } .post-template-single-nouveau-post .printstatsdca .special-statsdca { background-color: #e23a0d; border: 5px solid #fb895f; color: #ffffff; font-size: 1em; line-height: 1.3em; margin: 0 0 25px 0; padding: 15px; border-radius: 5px; } .post-template-single-nouveau-post .printstatsdca .special-statsdca h3{ color: #ffffff; margin: 0px 0px 25px 0px; } .post-template-single-nouveau-post .printstatsdca .special-statsdca p{ color: #ffffff; font-size: 1.11em; } .post-template-single-nouveau-post .printstatsdca .special-statsdca a{ color:#000; } .post-template-single-nouveau-post .newauteurimage{ display:inline-block; width:100%; margin-bottom:20px; } .post-template-single-nouveau-post .post .newauteur p{ display:none; } .post-template-single-nouveau-post .post .newauteur p.author { width: auto; clear: none; float: none; padding: 15px 0 0 0; margin: 15px 0 5px 0; border-top: none; font-size: 1.3em; color: #e85520; background: none; display: inline-block; } .post-template-single-nouveau-post .post .newauteur p.author::before { content: ""; /* font-family: 'fontAwesome';*/ display: inline-block; margin: 0; } .post-template-single-nouveau-post .post .newauteur .effectshadow2{ display:inline; } .post-template-single-nouveau-post .post .newauteur .effectshadow2:before, .post-template-single-nouveau-post .post .newauteur .effectshadow2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: none; box-shadow: none; -ms-transform: none; } .post-template-single-nouveau-post .post .newauteur p.source_of_character, .post-template-single-nouveau-post .post .newauteur p.helpers, .post-template-single-nouveau-post .post .newauteur p.sc{ display:block; color:#08a596 !important; padding-left: 30px; font-size: 1.1em; } .post-template-single-nouveau-post .post .newauteur p.source_of_character:before, .post-template-single-nouveau-post .post .newauteur p.helpers:before, .post-template-single-nouveau-post .post .newauteur p.sc:before{ font-size: 1.3em; margin-right:10px; } .post-template-single-nouveau-post .prevnex { border-top: 5px solid #08a596; border-bottom: 5px solid #08a596; padding: 25px 0 25px 0; } .post-template-single-nouveau-post .jp-relatedposts hr{ display:none; } .post-template-single-nouveau-post #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title{ background: #e85520; text-align:center; border-bottom:none; padding: 10px 0; font-size:1em; } .post-template-single-nouveau-post #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a{ color:#ffffff; font-family: "open-sans", "alright_sansregular","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:700; } .post-template-single-nouveau-post #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date, .post-template-single-nouveau-post #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context { opacity: 1; } .post-template-single-nouveau-post #jp-relatedposts .jp-relatedposts-items-visual p{ background: #08a596; text-align:center; color:#ffffff; padding: 10px 0; font-size:0.9em; } .post-template-single-nouveau-post span.logo-ama, .post-template-single-nouveau-post span.logo-ext, .post-template-single-nouveau-post span.logo-youtube{ text-decoration:none; } .post-template-single-nouveau-post span.logo-ama .fa-amazon{ font-size:1.3em; } .post-template-single-nouveau-post span.logo-ext .fa-external-link-alt{ font-size:1em; } .post-template-single-nouveau-post span.logo-youtube .fa-youtube-square{ font-size:1.2em; } /* infobulle */ .post-template-single-nouveau-post .post a.infobulle{ color: #000; border-bottom: 3px dashed #08a596; padding-bottom:1px; text-decoration:none; } .post-template-single-nouveau-post .post a.infobulle:hover{ color: #ad00bc; border-bottom: none; } .post-template-single-nouveau-post a.infobulle span{ position:absolute; margin-top:-200px; margin-left:-250px; color:#ffffff; background:rgba(0,0,0,.9); padding:15px; border-radius:3px; box-shadow:0 0 2px rgba(0,0,0,.5); transform:scale(0) rotate(-12deg); transition:all .25s; opacity:0; width:230px; } .post-template-single-nouveau-post a.infobulle:hover span, .post-template-single-nouveau-post a.infobulle:focus span{ transform:scale(1) rotate(0); opacity:1; } .post-template-single-nouveau-post a.infobulle i.fa-info-circle{ margin-left:5px; text-decoration:none; color:#e6550e; } /* infobulle */ /* footer */ body #gotop { background: url(https://www.writeups.org/wp-content/themes/glurk/dist/img/fleche-ancre.png) no-repeat; display: inline-block; width: 65px; height: 65px; z-index: 9999; margin-right: 15px; } .widget_nav_menu{ display:inline-block; margin-right:100px; } .widget_nav_menu a{ color:#fff; font-size:1em; } .widget_nav_menu li{ margin-bottom:5px; } .widget_nav_menu a i{ margin-right: 5px; font-size:1.2em; width:32px; } .widget_nav_menu a:hover{color:#ad00bc;} #block-social .list-socilafe li.googleplus a { display: block; margin: 6px 10px; float: left; background: url(https://www.writeups.org/wp-content/themes/glurk/dist/img/groupsio.jpg); background-repeat: no-repeat; border-radius: 3px; width: 40px; height: 40px; } #block-social .list-socilafe li.googleplus a:hover{ background: url(https://www.writeups.org/wp-content/themes/glurk/dist/img/groupsiohover.jpg); } /* footer */ .post-template-single-nouveau-post div.fancy-image{ position:relative; } .post-template-single-nouveau-post div.fancy-image a:after{ color:#000; font-size:2em; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00e"; padding:5px 20px; background:#f0effa; border-radius:10px; cursor:pointer; position:absolute; bottom:20px; left:20px; } .newauteurimage img{ border-radius:50px; width:70px; -webkit-box-shadow:0 0 10px #565656; -moz-box-shadow:0 0 10px #565656; box-shadow:0 0 10px #565656; margin-right:15px; } body .newlegend .fa.fa-circle-o{ font-size:2em; } body ul.menu-picto{ margin-bottom:0px; text-align:right; margin-top:10px; } body ul.menu-picto li{ display: inline-block; padding:1px; vertical-align: top; } body ul.menu-picto li a{ border:2px solid #fff; border-radius:50px; width:50px; height:50px; padding-top:12px; display: inline-block; text-align:center; background:#fff; } body ul.menu-picto li a i, body ul.menu-picto .lisearch i{ color:#e6550e; font-size:1.3em; line-height:1em; } body ul.menu-picto li a:hover{ background:#e6550e; } body ul.menu-picto li a:hover i{ color:#fff; } /* moteur de recherche */ body ul.menu-picto li button { border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; display: inline-block; text-align: center; background: #fff; vertical-align: top; } body ul.menu-picto li button:hover { background: #e6550e; } body ul.menu-picto li button:hover i { color: #fff; } body ul.menu-picto li a i, body ul.menu-picto .lisearch button i{ color:#e6550e; font-size:1.3em; line-height:1em; } body ul.menu-picto li #maDIV{ margin-top:5px; width:240px; } body ul.menu-picto li #maDIV #fs { margin: 0; } body ul.menu-picto li #maDIV #fs input[type="text"] { background: #fff; width: 80%; float: left; height: 40px; padding: 3px 5px 0 10px; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; border-top-left-radius: 20px; border-bottom-left-radius: 20px; margin: 0; font-size: .833em; color: #000; } body ul.menu-picto li #maDIV #fs input[type="submit"] { background: #e1530e; width: 20%; float: left; height: 40px; -moz-appearance: none; -webkit-appearance: none; margin: 0; appearance: none; border: none; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 2px 5px 0 5px; color: #fff; line-height: 1em; font-size: .9em; border: 2px solid #fff; } body .listol li, body .listul li{ color: #191919; } body h2.help{ font-size: 1.11em; } body h2.help a{ text-decoration:underline; } body h2.help a:hover{ text-decoration:none; } body h2.help a:focus { color: #e6550e; } .wpgb-facet{ font-family: "open-sans", "alright_sansregular","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1.11em; line-height: 1.8em; } body .wpgb-grid-7 .wpgb-area-top-1{ margin: 10px 0 50px 0; background: none; -webkit-box-shadow: 1px 6px 25px 2px rgb(82 69 255 / 15%); box-shadow: 1px 6px 25px 2px rgb(82 69 255 / 15%); border-radius:10px; padding:25px 25px 0 25px; } .wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox:active, body .wpgb-facet .wpgb-checkbox-facet li[role]:focus>.wpgb-checkbox, body .wpgb-facet .wpgb-toggle-hidden:focus{ outline:0; } body .wpgb-facet h4.wpgb-facet-title { padding: 0 0 5px 0; margin: 20px 0 25px 0; color: #08a596; font-size: 1.2em; line-height: 1.1em; border-bottom: #08a596 2px solid; } body .wpgb-facet .wpgb-checkbox-facet li[aria-expanded]:after { background-color: #08a596; background-image: linear-gradient(#fff,#fff),linear-gradient(#fff,#fff); background-repeat: no-repeat; background-position: center center; } body .wpgb-facet .wpgb-toggle-hidden{ color: #fff; background: #e85520; border: 3px solid #e85520; } .wpgb-facet .wpgb-toggle-hidden:hover { color: #e85520; background: #fff; border: 3px solid #e85520; } body .wpgb-layout{ width:975px; margin: 0 auto; } body .wp-grid-builder .wpgb-card{ margin: 50px 0 50px 0; display: inline-block; background: none; -webkit-box-shadow: 1px 6px 25px 2px rgb(82 69 255 / 10%); box-shadow: 1px 6px 25px 2px rgb(82 69 255 / 10%); border-radius:10px; } body .wp-grid-builder .wpgb-card .wpgb-card-inner{ flex-direction: row; } body .wp-grid-builder .wpgb-card .wpgb-card-media{ width: 41.66666667%; margin: 15px 15px; } body .wp-grid-builder .wpgb-card .wpgb-card-content{ width: 58.33333333%; } body.page-template-page-moteur-de-recherche .post-page{ display:none; } body .wp-grid-builder .wpgb-scheme-dark h3.wpgb-idle-scheme-1 { background: #08a596; width: 100%; font-size: 2.4rem; line-height: 1.2em; margin: 0px; } body .wpgb-card-body h3.wpgb-block-3 a { font-family: "Cambria"; color: #ffffff; padding: 20px 20px; width: 100%; display: block; } body .wp-grid-builder .wpgb-scheme-dark .wpgb-idle-scheme-2 { margin: 20px 0 20px 0; padding:0; } body .wpgb-card-body .wpgb-idle-scheme-2 p { margin-bottom: 0px; display: block; font-size: 1.11em; line-height: 1.8em; color: #191919; } body .wp-grid-builder .wpgb-card [class*=wpgb-block-] .wpgb-block-term { background: #e85520; border: 4px solid #fb895f; margin: 0 5px 5px 0; border-radius: 5px; font-size: 1em; display: inline-block; vertical-align: top; color: #fff; text-decoration: none; font-size: 1em; line-height: 1.9em; font-family: "open-sans", "alright_sansregular","Helvetica Neue",Helvetica,Arial,sans-serif; } body .wp-grid-builder .wpgb-card a { color: #e6550e; text-decoration: none; } body .wp-grid-builder .wpgb-card a:hover { color: #00796b; text-decoration: none; } .wp-grid-builder .wpgb-scheme-dark .wpgb-idle-scheme-1.wpgb-block-1 { background: #e85520; font-weight: 100; font-size: 1.5em; line-height: 1.2em; margin: 0 0 10px 0; font-family: "Cambria"; padding: 10px 20px; color: #ffffff; display: block; } /* moteur de recherche */ /* MEDIA QUERIE */ @media (max-width: 767px) { body.post-template-single-nouveau-post .post h3 { font-size: 1.7em; line-height: 1.1em; } .post-template-single-nouveau-post .post h4 { font-size: 1.4em; line-height: 1.1em; } body.post-template-single-nouveau-post .postinside, body.post-template-single-nouveau-post .col-sm-7-1{ width:100%; } body.post-template-single-nouveau-post .block-bread p.print-btn { display:none; } body.post-template-single-nouveau-post .post header h1 { font-size: 2em; line-height:1em; display:block; } body.post-template-single-nouveau-post .h2-clarification { font-size: 1.3em; line-height:1.2em; } body.post-template-single-nouveau-post .post .taglist ul, body.post-template-single-nouveau-post .post .taglist ul li{ display:block; } body.post-template-single-nouveau-post .post .taglist li a { font-size: 0.950em; } body.post-template-single-nouveau-post .categories { font-size: 0.950em; } body.post-template-single-nouveau-post .block-taxonomie{ padding: 10px 0px; margin: 10px 0 20px 0; } body.post-template-single-nouveau-post .block-taxonomie .taxo { font-size: 0.900em; padding-left: 10px; } body.post-template-single-nouveau-post article.post .contentpost .bsf-rt-reading-time{ width:100%; } .post-template-single-nouveau-post .contentpost .bsf-rt-reading-time { font-size: 1.2em; } .post-template-single-nouveau-post a.infobulle span{ position:absolute; margin-top:-250px; margin-left:-250px; color:#ffffff; background:rgba(0,0,0,.9); padding:15px; border-radius:3px; box-shadow:0 0 2px rgba(0,0,0,.5); transform:scale(0) rotate(-12deg); transition:all .25s; opacity:0; width:230px; } body.post-template-single-nouveau-post hr, body.page-template-page-our-top-ten hr{ background:url("https://www.writeups.org/wp-content/themes/glurk/dist/img/separateur-vert-300px.png")no-repeat center !important; } body.page-template-page-our-top-ten .entry ul.list-top { width:auto; } body.page-template-page-our-top-ten sidebar-inner ul li { display: inline-block; width: 360px !important; } body.page-template-page-our-top-ten .col-centered{ padding-left: 0px; padding-right: 0px; } .post-template-single-nouveau-post .lead-border { padding: 10px 10px 10px 10px; } .post-template-single-nouveau-post .post .newlegend h4 { font-family: inherit; font-weight: 400; line-height: 1.1; color: #e85520; border-bottom: none; font-size: 1.1em; margin-bottom: 10px; text-align:center; } body.post-template-single-nouveau-post #bd .post .publicite2 .centerpouet ul li { width: 250px; } body.post-template-single-nouveau-post .post h2 { line-height: 1.2em; font-size: 2em; } body.post-template-single-nouveau-post .col-img-header{ padding-left: 0px; padding-right: 0px; } body.post-template-single-nouveau-post .printstatsdch h2.game-stat { float: right; font-size: 2em; color: #00a5e9; width: 83%; border-bottom: #00a5e9 5px solid; margin: 0 0 15px 0; } body.post-template-single-nouveau-post .printstatsdch i.fa-gear { line-height: 1.3em; float: left; font-size: 2em; color: #00a5e9; } body.post-template-single-nouveau-post .gamestat h2 .tspan { float: left; display: block; width: 100%; font-size: .9em; } body.post-template-single-nouveau-post .printstatsdca h2.game-stat { float: right; font-size: 2em; color: #e23a0d; width: 83%; border-bottom: #e23a0d 5px solid; margin: 0 0 15px 0; } .post-template-single-nouveau-post .printstatsdca i.fa-gear { line-height: 1.3em; float: left; font-size: 2em; color: #e23a0d; } body.post-template-single-nouveau-post .newauteurimage { display: inline-block; width: 100%; margin-bottom: 20px; text-align: center; } body.post-template-single-nouveau-post .post .newauteur p.source_of_character, body.post-template-single-nouveau-post .post .newauteur p.helpers, body.post-template-single-nouveau-post .post .newauteur p.sc { padding-left: 0px; font-size: 0.9em; text-align:center; } body #hd ul.menu-picto { text-align: center; } body #jp-relatedposts .jp-relatedposts-items-visual { margin-right: 0px; } body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 100%; padding-right: 0px; } body .prevnex a[rel="next"] { float: right; padding: 0; margin: 0; background: none; list-style: none; display: flex; width: 48%; flex-direction:column-reverse; } body .prevnex a[rel="prev"] .col1 { width: 20%; float: left; display: block; text-align: left; } .prevnex a[rel="next"] .col1 { width: 100%; float: left; display: block; text-align: right; font-size: 15px; padding-top: 8px; } body .prevnex a[rel="next"] .col2 { width: 100%; float: right; display: block; text-align: right; } body.post-template-single-nouveau-post div.fancy-image a:after { color: #000; font-size: 2em; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00e"; padding: 3px 10px; background: #f0effa; border-radius: 10px; cursor: pointer; position: absolute; bottom: 10px; left: 10px; } body.home .info-pratique .info{ width:100%; } body.home .col-centered{ display:block; } body.home .info-droite{ padding:0px; } body.home .info-pratique .info-droite .bloc-donate a.donate{ margin: 30px auto -30px auto; width: 250px; } body.home .info-droite .bloc-donate a.donate-accueil{ margin:0px; width:100%; } body.home figure.image-head-accueil{ display:none; } body.home h2 { text-underline-offset: 7px; font-size: 2em; line-height: 1.4em; } .home .row .no-mobile{ display:none; } .home .row .mobile{ display:block; } .home p.vocation { margin: 30px auto 30px auto; background: #08a596; border: 4px solid #00796b; color: #ffff; padding: 20px 30px; font-size: 1.11em; line-height: 1.8em; border-radius: 5px; text-align:center; } .home .row .info-pratique { margin: 50px auto 30px auto; } .home .info-centre a.bouton-accueil { padding: 5px 60px; } .home .info-centre #block-social .list-socilafe{ margin-left:15px; } .home .info-centre #block-social .list-socilafe li a { width: 60px; height: 60px; line-height: 1.9em; } .home .block-archive h3 { font-size: 1.8rem; line-height: 1.2em; } .home .block-archive .h2-clarification { font-size: 1.2em; line-height: 1.2em; } #bd .block-archive img { margin-bottom:10px; } .page-template-page-donate table{ padding:40px 10px 10px 10px; } .page-template-page-donate table, .page-template-page-donate table td, .page-template-page-donate table tr{ display:flex; flex-direction: column; width:100%; border-radius: 10px; } .page-template-page-donate .entry table td:nth-child(4){ display:none; } .post-template-single-nouveau-post .post .publicite { border: 4px dashed #08a596; padding: 30px 5px 30px 5px; margin: 30px 0; } } </style> <style type="text/css">.bonsai, .bonsai li { margin: 0; padding: 0; list-style: none; overflow: hidden; } .bonsai li { position: relative; padding-left: 1.3em; /* padding for the thumb */ } li .thumb { margin: -1px 0 0 -1em; /* negative margin into the padding of the li */ position: absolute; cursor: pointer; } li.has-children > .thumb:after { content: '▸'; } li.has-children.expanded > .thumb:after { content: '▾'; } li.collapsed > ol.bonsai { height: 0; overflow: hidden; } .bonsai .all, .bonsai .none { cursor: pointer; } </style><link rel="apple-touch-icon" sizes="57x57" href="https://www.writeups.org/wp-content/themes/glurk/dist/img/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://www.writeups.org/wp-content/themes/glurk/dist/img/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.writeups.org/wp-content/themes/glurk/dist/img/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://www.writeups.org/wp-content/themes/glurk/dist/img/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.writeups.org/wp-content/themes/glurk/dist/img/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://www.writeups.org/wp-content/themes/glurk/dist/img/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://www.writeups.org/wp-content/themes/glurk/dist/img/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://www.writeups.org/wp-content/themes/glurk/dist/img/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.writeups.org/wp-content/themes/glurk/dist/img/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://www.writeups.org/wp-content/themes/glurk/dist/img/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.writeups.org/wp-content/themes/glurk/dist/img/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://www.writeups.org/wp-content/themes/glurk/dist/img/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.writeups.org/wp-content/themes/glurk/dist/img/favicon-16x16.png"> <link rel="dns-prefetch" href="//amzn.to" data-set-by="Speed Optimizer by SiteGround"/><link rel="dns-prefetch" href="//m.media-amazon.com" data-set-by="Speed Optimizer by SiteGround"/><link rel="dns-prefetch" href="//pagead2.googlesyndication.com" data-set-by="Speed Optimizer by SiteGround"/><link rel="dns-prefetch" href="//kit.fontawesome.com" data-set-by="Speed Optimizer by SiteGround"/><link rel="dns-prefetch" href="//ka-f.fontawesome.com" data-set-by="Speed Optimizer by SiteGround"/><link rel="dns-prefetch" href="//cdn.printfriendly.com" data-set-by="Speed Optimizer by SiteGround"/><link rel="dns-prefetch" href="//z-na.amazon-adsystem.com" data-set-by="Speed Optimizer by SiteGround"/><link rel="dns-prefetch" href="//google-analytics.com" data-set-by="Speed Optimizer by SiteGround"/><link rel="dns-prefetch" href="//aax-us-east.amazon-adsystem.com" data-set-by="Speed Optimizer by SiteGround"/><link rel="dns-prefetch" href="//key-cdn.printfriendly.com" data-set-by="Speed Optimizer by SiteGround"/></head> <body id="topbody" class="post-template post-template-single-nouveau-post post-template-single-nouveau-post-php single single-post postid-35006 single-format-standard">  <header id="hd" class="headroom"> <div class="first-row"> <div class="container"> <div class="row"> <div class="col-sm-12 col-md-4"> <div class="logo"><a href="https://www.writeups.org"><span> Writeups.org </span></a></div> </div> <div class="col-sm-4 col-md-2">  </div> <div class="col-sm-8 col-md-5"> <ul class="menu-picto"> <li><a href="https://www.writeups.org/donate/" title="Donate"><i class="fas fa-dollar-sign"></i></a></li> <li><a href="https://www.writeups.org/random/" title="Random entries"><i class="fas fa-dice"></i></a></li> <li><a href="https://www.writeups.org/faq/" title="FAQ"><i class="fas fa-question"></i></a></li> <li class="lisearch"><a href="https://www.writeups.org/search/" title="Search"><i class="fas fa-search"></i></a></li> </ul> </div> </div> </div> </div>  </header>   <main id="bd" class="container">  <div class="block-bread row"> <div class="col-sm-12"> <p class="read-time"><i class="far fa-clock"></i><span>26 min read</span></p> <p class="audio"></p> <p class="audio"> </p> <p class="print-btn"> <script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'block';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfEncodeImages = 0;var pfShowHiddenContent = 0;var pfBtVersion='2';(function(){var js,pf;pf=document.createElement('script');pf.type='text/javascript';pf.src='//cdn.printfriendly.com/printfriendly.js';document.getElementsByTagName('head')[0].appendChild(pf)})();</script><a href="https://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="Printer Friendly and PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="//cdn.printfriendly.com/buttons/printfriendly-pdf-button-nobg-md.png" alt="Print Friendly and PDF"/></a> </p> </div> </div>  <div class="tpl-single"> <div class="container"> <div class="row"> <div class="col-sm-12">  <article class="post">  <header class="post-header post"> <div class="row"> <div class="col-sm-12 col-img-header"> <figure><span class="effectshadow2"><img src="https://www.writeups.org/wp-content/uploads/WORG-Guy-writeups-org-header.jpg" alt="WORG Guy writeups.org mascot header version" /></span></figure> </div> <div class="row center-block"> <div class="col-sm-7-1 col-centered"> <div class="row"> <div class="col-sm-12"> <h1> Writeup template and documentation for contributors </h1> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="taglist"> <ul><li><i class="fas fa-tags"></i><a href="https://www.writeups.org/tag/faq/" rel="tag">FAQ</a></li></ul> </div>  <div class="categories"> <li class="cat-item cat-item-34"><a href="https://www.writeups.org/category/articles-about-writeups-org/">Articles about Writeups.org</a> </li> </div> <div class="block-taxonomie"> <div class="taxo taxo1"> Power Level: <a href="https://www.writeups.org/power_level/no-applicable-power-level/" rel="tag">No applicable power level</a> </div> <div class="taxo taxo2"> </div> <div class="taxo taxo3"> Role: <a href="https://www.writeups.org/role/no-applicable-role/" rel="tag">No applicable role</a> </div> </div> </div> </div>  <div class="row"> </div> </div> </div> </div> </header>   <div class="contentpost row"> <div id="left-col" class="col-sm-12 col-lg-12"><div class="postinside"></p> <hr /> <p><div class="lead"><div class="insidelead">This is a work procedure for writeups.org contributors.</div><div class="bord"></div></div></p> <h2>Context</h2> <p>The much-revered template has three functions :<br /> <div class="listul"></p> <ul> <li> Guidance by reminding you of everything that goes into a profile. </li> <li> Allowing you to copy and reuse the “hardened” parts of a writeups – the ones where my scripts look for *specific* sequences of characters to add code. </li> <li> Extensive advice and cheat sheets.</li> </ul> <p></div></p> <p>The template itself is best copy-pasted into a blank, raw .txt document, then used as a trellis for your material.</p> <p>I’d suggest printing a copy of the entire document so you can easily have it at hand whilst writing. You could keep the pages in those multipunched transparent plastic sleeves in a one of those soft, slim binders ! It’d be so neat.</p> <p>If you’re an experienced writeups.org writer, here’s <a href="https://docs.google.com/document/d/1AFoqEqsywxmML2Q3TZ-oWyLCSMCjTOPy6UvAncGq194/edit?usp=sharing" target="_blank" rel="noopener">the almost-entirely-pared-down version of the template <span class="logo-ext"> <i class="fas fa-external-link-alt"></i></span></a> that I use for expediency.</p> <h2>The template itself</h2> <pre> NAME Category > Subcategory > Sub-subcategory > Etc Power Level: XXXXXXXXXXXX Role : XXXXXXXXXXXX URL of the shared Google Drive folder with the pictures selection : XXXXXXX (or just "the usual" if you already have a set shared folder with me). - point of import you absolutely want the reader to know before they read anything else. - another similar point of import. [lead]If an entry has a tagline or "atmosphere intro", it must be bounded by a [lead] key word and [/newleadgreen] key word, both in brackets as with this example.[/newleadgreen] <h2>Context</h2> A brief, efficient, compact, interest-arousing section. These two or three paragraphs normally cover : - the media, its origin, its era (say, a Marvel comic books series published during the 2000s, or an action-adventure video game released in 1999). - either the standard DC or Marvel lines, or a very quick sense of the setting. - some sense of why it's cool and interesting, if applicable. <h2>Background</h2> Real Name: Bob ; if none known list it as "Unrevealed" (note how we prefer "unrevealed" to "unknown", out of sheer pedantry). Alter Ego: (This is for those special cases who have a name that can't really be called a "real name", such as a serial number, a name they use on Earth but which does not legally exist, a false ID with a full paper trail, etc. Skip entirely if not applicable, which is normally the case.) Other Aliases: The Mighty Bobster (skip entirely if not applicable). Note how the labels at the beginning of the lines are always capitalized. Former Aliases: Kid Bob (skip entirely if not applicable). Marital Status: Single. Known Relatives: Bob Sr. (father, deceased), Bobette (mother), Roberta (sister). Group Affiliation: Group A (note the singular to "affiliation.") Base of Operations: Mobile ; formerly Kansas and Charente-Poitou. Height: 5'9" Weight: 170 lbs. Eyes: Brown Hair: On writeups.org, men are blond and women are blonde. Other Distinguishing Features: (Skip entirely if nothing to say, or you'd rather cover it in the Description section.) <h2>Powers & Abilities</h2> Paragraph A of the Powers and Abilities section. Paragraph B. Have you noticed how you no longer need to type in a short codes for paragraph breaks ? So that's totally cool. Keep your paragraphs short and to the point. 3 MID-LENGTH SENTENCES IS A GOOD AVERAGE PARAGRAPH LENGTH. Keep your sentences short and do not abuse multi-parts sentences. Keep in mind that paragraphs are going to look larger on the site than in your text processing software due to the font and layout. Do not use too many adjectives and passive tenses. Keep the narrative focused on whom is doing what. USE LISTS WHENEVER SUITABLE. Your objective is to explain as much as possible in this section in layman's terms. That means people can understand as much as possible even if they don't speak DCH, and that the game section that comes later can have "naked" stats rather than explanations. If you want to indicate what corresponds to which game concepts, the trick is to state "the keywords in parentheses are for <i>DC Heroes</i> players", so you can mention the DC Heroes powers as you explain things in layman's terms such as "Bob can fire concussive force from his eyes (Mental Blast)" without weirding people out. <h2>Video</h2> If you're writing about a movie, TV series, video game, musical, etc. having at last one video should be considered. Favour official accounts (so the video won't be taken offline), HD footage, brief sequences (3 minutes or less) and no copyrighted music. The goal is to give people a sense of the material. <h2>History</h2> The biographical information, as usual. Now let's discuss headings, because that's the ONLY technical bit you need to memorise. As you have seen, the "big" section titles like "Powers & Abilities" or "History" must start with a <h2> and end with </h2>. "<h2>" means "start formatting the following text like a type 2 heading" and "</h2>" means "stop doing the type 2 heading format from this point on". We'll now introduce a sub-section heading. Subsections every 5 paragraphs is a good maximum to aim for - we want to keep things AIRY and LEGIBLE. You can use subsections in any section you want (History, Personality, Powers & Abilities, etc.) <h3>Title of a sub-section within the current section</h3> Exact same thing as before, except of course "h3" stands for a type 3 heading, which is lower in the headings hierarchy by one rung. These subsection titles aren't just there to help the layout breathe - people who just scan the article (*most* readers) may only read those. Making the subsection titles both informative (about what's in the subsection) and attention-grabbing is one of the few ways to get these folks to actually read the article. <i>(And now this is a "meta" paragraph, parenthesised and in italics. This is when you briefly stop the narration to make a side remark - usually about continuity problems, out-of-universe aspects of the story, an implication about the character's power, a personal remark, etc..)</i> If you need a banner picture (a picture embedded in the column of text) to go at a specific place and/or have a specific caption and/or link to a large version, have a big marker so I won't miss it and explain what you need. For instance : XXXXXX XXXXXX XXXXXX (Banner image of pie goes here, with a "I really like pie" caption). <h3>Below this sub-section title, we talk 'bout lists</h3> Lists are verrrry important when writing stuff that's read on a screen. Any time you're enumerating more than three or so things, rapidly chaining examples, listing a series of plot each summarised as a single short sentence, etc. please please consider using bullet points. Just keep in mind that bullet points must use short items. - In practice, simply use... - A series of single dashes at the beginning of a line... - Just like this. <h4>Sub-sub section title</h4> In some cases you may need a heading that is "smaller" than <h3> headings. Unsurprisingly, that's the <h4> heading, which is simply coloured text. For instance you could have a subsection about the equipment of a character, but several items have explanations that are too lengthy to present the equipment list as a bullet-point list. Using sub-subsection headings to present each piece of equipment would keep things structured. <h2>Arbitrary section I just made up</h2> The usual flow is Powers & Abilities -> History -> Description -> Personality -> Quotes, but you can add whatever new sections you want like a boss. Just give them a type 2 heading and you're in business. A common example is when you need to explain a bunch of things about the milieu of the character, such as her planet. Video game profiles often have multiple extra sections like this, explaining various aspects of the game world. <h2>Description</h2> Additional information about how the character looks, sounds, etc. As a random note, remember you don't have to post your writeup right away -- letting it rest two or three days before posting as you get new ideas, tweak little details, realise mistakes, etc. is often valuable. <h2>Personality</h2> Remember, the information in the Personality section is one of the more unique and distinctive things about WORG (and interests even non-roleplayers), so it's worth the effort to fine-tune and detail it. Almost nobody else covers this. <h2>Quotes</h2> "Quote A !" "Quote B ?" Character 1: "Dialogue part 1 ?" Character 2: "Dialogue part 2 !" <h2>DC Universe Adaptation</h2> <i>(This section proposes ways of using this character in DC Universe stories).</i> Yes, these are commonly omitted now, but these sections tend to be interesting and to spark on-list discussion. You can of course have a "Marvel Universe History" section instead or in addition, or "Star Trek Universe History" or whatever. The parenthesised, italicized "This section proposes ways...." must always be used, as a courtesy for readers. So, you're close to the end. Now look at the Wikipedia and Wikia entries about the character. Now look at your entry. Now look back at the wikis. Look back at your entry. Is it BETTER? Because if it's not, people don't have much of a reason to read it, you see. There aren't too many ways to exist in the shadow of a 85-tons gorilla. <h2>Game Stats</h2> Name of character A XXX points Character (only for those who want to calculate this ; if not just skip) Dex: 01 Str: 10 Bod: 01 Motivation: Motivation (note how attributes always have two digits) Int: 10 Wil: 01 Min: 10 Occupation: Occupation (note *exact* name of attributes) Inf: 01 Aur: 10 Spi: 01 Wealth: 001 (note how Wealth, Init, HPs always have 3 digits) Init: 012 HP: 100 --Powers: Power A: 01, Linked power B*: 01, Mystic-linked power C (ML): 01, Mystic-linked and linked power D (ML)*: 10 (If no Powers whatsoever, skip entirely. Note the double colon, and that scores always have two digits. Note where the asterisk is for Linked Powers. Note where the ML is for mystic-linked stuff) --Bonuses and Limitations: - Power A has Limitation 1. - Power B has Limitation 2 (-50 BC, -2 FC) (If no Bonus and Limitation to Powers whatsoever, skip.) --Skills: Skill: 10, Linked skill (subskill A, subskill B)*: 08 (If no Skills whatsoever, state it. Note the double colon, and that scores always have two digits. Note where the asterisk is for Linked Skills. Also it's Martial Artist, not Martial Arts). --Bonuses and Limitations: Skill A has Limitation 3 (-1) (If no Bonus and Limitation to Skills whatsoever, skip entirely). Note how the previous Bonuses and Limitations bit starts its lines with a dash because it will be a bullet-points list, whereas this one doesn't because it will be an ordinary paragraph. --Advantages: Language (Language A, Language B), Headquarters (Expansive - note how the stuff in parentheses starts with a capital), Schtick (Schtick A, Schtick B) (If no Advantages whatsoever, state "none demonstrated"). By the way, you *did* note the double dashes before each of the labels, right ? --Connections: Connection A (High), Connection B (Low) (Note the plural to "Connections". If no Connections whatsoever, state it. Note that Omni-Connection, Confidants, etc. are Advantages.) --Drawbacks: MIA toward X, Partial Attack Vulnerability (pink fluffy dinosaurs, -2CS to RV), MIH of Y, MIH (Pink fluffy dinosaurs) (If no Drawbacks whatsoever, state "none demonstrated") -- Genre: With any relevant explanation. Skip entirely if not important, which is usually the case. Do note that we be talking about Genre in the *DCH* sense of the term, not the general sense (e.g., "drama"). --Rituals: For the not very important ritual components are not an issue (0 AP cost) or considered already purchased -- Ritual Name [Power A: 08, Casting Time: 01, Special Restrictions: A goat] (If no Rituals whatsoever, skip.) If you want Rituals for that character to be more visible than the one-line format above, use this : Ritual's name Effect: Power A: 08, Fog: 03 Casting Time: 01 Components: 00 (Cost in APs). Special Restrictions: A goat. Comments: Power A is combined with (and active throughout) the Fog. Cost: --Equipment: - Gadget A [BODY 04, EV 03 (04 w/STR, 05 w/Martial Artist), Power A: 04, R#02. Notes : Note how BODY and EV are not followed by a colon because they're technical terms. Bonuses & Limitations : Note the use of the ampersand so the parsing script can distinguish it from the sections above. If there are mutliple Ammo scores, list them after the Powers in the form Projectile Weapons (Ammo 06): 06 -- or even something like Projectile Weapons (Ammo 06 - Left canister launcher): 06 if the stats are getting too hard to follow.] - Gadget B [DEX 01 STR 04 BODY 06, Skin Armor: 04]. There are dashes in front of the Gadgets because I want this stuff displayed as a bulletted list. - Gadget C, WHICH CANNOT BE TAKEN AWAY [BODY 04]. - Gadget D, WHICH CANNOT BE TAKEN AWAY [/DEX/ 04 /STR/ 08 /BODY/ 10, Notes : those are italicized/substituting Attributes. Note the lack of punctuation other than the slashes, and note how the slashes are around the word rather than the word and the number]. (If no Equipment whatsoever, skip entirely.) <h3>Title of a separate sub-section</h3> Just like any other sections, really. Good if you want to have stuff like : - a discussion of a technical point. - the stats for a Pet, a sidekick, etc.. - alternate stats (depowered character, character during a specific era, etc.). - an extensive technical discussion of a complex Gadget or Artefact (often useful for power armour, starships and the like). - etc.. Just have each one in its own section, with its own type 3 heading. Simple as pie. <h3>Note about what belongs to the game stats</h3> If you find yourself typing a game stats sub-section that has more than two sentences without game terms, it's a pretty good sign you need to move that to the general P&A section, and keep the naked technical info for the game stats. [special] <h3>Design notes</h3> If any. [/special] Recommended storyline: for comics, you can indicate which storyline featuring the character you'd recommend. If you happen to know the best reprint of it indicate it, if not just indicate the issues and I'll check for proper reprints. Same general idea for, say, characters who only appear in a handful of episodes of a TV show, in one film or novel of a looong series, etc. This'll get turned into our Amazon recommendation. Since you just did the research, you might as well recommend the coolest stories featuring this character. One or two recommendations is common, three or four is okay too. --By (name of the author). --Source: (if you want to add specific details about that, such as a range of issues, a beginning point and an end point, the specific DLC adding the character to the game, whatever). --Helpers: (names of helpers go there. Helpers for a previous version are inherited by the next version even if these people are long gone). Hopefully you have noted that these micro-sections all start with a double dash. --Date: Writeup completed on the 18<sup>th</sup> of October, 2009 (and yes, you have to change the date. Also, note the superscripting). </pre> <hr /> <h2>Taxonomies cheat sheets</h2> <h3>Categories</h3> <p>Open a default search page (by just clicking on “Search” in the header without typing in anything) and use the left-hand category toggles to explore the categories and see what exist. </p> <h4>Powers Levels:</h4> <p><div class="listul"></p> <ul> <li> Not applicable <li> Street-level <li> Mid-level <li> Heavy Hitter <li> Cosmic-level </ul> <p></div></p> <p>“Mid-level” is Aquaman, Spider-Man or most classic X-Men.&emsp;Street-level tops out at roughly Daredevil level (street-level tends to top out with EVs and RVs around 06, whereas EVs between 8 and 12 are more typical of mid-level).</p> <p>“Heavy Hitter” is Wonder Woman, Superman, Thor, a modern Iron Man, etc. EVs are usually in the 18 to 24 space.</p> <p>“Cosmic level” is for Galactus, a maxed-out Spectre and the like.</p> <p>Characters can have multiple power levels – Batman is both street-level and mid-level.</p> <h3>Role</h3> <p><div class="listul"></p> <ul> <li> Character (Heroic).</li> <li> Character (other story roles).</li> <li> Character (possible antagonist for both heroes and villains).</li> <li> Character (supporting cast).</li> <li> Character (Villainous).</li> <li> No applicable role.</li> <li> Organisation or team.</li> <li> Setting elements (objects, places, concepts…).</li> <li> Species (alien, humanoids, variant humans…).</li> </ul> <p></div></p> <p>Should be fairly explanatory ; “no applicable role” is extremely rare outside of FAQ/technical articles. Video game monsters usually end in the “species” category, and be mindful of not having supporting cast end up in “other story roles”.</p> <h3>Common opening bullet points</h3> <p>These are the successors of the old “Reasons” section, though much of their lunch was eaten by the new Context section. In practice it tends to always be the same ones, namely :<br /> <div class="listul"></p> <ul> <li> This profile includes S P O I L E R S.</li> <li> If you are not familiar with the material, see THIS BASE CAMP ENTRY first.</li> <li> This profile is part of a series (PREVIOUS ENTRY, NEXT ENTRY – or even a full entries list).</li> </ul> <p></div></p> <h2>Taxonomies cheat sheets — tags</h2> <p>The tags are now deployed.&emsp;So they now have <a href="https://www.writeups.org/tags/">their own guide/FAQ page</a>.</p> <h2>Hardened sections</h2> <p>Writeups are now close to WYSIWYG – between my scripts and WordPress’ texturizers, you can type your text pretty freely and it’ll be handled. The “hardened” parts are the ones that must still follow an exact formulation for the tech to work.</p> <p>These are :<br /> <div class="listul"></p> <ul> <li> Opening and closing your headings correctly : <h2>…</h2> and <h3>…</h3> for type 2 (big) and type 3 (small) heading respectively.</li> <li> Always copy and paste the sample DCH stats table exactly as is (while replacing the placeholders with the correct values, obviously). If some value is blank (such as Motivation or Wealth for an animal), use something like “N.A.”, a slash, a dummy datum (“Occupation: Professional Animal”), etc..</li> <li> The two dashes before the labels in the game stats, and in the footer (author, source, helpers) – which must be followed by the exact expression. For instance it’s “–Drawbacks:”, plural and immediately followed by a colon.</li> <li> Always copy and paste the sample Background block (remove the lines you don’t want to use, of course) since the script is looking for specific strings of text such as “Group Affiliation:” – singular, both words capitalized, immediately followed by a colon, etc.</li> <li> Bullet points are always represented by a carriage return followed by a single dash.</li> <li> If you have a [special] or a [lead] box, you *close* them. </li> </ul> <p></div></p> <h2>Leave your writeup to rest for a week or so once completed</h2> <p>There ain’t no rush.&emsp;Once completed leave your profile to rest so you can get new ideas, tinker with it a bit and — perhaps most importantly — re-read it one last time with relatively fresh eyes.</p> <p>This allows for significant quality gains with little effort.</p> <h2>Cheat sheet – stylin’ your text like a dandy</h2> <h3>Font variants</h3> <p>If you want typographic effects, the main ones are:<br /> <div class="listul"></p> <ul> <li> <i><i>This text will appear in italics thanks to the i tags</i></i> (you should do that for book/song/painting titles, and ship/starship names).</li> <li> <strong><strong>This text will appear in bold thanks to the strong tags</strong></strong>.</li> <li> <sup><sup>This text will appear superscripted thanks to the sup tags</sup></sup> (mostly useful for abbreviations like 1<sup>st</sup>, 4<sup>th</sup>, XX<sup>th</sup>, etc.).</li> <li> don’t use <u>underlining</u> on the web, people can mistake that for hyperlinks.</li> </ul> <p></div></p> <p>Bold text (with the <strong> tag) is mostly useful in the Quotes section, if you want to emulate comic book lettering.&emsp;It can also be used to highlight key words in a text to improve readability – this probably works, though personally I’m not a fan.</p> <h3>Foreign characters</h3> <p>If you want to use special characters (anything that’s not a number, an unaccented letter or common punctuation or maths operators) in your text, you just have to quickly look up the code on a page like <a href="http://www.ascii.cl/htmlcodes.htm" target="_blank" rel="noopener">Ascii.cl <span class="logo-ext"> <i class="fas fa-external-link-alt"></i></span></a> and use its HTML name or HTML number.</p> <p>Some common ones :<br /> <div class="listul"></p> <ul> <li> é is &eacute;.</li> <li> è is &egrave;.</li> <li> à is &agrave;.</li> <li> ï is &iuml; (“uml” is short for umlaut).</li> <li> ü is &uuml;.</li> <li> ō is &#333; (often used in Japanese transcriptions).</li> <li> ñ is &ntilde;.</li> <li> ½ is &frac12; ⅓ is &frac13; and ¼ is &frac14;.</li> </ul> <p></div></p> <h3>On the other hand, Microsoft is the Devil</h3> <p>Make sure not to have Microsoft auto-styled characters such as their damn legacy version of an ellipsis (…) and the em-dash (—). These cause all sorts of issues.</p> <p>If you want a … simply type three periods (...) and they will be auto-styled when published. And if you can’t arsed to type your em-dashes, a pair of hyphens (--) will be auto-merged as an em-dash when published.</p> <h3>Numbers</h3> <p>I heartily recommend the Associated Press rule — numbers below 11 in letters, numbers above ten in digits.&emsp;It’s efficient and logical.&emsp;Which is good.</p> <h2>The boxed sections – [lead] and [special] and blurbs</h2> <h3>[lead] – the tagline box</h3> <p>Some profiles have an “atmosphere intro” block with a special style – usually a tagline, or a particularly atmospheric quote, or a remarkable caption. Most writeups are better without, but if you think you’ve found a good hook that really tells something about the profile, go ahead.</p> <p>It must begin with [lead] (in brackets) and end with [/lead] (in brackets) for the content to be styled.</p> <h3>[special] – the green box</h3> <p>These are sidebars, really – except that our layout means that they ain’t actually on the side. They must remain short – if what you have in mind is longer than 3 paragraphs or so, it is almost certainly a custom section instead.</p> <p>They must be bounded using a bracketed [special] and [/special], and have their own type 3 heading *within* the bracketed keywords.</p> <p>There are two main type of use – general, and within the game stats.</p> <h4>General</h4> <p>Green boxes are rare in general use. They mean “here is an aside I have to discuss now for clarity’s sake, but it’s not a part of the normal flow of the section”.</p> <p>In my experience these are usually about simple chronological and continuity issues (complex ones are, again, covered in custom sections). If you really want a long one, consider breaking sections (ex.: a “History, part 1” section, a “Continuity notes” section, then a “History, part 2” section).</p> <p><div class="special-green"></p> <h3>Special section</h3> <p>So, yeah, this is one of ’em green boxes.&emsp;Just to be sure we understand each other.</div></p> <h4>In the game stats</h4> <p>These are normally titled “Design Notes”. You can imagine that these constitute a “breaking the fourth wall” or a “behind the scenes” moment where you explain and comment the stats – it belong to the stats section, but it’s not stats.</p> <p>Many readers find such discussions interesting and educational, and it might teach future contributors how to stat out characters in our style — so don’t assume that nobody cares.</p> <p>We used to have a lot of grey boxes in the game stats, but these were a mistake and have been phased out in favour of simple sub-sections.</p> <h3>Blurbs</h3> <p>“Blurbs” are large, short, styled text. They often are a quote about the character, or a salient point of what is being explained. It’s meant to be eye-catching and to encourage people to read instead of scanning. </p> <p><div class="newget"><div class="quote">“Hey. I’m a blurb. That’s right. Me !”</div></div><div class="clearfix"></div></p> <p>Their main use is when you don’t have enough banner images to break up the text, for instance because you’re writing about a novel and there are few pictures to be had. So that’s not a common layout element, but it’s one that really helps in certain cases.</p> <p>There’s no pseudo-code to learn for that one, just spell it out in your text (“put the following up as a blurb at about this point :”).</p> <h2>Readability score</h2> <p>Your words processor presumably has a calculator for the <a href="https://en.wikipedia.org/wiki/Flesch%E2%80%93Kincaid_readability_tests#Flesch_Reading_Ease" target="_blank" rel="noopener">Flesch-Kincaid readability score <span class="logo-ext"> <i class="fas fa-external-link-alt"></i></span></a> of your article. That encourages writers to stick to short sentences, and use mostly short words. A score above 60 is usually considered good.</p> <p>If you want something more colourful you can paste your draft into <a href="http://www.hemingwayapp.com/" target="_blank" rel="noopener">Hemingway <span class="logo-ext"> <i class="fas fa-external-link-alt"></i></span></a> for feedback about long sentences, long words, passive voice, adverbs, etc. It’s free and it’s useful, though of course it remains a simple tool with narrow coverage.</p> <p>Remember – the average American reads with the proficiency of a 7th grader.</p> <h2>Links !</h2> <h3>Format</h3> <p>We’ll use a sort of pseudocode that goes <url=https://www.writeups.org>text for the link</url> . As always, don’t forget to close the tag.</p> <h3>What sorts of links ?</h3> <p>The four usual sorts of links we want are :</p> <p><div class="listol"></p> <ol> <li> Links to other WORG entries. </li> <li> Links to external pages for credit. </li> <li> Links to external pages for explanations. </li> <li> Links to highly-ranked sites.</li> </ol> <p></div></p> <h4>Links to other entries</h4> <p>I’LL DO THESE, DON’T BOTHER.&emsp;Let me know if I miss one, but it’s easier for me than for you to do it, and fewer URLs will make your draft more legible.</p> <p>Linking to our own entries is important. Feel free to name-drop a bit in the History section and elsewhere, even if we don’t have yet a profile for a character you’re mentioning.</p> <h4>External links for credit</h4> <p>When crediting an external site used as an information source, though that doesn’t happen since we do original research.</p> <h4>External links for explanations</h4> <p>When you’re making a complex reference, using a rare term, or other cases where you cannot reasonably expect the vast majority of readers to get it. An old example was using the verb “to grok” in a profile ( <a href="http://www.merriam-webster.com/dictionary/grok" target="_blank" rel="noopener">http://www.merriam-webster.com/dictionary/grok <span class="logo-ext"> <i class="fas fa-external-link-alt"></i></span></a> ), but it could also be referring to well-known events such as the Mutant Massacre ( <a href="http://marvel.wikia.com/wiki/Mutant_Massacre" target="_blank" rel="noopener">http://marvel.wikia.com/wiki/Mutant_Massacre <span class="logo-ext"> <i class="fas fa-external-link-alt"></i></span></a> ) without having to explain it further for newbies since you’ve provided a link.</p> <p>Keep in mind we write for people of all ages, all over the world, of most social classes, with all sorts of educational profiles. Refrain from assuming that “meh, everybody knows about that”. We want to be accessible and communicate clearly.</p> <h4>Prestige links</h4> <p>Due to the way Google works, websites benefit from linking to good, reputed websites – and are better off not linking to shitty ones.</p> <p>This is why, when reading news sites, you see so many links in the text that serve no real purpose and that few people ever click.</p> <p>In our case, cred-building links we might use when fitting include :<br /> <div class="listul"></p> <ul> <li> The publisher sites (Marvel, DC, Square Enix, Bioware, 20th Century Fox, whatever). </li> <li> Wikipedia, the 800 lbs. gorilla. </li> <li> The big wikias (Marvel, DC, the better video game wikis, etc.). </li> <li> Peers (Marvunapp, Comics.org, ComicVine, Cosmic teams…). </li> <li> Major universities (at their .edu domain). </li> <li> YouTube if you don’t want to embed the video. </li> <li> Maybe some major newspapers and pure players (New York Times, Vox, Daily Bugle, etc.) to link at a review or something. </li> <li> Big references sites such as the Merriam-Webster.</li> </ul> <p></div></p> <p><b>Adding the external link icon</b><br /> If a link is to an external site (i.e., not writeups.org) add a little [ext] (with the brackets) at the end of your link, just before the </url> closer.&emsp;This will add the little courtesy icon signalling an external link.</p> <h2>Our glossary – a specific kind of link</h2> <p><a href="/glossary/">Our glossary</a> is a specific form of link. This page is intended for people who aren’t full-bore geeks and do not know the lingo that is taken for granted by role-players, gamers, comics enthusiasts, etc. It is part of our efforts to make the site more accessible.</p> <p>If you use a bit of jargon, simply add “[gloss]” (without quote marks, but with brackets) after it – that will add the information circle icon and the link. Of course, check whether the jargon in question is in the glossary, and if it ain’t offer a definition so it can be added.</p> <p><b>About jargon in general</b><br /> We can distinguish four kinds.</p> <h4>Avoidable jargon</h4> <p>A typical example with me is using military TLAs out of habit, and assuming people know what a MOS, a FOB, CQB situations, CAS requests, etc. mean.</p> <p>Simplest approach for this set – avoid using it, or in the case of acronyms spell it out. So avoid having people running around with glaive-guisarmes if a simple “polearms” will do (plus, Gary Gygax is dead).</p> <p>(Of course you can have one or two bits of flourish per profile, let’s not oversimplify everything either).</p> <h4>World jargon</h4> <p>Typical examples are world elements – the names of gods and places and peoples in an <i>Everquest</i> article, the Negative Zone, the Crisis on Infinite Earths, references to famous characters such as Sylvanas Windrunner in a <i>World of Warcraft</i> article, etc.</p> <p>Hyperlinking those to an outside source (or inside source if writeups.org has the goods) *and* providing a shred of context seems to be the best approach. So if my WoW article mentions Tirion Fordring, I’m gonna write “the aged but mighty paladin Tirion Fordring” rather than just his name, and hyperlink his name to a good WoW wiki.</p> <h4>DCH/DCA jargon</h4> <p>As previously discussed, keep the technical terminology to the Game Stats section. It’s not an absolute though – we capitalize on the fact that most DCH terminology looks like normal English.</p> <p>So something like “in <i>DC Heroes</i> terms, this is Mind Probe” is sufficiently unintimidating and can stick around in a Powers & Abilities section. Whereas something like “she generally subs MA for EV while spending some HPs on RV” definitely belongs to the Game Stats section.</p> <p>My exception is “Hero Points”, since it’s just so useful a concept. Hence their presence in the glossary (though it’s best to spell it out rather than go “HPs” outside of the Game Stats zone.)</p> <h4>Geek jargon</h4> <p>That’s where the glossary comes in. The jargon is understood by the bulk of the readers, but we can no longer assume that all readers are high-level geeks – so a resource helps.</p> <p>That way it can just be thrown in without having to build a link toward a specific word, and it encourages people to learn several words in one go.</p> <h2>Images, video, sounds, etc.</h2> <p><div class="listul"></p> <ul> <li> A width of 1,000 pixels for “vertical” images for the right-hand column, 1,500 pixels for “horizontal” images for the main column. Uncompressed .tiff images shared via Google Drive. Original material when possible (i.e., not taken from another website) <li> The basics for the “vertical” images in the righ-hand column are a body shot, a face closeup and an action shot. It’s not always possible, but it’s nice. Don’t have too many images in the right-hand column either – we have a tendency to have redundant images. <li> Corporate-owned art is fair use, but fan art must be authorised, credited and hyperlinked. <li> One banner image for almost every sub-section (about 5 paragraphs) is nice. These break up the wall of text, rest the eyes, encourage those only looking at the pictures to glance at the text, etc. <li> Not all banners have to be of the character, which gets repetitive for very long entries. Landscapes, bases, vehicles, equipment, group shots, etc. are also fine as long as they are clearly captioned. <li> If what a picture depicts ain’t obvious or benefits from context, just caption it. It’s always better to err on the side of captioning, whether it’s a main column image or a right-hand column one. <li> If there are no pictures for a character, strongly consider making some. Beyond drawing and scanning, there are plenty of free resources such as <a href="http://fabricadeherois.blogspot.com">fabricadeherois.blogspot.com <span class="logo-ext"> <i class="fas fa-external-link-alt"></i></span></a> or the Saints Row 3 Initiation Station (free download on Steam).&emsp;See the <a href="https://www.writeups.org/news/dc-heroes-rpg-character-generator-test/">article about character generator software</a>. <li> For characters from movies, TV series, video games, etc. embedding a YouTube video is a definite possibility. There must be a caption explaining what it is, and you shouldn’t rely on it (some terminals can’t do video, videos on YouTube tend to disappear, etc.). Usually it’s best to create a full separate section with the videos and some explanations about them. Very useful if you want to show movement, fighting, voice, body language, acting, etc. <li> In very rare cases you may want to have the possibility of playing a sound (no autostart, obviously). You’ll need a file in a standard format, though (.wav, .mp3, etc.) </li> </ul> <p></div> </p> <h3>Giant pictures of doom</h3> <p>The banner-format pictures are now appreciably larger, but in some cases it may still be too small to your liking – especially if you have a HD screen. In this case, add a note to your write-up saying which images you’d like to have available in giant format. What I will do is add a clickable caption under the image, and clicking takes the reader to a blank page with a 1,500px-wide version of the image.</p> <p>This is not meant to be systematic — we only have so much storage space — but it’s mostly useful for atmospheric landscape shots to show how a world looks like, screenshots that required a lot of work, complex images with lots of telling details, etc.</p> <h3>Additional notes about images size</h3> <p>A quick note about the image sizes for entries (1000 px wide for verticals, 1500 px wide for horizontals in most cases).</p> <p>These sizes are deliberately more-or-less doubled.&emsp;In publication terms these images will be 500px and 725px respectively.&emsp;In many cases they will be smaller as responsive code fits them to the display size.&emsp;Banners, in particular, become tiny in smartphones held vertically.</p> <p>The doubling is to future proof against displays with increased pixel density (HiDPI), such as Retina screens.&emsp;Will HiDPI techs ever be a dominant standard ?&emsp;As <a href="https://www.writeups.org/dragon-age-hero-of-felderen-tabris/">Alamen</a> would say, **** if I ****ing know.&emsp;But it’s a definite possibility.</p> <p>HiDPI displays do a bit of hoodoo on images, so they display at the same size but with a double (or more) resolution.&emsp;The usual solution is to have an alternate set of larger images, tagged HiDPI, which are served instead to these displays.&emsp;Who thus can work with an image that is *actually* double-res, rather than hoodooin’ some resolution in.</p> <p>IN PRACTICAL TERMS, this means that if you *don’t* have a 1000px or 1500px widths image, but can do 500 or 725 (or less but not-too-much-less) from your source, we’re still good.&emsp;This specific image won’t be future-proofed, but as <a href="https://www.writeups.org/swtor-smuggler-cathar-mytasha-shiv/">Mytasha</a> would say, that’s just the way the flatcake crumbles.</p> <p>IN PRACTICAL TERMS AGAIN, what happens in most cases is that I have images between 500 and 1,000 or between 700 and 1,500, and I process ’em up to 1,000 or to 1,500.&emsp;Doing it manually rather than by hoodoo allows for an additional pass to filter artefacts from, as <a href="https://www.writeups.org/ms-marvel-kamala-khan-marvel-earliest/">Kamala</a> would say, embigenning.</p> <h3>Additional additional notes on small images</h3> <p>So, the next question is of course “which images are too small ?”..&emsp;The answer, is with everything in life is – it depends.</p> <p>The embigenning algorithm is Photoshop’s.&emsp;It’ll usually allow me to work with 300px or even 250px images, to bring them to 500px.&emsp;But not necessarily.</p> <p>A lot has to do with the level of aliasing in the original images, the level of aliasing of the lettering (often different from the image’s), its DPI resolution (whether there are “fat pixels”), any colour banding, the printing quality if it’s a scan, whether there’s moire, the video compression if applicable, contrast (in some cases), etc..</p> <p>Even with experience, guessing ahead whether the embigenned image will be usable is a mug’s game.</p> <p>It also depends how well various filtering treatments will perform when it comes to repairing the damage that embigenning an image inevitably does.&emsp;Sometimes it’s magic, sometimes it would require hours of work – and these might easily be wasted because it all plain sucks.&emsp;Which means I’ll likely won’t engage an image that requires too much work.</p> <p>Another aspect is that “slim” images, when embigenned to a 500px width, can become extremely tall.&emsp;Like, they wouldn’t fit into a browser window, even on a 1080p desktop display.&emsp;So that’s a showstopper, unless some smart cropping is possible.</p> <p>One last aspect is that one needs experience to spot the aliased, ill-rendered and artefacted, smudged, etc. damage on the image.</p> <p>You can see that every time there’s work to improve IQ (image quality) by, say, injecting shaders into a video game.&emsp;You’ll have <a href="https://www.writeups.org/dc-heroes-stock-average-person/">Clueless Claude</a> walking in and announcing “uhhhr, I don’t see the differences between these two screenshots, it’s all the same”.&emsp;Well, dear Clueless Claude, we don’t work for *you*.&emsp;We work for all the people who *do* see the difference, even if they can’t define it.&emsp;Grrr.</p> <p>SO, IN PRACTICAL TERMS – it depends.</p> <h2>Writing guidelines</h2> <p>These live in <a href="https://www.writeups.org/writing-guidelines-contributors/">their own article</a>.<br /> </div></div> </div> <div class="row center-block"> <div class="col-sm-7-1 col-centered"> <footer class="postfooter"> <div class="prevnex"> <a href="https://www.writeups.org/rpg-game-stats-dc-heroes/" rel="prev"><span class="col1"><i class="fa fa-arrow-circle-o-left"></i></span><span class="col2">FAQ – About the game stats</span></a> <a href="https://www.writeups.org/dragon-age-origins-pc-tweaks-guide/" rel="next"><span class="col1">Dragon Age: Origins PC tweaks guide </span><span class="col2"><i class="fa fa-arrow-circle-o-right"></i></span></a> </div> </footer> </div> </div>  </article>  </div> </div> </div> </div> </main>   <div class="gototop container"> <div class="row"> <div class="col-sm-12"><a href="#topbody" id="gotop"></a></div> </div> </div> <div id="block-social"> <div class="container "> <div class="row"> <div class="col-sm-7"> <div id="nav_menu-2" class="widget widget_nav_menu"><div class="menu-menu-footer-container"><ul id="menu-menu-footer" class="menu"><li id="menu-item-114486" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114486"><a href="https://www.writeups.org/random/"><i class="fas fa-dice"></i> Random post</a></li> <li id="menu-item-114489" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114489"><a href="https://www.writeups.org/our-top-10/"><i class="fas fa-trophy"></i> Our Top 10</a></li> <li id="menu-item-114490" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-114490"><a href="http://www.writeups.org/glossary/"><i class="fas fa-book"></i> Glossary</a></li> </ul></div></div><div id="nav_menu-3" class="widget widget_nav_menu"><div class="menu-menu-footer-2-container"><ul id="menu-menu-footer-2" class="menu"><li id="menu-item-114514" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114514"><a href="https://www.writeups.org/about-us/">About us</a></li> <li id="menu-item-114515" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-114515"><a href="http://www.writeups.org/faq/">FAQ</a></li> <li id="menu-item-114513" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114513"><a href="https://www.writeups.org/donate/">Donate</a></li> </ul></div></div> </div> <div class="col-sm-5 col-md-4 col-md-offset-1"> <h2 class="followus">Follow us</h2> <ul class="list-socilafe"> <li class="facebook"><a href="https://www.facebook.com/pages/Writeupsorg/135805366442534?ref=ts" title="Facebook"><span>Facebook</span></a></li> <li class="twitter"><a href="https://twitter.com/Writeupsorg" target="_blank" title="Twitter"><span>Twitter</span></a></li> <li class="pinterest"><a href="https://www.pinterest.com/writeupsorg/illustrations-im-glad-i-got-done/" title="Pinterest" target="_blank"><span>Pinterest</span></a></li> <li class="googleplus"><a href="https://groups.io/g/dc-heroes" target="_blank" title="Groups.io"><span>Groups.io</span></a></li> </ul> </div> </div> </div> </div>   <footer id="ft"> <div class="container"> <div class="row"> <div class="col-sm-8">  <div class="block-recomand"> </div>  </div> <div class="col-sm-4 forways">  </div> </div> </div>  <div id="ft2"> <div class="container"> <div class="row"> <div class="col-sm-6"> <p><i class="fa fa-copyright"></i> copyright 2015 – writeups.org</p> </div> <div class="col-sm-6 text-right"> <p><a rel="nofollow" href="https://jaetheme.com" target="_blank" title="ui designer and developer front-end freelance">UI designer : Jaetheme.com</a>.&emsp;Homepage hero illustration: Guillaume Martinez.</p> </div> </div> </div> </div> </footer>  <script type="text/javascript" src="https://www.writeups.org/wp-content/themes/glurk/dist/js/jquery.js"></script> <script type="text/javascript" src="https://www.writeups.org/wp-content/themes/glurk/dist/js/plugins.js"></script> <script type="text/javascript" src="https://www.writeups.org/wp-content/themes/glurk/dist/js/global.js"></script> <script type="text/javascript" id="jetpack_related-posts-js-extra"> /* <![CDATA[ */ var related_posts_js_options = {"post_heading":"h4"}; /* ]]> */ </script> <script type="text/javascript" defer src="https://www.writeups.org/wp-content/plugins/jetpack/_inc/build/related-posts/related-posts.min.js?ver=20240116" id="jetpack_related-posts-js"></script> <script type="text/javascript" defer src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js?ver=1.0.3" id="fancybox-js"></script> <script type="text/javascript" src="https://www.writeups.org/wp-content/plugins/sg-cachepress/assets/js/lazysizes.min.js?ver=7.7.1" id="siteground-optimizer-lazy-sizes-js-js"></script> <script type="text/javascript" defer src="https://www.writeups.org/wp-content/plugins/lazy-load-for-videos/public/js/lazyload-shared.js?ver=2.18.3" id="lazyload-video-js-js"></script> <script type="text/javascript" id="lazyload-youtube-js-js-before"> /* <![CDATA[ */ window.llvConfig=window.llvConfig||{};window.llvConfig.youtube={"colour":"red","buttonstyle":"youtube_button_image_red","controls":true,"loadpolicy":true,"thumbnailquality":"0","preroll":"","postroll":"","overlaytext":"","loadthumbnail":true,"cookies":false,"callback":""}; /* ]]> */ </script> <script type="text/javascript" src="https://www.writeups.org/wp-content/plugins/lazy-load-for-videos/public/js/lazyload-youtube.js?ver=2.18.3" id="lazyload-youtube-js-js"></script> <script type="text/javascript" id="lazyload-vimeo-js-js-before"> /* <![CDATA[ */ window.llvConfig=window.llvConfig||{};window.llvConfig.vimeo={"buttonstyle":"youtube_button_image_red","playercolour":"#00adef","preroll":"","postroll":"","show_title":false,"overlaytext":"","loadthumbnail":true,"thumbnailquality":false,"cookies":false,"callback":""}; /* ]]> */ </script> <script type="text/javascript" src="https://www.writeups.org/wp-content/plugins/lazy-load-for-videos/public/js/lazyload-vimeo.js?ver=2.18.3" id="lazyload-vimeo-js-js"></script> <script type="text/javascript" src="https://www.writeups.org/wp-content/uploads/hummingbird-assets/96ca165127a060cbb0771a05f1ad8306.js" id="wphb-1-js"></script> <script type="text/javascript" id="wphb-1-js-after"> /* <![CDATA[ */ _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"112490638\",\"post\":\"35006\",\"tz\":\"1\",\"srv\":\"www.writeups.org\",\"j\":\"1:14.0\"}") ]); _stq.push([ "clickTrackerInit", "112490638", "35006" ]); /* ]]> */ </script> <style type="text/css">/** * Jetpack related posts */ /** * The Gutenberg block */ .jp-related-posts-i2 { margin-top: 1.5rem; } .jp-related-posts-i2__list { --hgap: 1rem; display: flex; flex-wrap: wrap; column-gap: var(--hgap); row-gap: 2rem; margin: 0; padding: 0; list-style-type: none; } .jp-related-posts-i2__post { display: flex; flex-direction: column; /* Default: 2 items by row */ flex-basis: calc( ( 100% - var(--hgap) ) / 2 ); } /* Quantity qeuries: see https://alistapart.com/article/quantity-queries-for-css/ */ .jp-related-posts-i2__post:nth-last-child(n+3):first-child, .jp-related-posts-i2__post:nth-last-child(n+3):first-child ~ * { /* From 3 total items on, 3 items by row */ flex-basis: calc( ( 100% - var(--hgap) * 2 ) / 3 ); } .jp-related-posts-i2__post:nth-last-child(4):first-child, .jp-related-posts-i2__post:nth-last-child(4):first-child ~ * { /* Exception for 4 total items: 2 items by row */ flex-basis: calc( ( 100% - var(--hgap) ) / 2 ); } .jp-related-posts-i2__post-link { display: flex; flex-direction: column; row-gap: 0.5rem; width: 100%; margin-bottom: 1rem; line-height: 1.2; } .jp-related-posts-i2__post-link:focus-visible { outline-offset: 2px; } .jp-related-posts-i2__post-img { order: -1; max-width: 100%; } .jp-related-posts-i2__post-defs { margin: 0; list-style-type: unset; } /* Hide, except from screen readers */ .jp-related-posts-i2__post-defs dt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } .jp-related-posts-i2__post-defs dd { margin: 0; } /* List view */ .jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__list { display: block; } .jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__post { margin-bottom: 2rem; } /* Breakpoints */ @media only screen and (max-width: 640px) { .jp-related-posts-i2__list { display: block; } .jp-related-posts-i2__post { margin-bottom: 2rem; } } /* Container */ #jp-relatedposts { display: none; padding-top: 1em; margin: 1em 0; position: relative; clear: both; } .jp-relatedposts:after { content: ''; display: block; clear: both; } /* Headline above related posts section, labeled "Related" */ #jp-relatedposts h3.jp-relatedposts-headline { margin: 0 0 1em 0; display: inline-block; float: left; font-size: 9pt; font-weight: bold; font-family: inherit; } #jp-relatedposts h3.jp-relatedposts-headline em:before { content: ""; display: block; width: 100%; min-width: 30px; border-top: 1px solid #dcdcde; border-top: 1px solid rgba(0,0,0,.2); margin-bottom: 1em; } #jp-relatedposts h3.jp-relatedposts-headline em { font-style: normal; font-weight: bold; } /* Related posts items (wrapping items) */ #jp-relatedposts .jp-relatedposts-items { clear: left; } #jp-relatedposts .jp-relatedposts-items-visual { margin-right: -20px; } /* Related posts item */ #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { float: left; width: 33%; margin: 0 0 1em; /* Needs to be same as the main outer wrapper for Related Posts */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { padding-right: 20px; filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4), #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) { clear: both; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a { text-decoration: underline; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } /* Related posts item content */ #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title, #jp-relatedposts .jp-relatedposts-items p, #jp-relatedposts .jp-relatedposts-items time { font-size: 14px; line-height: 20px; margin: 0; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs { position:relative; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay { position:absolute; top:0; bottom:0; left:0; right:0; display:block; border-bottom: 0; } #jp-relatedposts .jp-relatedposts-items p, #jp-relatedposts .jp-relatedposts-items time { margin-bottom: 0; } #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title { text-transform: none; margin: 0; font-family: inherit; display: block; max-width: 100%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { font-size: inherit; font-weight: normal; text-decoration: none; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover { text-decoration: underline; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span { display: block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span { height: auto; max-width: 100%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context { opacity: .6; } /* Hide the date by default, but leave the element there if a theme wants to use css to make it visible. */ .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date { display: none; } /* Behavior when there are thumbnails in visual mode */ #jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt { display: none; } /* Behavior when there are no thumbnails in visual mode */ #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt { overflow: hidden; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span { margin-bottom: 1em; } /* List Layout */ #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post { clear: both; width: 100%; } #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img { float: left; overflow: hidden; max-width: 33%; margin-right: 3%; } #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title { display: inline-block; max-width: 63%; } /* * Responsive */ @media only screen and (max-width: 640px) { #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 50%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) { clear: left; } #jp-relatedposts .jp-relatedposts-items-visual { margin-right: 20px; } } @media only screen and (max-width: 320px) { #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 100%; clear: both; margin: 0 0 1em; } #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title { float: none; max-width: 100%; margin-right: 0; } } /* * Hide the related post section in the print view of a post */ @media print { .jp-relatedposts { display:none !important; } }</style><style type="text/css">.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}</style><style type="text/css">@keyframes pulse{0%{transform:scale(1)}35%{transform:scale(1.1)}60%{transform:scale(1.05)}100%{transform:scale(1)}}[data-type="core-embed/youtube"],[data-type="core-embed/vimeo"]{clear:both}.container-youtube,.container-vimeo{font-size:0;line-height:0}.container-youtube noscript,.container-vimeo noscript{display:block;font-size:1rem;line-height:1.2em;text-align:left}.preview-lazyload{opacity:1;position:relative;transition:opacity 0.25s}.js-lazyload--not-loaded .preview-lazyload{opacity:0}.entry-content a.preview-lazyload,a.preview-lazyload{background-color:transparent;border:0;height:315px;width:100%;max-width:100%;display:inline-block;margin-top:0;box-sizing:border-box}.entry-content a.preview-lazyload,a.preview-lazyload,.lazy-load-info-extra{text-decoration:none;color:#fff;font-family:Arial, serif;font-size:14px;line-height:18px}a.lazy-load-vimeo{text-decoration:none}.lazy-load-div{display:table;height:100%;width:100%}.lazy-load-div::before{font-size:50px;font-family:Arial, sans-serif;opacity:0.7;z-index:3;display:table-cell;vertical-align:middle;text-align:center}.lazy-load-div:hover{opacity:0.95}.lazy-load-div:hover::before{opacity:0.9}.css_white_pulse .lazy-load-div::before,.css_black_pulse .lazy-load-div::before{font-size:70px;animation:pulse 3s infinite linear}a.lazy-load-youtube:hover,.lazy-load-vimeo:hover{text-decoration:none}.lazy-load-div,.lazy-load-info,.lazy-load-info-extra{max-width:100%;color:#fff}.lazy-load-div,.titletext,.overlaytext{opacity:0.8}.lazy-load-div{position:absolute;top:0}.lazy-load-info,.lazy-load-info-extra{position:relative;padding:7px 15px}.lazy-load-info{pointer-events:none}.lazy-load-info-extra{display:none;position:absolute;bottom:0}.preview-lazyload ~ .lazy-load-info-extra{display:block}.container-youtube embed,.container-youtube iframe,.container-youtube object,.container-youtube video,.container-vimeo embed,.container-vimeo iframe,.container-vimeo object,.container-vimeo video{margin-bottom:0 !important}.entry-content a.lazy-load-youtube,a.lazy-load-youtube,.lazy-load-vimeo{margin-bottom:0 !important}.entry-content a.lazy-load-youtube iframe,a.lazy-load-youtube iframe,.lazy-load-vimeo iframe{margin-bottom:0 !important}a.lazy-load-youtube{display:block !important}.wp-embed-responsive .wp-block-embed[class*="wp-embed-aspect-"]{position:relative}.wp-embed-responsive .wp-block-embed[class*="wp-embed-aspect-"] .container-lazyload{position:absolute;left:0;top:0;height:100%;width:100%}.lazy-load-block-play{cursor:pointer}.lazy-load-block-play .preview-lazyload{pointer-events:none} </style><script src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=9b7bd504-e5c0-4e0c-9e55-96b66abed2fc"></script> </body></html>