fix: bien distinguer le stylage du .spip_code inline et du .spip_code en block

Refs: spip/spip#5351

css/spip.css

@@ -73,7 +73,7 @@ table.spip tr.even td {}
 
 /* Citations, code et poesie */
 pre, code, kbd, samp, var, tt, .spip_code, .spip_cadre { font-family: 'Courier New', Courier, monospace; }
-div.spip_code, .spip_cadre {}
+.spip_code.spip_code_block, .spip_cadre.spip_cadre_block {}
 
 
 /* Logos, documents et images */
@@ -124,7 +124,7 @@ table.spip .spip_document_image {width: auto !important;}
 .formulaire_spip .editer,
 .formulaire_spip .choix { clear: both; padding: 0.3em 0; }
 .formulaire_spip .editer { margin:0.7em 0; }
-.formulaire_spip .saisie_radio input, 
+.formulaire_spip .saisie_radio input,
 .formulaire_spip .saisie_radio label,
 .formulaire_spip .saisie_checkbox input,
 .formulaire_spip .saisie_checkbox label,
@@ -183,7 +183,7 @@ li.erreur textarea { background-color: #fbe3e4; border-color: #fbc2c4; }
 .formulaire_recherche * { display: inline; }
 
 /* Paragraphes */
-div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_documents.spip_documents_center { margin-bottom: 1.5em; }
+div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre_block, .spip_code_block, .spip_documents.spip_documents_center { margin-bottom: 1.5em; }
 
 /* Pagination */
 .pagination { clear: both; text-align: center; }
@@ -209,4 +209,4 @@ a.spip_glossaire {} /* liens vers encyclopedie */
 	#spip-admin { display: none; }
 }
 
-/* fin */
+/* fin */

css/theme.css

@@ -12,7 +12,7 @@
 
 /* Elements principaux
 ------------------------------------------ */
-body {font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color:#222222;background:#ffffff;} 
+body {font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color:#222222;background:#ffffff;}
 
 h1,.h1,
 h2,.h2 { line-height: 1.2;}
@@ -20,9 +20,9 @@ h2,.h2 { line-height: 1.2;}
 /* Hyperliens
 ---------------------------------------------- */
 a, a:visited { color: #db1762;  }
- 
-a:focus, 
-a:hover, 
+
+a:focus,
+a:hover,
 a:active { background-color:#c41558; color:#fff; text-decoration:none; }
 
 
@@ -44,7 +44,6 @@ blockquote.spip_poesie {
 .spip_code,
 .spip_cadre {
 	font-family: 'Courier New', Courier, monospace;
-	margin:0 .2em;
 }
 
 .spip_code {
@@ -52,8 +51,15 @@ blockquote.spip_poesie {
 	background-color: rgba(227,227,211,0.5);
 	color: #3b3b25;
 	text-shadow: 0 1px 0 #fdfdfc;
+	border-radius:0.125em;
+}
+
+.spip_code.spip_code_inline {
+	margin:0 .125em;
+	padding:0 .125em;
 }
 
+
 .spip_cadre {
 	background:#333;
 	color:#fff;
@@ -61,10 +67,10 @@ blockquote.spip_poesie {
 	border:0;
 }
 
-textarea.spip_code,
-textarea.spip_cadre {
-	padding: 1em;
-	width:98%;
+.spip_code.spip_code_block,
+.spip_cadre.spip_cadre_block {
+	padding: 0.75em;
+	width:100%;
 }
 
 /* ------------------------------------------
@@ -147,7 +153,7 @@ table.spip tfoot { border-top: 1px solid; }
 .formulaire_menu_lang { margin: 0; padding: 0; background: none; }
 
 /* Formulaires de recherche (site / petitions) */
-.formulaire_recherche input.text { 
+.formulaire_recherche input.text {
 	width: auto;
 	height: 32px;
 	padding-left: 20px;
@@ -237,7 +243,7 @@ html[dir="rtl"] .formulaire_forum .saisie_texte .explication { font-style: norma
 .menu ul { margin-bottom: 1.5em; }
 .menu ul li {}
 .menu ul li ul { margin-left: 1.5em; list-style: circle; }
- 
+
 /* Pagination */
 .pagination .pagination-items {list-style: none;display: flex;flex-wrap: wrap; flex-direction: row; justify-content: center}
 .pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
@@ -264,7 +270,7 @@ html[dir="rtl"] .formulaire_forum .saisie_texte .explication { font-style: norma
 .menu_articles li div {margin-top:0.2em;margin-bottom:0.5em;}
 .menu_articles a {text-decoration:none;}
 .menu_articles strong {font-size:1.2em;}
- 
+
 .menu_breves li {}
 .menu_breves li h3 { margin: 0; }
 
@@ -301,11 +307,11 @@ html[dir="rtl"] .formulaire_forum .saisie_texte .explication { font-style: norma
 /* ------------------------------------------ */
 
 /* largeur maximum 767px */
-@media (max-width: 767px) { 
+@media (max-width: 767px) {
 	.pagination {line-height:3;}
 }
 
- 
+
 /* largeur maximum 640px */
 @media (max-width: 640px) {
 	body { font-size: .95em; }
@@ -314,4 +320,4 @@ html[dir="rtl"] .formulaire_forum .saisie_texte .explication { font-style: norma
 }
 
 
-/* fin */
+/* fin */