Module
Sidebar/styles.css
From Dogcraft Wiki
(Created page with "→.sidebar { float: right; clear: right; margin: 0.5em 0 1em 1em; background: #f9f9f9; border: 1px solid #aaa; padding: 0.2em; border-spacing: 0.4em 0; text-align: center; line-height: 1.4em; font-size: 88%; }: .wiki-sidebar { width: 22em; →@noflip: float: right; →@noflip: clear: right; →@noflip: margin: 0.5em 0 1em 1em; background: #f9f9f9; border: 1px solid #aaa; padding: 0.2em; text-align: center; line-height: 1.4em; font-size: 88%...") |
No edit summary |
||
Line 29: | Line 29: | ||
} | } | ||
.sidebar-subgroup { | .wiki-sidebar-subgroup { | ||
width: 100%; | width: 100%; | ||
margin: 0; | margin: 0; | ||
Line 35: | Line 35: | ||
} | } | ||
.sidebar-left { | .wiki-sidebar-left { | ||
/* @noflip */ | /* @noflip */ | ||
float: left; | float: left; | ||
Line 44: | Line 44: | ||
} | } | ||
.sidebar-none { | .wiki-sidebar-none { | ||
float: none; | float: none; | ||
clear: both; | clear: both; | ||
Line 51: | Line 51: | ||
} | } | ||
.sidebar-outer-title { | .wiki-sidebar-outer-title { | ||
padding: 0 0.4em 0.2em; | padding: 0 0.4em 0.2em; | ||
font-size: 125%; | font-size: 125%; | ||
Line 58: | Line 58: | ||
} | } | ||
.sidebar-top-image { | .wiki-sidebar-top-image { | ||
padding: 0.4em; | padding: 0.4em; | ||
} | } | ||
.sidebar-top-caption, | .wiki-sidebar-top-caption, | ||
.sidebar-pretitle-with-top-image, | .wiki-sidebar-pretitle-with-top-image, | ||
.sidebar-caption { | .wiki-sidebar-caption { | ||
padding: 0.2em 0.4em 0; | padding: 0.2em 0.4em 0; | ||
line-height: 1.2em; | line-height: 1.2em; | ||
} | } | ||
.sidebar-pretitle { | .wiki-sidebar-pretitle { | ||
padding: 0.4em 0.4em 0; | padding: 0.4em 0.4em 0; | ||
line-height: 1.2em; | line-height: 1.2em; | ||
} | } | ||
.sidebar-title, | .wiki-sidebar-title, | ||
.sidebar-title-with-pretitle { | .wiki-sidebar-title-with-pretitle { | ||
padding: 0.2em 0.8em; | padding: 0.2em 0.8em; | ||
font-size: 145%; | font-size: 145%; | ||
Line 81: | Line 81: | ||
} | } | ||
.sidebar-title-with-pretitle { | .wiki-sidebar-title-with-pretitle { | ||
padding: 0.1em 0.4em; | padding: 0.1em 0.4em; | ||
} | } | ||
.sidebar-image { | .wiki-sidebar-image { | ||
padding: 0.2em 0.4em 0.4em; | padding: 0.2em 0.4em 0.4em; | ||
} | } | ||
.sidebar-heading { | .wiki-sidebar-heading { | ||
padding: 0.1em 0.4em; | padding: 0.1em 0.4em; | ||
} | } | ||
.sidebar-content { | .wiki-sidebar-content { | ||
padding: 0 0.5em 0.4em; | padding: 0 0.5em 0.4em; | ||
} | } | ||
.sidebar-content-with-subgroup { | .wiki-sidebar-content-with-subgroup { | ||
padding: 0.1em 0.4em 0.2em; | padding: 0.1em 0.4em 0.2em; | ||
} | } | ||
.sidebar-above, | .wiki-sidebar-above, | ||
.sidebar-below { | .wiki-sidebar-below { | ||
padding: 0.3em 0.8em; | padding: 0.3em 0.8em; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.sidebar-collapse .sidebar-above, | .wiki-sidebar-collapse .wiki-sidebar-above, | ||
.sidebar-collapse .sidebar-below { | .wiki-sidebar-collapse .wiki-sidebar-below { | ||
border-top: 1px solid #aaa; | border-top: 1px solid #aaa; | ||
border-bottom: 1px solid #aaa; | border-bottom: 1px solid #aaa; | ||
} | } | ||
.sidebar-navbar { | .wiki-sidebar-navbar { | ||
text-align: right; | text-align: right; | ||
font-size: 115%; | font-size: 115%; | ||
Line 119: | Line 119: | ||
} | } | ||
.sidebar-list-title { | .wiki-sidebar-list-title { | ||
padding: 0 0.4em; | padding: 0 0.4em; | ||
text-align: left; | text-align: left; | ||
Line 128: | Line 128: | ||
/* centered text with mw-collapsible headers is finicky */ | /* centered text with mw-collapsible headers is finicky */ | ||
.sidebar-list-title-c { | .wiki-sidebar-list-title-c { | ||
padding: 0 0.4em; | padding: 0 0.4em; | ||
text-align: center; | text-align: center; |
Latest revision as of 22:37, 20 April 2023
/*.sidebar {
float: right;
clear: right;
margin: 0.5em 0 1em 1em;
background: #f9f9f9;
border: 1px solid #aaa;
padding: 0.2em;
border-spacing: 0.4em 0;
text-align: center;
line-height: 1.4em;
font-size: 88%;
}*/
.wiki-sidebar {
width: 22em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
/* @noflip */
margin: 0.5em 0 1em 1em;
background: #f9f9f9;
border: 1px solid #aaa;
padding: 0.2em;
text-align: center;
line-height: 1.4em;
font-size: 88%;
border-collapse: collapse;
}
.wiki-sidebar-subgroup {
width: 100%;
margin: 0;
border-spacing: 0;
}
.wiki-sidebar-left {
/* @noflip */
float: left;
/* @noflip */
clear: left;
/* @noflip */
margin: 0.5em 1em 1em 0;
}
.wiki-sidebar-none {
float: none;
clear: both;
/* @noflip */
margin: 0.5em 1em 1em 0;
}
.wiki-sidebar-outer-title {
padding: 0 0.4em 0.2em;
font-size: 125%;
line-height: 1.2em;
font-weight: bold;
}
.wiki-sidebar-top-image {
padding: 0.4em;
}
.wiki-sidebar-top-caption,
.wiki-sidebar-pretitle-with-top-image,
.wiki-sidebar-caption {
padding: 0.2em 0.4em 0;
line-height: 1.2em;
}
.wiki-sidebar-pretitle {
padding: 0.4em 0.4em 0;
line-height: 1.2em;
}
.wiki-sidebar-title,
.wiki-sidebar-title-with-pretitle {
padding: 0.2em 0.8em;
font-size: 145%;
line-height: 1.2em;
}
.wiki-sidebar-title-with-pretitle {
padding: 0.1em 0.4em;
}
.wiki-sidebar-image {
padding: 0.2em 0.4em 0.4em;
}
.wiki-sidebar-heading {
padding: 0.1em 0.4em;
}
.wiki-sidebar-content {
padding: 0 0.5em 0.4em;
}
.wiki-sidebar-content-with-subgroup {
padding: 0.1em 0.4em 0.2em;
}
.wiki-sidebar-above,
.wiki-sidebar-below {
padding: 0.3em 0.8em;
font-weight: bold;
}
.wiki-sidebar-collapse .wiki-sidebar-above,
.wiki-sidebar-collapse .wiki-sidebar-below {
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
.wiki-sidebar-navbar {
text-align: right;
font-size: 115%;
padding: 0 0.4em 0.4em;
}
.wiki-sidebar-list-title {
padding: 0 0.4em;
text-align: left;
font-weight: bold;
line-height: 1.6em;
font-size: 105%;
}
/* centered text with mw-collapsible headers is finicky */
.wiki-sidebar-list-title-c {
padding: 0 0.4em;
text-align: center;
margin: 0 3.3em;
}
@media (max-width: 720px) {
/* users have wide latitude to set arbitrary width and margin :(
"Super-specific" selector to prevent overriding this appearance by
lower level sidebars too */
body.mediawiki .wiki-sidebar {
width: 100% !important;
clear: both;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* TODO: We might consider making all links wrap at small resolutions and then
* only introduce nowrap at higher resolutions. Do when we invert the media
* query.
*/
}