From 81ed3cc51d7d317b2bcb63811ab5aa7f2a020613 Mon Sep 17 00:00:00 2001
From: DeltaLima <marcus@deltalima.org>
Date: Fri, 23 Jun 2023 00:13:03 +0200
Subject: [PATCH] do not apply class when inside <pre>

https://stackoverflow.com/questions/23853931/how-can-i-style-code-only-if-its-parent-is-not-pre
---
 res/common.css | 690 ++++++++++++++++++++++++-------------------------
 1 file changed, 345 insertions(+), 345 deletions(-)

diff --git a/res/common.css b/res/common.css
index 03e5941..5be6c7e 100644
--- a/res/common.css
+++ b/res/common.css
@@ -1,345 +1,345 @@
-/*
-Theme Name: Snail-orange
-Author: Marcoverga86, DeltaLima
-Version: 2.0
-Module: common.css
-*/
-
-/* ===== GENERAL (redefinition HTML tag) ===== */
-html {
-	font-size: 14px;
-	font-family: Tahoma, 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
-	margin: 0;
-	padding: 0
-}
-
-body {
-	color: #CCCCCC;
-	padding: 0;
-	text-align: center;
-	/*background: #315A94;*/
-        background-image: url("../imgs/header-background.jpg");
-	background-size: cover;
-	background-position: bottom center;
-	background-repeat: no-repeat; 
-	background-size:cover; 
-	background-attachment:fixed;
-  	background-color: #222;
-
-}
-
-hr { display: none }
-p { margin: .5em 0 }
-img { border: none }
-
-blockquote {
-	width: 90%;
-	margin: 1em 1em;
-	padding: 0 10px;
-	/*border-left: 10px solid white;*/
-	border-left: 10px solid #daaa55;
-	background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1));
-}
-
-pre, code {
-	font-family: Lucida Console, Monaco, monospace;
-	font-size: 90%;
-}
-
-pre {
-
-	/* border-top: 1px solid #ddd;
-	border-bottom: 1px solid #ddd; */
-	/*background-color: #efefef;*/
-	/*  background-color: #a8a8a8;*/
-	/*border-bottom: 1px solid #555;*/
-	border: 1px solid #555;
-	/*background-color: #444444;*/
-	
-	/* ubuntu terminal background color */
-	background: #380c2a; 
-	color: #CCCCCC;
-	overflow: auto;
-	width: 90%;
-	margin: 1em 1em;
-	padding: 5px 10px;
-	border-radius: 5px;
-	box-shadow: 3px 3px 6px black;
-}
-
-code {
-	background-color: rgba(0, 0, 0, 0.2);
-	border-radius: 3px;
-	padding: 0 3px;
-}
-
-ul, li, ol { margin: 0; padding: 0 }
-
-/* === Form === */
-form { margin: 1em 0 }
-
-fieldset {
-	margin: 0 0 1em 0;
-	padding: .5em;
-	border: #ddd solid 1px
-}
-
-legend {
-	color: white;
-	font-size: 80%;
-	font-style: oblique
-}
-
-input, textarea {
-	padding: .1em;
-    border: 1px solid #315A94;;
-	font-family: 'Trebuchet MS', Tahoma, 'Times New Roman';
-}
-
-input, admin-static-filename {
-	font-weight:bold;
-	background-color: #A29D7D;
-}
-
-input:hover, input:focus {
-	border: 1px solid #000099;
-	background-color: #DAAA55;
-}
-
-select { background-color: #ddd }
-
-textarea {
-	font-size: 100%;
-	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
-	width: 99%;
-	margin-top: .1em;
-	margin-bottom: 1em;
-    background-color: #999999;
-}
-
-/* ===== LINKS GENERAL ===== */
-a:link, a:visited {
-	/*color: #0066ff;*/
-  color: #e69138;
-	font-weight: bold;
-	text-decoration: none
-}
-
-a:hover {
-	/*color: #1100FF;*/
-  color: #f6b26b;
-	text-decoration: underline
-}
-
-/* ===== HEADERS TAGS ===== */
-h1, h2, h3, h4, h5, h6 { margin:0 }
-h1 { font-size: 3em }
-h2 { font-size: 2.3em }
-h3 { font-size: 1.8em }
-h4 { font-size: 1.5em }
-h5 { font-size: 1.2em }
-h6 { font-size: 0.9em }
-
-/* ===== DIV CONTAINER ALL ELEMENTS BLOCK ===== */
-#body-container {
-	text-align: left;
-	width: 72% !important;
-	width: 72%; /* fix for I.E. */
-	margin: 0 auto 0 auto;
-	padding: 5px;
-/*	background-color: #2D2D2D;*/
-	background-color: rgba(45, 45, 45, 0.8);
-  	overflow: hidden;
-	border-radius: 15px;
-}
-
-/* ===== HEAD ===== */
-#head {
-  	/*background: url("../imgs/logo.jpg") no-repeat;*/
-  	width: 680px; !important;
-	width: 680px;
-	height: 128px;
-	font-family: Tahoma, sans-serif;
-	float: center;
-}
-#head-bubble {
-/*        background-color: rgba(0, 0, 0, 0.2);*/
-        background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1));
-	border-radius: 15px;
-  	width: 100% !important;
-	height: 124px;
-	margin: 5px 0 0 5px ;
-}
-
-#title-container {
-	width: 580px;
-	float: left;
-}
-#logo-container {
-	padding-right: 10px;
-	padding-top: 3px;
-	float: right;
-}
-#logo-img {
-	/*background: url("../imgs/Mandrake-Tux_redraw.png");*/
-
-	height: 120px;
-
-}
-
-#clear-container {
-	clear: both;
-}
-
-#head a { 
-	color: white; 
-	font-weight: normal;
-	text-decoration: none;
-}
-
-#head h1 { padding: 35px 20px 0 25px }
-
-.subtitle {
-	font-style: oblique;
-	color: white;
-	margin: .5em 0 0 0;
-	padding-left: 25px;
-}
-
-/* ===== MAIN ===== */
-#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { 
-	margin: 0 0 10px 0;
-	font-weight: normal;
-}
-
-#main {
-	/*float:right;*/
-  overflow: hidden;
-  display: inline-block;
-	position: relative;
-	width: 73% !important;
-	width: 73%;
-	font-size: 100%;
-	margin: .8em 0.5em 0 1.2em;
-}
-
-#main p {
-	line-height: 1.5em;
-	margin-top: 1.2em;
-}
-
-#main img { margin: .2em }
-
-/* === List === */
-#main ul {
-	list-style-type: disc;
-	padding: 0 0 0 1.6em
-}
-
-ol li, ul li { padding-bottom: 0.9em }
-
-#main ol {
-	list-style-position: inside;
-	padding: 0 1.6em 0 1.6em
-}
-
-/* ===== COMMENTS ===== */
-#comments li {
-	margin: 0 0 1.5em 0;
-	padding: 5px;
-	/*border-top: 2px solid #6699FF;
-	border-bottom: 2px solid #6699FF;*/
-  border-top: 2px solid #f6b26b;
-	border-bottom: 2px solid #f6b26b;
-	background: #2D2D2D;
-}
-
-#commentform fieldset p { margin: 0 0 .5em 0 }
-#commentform textarea { background-color: #999999; }
-#commentform textarea:hover { background-color: #777777; }
-#comments p { padding-left: 20px } 
-#comments li.comment-admin strong.comment-name { font-size:160% }
-
-#comments li.comment-admin {
-	/*background-color: #DAAA55;*/
-  background-color: #393939;
-	/*color: black;*/
-	padding: 1em;
-}
-
-/* === Class of main block === */
-.date, p.date {
-	font-size: 11px;
-	margin: 3px 0 3px 0;
-	padding-bottom: 2px;
-    font-weight: normal;
-   	border-bottom: 2px solid #333333;
-}
-
-.entry {
-	margin: 0 0 1.5em 0;
-	padding: 0;
-	overflow: hidden; /* floating images fix */
-	height:1%; /* i.e. hack*/
-}
-	
-.entry p { font-size: 16px }
-
-.entry-title {
-	/*color: #26a269;*/
-	/* ubuntu color background term color: #380c2a; */
-	color: #daaa55;
-}
-
-#main .entrytitle { 
-	font-family: Candara, 'Cataneo BT', 'book antiqua', georgia, garamond, times, 'times new roman';
-	margin: 0;
-}
-
-.entry-footer a { color: #A29D7D }
-.entry-footer a:hover { color: #4B4B4B }
-
-.entry-footer {
-    text-align: right;
-	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
-    font-size: 0.9em;
-    margin: 2em 0 .5em 0;
-    margin-left: 58%;
-    border-top: 2px solid #333333;
-}
-
-.admincontrols { /* [edit] and [delete] */
-	float: right;
-	font-size: 80%
-}
-
-.buttonbar { text-align: center }
-
-.buttonbar input {
-	text-align: center;
-	margin: .1em .5em;
-	padding: 0 1em
-}
-
-.navigation { /* next entries & previous entries link */
-	font-size: 80%;
-	margin-bottom: 5em
-}
-
-/* ===== FOOTER ===== */
-#footer {
-	text-align: center;
-/*	background: #2D2D2D;*/
-/*        background-color: rgba(0, 0, 0, 0.2);*/
-	background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.2));
-	border-top-right-radius: 5px;
-	border-top-left-radius: 5px;
-	border-bottom-right-radius: 15px;
-	border-bottom-left-radius: 15px;
-	clear: both;
-	font-size: 80%;
-	padding: 8px;
-	margin: 0px 5px 5px 5px; 
-	/*border-top: #315A94 2px solid*/
-	/*border-top: #393939 2px solid*/
-}
+/*
+Theme Name: Snail-orange
+Author: Marcoverga86, DeltaLima
+Version: 2.0
+Module: common.css
+*/
+
+/* ===== GENERAL (redefinition HTML tag) ===== */
+html {
+	font-size: 14px;
+	font-family: Tahoma, 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
+	margin: 0;
+	padding: 0
+}
+
+body {
+	color: #CCCCCC;
+	padding: 0;
+	text-align: center;
+	/*background: #315A94;*/
+        background-image: url("../imgs/header-background.jpg");
+	background-size: cover;
+	background-position: bottom center;
+	background-repeat: no-repeat; 
+	background-size:cover; 
+	background-attachment:fixed;
+  	background-color: #222;
+
+}
+
+hr { display: none }
+p { margin: .5em 0 }
+img { border: none }
+
+blockquote {
+	width: 90%;
+	margin: 1em 1em;
+	padding: 0 10px;
+	/*border-left: 10px solid white;*/
+	border-left: 10px solid #daaa55;
+	background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1));
+}
+
+pre, code {
+	font-family: Lucida Console, Monaco, monospace;
+	font-size: 90%;
+}
+
+pre {
+
+	/* border-top: 1px solid #ddd;
+	border-bottom: 1px solid #ddd; */
+	/*background-color: #efefef;*/
+	/*  background-color: #a8a8a8;*/
+	/*border-bottom: 1px solid #555;*/
+	border: 1px solid #555;
+	/*background-color: #444444;*/
+	
+	/* ubuntu terminal background color */
+	background: #380c2a; 
+	color: #CCCCCC;
+	overflow: auto;
+	width: 90%;
+	margin: 1em 1em;
+	padding: 5px 10px;
+	border-radius: 5px;
+	box-shadow: 3px 3px 6px black;
+}
+
+:not(pre) > code {
+	background-color: rgba(0, 0, 0, 0.2);
+	border-radius: 3px;
+	padding: 0px 3px;
+}
+
+ul, li, ol { margin: 0; padding: 0 }
+
+/* === Form === */
+form { margin: 1em 0 }
+
+fieldset {
+	margin: 0 0 1em 0;
+	padding: .5em;
+	border: #ddd solid 1px
+}
+
+legend {
+	color: white;
+	font-size: 80%;
+	font-style: oblique
+}
+
+input, textarea {
+	padding: .1em;
+    border: 1px solid #315A94;;
+	font-family: 'Trebuchet MS', Tahoma, 'Times New Roman';
+}
+
+input, admin-static-filename {
+	font-weight:bold;
+	background-color: #A29D7D;
+}
+
+input:hover, input:focus {
+	border: 1px solid #000099;
+	background-color: #DAAA55;
+}
+
+select { background-color: #ddd }
+
+textarea {
+	font-size: 100%;
+	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
+	width: 99%;
+	margin-top: .1em;
+	margin-bottom: 1em;
+    background-color: #999999;
+}
+
+/* ===== LINKS GENERAL ===== */
+a:link, a:visited {
+	/*color: #0066ff;*/
+  color: #e69138;
+	font-weight: bold;
+	text-decoration: none
+}
+
+a:hover {
+	/*color: #1100FF;*/
+  color: #f6b26b;
+	text-decoration: underline
+}
+
+/* ===== HEADERS TAGS ===== */
+h1, h2, h3, h4, h5, h6 { margin:0 }
+h1 { font-size: 3em }
+h2 { font-size: 2.3em }
+h3 { font-size: 1.8em }
+h4 { font-size: 1.5em }
+h5 { font-size: 1.2em }
+h6 { font-size: 0.9em }
+
+/* ===== DIV CONTAINER ALL ELEMENTS BLOCK ===== */
+#body-container {
+	text-align: left;
+	width: 72% !important;
+	width: 72%; /* fix for I.E. */
+	margin: 0 auto 0 auto;
+	padding: 5px;
+/*	background-color: #2D2D2D;*/
+	background-color: rgba(45, 45, 45, 0.8);
+  	overflow: hidden;
+	border-radius: 15px;
+}
+
+/* ===== HEAD ===== */
+#head {
+  	/*background: url("../imgs/logo.jpg") no-repeat;*/
+  	width: 680px; !important;
+	width: 680px;
+	height: 128px;
+	font-family: Tahoma, sans-serif;
+	float: center;
+}
+#head-bubble {
+/*        background-color: rgba(0, 0, 0, 0.2);*/
+        background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1));
+	border-radius: 15px;
+  	width: 100% !important;
+	height: 124px;
+	margin: 5px 0 0 5px ;
+}
+
+#title-container {
+	width: 580px;
+	float: left;
+}
+#logo-container {
+	padding-right: 10px;
+	padding-top: 3px;
+	float: right;
+}
+#logo-img {
+	/*background: url("../imgs/Mandrake-Tux_redraw.png");*/
+
+	height: 120px;
+
+}
+
+#clear-container {
+	clear: both;
+}
+
+#head a { 
+	color: white; 
+	font-weight: normal;
+	text-decoration: none;
+}
+
+#head h1 { padding: 35px 20px 0 25px }
+
+.subtitle {
+	font-style: oblique;
+	color: white;
+	margin: .5em 0 0 0;
+	padding-left: 25px;
+}
+
+/* ===== MAIN ===== */
+#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { 
+	margin: 0 0 10px 0;
+	font-weight: normal;
+}
+
+#main {
+	/*float:right;*/
+  overflow: hidden;
+  display: inline-block;
+	position: relative;
+	width: 73% !important;
+	width: 73%;
+	font-size: 100%;
+	margin: .8em 0.5em 0 1.2em;
+}
+
+#main p {
+	line-height: 1.5em;
+	margin-top: 1.2em;
+}
+
+#main img { margin: .2em }
+
+/* === List === */
+#main ul {
+	list-style-type: disc;
+	padding: 0 0 0 1.6em
+}
+
+ol li, ul li { padding-bottom: 0.9em }
+
+#main ol {
+	list-style-position: inside;
+	padding: 0 1.6em 0 1.6em
+}
+
+/* ===== COMMENTS ===== */
+#comments li {
+	margin: 0 0 1.5em 0;
+	padding: 5px;
+	/*border-top: 2px solid #6699FF;
+	border-bottom: 2px solid #6699FF;*/
+  border-top: 2px solid #f6b26b;
+	border-bottom: 2px solid #f6b26b;
+	background: #2D2D2D;
+}
+
+#commentform fieldset p { margin: 0 0 .5em 0 }
+#commentform textarea { background-color: #999999; }
+#commentform textarea:hover { background-color: #777777; }
+#comments p { padding-left: 20px } 
+#comments li.comment-admin strong.comment-name { font-size:160% }
+
+#comments li.comment-admin {
+	/*background-color: #DAAA55;*/
+  background-color: #393939;
+	/*color: black;*/
+	padding: 1em;
+}
+
+/* === Class of main block === */
+.date, p.date {
+	font-size: 11px;
+	margin: 3px 0 3px 0;
+	padding-bottom: 2px;
+    font-weight: normal;
+   	border-bottom: 2px solid #333333;
+}
+
+.entry {
+	margin: 0 0 1.5em 0;
+	padding: 0;
+	overflow: hidden; /* floating images fix */
+	height:1%; /* i.e. hack*/
+}
+	
+.entry p { font-size: 16px }
+
+.entry-title {
+	/*color: #26a269;*/
+	/* ubuntu color background term color: #380c2a; */
+	color: #daaa55;
+}
+
+#main .entrytitle { 
+	font-family: Candara, 'Cataneo BT', 'book antiqua', georgia, garamond, times, 'times new roman';
+	margin: 0;
+}
+
+.entry-footer a { color: #A29D7D }
+.entry-footer a:hover { color: #4B4B4B }
+
+.entry-footer {
+    text-align: right;
+	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
+    font-size: 0.9em;
+    margin: 2em 0 .5em 0;
+    margin-left: 58%;
+    border-top: 2px solid #333333;
+}
+
+.admincontrols { /* [edit] and [delete] */
+	float: right;
+	font-size: 80%
+}
+
+.buttonbar { text-align: center }
+
+.buttonbar input {
+	text-align: center;
+	margin: .1em .5em;
+	padding: 0 1em
+}
+
+.navigation { /* next entries & previous entries link */
+	font-size: 80%;
+	margin-bottom: 5em
+}
+
+/* ===== FOOTER ===== */
+#footer {
+	text-align: center;
+/*	background: #2D2D2D;*/
+/*        background-color: rgba(0, 0, 0, 0.2);*/
+	background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.2));
+	border-top-right-radius: 5px;
+	border-top-left-radius: 5px;
+	border-bottom-right-radius: 15px;
+	border-bottom-left-radius: 15px;
+	clear: both;
+	font-size: 80%;
+	padding: 8px;
+	margin: 0px 5px 5px 5px; 
+	/*border-top: #315A94 2px solid*/
+	/*border-top: #393939 2px solid*/
+}