Toggle search
Toggle menu
1K
1K
32
6.2K
The Petit Planet Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Documentation/styles.css: Difference between revisions

Template page
More actions
Browse history interactively
← Older edit
m Stevium moved page MediaWiki:Documentation.css to Template:Documentation/styles.css without leaving a redirect: Changing how the Documentation stylesheet is loaded: now uses TemplateStyles instead of @import
Stevium changed the content model of the page Template:Documentation/styles.css from "CSS" to "Sanitized CSS": TemplateStyles
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/*Documentation*/
.template-documentation {
.template-documentation {
     overflow: hidden;
     overflow: hidden;
Line 19: Line 18:


.template-documentation .template-documentation-langs {
.template-documentation .template-documentation-langs {
background-color: #F6F6F6;
background-color: var(--background-color-2);
background-color: rgba(var(--theme-border-color--rgb, 246,246,246), 0.15);
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
Line 51: Line 49:
     border: none;
     border: none;
     border-spacing: 5px;
     border-spacing: 5px;
}
.doctable th.doc-header {
    padding: 15px;
    background-color: var(--background-color-1);
}
}


Line 64: Line 57:
.doctable tr.links td a,  
.doctable tr.links td a,  
.doctable tr.links td .mw-selflink  {
.doctable tr.links td .mw-selflink  {
     padding: 5px;
     padding: 0.25em;
     display: block;
     display: block;
     font-size: 1rem;
     font-size: 1rem;
Line 71: Line 64:
     transition: 0.1s;
     transition: 0.1s;
     border-radius: 10px;
     border-radius: 10px;
     margin-top: 5px
     margin-top: 0.25em;
}
 
.doctable tr.links td a {
     background-color: var(--background-color-2);
     background-color: var(--background-color-2);
     color: var(--theme-page-background-color);
     color: var(--color-base);
     font-weight: 700;
     font-weight: 700;
background-image: none; /*Hide external link icon */
    /* hide external link icon */
    background-image: none;
}
}


.doctable tr.links td a:hover,  
.doctable tr.links td a:hover,  
.doctable tr.links td .mw-selflink {
.doctable tr.links td .mw-selflink {
     background-color: var(--theme-accent-color);
     background-color: var(--color-accent);
    color: var(--color-accent-text);
}
 
/* Buttons */
.template-documentation-header #doc_editlinks {
    color: transparent;
}
 
.template-documentation-header #doc_editlinks a {
     color: var(--color-base);
     color: var(--color-base);
     transition: 0.1s;
     background-color: var(--background-color-4) !important;
    padding: 2px 8px !important;
    border-radius: 10px !important;
}
}


.skin-theme-clientpref-night .doctable tr.links td a:hover,
.template-documentation-header #doc_editlinks a:hover {
.skin-theme-clientpref-night .doctable tr.links td .mw-selflink,
    text-decoration: none;
.skin-theme-clientpref-os .doctable tr.links td a:hover,
    background-color: var(--background-color-5) !important;
.skin-theme-clientpref-os .doctable tr.links td .mw-selflink {
    color: var(--background-color-base);
}
}


/* Edits appearence of buttons on Header 8 */
.template-documentation-header #doc_editlinks a:not(:last-child) {
.template-documentation-header #doc_editlinks {
    margin-right: -5px;
    color: transparent;
    /* hide text including [ and ] */
    a {
        color: inherit;
        /* restore link color */
        color: var(--color-base);
        /* or your normal link color */
        background-color: var(--background-color-4) !important;
        padding: 2px 8px !important;
        border-radius: 10px !important;
        transition: ease .15s;
    }
   
    a:hover {
text-decoration: none;
        background-color: var(--background-color-7) !important;
        transition: ease .15s;
.skin-theme-clientpref-day & {
background-color: var(--background-color-6) !important;
}
    }
   
    a:not(:last-child) {
        margin-right: -5px;
    }
 
    a::before,
    a::after {
        content: '';
        /* no [ ] before or after */
    }
}
}
Retrieved from "https://petitplanet.wiki/Template:Documentation/styles.css"