Dokuwiki: personnaliser la css

https://www.dokuwiki.org/devel:css

Note Fred: je privilégie l'édition de

/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 et sur mon blog, j'ai opté pour un fond sombre notamment pour des raisons écologiques, j'ai du un peu bidouiller l'excellent thème Bootstrap3 Template - en consultation il roule nickel, mais en édition c'était pas trop pratique

div.dokuwiki div.plugin_include_content div.secedit {
  float: right;
  margin-left: 1em;
  margin-top: 0;
}
 
div.dokuwiki div.inclmeta {
  border-top: 1px dotted __border__;
  padding-top: 0.2em;
  color: __text_neu__;
  font-size: 80%;
  line-height: 1.25;
  /*margin-top: 0.5em;*/
  margin-bottom: 2em;
}
 
div.dokuwiki div.inclmeta a.permalink {
  background: transparent url(images/link.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}
 
div.dokuwiki div.inclmeta abbr.published {
  background: transparent url(images/date.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
  border-bottom: 0;
}
 
div.dokuwiki div.inclmeta span.author {
  background: transparent url(images/user.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}
 
/* Disable the default interwiki icon for the user link (if there is any) */
div.dokuwiki div.inclmeta span.author a.interwiki {
    background: none;
    padding: 0;
}
 
div.dokuwiki div.inclmeta span.comment {
  background: transparent url(images/comment.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}
 
div.dokuwiki div.inclmeta div.tags {
  border-top: 0;
  font-size: 100%;
  float: right;
  clear: none;
}
 
div.dokuwiki p.include_readmore {
  text-align: right;
}
/*hack radeff lire la suite */
p.include_readmore a.wikilink1.btn.btn-default.btn-xs {
    font-size: 2em;
}
 
.dokuwiki button {
    vertical-align: middle;
    background-color: beige;
    color: black;
}
  • info/dw_css.txt
  • Dernière modification: 2018/10/06 11:27
  • par radeff