Adiciona estilo para as galerias de exemplos

galery.css

+
+/* Tamanho de fonte do texto */
+
+body, td, caption {
+    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
+    background-color: #FFF;
+    font-size: 20px;
+}
+
+p {
+    margin: 0px 10px 10px;
+}
+
+/* Configura o estilo do título */
+
+#header {
+    /* background-color: #F6F6F6; */
+    border-top: 2px solid #A96CBA;
+    border-right: 0px solid black;
+    border-bottom: 2px solid #A96CBA;
+    border-left: 0px solid black;
+    padding: 10px;
+    margin: 20px;
+}
+
+h1.title {
+    text-align: center
+}
+
+h4.author {
+    text-align: center
+}
+
+h4.date {
+    text-align: center
+}
+
+h4 {
+    text-align: center
+}
+
+/* Configura a tabela de conteúdo */
+
+#TOC {
+    clear: both;
+    margin: 10px 0px 0px 30px;
+    padding: 10px;
+    width: 400px;
+    border: 1px solid #CCC;
+    border-radius: 0px;
+    background-color: #F6F6F6;
+    font-size: 15px;
+    line-height: 1.5;
+}
+
+/* Configura a formatação dos capitulos (headers) */
+
+h2, .h2 {
+    font-size: 30px;
+    border-top: 0px solid black;
+    border-right: 0px solid black;
+    border-bottom: 2px solid #A96CBA;
+    border-left: 0px solid black;
+    width: 40%
+}
+
+/* Customização do ambiente de código */
+
+tt, code, pre {
+    font-family: "Ubuntu Mono","DejaVu Sans Mono",monospace;
+}
+
+pre {
+    display: block;
+    padding: 9.5px;
+    margin: 0px 0px 10px;
+    font-size: 20px;
+    line-height: 22px;
+    word-break: break-all;
+    word-wrap: break-word;
+    white-space: pre-wrap;
+    background-color: rgba(195, 132, 109, 0.11);
+    border: 3px solid #CCC;
+    border-radius: 0px;
+}
+
+pre .comment {
+    color: #7B7B05;
+    font-style: italic;
+}