---
title: CSS personnalisé par ThG - Très important
description: Placer le code `{%hackmd YtCcH9J_TgSr8Thp55Fkvw %}` au début du nouveau document pour utiliser cette feuille de style
tags: thème
---

<style>

html, body, .ui-content {
/*Couleur du fond de la page*/
background-color: #FFFFFF;
/*Couleur de la police de caractères du contenu de la page*/
color: #000000;
}

/*Affichage de la barre Try HackMD
.flex {
display: none;
}
*/

/*Affichage de la barre d'information supérieure : none ou block*/
.ui-infobar {
display: none;
}

/*Espace latéral à droite initialment de 45 px pour comments*/
#doc.comment-enabled.comment-inner {
margin-right: 0px;
}

/*Affichage de la Table Of Content : none ou block*/
.toc{
display: none;
}

.toc-menu {
display:none;
}

.ui-toc-label {
display: none;
}

.markdown-body h1 {
border-bottom: none;
text-align: center;
font-family: 'Roboto Slab', serif;
font-weight: 400;
font-size: 1.5em;
color: #CC0000;
/*text-shadow: #999999 0px 1px 1px;*/
padding: 0.1em;
}

.markdown-body h2 {
border-bottom: none;
text-align: left;
font-family: 'Roboto Slab', serif;
font-weight: 400;
font-size: 1.3em;
color: #CC0000;
/*text-shadow: #999999 0px 1px 1px;*/
padding-bottom: 0.1em;
}

.markdown-body h3 {
font-family: 'Roboto Slab', serif;
font-weight: 400;
color: #333333;
font-size: 1.2em;
margin-bottom: 0.2em;
}

.markdown-body h4 {
font-family: 'Roboto Slab', serif;
font-weight: 400;
color: #666666;
font-size: 1.0em;
}

.markdown-body h5 {
font-family: 'Roboto Slab', serif;
font-weight: 400;
color: #999999;
font-size: 0.9em;
}

.markdown-body h6 {
font-weight: normal;
font-size: 0.8em;
color: #999999;
}

/*Police de caractères des paragraphes*/
.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre {
margin-top: 0px;
margin-bottom: 5px;
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
/*font-size: 1.0em;*/
color:#000000;
}

/*Liens d'accès aux titres*/
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
color: #DDDDDD;
}

.markdown-body img {
background-color: transparent;
}

.expand-toggle:hover,
.expand-toggle:focus,
.back-to-top:hover,
.back-to-top:focus,
.go-to-bottom:hover,
.go-to-bottom:focus {
color: black;
}

/*Mise en valeur originale dans Hackmd des citations*/

.markdown-body blockquote {
font-size: 16px;
padding: 0 1em;
color: #77777;
border: 0.0em solid #CC0000;
border-left: 0.25em solid #DDDDDD;
}

.markdown-body table tr {
background-color: #F4F4F4;
}

.markdown-body table tr:nth-child(2n) {
background-color: #FFFFFF;
}

.markdown-body code,
.markdown-body tt {
color: #eee;
background-color: rgba(230, 230, 230, 0.36);
}

/*Texte des liens*/
a,
.open-files-container li.selected a {
color: #999999;
}

a:focus, a:hover {
color: #DB143C;
text-decoration: none;
}

/**Image à gauche de 320 pixels**/
img[alt$="gauche_320px"] {float:left;width:320px;margin:10px}

/**Image à gauche de 160 pixels**/
img[alt$="gauche_160px"] {float:left;width:160px;margin:10px}

/**Image à droite de 320 pixels**/
img[alt$="droite_320px"] {float:right;width:320px;margin:10px}

/**Image à droite de 160 pixels**/
img[alt$="droite_160px"] {float:right;width:160px;margin:10px}

/**Image réduite en icone**/
img[alt$="icone"] {float:left;width:16px;margin:0.1em}

/*La classe Memento que j'ai écrite moi-même ! Il faut copier le code suivant dans la page html : <p class="memento">Mon texte</p>*/
.memento {
color: #000000;
font-size: 1.0em;
border: 1px solid red;
background-color: #FFFFCC;
padding: 10px;
}

/*La classe .tg pour des colonnes de tableaux sans bordures que j'ai écrite moi-même ! Il faut copier le code suivant dans la page html :*/
/* <table class="tg">
<tr>
<td class="tg-m9fq">Colonne 1</td>
<td class="tg-m9fq">Colonne 2</td>
<td class="tg-m9fq">Colonne 3</td>
</tr>
</table>*/

.tg {
border-collapse:collapse;
border-spacing:0;
}

.tg th{
padding:10px 5px;
border-style:solid;
border-width:1px;
overflow:hidden;
word-break:normal;
border-color:black;
}

.tg td{
padding:10px 5px;
border-style:solid;
border-width:1px;
overflow:hidden;
word-break:normal;
border-color:black;
}

.tg .tg-m9fq{
width:1%;
background-color:#FFFFFF;
border-color: #FFFFFF;
text-align:left;
vertical-align:middle;
font-weight: normal;
}

/*Paramètre des boutons de communauté : Like bookmark Subscribe*/
.ui-community .community-button { display: none; padding: 10px 10.36px; }

.footer {
display: none;
/* Début des paramètres originaux
background: #F8F8F8;
color: #686868;
font-size: 15px;
width: 100%;
border-top: 1px solid #dedede;
padding: 10px 0;
position: fixed;
bottom: 0;
z-index: 100;
Fin des paramètres originaux */
}

div.document-footer {
display: none;
}

</style>