Différences

Ci-dessous, les différences entre deux révisions de la page.

--- info:dw_css [2018/10/06 11:22] – radeff
+++ info:dw_css [2026/04/07 10:16] (Version actuelle) – ↷ Liens modifiés en raison d'un déplacement. 141.94.194.132
@@ Ligne 1: / Ligne 1: @@
 ======  Dokuwiki: personnaliser la css ======
+<note important>depuis 2025, je fais encore plus simple, j'utilise l'extension [[.dw:footer2|footer]] en ajoutant directement du CSS</note>
 https://www.dokuwiki.org/devel:css
@@ Ligne 6: / Ligne 8: @@
   /conf/userall.css
+Suffit de lancer l'inspecteur de code firefox (F12), d'examiner l'élément, de bidouiller la CSS puis une fois qu'on trouvé ce que l'on veut de surcharger en modifiant
+  /conf/userall.css
 ex. de mes hacks:
-===== sur ce wiki =====
+====== Bootstrap3 Template ======
+Sur ce wiki et sur [[https://radeff.red/blog|mon blog]]((noter la différence de look entre les deux sites, alors que la feuille de style est commune, via un lien symbolique)), j'ai opté pour un fond sombre pour des raisons écologiques. J'ai du un peu bidouiller l'excellent thème [[https://www.dokuwiki.org/template:bootstrap3|Bootstrap3 Template]], en consultation il est nickel, mais en édition c'était pas trop pratique.
 <code css>
+/*
+hack radeff dokuwiki theme bootstrap / darkly
+credits https://www.dokuwiki.org/template:bootstrap3|Bootstrap3 Template
+ */
+#config__manager label {
+    color:     lightgreen;
+    white-space: initial;
+    font-size: 1.2em;
+    font-weight: initial;
+}
+p.include_readmore a.wikilink1.btn.btn-default.btn-xs {
+    font-size: 2em;
+}
+.dokuwiki button {
+    vertical-align: middle;
+    background-color: beige;
+    color: black;
+}
+.notetip {
+background-color: #0db40d;
+}
+.notetip ul li a, .notetip a, .noteimportant {
+color: brown;
+}
+.noteclassic, .notewarning, .noteimportant  {
+  color: black;
+}
+.noteclassic a, .notewarning a, .noteimportant a
+{
+  color: navy;
+}
+.tagstop {
+  position: absolute;
+  bottom: 1px;
+  right: 1em;
+  height: 50px;
+}
+/*
+.tagstop {
+    padding: 1em;
+    position: relative;
+    top: 2em;
+    background-color: #375a7f;
+    border-coldisplay: inline-block;
+    font-weight: 400;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    border-radius: 25px;
+    overflow: hidden;
+}
+*/
+html.js body.darkly.dokuwiki.mode_show.tpl_bootstrap3.loggedIn.dw-page-on-panel div#insitu__fn.insitu-footnote.JSpopup.panel.panel-body.panel-default a.urlextern {
+color: navy;
+}
+a, h1, h2
+ {
+  color: snow;
+}
+p {
+  color: lightgrey;
+}
+.tagstop:before{
+     content: "Tag(s): ";
+  }
+  .tagstop {
+/*color: #212529;*/
+padding: 1em;
+position: relative; top: 2em;
+background-color: #375a7f;;
+border-coldisplay: inline-block;
+font-weight: 400;
+text-align: center;
+white-space: nowrap;
+vertical-align: middle;
+border-radius:25px;
+overflow:hidden;
+}
+.tagstop a {
+  color: white;
+}
+a.wikilink1 {
+text-decoration: none !important;
+}
 div.dokuwiki div.plugin_include_content div.secedit {
   float: right;
@@ Ligne 64: / Ligne 169: @@
   text-align: right;
 }
-/*hack radeff lire la suite */
+div.dokuwiki p.include_readmore a {
-p.include_readmore a.wikilink1.btn.btn-default.btn-xs {
+  color: white;
-    font-size: 2em;
-}
-.dokuwiki button {
-    vertical-align: middle;
-    background-color: beige;
-    color: black;
 }
 </code>