Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Documentation.css: Difference between revisions

MediaWiki interface page
No edit summary
mNo edit summary
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/*Documentation*/
/*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;
}
}


Line 21: Line 26:
margin: 0;
margin: 0;
padding: 0;
padding: 0;
padding-bottom: 0.5em
padding-bottom: 0.5em;
}
}


Line 41: Line 46:
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 59: Line 55:
.doctable th.doc-header {
.doctable th.doc-header {
     padding: 15px;
     padding: 15px;
     background-color: var(--theme-color-1);
     background-color: var(--background-color-1);
}
}


Line 66: Line 62:
}
}


.doctable tr.links td a, .doctable tr.links td .mw-selflink  {
.doctable tr.links td a,  
.doctable tr.links td .mw-selflink  {
     padding: 5px;
     padding: 5px;
     display: block;
     display: block;
Line 78: Line 75:


.doctable tr.links td a {
.doctable tr.links td a {
     background-color: var(--theme-color-1);
     background-color: var(--background-color-2);
     color: var(--theme-page-background-color);
     color: var(--theme-page-background-color);
     font-weight: 700;
     font-weight: 700;
background-image: none; /*Hide external link icon */
}
}


.doctable tr.links td a:hover, .doctable tr.links td .mw-selflink {
.doctable tr.links td a:hover,  
.doctable tr.links td .mw-selflink {
     background-color: var(--theme-accent-color);
     background-color: var(--theme-accent-color);
     color: var(--page-text-color);
     color: var(--color-base);
     transition: 0.1s;
     transition: 0.1s;
}
}


.skin-theme-clientpref-night .doctable tr.links td a:hover, .skin-theme-clientpref-night .doctable tr.links td .mw-selflink {
.skin-theme-clientpref-night .doctable tr.links td a:hover,  
    color: var(--page-background-color);
.skin-theme-clientpref-night .doctable tr.links td .mw-selflink,
}
.skin-theme-clientpref-os .doctable tr.links td a:hover,  
 
.skin-theme-clientpref-os .doctable tr.links td .mw-selflink {
.template-documentation .template-documentation-header, .template-documentation .template-documentation-footer, .doctable th.doc-header {
     color: var(--background-color-base);
     border-color: #a1cebf;
    background-color: #EEEEEE1a;
}
}


/* Edits appearence of buttons on Header 8/
/* Edits appearence of buttons on Header 8 */
.template-documentation-header #doc_editlinks {
.template-documentation-header #doc_editlinks {
     color: transparent;
     color: transparent;
Line 105: Line 102:
         color: inherit;
         color: inherit;
         /* restore link color */
         /* restore link color */
         color: var(--theme-link-color);
         color: var(--color-base);
         /* or your normal link color */
         /* or your normal link color */
         background-color: var(--theme-color-6) !important;
         background-color: var(--background-color-4) !important;
         padding: 2px 10px !important;
         padding: 2px 8px !important;
         border-radius: 10px !important;
         border-radius: 10px !important;
         transition: ease .15s;
         transition: ease .15s;
Line 114: Line 111:
      
      
     a:hover {
     a:hover {
         background-color: var(--theme-color-8) !important;
text-decoration: none;
         background-color: var(--background-color-7) !important;
         transition: ease .15s;
         transition: ease .15s;
.skin-theme-clientpref-day & {
background-color: var(--background-color-6) !important;
}
     }
     }