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
No edit summary
Stevium changed the content model of the page Template:Documentation/styles.css from "CSS" to "Sanitized CSS": TemplateStyles
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/*Documentation*/
.template-documentation {
.template-documentation {
    border-radius: 10px;
     overflow: hidden;
     overflow: hidden;
margin: 1em 0;
}
}


.template-documentation .template-documentation-header {
.template-documentation .template-documentation-header,
background-color: #EEE;
.template-documentation .template-documentation-footer,
background-color: var(--theme-color-4);
.doctable th.doc-header {
padding: 1em;
    padding: 1em;
    border-radius: 10px;
    background-color: var(--background-color-2);
border: 1px solid var(--border-color-subtle);
border-radius: 10px;
}
 
.template-documentation .template-documentation-footer {
font-size: 100%;
text-align: right;
}
}


.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 21: Line 24:
margin: 0;
margin: 0;
padding: 0;
padding: 0;
padding-bottom: 0.5em
padding-bottom: 0.5em;
}
}


Line 41: Line 44:
overflow-y: auto;
overflow-y: auto;
padding: 1em;
padding: 1em;
}
.template-documentation .template-documentation-footer {
background-color: #EEE;
background-color: var(--theme-page-background-color--secondary, #EEE);
font-size: 100%;
padding: .5em 1em;
text-align: right;
    border-radius: 10px;
}
}


Line 55: Line 49:
     border: none;
     border: none;
     border-spacing: 5px;
     border-spacing: 5px;
}
.doctable th.doc-header {
    padding: 15px;
    background-color: var(--theme-color-1);
}
}


Line 66: Line 55:
}
}


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


.doctable tr.links td a {
.doctable tr.links td a:hover,
     background-color: var(--theme-color-1);
.doctable tr.links td .mw-selflink {
     color: var(--theme-page-background-color);
     background-color: var(--color-accent);
    font-weight: 700;
     color: var(--color-accent-text);
}
}


.doctable tr.links td a:hover, .doctable tr.links td .mw-selflink {
/* Buttons */
    background-color: var(--theme-accent-color);
.template-documentation-header #doc_editlinks {
     color: var(--page-text-color);
     color: transparent;
    transition: 0.1s;
}
}


.skin-theme-clientpref-night .doctable tr.links td a:hover, .skin-theme-clientpref-night .doctable tr.links td .mw-selflink {
.template-documentation-header #doc_editlinks a {
     color: var(--page-background-color);
    color: var(--color-base);
     background-color: var(--background-color-4) !important;
    padding: 2px 8px !important;
    border-radius: 10px !important;
}
}


.template-documentation .template-documentation-header, .template-documentation .template-documentation-footer, .doctable th.doc-header {
.template-documentation-header #doc_editlinks a:hover {
     border-color: #a1cebf;
     text-decoration: none;
     background-color: #EEEEEE1a;
     background-color: var(--background-color-5) !important;
}
}


/* 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(--theme-link-color);
        /* or your normal link color */
        background-color: var(--theme-color-6) !important;
        padding: 2px 10px !important;
        border-radius: 10px !important;
        transition: ease .15s;
    }
   
    a:hover {
        background-color: var(--theme-color-8) !important;
        transition: ease .15s;
    }
   
    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"