OrangDev Labs Wiki

Module:Sidebar/styles.css: Difference between revisions

← Older edit
remove sidebar collapsible-toggle manipulation, add sidebar-list-title-c
Logan (talk | contribs)
Bureaucrats, Interface administrators, Administrators
6 edits
m 46 revisions imported from wikipedia:Module:Sidebar/styles.css
 
(26 intermediate revisions by 4 users not shown)
Line 10: Line 10:
/* @noflip */
/* @noflip */
margin: 0.5em 0 1em 1em;
margin: 0.5em 0 1em 1em;
background: #f8f9fa;
background: var(--background-color-neutral-subtle, #f8f9fa);
border: 1px solid #aaa;
border: 1px solid var(--border-color-base, #a2a9b1);
padding: 0.2em;
padding: 0.2em;
border-spacing: 0.4em 0;
text-align: center;
text-align: center;
line-height: 1.4em;
line-height: 1.4em;
font-size: 88%;
font-size: 88%;
border-collapse: collapse;
/* Timeless has display: none on .nomobile at mobile resolutions, so we
/* Timeless has display: none on .nomobile at mobile resolutions, so we
* unhide it with display: table and let precedence and proximity win.
* unhide it with display: table and let precedence and proximity win.
Line 41: Line 41:
     float: right !important;
     float: right !important;
     margin: 0.5em 0 1em 1em !important;
     margin: 0.5em 0 1em 1em !important;
}
.sidebar a {
white-space: nowrap;
}
.sidebar-wraplinks a {
white-space: normal;
}
}


Line 57: Line 49:
}
}


/* TODO: Investigate whether -left and -none are used. */
.sidebar-left {
.sidebar-left {
/* @noflip */
/* @noflip */
Line 75: Line 66:


.sidebar-outer-title {
.sidebar-outer-title {
padding-bottom: 0.2em;
padding: 0 0.4em 0.2em;
font-size: 125%;
font-size: 125%;
line-height: 1.2em;
line-height: 1.2em;
Line 82: Line 73:


.sidebar-top-image {
.sidebar-top-image {
padding: 0.4em 0;
padding: 0.4em;
}
}


Line 88: Line 79:
.sidebar-pretitle-with-top-image,
.sidebar-pretitle-with-top-image,
.sidebar-caption {
.sidebar-caption {
padding-top: 0.2em;
padding: 0.2em 0.4em 0;
line-height: 1.2em;
line-height: 1.2em;
}
}


.sidebar-pretitle {
.sidebar-pretitle {
padding-top: 0.4em;
padding: 0.4em 0.4em 0;
line-height: 1.2em;
line-height: 1.2em;
}
}
Line 99: Line 90:
.sidebar-title,
.sidebar-title,
.sidebar-title-with-pretitle {
.sidebar-title-with-pretitle {
padding: 0.2em 0.4em;
padding: 0.2em 0.8em;
font-size: 145%;
font-size: 145%;
line-height: 1.2em;
line-height: 1.2em;
Line 105: Line 96:


.sidebar-title-with-pretitle {
.sidebar-title-with-pretitle {
padding-top: 0;
padding: 0.1em 0.4em;
}
}


.sidebar-image {
.sidebar-image {
padding: 0.2em 0 0.4em;
padding: 0.2em 0.4em 0.4em;
}
}


.sidebar-heading {
.sidebar-heading {
padding: 0.1em;
padding: 0.1em 0.4em;
}
}


.sidebar-content {
.sidebar-content {
padding: 0 0.1em 0.4em;
padding: 0 0.5em 0.4em;
}
}


.sidebar-content-with-subgroup {
.sidebar-content-with-subgroup {
padding: 0.1em 0 0.2em;
padding: 0.1em 0.4em 0.2em;
}
}


.sidebar-above,
.sidebar-above,
.sidebar-below {
.sidebar-below {
padding: 0.3em 0.4em;
padding: 0.3em 0.8em;
font-weight: bold;
font-weight: bold;
}
}
Line 139: Line 130:
text-align: right;
text-align: right;
font-size: 115%;
font-size: 115%;
}
padding: 0 0.4em 0.4em;
 
.sidebar-collapse .sidebar-navbar {
padding-top: 0.6em;
}
}


.sidebar-list-title {
.sidebar-list-title {
padding: 0 0.4em;
text-align: left;
text-align: left;
font-weight: bold;
font-weight: bold;
Line 154: Line 143:
/* centered text with mw-collapsible headers is finicky */
/* centered text with mw-collapsible headers is finicky */
.sidebar-list-title-c {
.sidebar-list-title-c {
padding: 0 0.4em;
text-align: center;
text-align: center;
margin: 0 3.3em;
margin: 0 3.3em;
}
}


@media (max-width: 720px) {
@media (max-width: 640px) {
/* users have wide latitude to set arbitrary width and margin :(
/* users have wide latitude to set arbitrary width and margin :(
  "Super-specific" selector to prevent overriding this appearance by
  "Super-specific" selector to prevent overriding this appearance by
Line 173: Line 163:
* query.
* query.
*/
*/
}
/* Fixes: T367463 */
body.skin--responsive .sidebar a > img {
max-width: none !important;
}
/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859
* https://en.wikipedia.org/w/index.php?title=Laissez-faire
*/
@media screen {
    html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title,
    html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle {
  background: transparent !important;
    }
    html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle a {
    color: var( --color-progressive ) !important;
    }
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title,
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle {
background: transparent !important;
}
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle a {
color: var( --color-progressive ) !important;
}
}
@media print {
body.ns-0 .sidebar {
display: none !important;
}
}
}
Retrieved from "https://projecthome.skywiki.org/wiki/Module:Sidebar/styles.css"