Browse Source

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

Refs: spip/spip#5351
pull/4854/head
Cerdic 4 months ago
parent
commit
02c9ebd36d
  1. 8
      css/spip.css
  2. 36
      css/theme.css

8
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 */

36
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 */

Loading…
Cancel
Save