My Current CSS Style File

This is my current userstyle.css sample (1/25/2026):
/* ————————————————————————————————
   Global typography
——————————————————————————————— */
 
body {
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
    font-size: 120% !important;
    line-height: 1.6 !important;
}
 
/* Article content inherits the global font */
.dokuwiki .dw-content {
    font-family: "Segoe UI", sans-serif !important;
}
 
/* ————————————————————————————————
   Headings
——————————————————————————————— */
 
h1, h2, h3, h4, h5, h6 {
    font-family: "Segoe UI Semibold", "Segoe UI", sans-serif !important;
    font-weight: 600;
}
 
h1 { color: #003B5C; }
h2 { color: #D50032; }
h3 { 
    color: #4C6E86;
    font-weight: 700;
}
 
/* ————————————————————————————————
   Content background (inner box)
——————————————————————————————— */
 
#dokuwiki__content {
    background-color: #EA6671;
    background-image: radial-gradient(rgba(255,255,255,0.15) 0.5px, transparent 0.5px);
    background-size: 7px 7px;
}
 
/*This will normalize spacing across all paragraphs:*/
.dokuwiki .dw-content p {
    margin-top: 0;
    margin-bottom: 1em;
}
 
/* 
Remove Login from landing page. Great for single wiki users.  
This targets the login button specifically and forces it to hide 
you can still login using the url: https://[your-wiki-url]/doku.php?do=login 
 */
.dokuwiki .action.login, 
.dokuwiki .login, 
#dokuwiki__header .action.login { 
    display: none !important; 
}
 
/* Example: defining a red text class */
.dokuwiki .wrap_redtext {
    color: red;
}
 
.dokuwiki .wrap_violetext {
    color: #51158C;
}
This, of course, is a sample Wiki used mostly for testing.
Back to