MediaWiki:Common.css: Difference between revisions
From Step Mods | Change The Game
mNo edit summary Tag: Reverted |
Tags: Undo Reverted |
||
Line 13: | Line 13: | ||
.oo-ui-icon-previous, .mw-ui-icon-previous::before { | .oo-ui-icon-previous, .mw-ui-icon-previous::before { | ||
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22white%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eprevious%3C/title%3E%3Cpath d=%22M4 10l9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/svg%3E"); | background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22white%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eprevious%3C/title%3E%3Cpath d=%22M4 10l9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/svg%3E"); | ||
} | |||
/***** NavFrame example styles *****/ | |||
/* from .de. Documentation at [[Wikipedia:NavFrame]]. */ | |||
div.NavFrame { | |||
margin: 0; | |||
padding: 4px; | |||
border: 1px solid #161619; | |||
text-align: center; | |||
border-collapse: collapse; | |||
font-size: 95% | |||
} | |||
div.NavFrame + div.NavFrame { | |||
border-top-style: none; | |||
border-top-style: hidden | |||
} | |||
div.NavPic { | |||
background-color: #aaaaaa; | |||
margin: 0; | |||
padding: 2px; | |||
/* @noflip */ | |||
float: left | |||
} | |||
div.NavFrame div.NavHead { | |||
line-height: 1.6em; | |||
font-weight: bold; | |||
background-color: #262629; | |||
position: relative | |||
} | |||
div.NavFrame p, | |||
div.NavFrame div.NavContent, | |||
div.NavFrame div.NavContent p { | |||
font-size: 100% | |||
} | |||
div.NavEnd { | |||
margin: 0; | |||
padding: 0; | |||
line-height: 1px; | |||
clear: both | |||
} | |||
a.NavToggle { | |||
position: absolute; | |||
top: 0; | |||
/* @noflip */ | |||
right: 3px; | |||
font-weight: normal; | |||
font-size: 90% | |||
} | |||
.client-js .NavFrame.collapsed > .NavContent { | |||
display: none | |||
} | |||
/***** Step Tables on Project:Example_Collapsable_Elements *****/ | |||
.mw-collapsible-toggle-default, | |||
.mw-collapsible-toggle-default::before, | |||
.mw-collapsible-toggle-default::after { | |||
color: var(--bd-dim); | |||
font-size: 0.8rem; | |||
font-weight: normal | |||
} | |||
.mw-collapsible-toggle-default::before { | |||
padding-left: 0.3em | |||
} | |||
.mw-customtoggle, .mw-collapsible-toggle { | |||
cursor: pointer | |||
} | |||
body.page-Project_Example_Collapsable_Elements .steptable { | |||
border: none; | |||
background-color: transparent; | |||
width: 100%; | |||
font-size: 0.9em; | |||
line-height: 1.6em | |||
} | |||
body.page-Project_Example_Collapsable_Elements .steptablerow { | |||
border-bottom: 1px solid #666 | |||
} | |||
body.page-Project_Example_Collapsable_Elements .steptable .detailed { | |||
text-align: left; | |||
padding-left: 0.5em 1.5em; | |||
background-color: var(--bg-pri-emph) | |||
} | |||
body.page-Project_Example_Collapsable_Elements .steptable th { | |||
background-color: var(--bg-sec-hd); | |||
border-bottom: 2px solid var(--bd-dims); | |||
border-left: 1px solid var(--bd-mid); | |||
padding: 0.5rem 0.5rem; | |||
text-align: center; | |||
vertical-align: middle | |||
} | |||
body.page-Project_Example_Collapsable_Elements .steptable td { | |||
padding: 0.1rem 0.5rem; | |||
text-align: center; | |||
vertical-align: middle; | |||
border-left: 1px solid var(--bd-dims) | |||
} | |||
body.page-Project_Example_Collapsable_Elements .steptable th.first { | |||
border-left: none; | |||
width: 0.25rem; | |||
padding: 0; | |||
background-color: var(--bg-sec-hd) | |||
} | |||
body.page-Project_Example_Collapsable_Elements .steptable th.core { | |||
border-left: none; | |||
width: 0.25rem; | |||
padding: 0; | |||
background-color: var(--clr-chartreuse) | |||
} | |||
body.page-Project_Example_Collapsable_Elements .steptable th.modname, | |||
body.page-Project_Example_Collapsable_Elements .steptable td.modname { | |||
border-left: none; | |||
text-align: left; | |||
width: 25% | |||
} | |||
body.page-Project_Example_Collapsable_Elements .steptable th.baseline, | |||
body.page-Project_Example_Collapsable_Elements .steptable td.baseline { | |||
width: 9% | |||
} | |||
body.page-Project_Example_Collapsable_Elements .steptable th.notes, | |||
body.page-Project_Example_Collapsable_Elements .steptable td.notes { | |||
text-align: left | |||
} | |||
body.page-Project_Example_Collapsable_Elements .steptable tr.stepborder02-Extenders td, | |||
body.page-Project_Example_Collapsable_Elements .steptable tr.stepborder02-Extenders th { | |||
border-bottom: 1px solid #888888 | |||
} | } |
Revision as of 00:26, April 20, 2023
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto&display=swap');
/* gallery slideshow icon color modification */
.oo-ui-icon-next, .mw-ui-icon-next::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22white%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Enext%3C/title%3E%3Cpath d=%22M7 1L5.6 2.5 13 10l-7.4 7.5L7 19l9-9z%22/%3E%3C/svg%3E");
}
.oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22white%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eimage gallery%3C/title%3E%3Cpath d=%22M3 5a2 2 0 00-2 2v10a2 2 0 002 2h14a2 2 0 002-2V7a2 2 0 00-2-2zm0 11l3.5-4.5 2.5 3 3.5-4.5 4.5 6zM16 2a2 2 0 012 2H2a2 2 0 012-2z%22/%3E%3C/svg%3E");
}
.oo-ui-icon-previous, .mw-ui-icon-previous::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22white%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eprevious%3C/title%3E%3Cpath d=%22M4 10l9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/svg%3E");
}
/***** NavFrame example styles *****/
/* from .de. Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
margin: 0;
padding: 4px;
border: 1px solid #161619;
text-align: center;
border-collapse: collapse;
font-size: 95%
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden
}
div.NavPic {
background-color: #aaaaaa;
margin: 0;
padding: 2px;
/* @noflip */
float: left
}
div.NavFrame div.NavHead {
line-height: 1.6em;
font-weight: bold;
background-color: #262629;
position: relative
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
font-size: 100%
}
div.NavEnd {
margin: 0;
padding: 0;
line-height: 1px;
clear: both
}
a.NavToggle {
position: absolute;
top: 0;
/* @noflip */
right: 3px;
font-weight: normal;
font-size: 90%
}
.client-js .NavFrame.collapsed > .NavContent {
display: none
}
/***** Step Tables on Project:Example_Collapsable_Elements *****/
.mw-collapsible-toggle-default,
.mw-collapsible-toggle-default::before,
.mw-collapsible-toggle-default::after {
color: var(--bd-dim);
font-size: 0.8rem;
font-weight: normal
}
.mw-collapsible-toggle-default::before {
padding-left: 0.3em
}
.mw-customtoggle, .mw-collapsible-toggle {
cursor: pointer
}
body.page-Project_Example_Collapsable_Elements .steptable {
border: none;
background-color: transparent;
width: 100%;
font-size: 0.9em;
line-height: 1.6em
}
body.page-Project_Example_Collapsable_Elements .steptablerow {
border-bottom: 1px solid #666
}
body.page-Project_Example_Collapsable_Elements .steptable .detailed {
text-align: left;
padding-left: 0.5em 1.5em;
background-color: var(--bg-pri-emph)
}
body.page-Project_Example_Collapsable_Elements .steptable th {
background-color: var(--bg-sec-hd);
border-bottom: 2px solid var(--bd-dims);
border-left: 1px solid var(--bd-mid);
padding: 0.5rem 0.5rem;
text-align: center;
vertical-align: middle
}
body.page-Project_Example_Collapsable_Elements .steptable td {
padding: 0.1rem 0.5rem;
text-align: center;
vertical-align: middle;
border-left: 1px solid var(--bd-dims)
}
body.page-Project_Example_Collapsable_Elements .steptable th.first {
border-left: none;
width: 0.25rem;
padding: 0;
background-color: var(--bg-sec-hd)
}
body.page-Project_Example_Collapsable_Elements .steptable th.core {
border-left: none;
width: 0.25rem;
padding: 0;
background-color: var(--clr-chartreuse)
}
body.page-Project_Example_Collapsable_Elements .steptable th.modname,
body.page-Project_Example_Collapsable_Elements .steptable td.modname {
border-left: none;
text-align: left;
width: 25%
}
body.page-Project_Example_Collapsable_Elements .steptable th.baseline,
body.page-Project_Example_Collapsable_Elements .steptable td.baseline {
width: 9%
}
body.page-Project_Example_Collapsable_Elements .steptable th.notes,
body.page-Project_Example_Collapsable_Elements .steptable td.notes {
text-align: left
}
body.page-Project_Example_Collapsable_Elements .steptable tr.stepborder02-Extenders td,
body.page-Project_Example_Collapsable_Elements .steptable tr.stepborder02-Extenders th {
border-bottom: 1px solid #888888
}